@gravity-ui/querieskit 1.5.0 → 1.6.0

package/build/cjs/modules/NavigationSchema/NavigationSchema.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_useVisibleColumns3","_buildSchemaColumns","_filterSchema","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationSchema","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","resolvedColumns","useMemo","concat","_toConsumableArray","buildSchemaColumns","i18n","allColumnNames","map","column","name","_useVisibleColumns","useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumns","filter","includes","fieldsOptions","_column$header","id","title","header","rows","filterSchema","_jsx","Text","color","children","_jsxs","Flex","direction","gap","FieldsSearchToolbar","fields","visibleFields","onVisibleFieldsChange","DataTable","emptyVariant","settings","displayIndices"],"sources":["NavigationSchema.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, FieldsSearchToolbar} from '../../components';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {NavigationSchemaColumn, NavigationSchemaConfig} from '../../types/navigation';\nimport {buildSchemaColumns} from './helpers/buildSchemaColumns';\nimport {filterSchema} from './helpers/filterSchema';\nimport i18n from './i18n';\nimport './NavigationSchema.scss';\n\nconst block = cn('qp-navigation-schema');\n\nexport type NavigationSchemaViewConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = {\n    tableColumns?: Array<Column<TColumn>>;\n    extraColumns?: Array<Column<TColumn>>;\n};\n\nexport type NavigationSchemaProps<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn> =\n    {\n        data: NavigationSchemaConfig<TColumn>;\n        view?: NavigationSchemaViewConfig<TColumn>;\n        search?: string;\n        onSearchUpdate?: (value: string) => void;\n        searchPlaceholder?: string;\n        visibleColumns?: string[];\n        onVisibleColumnsChange?: (value: string[]) => void;\n        defaultVisibleColumns?: string[];\n        hideToolbar?: boolean;\n        hideFieldsSelector?: boolean;\n        className?: string;\n    };\n\nexport function NavigationSchema<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationSchemaProps<TColumn>) {\n    const {columns, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildSchemaColumns<TColumn>(i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns]);\n\n    const allColumnNames = useMemo(\n        () => resolvedColumns.map((column) => column.name),\n        [resolvedColumns],\n    );\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(allColumnNames, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumns = useMemo(\n        () => resolvedColumns.filter((column) => activeVisibleColumns.includes(column.name)),\n        [resolvedColumns, activeVisibleColumns],\n    );\n\n    const fieldsOptions = useMemo(\n        () =>\n            resolvedColumns.map((column) => ({\n                id: column.name,\n                title: column.header ?? column.name,\n            })),\n        [resolvedColumns],\n    );\n\n    const rows = useMemo(() => filterSchema(columns, search), [columns, search]);\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            <DataTable<TColumn>\n                columns={displayedColumns}\n                data={rows}\n                loading={loading}\n                loaded={loaded}\n                emptyVariant={search ? 'nothing-found' : 'no-data'}\n                settings={{displayIndices: false}}\n                className={block('table')}\n            />\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_DataTable","_FieldsSearchToolbar","_useVisibleColumns3","_buildSchemaColumns","_filterSchema","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationSchema","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","resolvedColumns","useMemo","concat","_toConsumableArray","buildSchemaColumns","i18n","allColumnNames","map","column","name","_useVisibleColumns","useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumns","filter","includes","fieldsOptions","_column$header","id","title","header","rows","filterSchema","_jsx","Text","color","children","_jsxs","Flex","direction","gap","FieldsSearchToolbar","fields","visibleFields","onVisibleFieldsChange","DataTable","emptyVariant","settings","displayIndices"],"sources":["NavigationSchema.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {Column} from '../../components/DataTable';\nimport {DataTable} from '../../components/DataTable';\nimport {FieldsSearchToolbar} from '../../components/FieldsSearchToolbar';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {NavigationSchemaColumn, NavigationSchemaConfig} from '../../types/navigation';\nimport {buildSchemaColumns} from './helpers/buildSchemaColumns';\nimport {filterSchema} from './helpers/filterSchema';\nimport i18n from './i18n';\nimport './NavigationSchema.scss';\n\nconst block = cn('qp-navigation-schema');\n\nexport type NavigationSchemaViewConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = {\n    tableColumns?: Array<Column<TColumn>>;\n    extraColumns?: Array<Column<TColumn>>;\n};\n\nexport type NavigationSchemaProps<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn> =\n    {\n        data: NavigationSchemaConfig<TColumn>;\n        view?: NavigationSchemaViewConfig<TColumn>;\n        search?: string;\n        onSearchUpdate?: (value: string) => void;\n        searchPlaceholder?: string;\n        visibleColumns?: string[];\n        onVisibleColumnsChange?: (value: string[]) => void;\n        defaultVisibleColumns?: string[];\n        hideToolbar?: boolean;\n        hideFieldsSelector?: boolean;\n        className?: string;\n    };\n\nexport function NavigationSchema<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationSchemaProps<TColumn>) {\n    const {columns, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildSchemaColumns<TColumn>(i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns]);\n\n    const allColumnNames = useMemo(\n        () => resolvedColumns.map((column) => column.name),\n        [resolvedColumns],\n    );\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(allColumnNames, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumns = useMemo(\n        () => resolvedColumns.filter((column) => activeVisibleColumns.includes(column.name)),\n        [resolvedColumns, activeVisibleColumns],\n    );\n\n    const fieldsOptions = useMemo(\n        () =>\n            resolvedColumns.map((column) => ({\n                id: column.name,\n                title: column.header ?? column.name,\n            })),\n        [resolvedColumns],\n    );\n\n    const rows = useMemo(() => filterSchema(columns, search), [columns, search]);\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            <DataTable<TColumn>\n                columns={displayedColumns}\n                data={rows}\n                loading={loading}\n                loaded={loaded}\n                emptyVariant={search ? 'nothing-found' : 'no-data'}\n                settings={{displayIndices: false}}\n                className={block('table')}\n            />\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/NavigationSchema/helpers/buildSchemaColumns.d.ts

@@ -1,4 +1,4 @@
-import type { Column } from '../../../components';
+import type { Column } from '../../../components/DataTable';
 import type { NavigationSchemaColumn } from '../../../types/navigation';
 import type schemaI18n from '../i18n';
 export declare function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(i18n: typeof schemaI18n): Array<Column<TColumn>>;

package/build/cjs/modules/NavigationSchema/helpers/buildSchemaColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","ArrowUpIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","CheckIcon","SORT_ICONS","ascending","descending","buildSchemaColumns","i18n","name","header","render","_ref","row","_jsxs","Flex","inline","gap","alignItems","Text","sortOrder","Icon","data","size","_ref2","_row$type","type","_ref3","align","_ref4","required"],"sources":["buildSchemaColumns.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport type {Column} from '../../../components';\nimport type {NavigationSchemaColumn, NavigationSchemaSortOrder} from '../../../types/navigation';\nimport type schemaI18n from '../i18n';\n\nconst SORT_ICONS: Record<NavigationSchemaSortOrder, typeof ArrowUpIcon> = {\n    ascending: ArrowUpIcon,\n    descending: ArrowDownIcon,\n};\n\nexport function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(\n    i18n: typeof schemaI18n,\n): Array<Column<TColumn>> {\n    return [\n        {\n            name: 'name',\n            header: i18n('title_column-name'),\n            render: ({row}) => (\n                <Flex inline gap={1} alignItems=\"center\">\n                    <Text>{row.name}</Text>\n                    {row.sortOrder && <Icon data={SORT_ICONS[row.sortOrder]} size={14} />}\n                </Flex>\n            ),\n        },\n        {\n            name: 'type',\n            header: i18n('title_column-type'),\n            render: ({row}) => row.type ?? i18n('value_empty'),\n        },\n        {\n            name: 'sortOrder',\n            header: i18n('title_column-sort-order'),\n            render: ({row}) =>\n                row.sortOrder\n                    ? i18n(\n                          row.sortOrder === 'ascending'\n                              ? 'value_sort-ascending'\n                              : 'value_sort-descending',\n                      )\n                    : i18n('value_empty'),\n        },\n        {\n            name: 'required',\n            header: i18n('title_column-required'),\n            align: 'center',\n            render: ({row}) =>\n                row.required ? <Icon data={CheckIcon} size={16} /> : i18n('value_empty'),\n        },\n    ];\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","ArrowUpIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","CheckIcon","SORT_ICONS","ascending","descending","buildSchemaColumns","i18n","name","header","render","_ref","row","_jsxs","Flex","inline","gap","alignItems","Text","sortOrder","Icon","data","size","_ref2","_row$type","type","_ref3","align","_ref4","required"],"sources":["buildSchemaColumns.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport type {Column} from '../../../components/DataTable';\nimport type {NavigationSchemaColumn, NavigationSchemaSortOrder} from '../../../types/navigation';\nimport type schemaI18n from '../i18n';\n\nconst SORT_ICONS: Record<NavigationSchemaSortOrder, typeof ArrowUpIcon> = {\n    ascending: ArrowUpIcon,\n    descending: ArrowDownIcon,\n};\n\nexport function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(\n    i18n: typeof schemaI18n,\n): Array<Column<TColumn>> {\n    return [\n        {\n            name: 'name',\n            header: i18n('title_column-name'),\n            render: ({row}) => (\n                <Flex inline gap={1} alignItems=\"center\">\n                    <Text>{row.name}</Text>\n                    {row.sortOrder && <Icon data={SORT_ICONS[row.sortOrder]} size={14} />}\n                </Flex>\n            ),\n        },\n        {\n            name: 'type',\n            header: i18n('title_column-type'),\n            render: ({row}) => row.type ?? i18n('value_empty'),\n        },\n        {\n            name: 'sortOrder',\n            header: i18n('title_column-sort-order'),\n            render: ({row}) =>\n                row.sortOrder\n                    ? i18n(\n                          row.sortOrder === 'ascending'\n                              ? 'value_sort-ascending'\n                              : 'value_sort-descending',\n                      )\n                    : i18n('value_empty'),\n        },\n        {\n            name: 'required',\n            header: i18n('title_column-required'),\n            align: 'center',\n            render: ({row}) =>\n                row.required ? <Icon data={CheckIcon} size={16} /> : i18n('value_empty'),\n        },\n    ];\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAmD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAC5CG,WAAW,YAAXA,WAAWA,CAAAC,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAXR,WAAW,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACXC,aAAa,YAAbA,aAAaA,CAAAb,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAbM,aAAa,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACbE,SAAS,YAATA,SAASA,CAAAd,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAATO,SAAS,CAAAN,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAKhB,IAAMG,UAAiE,GAAG;EACtEC,SAAS,EAAEjB,WAAW;EACtBkB,UAAU,EAAEJ;AAChB,CAAC;AAEM,SAASK,kBAAkBA,CAC9BC,IAAuB,EACD;EACtB,OAAO,CACH;IACIC,IAAI,EAAE,MAAM;IACZC,MAAM,EAAEF,IAAI,CAAC,mBAAmB,CAAC;IACjCG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA;MAAA,IAAIC,GAAG,GAAAD,IAAA,CAAHC,GAAG;MAAA,oBACT,IAAAC,gBAAA,EAACC,WAAI;QAACC,MAAM;QAACC,GAAG,EAAE,CAAE;QAACC,UAAU,EAAC,QAAQ;QAAA1B,QAAA,gBACpC,IAAAF,eAAA,EAAC6B,WAAI;UAAA3B,QAAA,EAAEqB,GAAG,CAACJ;QAAI,CAAO,CAAC,EACtBI,GAAG,CAACO,SAAS,iBAAI,IAAA9B,eAAA,EAAC+B,WAAI;UAACC,IAAI,EAAElB,UAAU,CAACS,GAAG,CAACO,SAAS,CAAE;UAACG,IAAI,EAAE;QAAG,CAAE,CAAC;MAAA,CACnE,CAAC;IAAA;EAEf,CAAC,EACD;IACId,IAAI,EAAE,MAAM;IACZC,MAAM,EAAEF,IAAI,CAAC,mBAAmB,CAAC;IACjCG,MAAM,EAAE,SAARA,MAAMA,CAAAa,KAAA;MAAA,IAAAC,SAAA;MAAA,IAAIZ,GAAG,GAAAW,KAAA,CAAHX,GAAG;MAAA,QAAAY,SAAA,GAAMZ,GAAG,CAACa,IAAI,cAAAD,SAAA,cAAAA,SAAA,GAAIjB,IAAI,CAAC,aAAa,CAAC;IAAA;EACtD,CAAC,EACD;IACIC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAEF,IAAI,CAAC,yBAAyB,CAAC;IACvCG,MAAM,EAAE,SAARA,MAAMA,CAAAgB,KAAA;MAAA,IAAId,GAAG,GAAAc,KAAA,CAAHd,GAAG;MAAA,OACTA,GAAG,CAACO,SAAS,GACPZ,IAAI,CACAK,GAAG,CAACO,SAAS,KAAK,WAAW,GACvB,sBAAsB,GACtB,uBACV,CAAC,GACDZ,IAAI,CAAC,aAAa,CAAC;IAAA;EACjC,CAAC,EACD;IACIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAEF,IAAI,CAAC,uBAAuB,CAAC;IACrCoB,KAAK,EAAE,QAAQ;IACfjB,MAAM,EAAE,SAARA,MAAMA,CAAAkB,KAAA;MAAA,IAAIhB,GAAG,GAAAgB,KAAA,CAAHhB,GAAG;MAAA,OACTA,GAAG,CAACiB,QAAQ,gBAAG,IAAAxC,eAAA,EAAC+B,WAAI;QAACC,IAAI,EAAEnB,SAAU;QAACoB,IAAI,EAAE;MAAG,CAAE,CAAC,GAAGf,IAAI,CAAC,aAAa,CAAC;IAAA;EAChF,CAAC,CACJ;AACL","ignoreList":[]}

package/build/cjs/modules/NavigationView/NavigationView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type Column } from '../../components';
+import type { Column } from '../../components/DataTable';
 import type { NavigationViewConfig, NavigationViewRow } from '../../types/navigation';
 import './NavigationView.scss';
 export type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {

package/build/cjs/modules/NavigationView/NavigationView.js

@@ -11,7 +11,8 @@ require("core-js/modules/es.object.to-string.js");
 var _react = _interopRequireDefault(require("react"));
 var _uikit = require("@gravity-ui/uikit");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _components = require("../../components");
+var _EmptyContent = require("../../components/EmptyContent");
+var _SkeletonRows = require("../../components/SkeletonRows");
 var _NavigationViewSectionItem = require("./internal/NavigationViewSectionItem");
 require("./NavigationView.css");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -36,13 +37,13 @@ function NavigationView(_ref) {
     });
   }
   if (loading && !loaded) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SkeletonRows, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletonRows.SkeletonRows, {
       className: block(null, className),
       rowClassName: block('skeleton-row')
     });
   }
   if (sections.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EmptyContent, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyContent.EmptyContent, {
       variant: "no-data",
       className: block('empty')
     });

package/build/cjs/modules/NavigationView/NavigationView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_components","_NavigationViewSectionItem","_jsxRuntime","e","__esModule","default","block","cn","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_jsx","Text","color","children","SkeletonRows","rowClassName","length","EmptyContent","variant","Flex","direction","gap","map","section","NavigationViewSectionItem","id"],"sources":["NavigationView.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, EmptyContent, SkeletonRows} from '../../components';\nimport type {NavigationViewConfig, NavigationViewRow} from '../../types/navigation';\nimport {NavigationViewSectionItem} from './internal/NavigationViewSectionItem';\nimport './NavigationView.scss';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    data: NavigationViewConfig<TRow>;\n    view?: NavigationViewViewConfig<TRow>;\n    className?: string;\n};\n\nexport function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({\n    data,\n    view,\n    className,\n}: NavigationViewProps<TRow>) {\n    const {sections, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    if (loading && !loaded) {\n        return (\n            <SkeletonRows className={block(null, className)} rowClassName={block('skeleton-row')} />\n        );\n    }\n\n    if (sections.length === 0) {\n        return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {sections.map((section) => (\n                <NavigationViewSectionItem<TRow>\n                    key={section.id}\n                    section={section}\n                    tableColumns={tableColumns}\n                    extraColumns={extraColumns}\n                />\n            ))}\n        </Flex>\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,0BAAA,GAAAJ,OAAA;AACAA,OAAA;AAA+B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,oBAAoB,CAAC;AAa/B,SAASC,cAAcA,CAAAC,IAAA,EAIA;EAAA,IAH1BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAET,IAAOC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAEC,OAAO,GAA0BJ,IAAI,CAArCI,OAAO;IAAEC,MAAM,GAAkBL,IAAI,CAA5BK,MAAM;IAAEC,YAAY,GAAIN,IAAI,CAApBM,YAAY;EAC9C,IAAAC,KAAA,GAAqCN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAAxCO,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAEjC,IAAIH,YAAY,EAAE;IACd,oBACI,IAAAI,eAAA,EAACC,WAAI;MAACC,KAAK,EAAC,QAAQ;MAACV,SAAS,EAAEN,KAAK,CAAC,OAAO,CAAE;MAAAiB,QAAA,EAC1CP;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACI,IAAAK,eAAA,EAACI,wBAAY;MAACZ,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;MAACa,YAAY,EAAEnB,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIO,QAAQ,CAACa,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAO,IAAAN,eAAA,EAACO,wBAAY;MAACC,OAAO,EAAC,SAAS;MAAChB,SAAS,EAAEN,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACI,IAAAc,eAAA,EAACS,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACnB,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;IAAAW,QAAA,EAC9DV,QAAQ,CAACmB,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClB,IAAAb,eAAA,EAACc,oDAAyB;QAEtBD,OAAO,EAAEA,OAAQ;QACjBf,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBc,OAAO,CAACE,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_EmptyContent","_SkeletonRows","_NavigationViewSectionItem","_jsxRuntime","e","__esModule","default","block","cn","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_jsx","Text","color","children","SkeletonRows","rowClassName","length","EmptyContent","variant","Flex","direction","gap","map","section","NavigationViewSectionItem","id"],"sources":["NavigationView.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {Column} from '../../components/DataTable';\nimport {EmptyContent} from '../../components/EmptyContent';\nimport {SkeletonRows} from '../../components/SkeletonRows';\nimport type {NavigationViewConfig, NavigationViewRow} from '../../types/navigation';\nimport {NavigationViewSectionItem} from './internal/NavigationViewSectionItem';\nimport './NavigationView.scss';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    data: NavigationViewConfig<TRow>;\n    view?: NavigationViewViewConfig<TRow>;\n    className?: string;\n};\n\nexport function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({\n    data,\n    view,\n    className,\n}: NavigationViewProps<TRow>) {\n    const {sections, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    if (loading && !loaded) {\n        return (\n            <SkeletonRows className={block(null, className)} rowClassName={block('skeleton-row')} />\n        );\n    }\n\n    if (sections.length === 0) {\n        return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {sections.map((section) => (\n                <NavigationViewSectionItem<TRow>\n                    key={section.id}\n                    section={section}\n                    tableColumns={tableColumns}\n                    extraColumns={extraColumns}\n                />\n            ))}\n        </Flex>\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,0BAAA,GAAAL,OAAA;AACAA,OAAA;AAA+B,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,oBAAoB,CAAC;AAa/B,SAASC,cAAcA,CAAAC,IAAA,EAIA;EAAA,IAH1BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAET,IAAOC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAEC,OAAO,GAA0BJ,IAAI,CAArCI,OAAO;IAAEC,MAAM,GAAkBL,IAAI,CAA5BK,MAAM;IAAEC,YAAY,GAAIN,IAAI,CAApBM,YAAY;EAC9C,IAAAC,KAAA,GAAqCN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAAxCO,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAEjC,IAAIH,YAAY,EAAE;IACd,oBACI,IAAAI,eAAA,EAACC,WAAI;MAACC,KAAK,EAAC,QAAQ;MAACV,SAAS,EAAEN,KAAK,CAAC,OAAO,CAAE;MAAAiB,QAAA,EAC1CP;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACI,IAAAK,eAAA,EAACI,0BAAY;MAACZ,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;MAACa,YAAY,EAAEnB,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIO,QAAQ,CAACa,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAO,IAAAN,eAAA,EAACO,0BAAY;MAACC,OAAO,EAAC,SAAS;MAAChB,SAAS,EAAEN,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACI,IAAAc,eAAA,EAACS,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACnB,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;IAAAW,QAAA,EAC9DV,QAAQ,CAACmB,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClB,IAAAb,eAAA,EAACc,oDAAyB;QAEtBD,OAAO,EAAEA,OAAQ;QACjBf,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBc,OAAO,CAACE,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.d.ts

@@ -1,4 +1,4 @@
-import type { Column } from '../../../components';
+import type { Column } from '../../../components/DataTable';
 import type { NavigationViewRow } from '../../../types/navigation';
 import type viewI18n from '../i18n';
 export declare function buildViewColumns<TRow extends NavigationViewRow>(columns: string[], i18n: typeof viewI18n): Array<Column<TRow>>;

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_buildColumnsFromKeys","require","buildViewColumns","columns","i18n","buildColumnsFromKeys"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n    columns: string[],\n    i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n    return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":";;;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AAIO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAO,IAAAC,0CAAoB,EAAOF,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}
+{"version":3,"names":["_buildColumnsFromKeys","require","buildViewColumns","columns","i18n","buildColumnsFromKeys"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components/DataTable';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n    columns: string[],\n    i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n    return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":";;;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AAIO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAO,IAAAC,0CAAoB,EAAOF,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type Column } from '../../../components';
+import type { Column } from '../../../components/DataTable';
 import type { NavigationViewRow, NavigationViewSection } from '../../../types/navigation';
 export type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {
     section: NavigationViewSection<TRow>;

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js

@@ -9,7 +9,8 @@ require("core-js/modules/es.array.concat.js");
 var _react = _interopRequireWildcard(require("react"));
 var _uikit = require("@gravity-ui/uikit");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _components = require("../../../components");
+var _DataTable = require("../../../components/DataTable");
+var _NavigationActionButtons = require("../../../components/NavigationActionButtons");
 var _buildViewColumns = require("../helpers/buildViewColumns");
 var _i18n = _interopRequireDefault(require("../i18n"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -42,7 +43,7 @@ function NavigationViewSectionItem(_ref) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
             minWidth: 0,
             children: defaultButton
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavigationActionButtons, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationActionButtons.NavigationActionButtons, {
             actions: section.actions,
             arg: section,
             buttonClassName: block('action')
@@ -53,7 +54,7 @@ function NavigationViewSectionItem(_ref) {
       children: section.errorContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
         color: "danger",
         children: section.errorContent
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DataTable, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataTable.DataTable, {
         columns: resolvedColumns,
         data: section.rows,
         loading: section.loading,

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_buildViewColumns","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","useMemo","concat","_toConsumableArray","buildViewColumns","columns","i18n","_jsxs","Disclosure","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","_jsx","Summary","_props","defaultButton","Flex","gap","justifyContent","alignItems","minWidth","NavigationActionButtons","actions","arg","buttonClassName","Details","errorContent","Text","color","DataTable","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, NavigationActionButtons} from '../../../components';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    section: NavigationViewSection<TRow>;\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n    section,\n    tableColumns,\n    extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, section.columns]);\n\n    return (\n        <Disclosure\n            summary={section.title}\n            expanded={section.expanded}\n            defaultExpanded={section.defaultExpanded}\n            onUpdate={section.onExpandedChange}\n            className={block('section')}\n        >\n            <Disclosure.Summary>\n                {(_props, defaultButton) => (\n                    <Flex\n                        gap={2}\n                        justifyContent=\"flex-start\"\n                        alignItems=\"center\"\n                        className={block('summary')}\n                    >\n                        <Flex minWidth={0}>{defaultButton}</Flex>\n                        <NavigationActionButtons\n                            actions={section.actions}\n                            arg={section}\n                            buttonClassName={block('action')}\n                        />\n                    </Flex>\n                )}\n            </Disclosure.Summary>\n            <Disclosure.Details>\n                {section.errorContent ? (\n                    <Text color=\"danger\">{section.errorContent}</Text>\n                ) : (\n                    <DataTable<TRow>\n                        columns={resolvedColumns}\n                        data={section.rows}\n                        loading={section.loading}\n                        loaded={section.loaded}\n                        settings={{displayIndices: false}}\n                        className={block('table')}\n                    />\n                )}\n            </Disclosure.Details>\n        </Disclosure>\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_DataTable","_NavigationActionButtons","_buildViewColumns","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","useMemo","concat","_toConsumableArray","buildViewColumns","columns","i18n","_jsxs","Disclosure","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","_jsx","Summary","_props","defaultButton","Flex","gap","justifyContent","alignItems","minWidth","NavigationActionButtons","actions","arg","buttonClassName","Details","errorContent","Text","color","DataTable","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {Column} from '../../../components/DataTable';\nimport {DataTable} from '../../../components/DataTable';\nimport {NavigationActionButtons} from '../../../components/NavigationActionButtons';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    section: NavigationViewSection<TRow>;\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n    section,\n    tableColumns,\n    extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, section.columns]);\n\n    return (\n        <Disclosure\n            summary={section.title}\n            expanded={section.expanded}\n            defaultExpanded={section.defaultExpanded}\n            onUpdate={section.onExpandedChange}\n            className={block('section')}\n        >\n            <Disclosure.Summary>\n                {(_props, defaultButton) => (\n                    <Flex\n                        gap={2}\n                        justifyContent=\"flex-start\"\n                        alignItems=\"center\"\n                        className={block('summary')}\n                    >\n                        <Flex minWidth={0}>{defaultButton}</Flex>\n                        <NavigationActionButtons\n                            actions={section.actions}\n                            arg={section}\n                            buttonClassName={block('action')}\n                        />\n                    </Flex>\n                )}\n            </Disclosure.Summary>\n            <Disclosure.Details>\n                {section.errorContent ? (\n                    <Text color=\"danger\">{section.errorContent}</Text>\n                ) : (\n                    <DataTable<TRow>\n                        columns={resolvedColumns}\n                        data={section.rows}\n                        loading={section.loading}\n                        loaded={section.loaded}\n                        settings={{displayIndices: false}}\n                        className={block('table')}\n                    />\n                )}\n            </Disclosure.Details>\n        </Disclosure>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/QueriesList/QueriesList.js

@@ -14,7 +14,7 @@ require("core-js/modules/es.string.search.js");
 require("core-js/modules/es.string.trim.js");
 var _react = _interopRequireDefault(require("react"));
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _components = require("../../components");
+var _FieldsSelector = require("../../components/FieldsSelector");
 var _useListKey = require("../../helpers/useListKey");
 var _HistoryComparisonActions = require("../HistoryComparisonActions");
 var _HistoryHeader = require("../HistoryHeader");
@@ -51,7 +51,7 @@ var QueriesList = exports.QueriesList = function QueriesList(_ref) {
     className: block(null, className),
     title: title,
     logo: logo,
-    actions: visibleFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FieldsSelector, (0, _objectSpread2.default)({}, visibleFields)),
+    actions: visibleFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldsSelector.FieldsSelector, (0, _objectSpread2.default)({}, visibleFields)),
     header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryHeader.HistoryHeader, {
       className: block('header'),
       search: search.value,

package/build/cjs/modules/QueriesList/QueriesList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_components","_useListKey","_HistoryComparisonActions","_HistoryHeader","_HistoryLayout","_RowsList","_jsxRuntime","e","__esModule","default","block","cn","QueriesList","exports","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","hasMore","loading","onLoadMore","renderLink","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","listKey","useListKey","_jsx","HistoryLayout","actions","FieldsSelector","_objectSpread","header","HistoryHeader","hasClear","onUpdate","footer","HistoryComparisonActions","children","RowsList","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components';\nimport {useListKey} from '../../helpers/useListKey';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n    className?: string;\n    title: React.ReactNode;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    onListItemClick?: (item: QueryListItem<T>) => void;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    getRowActions,\n    renderRow,\n    onListItemClick,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n}: QueriesListProps<T>) => {\n    const fullSearchAvailable = search.fullSearchAvailable !== false;\n    const showSearchResults = Boolean(\n        fullSearchAvailable && search.fullSearch && search.value?.trim(),\n    );\n    const rowVariant = showSearchResults ? 'search' : 'default';\n    const listKey = useListKey(items, rowVariant, Boolean(onLoadMore));\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    className={block('header')}\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    fullSearchAvailable={fullSearchAvailable}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <HistoryComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <RowsList\n                key={listKey}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                getRowActions={getRowActions}\n                renderRow={renderRow}\n                showFiltersHint={Boolean(filter)}\n                hasMore={hasMore}\n                loading={loading}\n                onLoadMore={onLoadMore}\n                renderLink={renderLink}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_FieldsSelector","_useListKey","_HistoryComparisonActions","_HistoryHeader","_HistoryLayout","_RowsList","_jsxRuntime","e","__esModule","default","block","cn","QueriesList","exports","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","hasMore","loading","onLoadMore","renderLink","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","listKey","useListKey","_jsx","HistoryLayout","actions","FieldsSelector","_objectSpread","header","HistoryHeader","hasClear","onUpdate","footer","HistoryComparisonActions","children","RowsList","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components/FieldsSelector';\nimport {useListKey} from '../../helpers/useListKey';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n    className?: string;\n    title: React.ReactNode;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    onListItemClick?: (item: QueryListItem<T>) => void;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    getRowActions,\n    renderRow,\n    onListItemClick,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n}: QueriesListProps<T>) => {\n    const fullSearchAvailable = search.fullSearchAvailable !== false;\n    const showSearchResults = Boolean(\n        fullSearchAvailable && search.fullSearch && search.value?.trim(),\n    );\n    const rowVariant = showSearchResults ? 'search' : 'default';\n    const listKey = useListKey(items, rowVariant, Boolean(onLoadMore));\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    className={block('header')}\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    fullSearchAvailable={fullSearchAvailable}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <HistoryComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <RowsList\n                key={listKey}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                getRowActions={getRowActions}\n                renderRow={renderRow}\n                showFiltersHint={Boolean(filter)}\n                hasMore={hasMore}\n                loading={loading}\n                onLoadMore={onLoadMore}\n                renderLink={renderLink}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/QueryProgress/QueryProgress.css

@@ -0,0 +1,64 @@
+.qp-query-progress {
+  min-width: 0;
+  min-height: 0;
+  height: 100%;
+}
+.qp-query-progress__toolbar {
+  flex-shrink: 0;
+  flex-wrap: wrap;
+}
+.qp-query-progress__statuses {
+  margin-left: auto;
+}
+.qp-query-progress__status {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--g-spacing-1);
+  padding: var(--g-spacing-1) var(--g-spacing-2);
+  border-radius: var(--g-border-radius-s);
+  color: var(--g-color-text-secondary);
+  background: var(--g-color-base-background);
+}
+.qp-query-progress__status_status_not-started {
+  color: var(--g-color-text-primary);
+  box-shadow: inset 0 0 0 1px var(--g-color-line-generic);
+}
+.qp-query-progress__status_status_waiting {
+  color: var(--g-color-text-misc-heavy);
+  background: var(--g-color-base-misc-light);
+}
+.qp-query-progress__status_status_running {
+  color: var(--g-color-text-info);
+  background: var(--g-color-base-info-light);
+}
+.qp-query-progress__status_status_completed {
+  color: var(--g-color-text-positive);
+  background: var(--g-color-base-positive-light);
+}
+.qp-query-progress__status_status_failed {
+  color: var(--g-color-text-danger);
+  background: var(--g-color-base-danger-light);
+}
+.qp-query-progress__status_status_aborted {
+  color: var(--g-color-text-complementary);
+  background: var(--g-color-base-generic);
+}
+.qp-query-progress__content, .qp-query-progress__view {
+  flex: 1;
+  min-height: 0;
+  height: 100%;
+}
+.qp-query-progress__view_hidden {
+  visibility: hidden;
+  position: absolute;
+  pointer-events: none;
+}
+.qp-query-progress__timeline {
+  min-height: 360px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px dashed var(--g-color-line-generic);
+  border-radius: var(--g-border-radius-l);
+}
+/*# sourceMappingURL=QueryProgress.css.map */

package/build/cjs/modules/QueryProgress/QueryProgress.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryProgress.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;EACA,aAAA;EACA,YAAA;AACJ;AACI;EACI,cAAA;EACA,eAAA;AACR;AAEI;EACI,iBAAA;AAAR;AAGI;EACI,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,8CAAA;EACA,uCAAA;EACA,oCAAA;EACA,0CAAA;AADR;AAGQ;EACI,kCAAA;EACA,uDAAA;AADZ;AAIQ;EACI,qCAAA;EACA,0CAAA;AAFZ;AAIQ;EACI,+BAAA;EACA,0CAAA;AAFZ;AAIQ;EACI,mCAAA;EACA,8CAAA;AAFZ;AAIQ;EACI,iCAAA;EACA,4CAAA;AAFZ;AAIQ;EACI,wCAAA;EACA,uCAAA;AAFZ;AAMI;EAEI,OAAA;EACA,aAAA;EACA,YAAA;AALR;AAQI;EACI,kBAAA;EACA,kBAAA;EACA,oBAAA;AANR;AASI;EACI,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,8CAAA;EACA,uCAAA;AAPR","file":"QueryProgress.css","sourcesContent":[".qp-query-progress {\n    min-width: 0;\n    min-height: 0;\n    height: 100%;\n\n    &__toolbar {\n        flex-shrink: 0;\n        flex-wrap: wrap;\n    }\n\n    &__statuses {\n        margin-left: auto;\n    }\n\n    &__status {\n        display: inline-flex;\n        align-items: center;\n        gap: var(--g-spacing-1);\n        padding: var(--g-spacing-1) var(--g-spacing-2);\n        border-radius: var(--g-border-radius-s);\n        color: var(--g-color-text-secondary);\n        background: var(--g-color-base-background);\n\n        &_status_not-started {\n            color: var(--g-color-text-primary);\n            box-shadow: inset 0 0 0 1px var(--g-color-line-generic);\n        }\n\n        &_status_waiting {\n            color: var(--g-color-text-misc-heavy);\n            background: var(--g-color-base-misc-light);\n        }\n        &_status_running {\n            color: var(--g-color-text-info);\n            background: var(--g-color-base-info-light);\n        }\n        &_status_completed {\n            color: var(--g-color-text-positive);\n            background: var(--g-color-base-positive-light);\n        }\n        &_status_failed {\n            color: var(--g-color-text-danger);\n            background: var(--g-color-base-danger-light);\n        }\n        &_status_aborted {\n            color: var(--g-color-text-complementary);\n            background: var(--g-color-base-generic);\n        }\n    }\n\n    &__content,\n    &__view {\n        flex: 1;\n        min-height: 0;\n        height: 100%;\n    }\n\n    &__view_hidden {\n        visibility: hidden;\n        position: absolute;\n        pointer-events: none;\n    }\n\n    &__timeline {\n        min-height: 360px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1px dashed var(--g-color-line-generic);\n        border-radius: var(--g-border-radius-l);\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/modules/QueryProgress/QueryProgress.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { QueryProgressProps } from '../../types/queryGraph';
+import './QueryProgress.scss';
+export declare function QueryProgress({ graphProps, view: controlledView, defaultView, onViewChange, className, }: QueryProgressProps): React.JSX.Element;

package/build/cjs/modules/QueryProgress/QueryProgress.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryProgress = QueryProgress;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.for-each.js");
+require("core-js/modules/es.object.from-entries.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _i18n = _interopRequireDefault(require("./i18n"));
+require("./QueryProgress.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var QueryGraph = /*#__PURE__*/_react.default.lazy(function () {
+  return Promise.resolve().then(() => _interopRequireWildcard(require("../../components/QueryGraph/QueryGraph"))).then(function (module) {
+    return {
+      "default": module.QueryGraph
+    };
+  });
+});
+var block = (0, _bemCnLite.default)('qp-query-progress');
+var statuses = ['not-started', 'waiting', 'running', 'completed', 'failed', 'aborted'];
+var statusIcons = {
+  'not-started': _icons.CircleDashed,
+  waiting: _icons.Circle,
+  running: _icons.CirclePlay,
+  completed: _icons.CircleCheck,
+  failed: _icons.CircleXmark,
+  aborted: _icons.CircleMinus
+};
+function QueryProgress(_ref) {
+  var graphProps = _ref.graphProps,
+    controlledView = _ref.view,
+    _ref$defaultView = _ref.defaultView,
+    defaultView = _ref$defaultView === void 0 ? 'graph' : _ref$defaultView,
+    onViewChange = _ref.onViewChange,
+    className = _ref.className;
+  var _useState = (0, _react.useState)(defaultView),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    uncontrolledView = _useState2[0],
+    setUncontrolledView = _useState2[1];
+  var view = controlledView !== null && controlledView !== void 0 ? controlledView : uncontrolledView;
+  var _useState3 = (0, _react.useState)(view === 'graph'),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    hasOpenedGraph = _useState4[0],
+    setHasOpenedGraph = _useState4[1];
+  var counts = (0, _react.useMemo)(function () {
+    var result = Object.fromEntries(statuses.map(function (status) {
+      return [status, 0];
+    }));
+    graphProps.nodes.forEach(function (node) {
+      var _node$status;
+      if (node.kind === 'operation') result[(_node$status = node.status) !== null && _node$status !== void 0 ? _node$status : 'not-started']++;
+    });
+    return result;
+  }, [graphProps.nodes]);
+  var updateView = (0, _react.useCallback)(function (value) {
+    var nextView = value;
+    if (controlledView === undefined) setUncontrolledView(nextView);
+    if (nextView === 'graph') setHasOpenedGraph(true);
+    onViewChange === null || onViewChange === void 0 || onViewChange(nextView);
+  }, [controlledView, onViewChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 3,
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      alignItems: "center",
+      gap: 4,
+      className: block('toolbar'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.SegmentedRadioGroup, {
+        size: "m",
+        value: view,
+        onUpdate: updateView,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup.Option, {
+          value: "graph",
+          children: (0, _i18n.default)('tab_graph')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup.Option, {
+          value: "timeline",
+          children: (0, _i18n.default)('tab_timeline')
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+        gap: 2,
+        wrap: true,
+        className: block('statuses'),
+        children: statuses.map(function (status) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: block('status', {
+              status: status
+            }),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+              data: statusIcons[status],
+              size: 14
+            }), (0, _i18n.default)("status_".concat(status)), ": ", counts[status]]
+          }, status);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: block('content'),
+      children: [hasOpenedGraph && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: block('view', {
+          hidden: view !== 'graph'
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+          fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Loader, {
+            size: "m"
+          }),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(QueryGraph, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, graphProps), {}, {
+            active: view === 'graph'
+          }))
+        })
+      }), view === 'timeline' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: block('timeline'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+          color: "secondary",
+          children: (0, _i18n.default)('context_timeline-unavailable')
+        })
+      })]
+    })]
+  });
+}
+// #sourceMappingURL=QueryProgress.js.map

package/build/cjs/modules/QueryProgress/QueryProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_bemCnLite","_interopRequireDefault","_i18n","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","QueryGraph","React","lazy","Promise","resolve","then","module","block","cn","statuses","statusIcons","CircleDashed","waiting","Circle","running","CirclePlay","completed","CircleCheck","failed","CircleXmark","aborted","CircleMinus","QueryProgress","_ref","graphProps","controlledView","view","_ref$defaultView","defaultView","onViewChange","className","_useState","useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","_useState3","_useState4","hasOpenedGraph","setHasOpenedGraph","counts","useMemo","result","fromEntries","map","status","nodes","forEach","node","_node$status","kind","updateView","useCallback","value","nextView","undefined","_jsxs","Flex","direction","gap","children","alignItems","SegmentedRadioGroup","size","onUpdate","_jsx","Option","i18n","wrap","Icon","data","concat","hidden","Suspense","fallback","Loader","_objectSpread","active","Text","color"],"sources":["QueryProgress.tsx"],"sourcesContent":["import React, {Suspense, useCallback, useMemo, useState} from 'react';\nimport {\n    Circle,\n    CircleCheck,\n    CircleDashed,\n    CircleMinus,\n    CirclePlay,\n    CircleXmark,\n} from '@gravity-ui/icons';\nimport {Flex, Icon, Loader, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport type {\n    QueryGraphNodeStatus,\n    QueryProgressProps,\n    QueryProgressView,\n} from '../../types/queryGraph';\nimport i18n from './i18n';\n\nimport './QueryProgress.scss';\n\nconst QueryGraph = React.lazy(() =>\n    import('../../components/QueryGraph/QueryGraph').then((module) => ({\n        default: module.QueryGraph,\n    })),\n);\nconst block = cn('qp-query-progress');\nconst statuses: QueryGraphNodeStatus[] = [\n    'not-started',\n    'waiting',\n    'running',\n    'completed',\n    'failed',\n    'aborted',\n];\nconst statusIcons = {\n    'not-started': CircleDashed,\n    waiting: Circle,\n    running: CirclePlay,\n    completed: CircleCheck,\n    failed: CircleXmark,\n    aborted: CircleMinus,\n} satisfies Record<QueryGraphNodeStatus, typeof Circle>;\n\nexport function QueryProgress({\n    graphProps,\n    view: controlledView,\n    defaultView = 'graph',\n    onViewChange,\n    className,\n}: QueryProgressProps) {\n    const [uncontrolledView, setUncontrolledView] = useState(defaultView);\n    const view = controlledView ?? uncontrolledView;\n    const [hasOpenedGraph, setHasOpenedGraph] = useState(view === 'graph');\n    const counts = useMemo(() => {\n        const result = Object.fromEntries(statuses.map((status) => [status, 0])) as Record<\n            QueryGraphNodeStatus,\n            number\n        >;\n        graphProps.nodes.forEach((node) => {\n            if (node.kind === 'operation') result[node.status ?? 'not-started']++;\n        });\n        return result;\n    }, [graphProps.nodes]);\n\n    const updateView = useCallback(\n        (value: string) => {\n            const nextView = value as QueryProgressView;\n            if (controlledView === undefined) setUncontrolledView(nextView);\n            if (nextView === 'graph') setHasOpenedGraph(true);\n            onViewChange?.(nextView);\n        },\n        [controlledView, onViewChange],\n    );\n\n    return (\n        <Flex direction=\"column\" gap={3} className={block(null, className)}>\n            <Flex alignItems=\"center\" gap={4} className={block('toolbar')}>\n                <SegmentedRadioGroup size=\"m\" value={view} onUpdate={updateView}>\n                    <SegmentedRadioGroup.Option value=\"graph\">\n                        {i18n('tab_graph')}\n                    </SegmentedRadioGroup.Option>\n                    <SegmentedRadioGroup.Option value=\"timeline\">\n                        {i18n('tab_timeline')}\n                    </SegmentedRadioGroup.Option>\n                </SegmentedRadioGroup>\n                <Flex gap={2} wrap className={block('statuses')}>\n                    {statuses.map((status) => (\n                        <span key={status} className={block('status', {status})}>\n                            <Icon data={statusIcons[status]} size={14} />\n                            {i18n(`status_${status}`)}: {counts[status]}\n                        </span>\n                    ))}\n                </Flex>\n            </Flex>\n            <div className={block('content')}>\n                {hasOpenedGraph && (\n                    <div className={block('view', {hidden: view !== 'graph'})}>\n                        <Suspense fallback={<Loader size=\"m\" />}>\n                            <QueryGraph {...graphProps} active={view === 'graph'} />\n                        </Suspense>\n                    </div>\n                )}\n                {view === 'timeline' && (\n                    <div className={block('timeline')}>\n                        <Text color=\"secondary\">{i18n('context_timeline-unavailable')}</Text>\n                    </div>\n                )}\n            </div>\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/QueryProgress/QueryProgress.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueryProgress } from './QueryProgress';
+declare const meta: Meta<typeof QueryProgress>;
+export default meta;
+type Story = StoryObj<typeof QueryProgress>;
+export declare const Default: Story;
+export declare const TimelinePlaceholder: Story;

package/build/cjs/modules/QueryProgress/QueryProgress.stories.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TimelinePlaceholder = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _QueryGraph = require("../../components/QueryGraph/QueryGraph.stories");
+var _QueryProgress = require("./QueryProgress");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Modules/QueryProgress',
+  component: _QueryProgress.QueryProgress,
+  tags: ['autodocs'],
+  args: {
+    graphProps: {
+      nodes: _QueryGraph.demoNodes,
+      edges: _QueryGraph.demoEdges
+    }
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: 640
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }]
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {};
+var TimelinePlaceholder = exports.TimelinePlaceholder = {
+  args: {
+    defaultView: 'timeline'
+  }
+};
+// #sourceMappingURL=QueryProgress.stories.js.map

package/build/cjs/modules/QueryProgress/QueryProgress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_QueryGraph","_QueryProgress","_jsxRuntime","e","__esModule","default","meta","title","component","QueryProgress","tags","args","graphProps","nodes","demoNodes","edges","demoEdges","decorators","Story","_jsx","style","height","children","_default","exports","Default","TimelinePlaceholder","defaultView"],"sources":["QueryProgress.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\n\nimport {demoEdges, demoNodes} from '../../components/QueryGraph/QueryGraph.stories';\nimport {QueryProgress} from './QueryProgress';\n\nconst meta: Meta<typeof QueryProgress> = {\n    title: 'Modules/QueryProgress',\n    component: QueryProgress,\n    tags: ['autodocs'],\n    args: {graphProps: {nodes: demoNodes, edges: demoEdges}},\n    decorators: [\n        (Story) => (\n            <div style={{height: 640}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryProgress>;\n\nexport const Default: Story = {};\nexport const TimelinePlaceholder: Story = {args: {defaultView: 'timeline'}};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,IAAMG,IAAgC,GAAG;EACrCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEC,4BAAa;EACxBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,IAAI,EAAE;IAACC,UAAU,EAAE;MAACC,KAAK,EAAEC,qBAAS;MAAEC,KAAK,EAAEC;IAAS;EAAC,CAAC;EACxDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACF,IAAAC,eAAA;MAAKC,KAAK,EAAE;QAACC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eACtB,IAAAH,eAAA,EAACD,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAAA,IAAAK,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEcC,IAAI;AAGZ,IAAMmB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG,CAAC,CAAC;AACzB,IAAMC,mBAA0B,GAAAF,OAAA,CAAAE,mBAAA,GAAG;EAACf,IAAI,EAAE;IAACgB,WAAW,EAAE;EAAU;AAAC,CAAC","ignoreList":[]}