@gravity-ui/querieskit 1.0.4 → 1.1.0

package/build/esm/modules/RowsList/RowsList.js

@@ -1,13 +1,8 @@
 import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.array.reduce.js";
-import "core-js/modules/es.iterator.constructor.js";
-import "core-js/modules/es.iterator.reduce.js";
-import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.includes.js";
 import React from 'react';
-import { List } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
-import { HistoryListEmpty } from "../../components";
+import { EmptyContent, LazyList } from "../../components";
 import { prepareRowData } from "./helpers/prepareRowData";
 import { SEARCH_ROW_HEIGHT } from "../../constants/row";
 import "./RowsList.css";
@@ -38,21 +33,15 @@ export var RowsList = function RowsList(_ref) {
     comparison.onChange(item, !selected);
   };
   if (!items.length) {
-    return /*#__PURE__*/_jsx(HistoryListEmpty, {
-      showFiltersHint: showFiltersHint,
+    return /*#__PURE__*/_jsx(EmptyContent, {
+      variant: showFiltersHint ? 'nothing-found' : 'no-files',
       className: className
     });
   }
-  return /*#__PURE__*/_jsx(List, {
+  return /*#__PURE__*/_jsx(LazyList, {
     className: block(null, className),
-    filterable: false,
     items: items,
     itemHeight: getItemHeight,
-    itemsHeight: function itemsHeight(listItems) {
-      return listItems.reduce(function (totalHeight, item) {
-        return totalHeight + getItemHeight(item);
-      }, 0);
-    },
     renderItem: function renderItem(item, isActive, index) {
       return renderRow(prepareRowData({
         item: item,

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

@@ -1 +1 @@
-{"version":3,"names":["React","List","cn","HistoryListEmpty","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","height","handleItemClick","index","enabled","selected","comparedRowIds","includes","id","onChange","length","filterable","itemHeight","itemsHeight","listItems","reduce","totalHeight","renderItem","isActive","variant","selectedItemIndex"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport {List} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {\n    BaseHistoryRow,\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {HistoryListEmpty} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends BaseHistoryRow> = {\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    renderRow: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends BaseHistoryRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryHistoryItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n\n    const handleItemClick = (item: QueryHistoryItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    if (!items.length) {\n        return <HistoryListEmpty showFiltersHint={showFiltersHint} className={className} />;\n    }\n\n    return (\n        <List\n            className={block(null, className)}\n            filterable={false}\n            items={items}\n            itemHeight={getItemHeight}\n            itemsHeight={(listItems) =>\n                listItems.reduce((totalHeight, item) => totalHeight + getItemHeight(item), 0)\n            }\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedRowId}\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","height","handleItemClick","index","enabled","selected","comparedRowIds","includes","id","onChange","length","variant","itemHeight","renderItem","isActive","selectedItemIndex"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    BaseHistoryRow,\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {EmptyContent, LazyList} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends BaseHistoryRow> = {\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    renderRow: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends BaseHistoryRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryHistoryItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n\n    const handleItemClick = (item: QueryHistoryItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    if (!items.length) {\n        return (\n            <EmptyContent\n                variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                className={className}\n            />\n        );\n    }\n\n    return (\n        <LazyList<QueryHistoryItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedRowId}\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAW5B,SAAQC,YAAY,EAAEC,QAAQ;AAC9B,SAAQC,cAAc;AACtB,SAAQC,iBAAiB;AACzB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAEzB,IAAMC,KAAK,GAAGP,EAAE,CAAC,cAAc,CAAC;AAgBhC,OAAO,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAYG;EAAA,IAXpBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,eAAA,GAAAH,IAAA,CACbI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IACtBE,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;EAEX,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAyB;IAAA,OAC5CV,UAAU,KAAK,QAAQ,IAAI,EAAE,QAAQ,IAAIU,IAAI,CAAC,GAAGnB,iBAAiB,GAAGmB,IAAI,CAACC,MAAM;EAAA;EAEpF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIF,IAAyB,EAAEG,KAAa,EAAK;IAClE,IAAI,QAAQ,IAAIH,IAAI,IAAI,EAACP,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEW,OAAO,GAAE;MAC1CN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGE,IAAI,EAAEG,KAAK,CAAC;MAC1B;IACJ;IAEA,IAAME,QAAQ,GAAGZ,UAAU,CAACa,cAAc,CAACC,QAAQ,CAACP,IAAI,CAACQ,EAAE,CAAC;IAC5Df,UAAU,CAACgB,QAAQ,CAACT,IAAI,EAAE,CAACK,QAAQ,CAAC;EACxC,CAAC;EAED,IAAI,CAAClB,KAAK,CAACuB,MAAM,EAAE;IACf,oBACI3B,IAAA,CAACL,YAAY;MACTiC,OAAO,EAAEf,eAAe,GAAG,eAAe,GAAG,UAAW;MACxDC,SAAS,EAAEA;IAAU,CACxB,CAAC;EAEV;EAEA,oBACId,IAAA,CAACJ,QAAQ;IACLkB,SAAS,EAAEb,KAAK,CAAC,IAAI,EAAEa,SAAS,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACbyB,UAAU,EAAEb,aAAc;IAC1Bc,UAAU,EAAE,SAAZA,UAAUA,CAAGb,IAAI,EAAEc,QAAQ,EAAEX,KAAK;MAAA,OAC9BR,SAAS,CACLf,cAAc,CAAC;QACXoB,IAAI,EAAJA,IAAI;QACJc,QAAQ,EAARA,QAAQ;QACRX,KAAK,EAALA,KAAK;QACLQ,OAAO,EAAErB,UAAU;QACnBC,aAAa,EAAbA,aAAa;QACbC,OAAO,EAAPA,OAAO;QACPC,UAAU,EAAVA,UAAU;QACVC,aAAa,EAAbA;MACJ,CAAC,CACL,CAAC;IAAA,CACJ;IACDqB,iBAAiB,EAAE3B,aAAc;IACjCU,WAAW,EAAEI;EAAgB,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,5 +1,7 @@
 export { HistoryHeader } from './HistoryHeader';
 export { HistoryLayout } from './HistoryLayout';
+export { NavigationHeader } from './NavigationHeader';
+export type { NavigationHeaderProps } from './NavigationHeader';
 export type { HistoryLayoutProps } from './HistoryLayout';
 export { RowsList } from './RowsList';
 export type { RowsListProps } from './RowsList';
@@ -7,7 +9,22 @@ export { HistoryRow } from './HistoryRow';
 export { HistoryList } from './HistoryList';
 export type { HistoryListProps } from './HistoryList';
 export { HistorySearchRow } from './HistorySearchRow';
+export * from './ChartEditor';
 export { TutorialRow } from './TutorialRow';
 export type { TutorialRowProps } from './TutorialRow';
 export { TutorialSearchRow } from './TutorialSearchRow';
 export type { TutorialSearchRowProps } from './TutorialSearchRow';
+export { ClustersList } from './ClustersList';
+export type { ClustersListProps } from './ClustersList';
+export { NavigationItemsList } from './NavigationItemsList';
+export type { NavigationItemsListProps } from './NavigationItemsList';
+export { NavigationDetail } from './NavigationDetail';
+export type { NavigationDetailProps } from './NavigationDetail';
+export { NavigationSchema, buildSchemaColumns, filterSchema } from './NavigationSchema';
+export type { NavigationSchemaProps, NavigationSchemaViewConfig } from './NavigationSchema';
+export { NavigationPreview, buildPreviewColumns, filterPreviewRows } from './NavigationPreview';
+export type { NavigationPreviewProps, NavigationPreviewViewConfig } from './NavigationPreview';
+export { NavigationMeta, buildMetaGroups } from './NavigationMeta';
+export type { NavigationMetaProps, NavigationMetaViewConfig } from './NavigationMeta';
+export { NavigationView, buildViewColumns } from './NavigationView';
+export type { NavigationViewProps, NavigationViewViewConfig } from './NavigationView';

package/build/esm/modules/index.js

@@ -1,9 +1,18 @@
 export { HistoryHeader } from "./HistoryHeader";
 export { HistoryLayout } from "./HistoryLayout";
+export { NavigationHeader } from "./NavigationHeader";
 export { RowsList } from "./RowsList";
 export { HistoryRow } from "./HistoryRow";
 export { HistoryList } from "./HistoryList";
 export { HistorySearchRow } from "./HistorySearchRow";
+export * from "./ChartEditor";
 export { TutorialRow } from "./TutorialRow";
 export { TutorialSearchRow } from "./TutorialSearchRow";
+export { ClustersList } from "./ClustersList";
+export { NavigationItemsList } from "./NavigationItemsList";
+export { NavigationDetail } from "./NavigationDetail";
+export { NavigationSchema, buildSchemaColumns, filterSchema } from "./NavigationSchema";
+export { NavigationPreview, buildPreviewColumns, filterPreviewRows } from "./NavigationPreview";
+export { NavigationMeta, buildMetaGroups } from "./NavigationMeta";
+export { NavigationView, buildViewColumns } from "./NavigationView";
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["HistoryHeader","HistoryLayout","RowsList","HistoryRow","HistoryList","HistorySearchRow","TutorialRow","TutorialSearchRow"],"sources":["index.ts"],"sourcesContent":["export {HistoryHeader} from './HistoryHeader';\nexport {HistoryLayout} from './HistoryLayout';\nexport type {HistoryLayoutProps} from './HistoryLayout';\nexport {RowsList} from './RowsList';\nexport type {RowsListProps} from './RowsList';\nexport {HistoryRow} from './HistoryRow';\nexport {HistoryList} from './HistoryList';\nexport type {HistoryListProps} from './HistoryList';\nexport {HistorySearchRow} from './HistorySearchRow';\nexport {TutorialRow} from './TutorialRow';\nexport type {TutorialRowProps} from './TutorialRow';\nexport {TutorialSearchRow} from './TutorialSearchRow';\nexport type {TutorialSearchRowProps} from './TutorialSearchRow';\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,SAAQC,aAAa;AAErB,SAAQC,QAAQ;AAEhB,SAAQC,UAAU;AAClB,SAAQC,WAAW;AAEnB,SAAQC,gBAAgB;AACxB,SAAQC,WAAW;AAEnB,SAAQC,iBAAiB","ignoreList":[]}
+{"version":3,"names":["HistoryHeader","HistoryLayout","NavigationHeader","RowsList","HistoryRow","HistoryList","HistorySearchRow","TutorialRow","TutorialSearchRow","ClustersList","NavigationItemsList","NavigationDetail","NavigationSchema","buildSchemaColumns","filterSchema","NavigationPreview","buildPreviewColumns","filterPreviewRows","NavigationMeta","buildMetaGroups","NavigationView","buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {HistoryHeader} from './HistoryHeader';\nexport {HistoryLayout} from './HistoryLayout';\nexport {NavigationHeader} from './NavigationHeader';\nexport type {NavigationHeaderProps} from './NavigationHeader';\nexport type {HistoryLayoutProps} from './HistoryLayout';\nexport {RowsList} from './RowsList';\nexport type {RowsListProps} from './RowsList';\nexport {HistoryRow} from './HistoryRow';\nexport {HistoryList} from './HistoryList';\nexport type {HistoryListProps} from './HistoryList';\nexport {HistorySearchRow} from './HistorySearchRow';\nexport * from './ChartEditor';\nexport {TutorialRow} from './TutorialRow';\nexport type {TutorialRowProps} from './TutorialRow';\nexport {TutorialSearchRow} from './TutorialSearchRow';\nexport type {TutorialSearchRowProps} from './TutorialSearchRow';\nexport {ClustersList} from './ClustersList';\nexport type {ClustersListProps} from './ClustersList';\nexport {NavigationItemsList} from './NavigationItemsList';\nexport type {NavigationItemsListProps} from './NavigationItemsList';\nexport {NavigationDetail} from './NavigationDetail';\nexport type {NavigationDetailProps} from './NavigationDetail';\nexport {NavigationSchema, buildSchemaColumns, filterSchema} from './NavigationSchema';\nexport type {NavigationSchemaProps, NavigationSchemaViewConfig} from './NavigationSchema';\nexport {NavigationPreview, buildPreviewColumns, filterPreviewRows} from './NavigationPreview';\nexport type {NavigationPreviewProps, NavigationPreviewViewConfig} from './NavigationPreview';\nexport {NavigationMeta, buildMetaGroups} from './NavigationMeta';\nexport type {NavigationMetaProps, NavigationMetaViewConfig} from './NavigationMeta';\nexport {NavigationView, buildViewColumns} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,gBAAgB;AAGxB,SAAQC,QAAQ;AAEhB,SAAQC,UAAU;AAClB,SAAQC,WAAW;AAEnB,SAAQC,gBAAgB;AACxB;AACA,SAAQC,WAAW;AAEnB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,mBAAmB;AAE3B,SAAQC,gBAAgB;AAExB,SAAQC,gBAAgB,EAAEC,kBAAkB,EAAEC,YAAY;AAE1D,SAAQC,iBAAiB,EAAEC,mBAAmB,EAAEC,iBAAiB;AAEjE,SAAQC,cAAc,EAAEC,eAAe;AAEvC,SAAQC,cAAc,EAAEC,gBAAgB","ignoreList":[]}

package/build/esm/types/navigation.d.ts

@@ -0,0 +1,149 @@
+import { ReactNode } from 'react';
+import type { LoadPathSuggestions } from './pathEditor';
+export type NavigationLocation = {
+    cluster: string | undefined;
+    path: string | undefined;
+};
+export type NavigationAction<TArg> = {
+    id: string;
+    title: string;
+    content: ReactNode;
+    hidden?: boolean;
+    disabled?: boolean;
+    qa?: string;
+    onClick: (arg: TArg) => void;
+};
+export type NavigationHeaderAction = NavigationAction<NavigationLocation>;
+export type NavigationCluster = {
+    id: string;
+    title: string;
+    icon?: ReactNode;
+    color?: string;
+    backgroundColor?: string;
+    description?: string;
+};
+export type NavigationItemKind = 'folder' | 'file' | 'table' | 'link' | 'unknown';
+export type NavigationItem = {
+    path: string;
+    title: string;
+    icon?: ReactNode;
+    kind?: NavigationItemKind;
+    targetPathBroken?: boolean;
+    hasChildren?: boolean;
+    disabled?: boolean;
+};
+export type NavigationSortOrder = 'asc' | 'desc';
+export type NavigationItemRowRenderData<T extends NavigationItem = NavigationItem> = {
+    item: T;
+    index: number;
+    isActive: boolean;
+    isParentRow: boolean;
+};
+export type NavigationClusterRowRenderData<T extends NavigationCluster = NavigationCluster> = {
+    cluster: T;
+    index: number;
+    isActive: boolean;
+};
+export type RenderNavigationItem<T extends NavigationItem = NavigationItem> = (data: NavigationItemRowRenderData<T>) => ReactNode;
+export type RenderNavigationCluster<T extends NavigationCluster = NavigationCluster> = (data: NavigationClusterRowRenderData<T>) => ReactNode;
+export type NavigationDetailTabRenderContext = {
+    search: string;
+    onSearchUpdate?: (value: string) => void;
+    searchPlaceholder?: string;
+};
+export type NavigationDetailTab = {
+    id: string;
+    title: string;
+    content?: ReactNode;
+    renderContent?: (ctx: NavigationDetailTabRenderContext) => ReactNode;
+    hidden?: boolean;
+    disabled?: boolean;
+};
+export type NavigationAsyncConfig = {
+    loading?: boolean;
+    loaded?: boolean;
+    errorContent?: ReactNode;
+};
+export type NavigationSchemaSortOrder = 'ascending' | 'descending';
+export type NavigationSchemaColumn = {
+    name: string;
+    type?: string;
+    sortOrder?: NavigationSchemaSortOrder;
+    required?: boolean;
+    [key: string]: unknown;
+};
+export type NavigationSchemaConfig<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn> = NavigationAsyncConfig & {
+    columns: TColumn[];
+};
+export type NavigationCellValue = ReactNode;
+export type NavigationPreviewRow = Record<string, NavigationCellValue>;
+export type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = NavigationAsyncConfig & {
+    columns: string[];
+    rows: TRow[];
+};
+export type NavigationViewRow = NavigationPreviewRow;
+export type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> = NavigationAction<NavigationViewSection<TRow>>;
+export type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> = NavigationAsyncConfig & {
+    id: string;
+    title: ReactNode;
+    columns: string[];
+    rows: TRow[];
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    actions?: Array<NavigationViewSectionAction<TRow>>;
+};
+export type NavigationViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = NavigationAsyncConfig & {
+    sections: Array<NavigationViewSection<TRow>>;
+};
+export type NavigationMetaItem = {
+    name: string;
+    value: NavigationCellValue;
+    [key: string]: unknown;
+};
+export type NavigationMetaGroup<TItem extends NavigationMetaItem = NavigationMetaItem> = {
+    title?: string;
+    items: TItem[];
+};
+export type NavigationMetaConfig<TItem extends NavigationMetaItem = NavigationMetaItem> = NavigationAsyncConfig & {
+    groups: Array<NavigationMetaGroup<TItem>>;
+};
+export type NavigationDetailConfig = {
+    tabs: NavigationDetailTab[];
+    defaultTab?: string;
+    hasSearch?: boolean;
+    searchPlaceholder?: string;
+    actions?: NavigationHeaderAction[];
+    emptyContent?: ReactNode;
+};
+export type ResolveNavigationDetail<T extends NavigationItem = NavigationItem> = (item: T) => NavigationDetailConfig | undefined;
+export type NavigationDetailConfigFactory<T extends NavigationItem = NavigationItem> = (item: T) => NavigationDetailConfig;
+export type NavigationSearchConfig = {
+    value?: string;
+    onUpdate?: (value: string) => void;
+};
+export type NavigationSortConfig = {
+    value?: NavigationSortOrder;
+    onUpdate?: (sort: NavigationSortOrder) => void;
+};
+export type NavigationListStateConfig = {
+    loading?: boolean;
+    error?: boolean | ReactNode;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+};
+export type NavigationHeaderConfig = {
+    actions?: NavigationHeaderAction[];
+    onLoadSuggestions?: LoadPathSuggestions;
+};
+export type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {
+    openedItem?: TItem;
+    onItemOpen?: (item: TItem) => void;
+    onClose?: () => void;
+    resolve?: ResolveNavigationDetail<TItem>;
+    search?: string;
+    onSearchUpdate?: (value: string) => void;
+    activeTab?: string;
+    onTabUpdate?: (tab: string) => void;
+    actions?: NavigationHeaderAction[];
+};

package/build/esm/types/navigation.js

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

package/build/esm/types/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["navigation.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport type {LoadPathSuggestions} from './pathEditor';\n\nexport type NavigationLocation = {\n    cluster: string | undefined;\n    path: string | undefined;\n};\n\nexport type NavigationAction<TArg> = {\n    id: string;\n    title: string;\n    content: ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    qa?: string;\n    onClick: (arg: TArg) => void;\n};\n\nexport type NavigationHeaderAction = NavigationAction<NavigationLocation>;\n\nexport type NavigationCluster = {\n    id: string;\n    title: string;\n    icon?: ReactNode;\n    color?: string;\n    backgroundColor?: string;\n    description?: string;\n};\n\nexport type NavigationItemKind = 'folder' | 'file' | 'table' | 'link' | 'unknown';\n\nexport type NavigationItem = {\n    path: string;\n    title: string;\n    icon?: ReactNode;\n    kind?: NavigationItemKind;\n    targetPathBroken?: boolean;\n    hasChildren?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationSortOrder = 'asc' | 'desc';\n\nexport type NavigationItemRowRenderData<T extends NavigationItem = NavigationItem> = {\n    item: T;\n    index: number;\n    isActive: boolean;\n    isParentRow: boolean;\n};\n\nexport type NavigationClusterRowRenderData<T extends NavigationCluster = NavigationCluster> = {\n    cluster: T;\n    index: number;\n    isActive: boolean;\n};\n\nexport type RenderNavigationItem<T extends NavigationItem = NavigationItem> = (\n    data: NavigationItemRowRenderData<T>,\n) => ReactNode;\n\nexport type RenderNavigationCluster<T extends NavigationCluster = NavigationCluster> = (\n    data: NavigationClusterRowRenderData<T>,\n) => ReactNode;\n\nexport type NavigationDetailTabRenderContext = {\n    search: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n};\n\nexport type NavigationDetailTab = {\n    id: string;\n    title: string;\n    content?: ReactNode;\n    renderContent?: (ctx: NavigationDetailTabRenderContext) => ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationAsyncConfig = {\n    loading?: boolean;\n    loaded?: boolean;\n    errorContent?: ReactNode;\n};\n\nexport type NavigationSchemaSortOrder = 'ascending' | 'descending';\n\nexport type NavigationSchemaColumn = {\n    name: string;\n    type?: string;\n    sortOrder?: NavigationSchemaSortOrder;\n    required?: boolean;\n    [key: string]: unknown;\n};\n\nexport type NavigationSchemaConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = NavigationAsyncConfig & {\n    columns: TColumn[];\n};\n\nexport type NavigationCellValue = ReactNode;\n\nexport type NavigationPreviewRow = Record<string, NavigationCellValue>;\n\nexport type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationAsyncConfig & {\n        columns: string[];\n        rows: TRow[];\n    };\n\nexport type NavigationViewRow = NavigationPreviewRow;\n\nexport type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAction<NavigationViewSection<TRow>>;\n\nexport type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        id: string;\n        title: ReactNode;\n        columns: string[];\n        rows: TRow[];\n        expanded?: boolean;\n        defaultExpanded?: boolean;\n        onExpandedChange?: (expanded: boolean) => void;\n        actions?: Array<NavigationViewSectionAction<TRow>>;\n    };\n\nexport type NavigationViewConfig<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        sections: Array<NavigationViewSection<TRow>>;\n    };\n\nexport type NavigationMetaItem = {\n    name: string;\n    value: NavigationCellValue;\n    [key: string]: unknown;\n};\n\nexport type NavigationMetaGroup<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    title?: string;\n    items: TItem[];\n};\n\nexport type NavigationMetaConfig<TItem extends NavigationMetaItem = NavigationMetaItem> =\n    NavigationAsyncConfig & {\n        groups: Array<NavigationMetaGroup<TItem>>;\n    };\n\nexport type NavigationDetailConfig = {\n    tabs: NavigationDetailTab[];\n    defaultTab?: string;\n    hasSearch?: boolean;\n    searchPlaceholder?: string;\n    actions?: NavigationHeaderAction[];\n    emptyContent?: ReactNode;\n};\n\nexport type ResolveNavigationDetail<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig | undefined;\n\nexport type NavigationDetailConfigFactory<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig;\n\nexport type NavigationSearchConfig = {\n    value?: string;\n    onUpdate?: (value: string) => void;\n};\n\nexport type NavigationSortConfig = {\n    value?: NavigationSortOrder;\n    onUpdate?: (sort: NavigationSortOrder) => void;\n};\n\nexport type NavigationListStateConfig = {\n    loading?: boolean;\n    error?: boolean | ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n};\n\nexport type NavigationHeaderConfig = {\n    actions?: NavigationHeaderAction[];\n    onLoadSuggestions?: LoadPathSuggestions;\n};\n\nexport type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {\n    openedItem?: TItem;\n    onItemOpen?: (item: TItem) => void;\n    onClose?: () => void;\n    resolve?: ResolveNavigationDetail<TItem>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    actions?: NavigationHeaderAction[];\n};\n"],"mappings":"","ignoreList":[]}

package/build/esm/types/pathEditor.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import type { NavigationItemKind } from './navigation';
+export type PathEditorSuggestion = {
+    parentPath: string;
+    childPath: string;
+    path: string;
+    icon?: ReactNode;
+    kind?: NavigationItemKind;
+    targetPathBroken?: boolean;
+};
+export type PathEditorSuggestionFilter = (suggestions: PathEditorSuggestion[]) => PathEditorSuggestion[];
+export type PathEditorEventPayload = {
+    path: string;
+};
+export type LoadPathSuggestionsParams = {
+    path: string;
+    customFilter: PathEditorSuggestionFilter | undefined;
+    cluster: string | undefined;
+};
+export type LoadPathSuggestions = (params: LoadPathSuggestionsParams) => void | Promise<PathEditorSuggestion[]>;

package/build/esm/types/pathEditor.js

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

package/build/esm/types/pathEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["pathEditor.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport type {NavigationItemKind} from './navigation';\n\nexport type PathEditorSuggestion = {\n    parentPath: string;\n    childPath: string;\n    path: string;\n    icon?: ReactNode;\n    kind?: NavigationItemKind;\n    targetPathBroken?: boolean;\n};\n\nexport type PathEditorSuggestionFilter = (\n    suggestions: PathEditorSuggestion[],\n) => PathEditorSuggestion[];\n\nexport type PathEditorEventPayload = {\n    path: string;\n};\n\nexport type LoadPathSuggestionsParams = {\n    path: string;\n    customFilter: PathEditorSuggestionFilter | undefined;\n    cluster: string | undefined;\n};\n\nexport type LoadPathSuggestions = (\n    params: LoadPathSuggestionsParams,\n) => void | Promise<PathEditorSuggestion[]>;\n"],"mappings":"","ignoreList":[]}

package/build/esm/widgets/DashboardCharts/DashboardCharts.css

@@ -0,0 +1,22 @@
+.qp-dashboard-charts {
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 480px;
+  background: var(--g-color-base-background);
+}
+.qp-dashboard-charts__dashboard {
+  min-height: 100%;
+}
+.qp-dashboard-charts__modal {
+  --g-modal-width: calc(100vw - var(--g-spacing-10));
+  --g-modal-max-width: 1200px;
+  --g-modal-height: calc(100vh - var(--g-spacing-10));
+  --g-modal-max-height: 720px;
+  overflow: hidden;
+}
+.qp-dashboard-charts__empty {
+  min-height: 320px;
+  border: 1px dashed var(--g-color-line-generic);
+  border-radius: var(--g-border-radius-m);
+}
+/*# sourceMappingURL=DashboardCharts.css.map */

package/build/esm/widgets/DashboardCharts/DashboardCharts.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DashboardCharts.scss"],"names":[],"mappings":"AAAA;EACI,sBAAA;EACA,YAAA;EACA,iBAAA;EACA,0CAAA;AACJ;AACI;EACI,gBAAA;AACR;AAEI;EACI,kDAAA;EACA,2BAAA;EACA,mDAAA;EACA,2BAAA;EAEA,gBAAA;AADR;AAII;EACI,iBAAA;EACA,8CAAA;EACA,uCAAA;AAFR","file":"DashboardCharts.css","sourcesContent":[".qp-dashboard-charts {\n    box-sizing: border-box;\n    min-width: 0;\n    min-height: 480px;\n    background: var(--g-color-base-background);\n\n    &__dashboard {\n        min-height: 100%;\n    }\n\n    &__modal {\n        --g-modal-width: calc(100vw - var(--g-spacing-10));\n        --g-modal-max-width: 1200px;\n        --g-modal-height: calc(100vh - var(--g-spacing-10));\n        --g-modal-max-height: 720px;\n\n        overflow: hidden;\n    }\n\n    &__empty {\n        min-height: 320px;\n        border: 1px dashed var(--g-color-line-generic);\n        border-radius: var(--g-border-radius-m);\n    }\n}\n"],"sourceRoot":""}

package/build/esm/widgets/DashboardCharts/DashboardCharts.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DashboardChartsProps } from './types';
+import './DashboardCharts.scss';
+export declare const DashboardCharts: ({ chartItems: customerChartsItems, defaultLayout, dataSource, emptyTitle, emptyDescription, chartEditorProps, dashboardProps, onItemsChange, onLayoutChange, className, gap, }: DashboardChartsProps) => React.JSX.Element;

package/build/esm/widgets/DashboardCharts/DashboardCharts.js

@@ -0,0 +1,186 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+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.filter.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import React, { useCallback, useMemo, useState } from 'react';
+import { Flex, Modal } from '@gravity-ui/uikit';
+import { ChartEditor } from "../../modules";
+import { AddChartButton, Chart, Dashboard } from "../../components";
+import { EmptyDashboardPlaceholder } from "./internal/EmptyDashboardPlaceholder";
+import { CHART_TYPE_ICONS } from "./helpers/chartTypeIcons";
+import i18n from "./i18n";
+import cn from 'bem-cn-lite';
+import "./DashboardCharts.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-dashboard-charts');
+export var DashboardCharts = function DashboardCharts(_ref) {
+  var customerChartsItems = _ref.chartItems,
+    defaultLayout = _ref.defaultLayout,
+    dataSource = _ref.dataSource,
+    emptyTitle = _ref.emptyTitle,
+    emptyDescription = _ref.emptyDescription,
+    chartEditorProps = _ref.chartEditorProps,
+    dashboardProps = _ref.dashboardProps,
+    onItemsChange = _ref.onItemsChange,
+    onLayoutChange = _ref.onLayoutChange,
+    className = _ref.className,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 1 : _ref$gap;
+  var _useState = useState(customerChartsItems !== null && customerChartsItems !== void 0 ? customerChartsItems : []),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerChartItems = _useState2[0],
+    setInnerChartItems = _useState2[1];
+  var chartItems = customerChartsItems !== null && customerChartsItems !== void 0 ? customerChartsItems : innerChartItems;
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    draftChart = _useState4[0],
+    setDraftChart = _useState4[1];
+  var allowedCharts = useMemo(function () {
+    return Object.keys(dataSource);
+  }, [dataSource]);
+  var handleChartSelect = function handleChartSelect(chartType) {
+    var chartSeries = dataSource[chartType];
+    if (chartSeries) {
+      var dataIds = Object.keys(chartSeries);
+      setDraftChart({
+        chartSeries: chartSeries,
+        formValues: {
+          dataIds: dataIds.length ? [dataIds[0]] : [],
+          axisType: 'linear'
+        }
+      });
+    }
+  };
+  var handleCancelDraft = function handleCancelDraft() {
+    setDraftChart(null);
+  };
+  var handleSubmitChart = function handleSubmitChart(chart) {
+    var _draftChart$id;
+    if (!draftChart) return;
+    var newChart = {
+      id: (_draftChart$id = draftChart.id) !== null && _draftChart$id !== void 0 ? _draftChart$id : crypto.randomUUID().replace(/-/g, ''),
+      chartData: chart
+    };
+    var actualChartItems = draftChart.id ? chartItems.map(function (ch) {
+      return ch.id === newChart.id ? newChart : ch;
+    }) : [].concat(_toConsumableArray(chartItems), [newChart]);
+    setDraftChart(null);
+    setInnerChartItems(actualChartItems);
+    onItemsChange === null || onItemsChange === void 0 || onItemsChange(actualChartItems);
+  };
+  var handleEditChart = useCallback(function (id, chart) {
+    var _chart$title, _chart$xAxis, _chart$yAxis, _chart$legend, _chart$xAxis2, _chart$xAxis3;
+    var chartType = chart.series.data[0].type;
+    var chartSeries = dataSource[chartType];
+    if (!chartSeries) return;
+    var selectedDataIds = chart.series.data.map(function (s) {
+      return s.seriesId;
+    });
+    setDraftChart({
+      id: id,
+      chartSeries: chartSeries,
+      formValues: {
+        dataIds: selectedDataIds,
+        chartTitle: (_chart$title = chart.title) === null || _chart$title === void 0 ? void 0 : _chart$title.text,
+        xTitle: (_chart$xAxis = chart.xAxis) === null || _chart$xAxis === void 0 || (_chart$xAxis = _chart$xAxis.title) === null || _chart$xAxis === void 0 ? void 0 : _chart$xAxis.text,
+        yTitle: (_chart$yAxis = chart.yAxis) === null || _chart$yAxis === void 0 || (_chart$yAxis = _chart$yAxis[0].title) === null || _chart$yAxis === void 0 ? void 0 : _chart$yAxis.text,
+        showLegend: chart === null || chart === void 0 || (_chart$legend = chart.legend) === null || _chart$legend === void 0 ? void 0 : _chart$legend.enabled,
+        axisType: (_chart$xAxis2 = chart.xAxis) === null || _chart$xAxis2 === void 0 ? void 0 : _chart$xAxis2.type,
+        axisCategories: (_chart$xAxis3 = chart.xAxis) === null || _chart$xAxis3 === void 0 ? void 0 : _chart$xAxis3.categories
+      }
+    });
+  }, [dataSource]);
+  var handleDeleteChart = useCallback(function (id) {
+    var newChartItems = chartItems.filter(function (item) {
+      return item.id !== id;
+    });
+    setInnerChartItems(newChartItems);
+    onItemsChange === null || onItemsChange === void 0 || onItemsChange(newChartItems);
+  }, [chartItems, onItemsChange]);
+  var handleLayoutChange = function handleLayoutChange(patchedLayout) {
+    onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(patchedLayout);
+  };
+  var dashboardItems = useMemo(function () {
+    return chartItems.map(function (_ref2) {
+      var id = _ref2.id,
+        chartData = _ref2.chartData;
+      return {
+        id: id,
+        content: /*#__PURE__*/_jsx(Chart, {
+          data: chartData,
+          controlsVisibility: "hover",
+          onPencilEdit: function onPencilEdit() {
+            return handleEditChart(id, chartData);
+          },
+          actions: [{
+            text: i18n('action_delete-chart'),
+            onClick: function onClick() {
+              return handleDeleteChart(id);
+            }
+          }]
+        }, id)
+      };
+    });
+  }, [chartItems, handleEditChart, handleDeleteChart]);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs(Flex, {
+      as: "section",
+      direction: "column",
+      width: "100%",
+      height: "100%",
+      gap: gap,
+      className: block(null, className),
+      children: [/*#__PURE__*/_jsx(AddChartButton, {
+        text: i18n('action_add-chart'),
+        options: allowedCharts.map(function (chartType) {
+          return {
+            value: chartType,
+            text: chartType,
+            icon: CHART_TYPE_ICONS[chartType]
+          };
+        }),
+        onSelect: handleChartSelect,
+        disabled: allowedCharts.length === 0
+      }), chartItems.length > 0 ? /*#__PURE__*/_jsx(Dashboard, _objectSpread({
+        items: dashboardItems,
+        defaultLayout: defaultLayout,
+        onLayoutChange: handleLayoutChange,
+        className: block('dashboard')
+      }, dashboardProps)) : /*#__PURE__*/_jsx(EmptyDashboardPlaceholder, {
+        emptyTitle: emptyTitle,
+        emptyDescription: emptyDescription
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      open: Boolean(draftChart),
+      onOpenChange: function onOpenChange(open) {
+        if (!open) {
+          setDraftChart(null);
+        }
+      },
+      contentOverflow: "auto",
+      contentClassName: block('modal'),
+      children: draftChart && /*#__PURE__*/_jsx(ChartEditor, _objectSpread({
+        chartSeriesMap: draftChart.chartSeries,
+        formValues: draftChart.formValues,
+        onSubmit: handleSubmitChart,
+        onCancel: handleCancelDraft,
+        axisVariants: ['linear', 'datetime', 'logarithmic'],
+        formProps: {
+          labels: {
+            submitLabel: draftChart.id ? i18n('action_save-chart') : i18n('action_add-chart')
+          }
+        }
+      }, chartEditorProps))
+    })]
+  });
+};
+// #sourceMappingURL=DashboardCharts.js.map

package/build/esm/widgets/DashboardCharts/DashboardCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","Flex","Modal","ChartEditor","AddChartButton","Chart","Dashboard","EmptyDashboardPlaceholder","CHART_TYPE_ICONS","i18n","cn","jsx","_jsx","jsxs","_jsxs","block","DashboardCharts","_ref","customerChartsItems","chartItems","defaultLayout","dataSource","emptyTitle","emptyDescription","chartEditorProps","dashboardProps","onItemsChange","onLayoutChange","className","_ref$gap","gap","_useState","_useState2","_slicedToArray","innerChartItems","setInnerChartItems","_useState3","_useState4","draftChart","setDraftChart","allowedCharts","Object","keys","handleChartSelect","chartType","chartSeries","dataIds","formValues","length","axisType","handleCancelDraft","handleSubmitChart","chart","_draftChart$id","newChart","id","crypto","randomUUID","replace","chartData","actualChartItems","map","ch","concat","_toConsumableArray","handleEditChart","_chart$title","_chart$xAxis","_chart$yAxis","_chart$legend","_chart$xAxis2","_chart$xAxis3","series","data","type","selectedDataIds","s","seriesId","chartTitle","title","text","xTitle","xAxis","yTitle","yAxis","showLegend","legend","enabled","axisCategories","categories","handleDeleteChart","newChartItems","filter","item","handleLayoutChange","patchedLayout","dashboardItems","_ref2","content","controlsVisibility","onPencilEdit","actions","onClick","Fragment","children","as","direction","width","height","options","value","icon","onSelect","disabled","_objectSpread","items","open","Boolean","onOpenChange","contentOverflow","contentClassName","chartSeriesMap","onSubmit","onCancel","axisVariants","formProps","labels","submitLabel"],"sources":["DashboardCharts.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {ChartSeries} from '@gravity-ui/charts';\nimport {Flex, Modal} from '@gravity-ui/uikit';\nimport {ChartEditor, ChartEditorProps} from '../../modules';\nimport {AddChartButton, Chart, Dashboard} from '../../components';\nimport {ChartData} from '../../modules/ChartEditor/types';\nimport type {DashboardChartsProps, DashboardItem} from './types';\nimport {EmptyDashboardPlaceholder} from './internal/EmptyDashboardPlaceholder';\nimport {CHART_TYPE_ICONS} from './helpers/chartTypeIcons';\nimport {ConfigLayout} from '@gravity-ui/dashkit';\nimport i18n from './i18n';\nimport cn from 'bem-cn-lite';\nimport './DashboardCharts.scss';\n\nconst block = cn('qp-dashboard-charts');\n\nexport const DashboardCharts = ({\n    chartItems: customerChartsItems,\n    defaultLayout,\n    dataSource,\n    emptyTitle,\n    emptyDescription,\n    chartEditorProps,\n    dashboardProps,\n    onItemsChange,\n    onLayoutChange,\n    className,\n    gap = 1,\n}: DashboardChartsProps) => {\n    const [innerChartItems, setInnerChartItems] = useState<DashboardItem[]>(\n        customerChartsItems ?? [],\n    );\n\n    const chartItems = customerChartsItems ?? innerChartItems;\n\n    const [draftChart, setDraftChart] = useState<{\n        id?: string;\n        chartSeries: ChartEditorProps['chartSeriesMap'];\n        formValues: ChartEditorProps['formValues'];\n    } | null>(null);\n\n    const allowedCharts = useMemo(\n        () => Object.keys(dataSource) as ChartSeries['type'][],\n        [dataSource],\n    );\n\n    const handleChartSelect = (chartType: ChartSeries['type']) => {\n        const chartSeries = dataSource[chartType];\n\n        if (chartSeries) {\n            const dataIds = Object.keys(chartSeries);\n\n            setDraftChart({\n                chartSeries,\n                formValues: {\n                    dataIds: dataIds.length ? [dataIds[0]] : [],\n                    axisType: 'linear',\n                },\n            });\n        }\n    };\n\n    const handleCancelDraft = () => {\n        setDraftChart(null);\n    };\n\n    const handleSubmitChart = (chart: ChartData) => {\n        if (!draftChart) return;\n\n        const newChart = {\n            id: draftChart.id ?? crypto.randomUUID().replace(/-/g, ''),\n            chartData: chart,\n        };\n\n        const actualChartItems = draftChart.id\n            ? chartItems.map((ch) => (ch.id === newChart.id ? newChart : ch))\n            : [...chartItems, newChart];\n\n        setDraftChart(null);\n        setInnerChartItems(actualChartItems);\n        onItemsChange?.(actualChartItems);\n    };\n\n    const handleEditChart = useCallback(\n        (id: string, chart: DashboardItem['chartData']) => {\n            const chartType = chart.series.data[0].type;\n            const chartSeries = dataSource[chartType];\n\n            if (!chartSeries) return;\n\n            const selectedDataIds = chart.series.data.map((s) => s.seriesId);\n\n            setDraftChart({\n                id,\n                chartSeries,\n                formValues: {\n                    dataIds: selectedDataIds,\n                    chartTitle: chart.title?.text,\n                    xTitle: chart.xAxis?.title?.text,\n                    yTitle: chart.yAxis?.[0].title?.text,\n                    showLegend: chart?.legend?.enabled,\n                    axisType: chart.xAxis?.type,\n                    axisCategories: chart.xAxis?.categories,\n                },\n            });\n        },\n        [dataSource],\n    );\n\n    const handleDeleteChart = useCallback(\n        (id: string) => {\n            const newChartItems = chartItems.filter((item) => item.id !== id);\n\n            setInnerChartItems(newChartItems);\n\n            onItemsChange?.(newChartItems);\n        },\n        [chartItems, onItemsChange],\n    );\n\n    const handleLayoutChange = (patchedLayout: ConfigLayout[]) => {\n        onLayoutChange?.(patchedLayout);\n    };\n\n    const dashboardItems = useMemo(\n        () =>\n            chartItems.map(({id, chartData}) => ({\n                id,\n                content: (\n                    <Chart\n                        key={id}\n                        data={chartData}\n                        controlsVisibility=\"hover\"\n                        onPencilEdit={() => handleEditChart(id, chartData)}\n                        actions={[\n                            {\n                                text: i18n('action_delete-chart'),\n                                onClick: () => handleDeleteChart(id),\n                            },\n                        ]}\n                    />\n                ),\n            })),\n        [chartItems, handleEditChart, handleDeleteChart],\n    );\n\n    return (\n        <React.Fragment>\n            <Flex\n                as=\"section\"\n                direction=\"column\"\n                width=\"100%\"\n                height=\"100%\"\n                gap={gap}\n                className={block(null, className)}\n            >\n                <AddChartButton\n                    text={i18n('action_add-chart')}\n                    options={allowedCharts.map((chartType) => ({\n                        value: chartType,\n                        text: chartType,\n                        icon: CHART_TYPE_ICONS[chartType],\n                    }))}\n                    onSelect={handleChartSelect}\n                    disabled={allowedCharts.length === 0}\n                />\n\n                {chartItems.length > 0 ? (\n                    <Dashboard\n                        items={dashboardItems}\n                        defaultLayout={defaultLayout}\n                        onLayoutChange={handleLayoutChange}\n                        className={block('dashboard')}\n                        {...dashboardProps}\n                    />\n                ) : (\n                    <EmptyDashboardPlaceholder\n                        emptyTitle={emptyTitle}\n                        emptyDescription={emptyDescription}\n                    />\n                )}\n            </Flex>\n\n            <Modal\n                open={Boolean(draftChart)}\n                onOpenChange={(open) => {\n                    if (!open) {\n                        setDraftChart(null);\n                    }\n                }}\n                contentOverflow=\"auto\"\n                contentClassName={block('modal')}\n            >\n                {draftChart && (\n                    <ChartEditor\n                        chartSeriesMap={draftChart.chartSeries}\n                        formValues={draftChart.formValues}\n                        onSubmit={handleSubmitChart}\n                        onCancel={handleCancelDraft}\n                        axisVariants={['linear', 'datetime', 'logarithmic']}\n                        formProps={{\n                            labels: {\n                                submitLabel: draftChart.id\n                                    ? i18n('action_save-chart')\n                                    : i18n('action_add-chart'),\n                            },\n                        }}\n                        {...chartEditorProps}\n                    />\n                )}\n            </Modal>\n        </React.Fragment>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/widgets/DashboardCharts/DashboardCharts.scss

@@ -0,0 +1,25 @@
+.qp-dashboard-charts {
+    box-sizing: border-box;
+    min-width: 0;
+    min-height: 480px;
+    background: var(--g-color-base-background);
+
+    &__dashboard {
+        min-height: 100%;
+    }
+
+    &__modal {
+        --g-modal-width: calc(100vw - var(--g-spacing-10));
+        --g-modal-max-width: 1200px;
+        --g-modal-height: calc(100vh - var(--g-spacing-10));
+        --g-modal-max-height: 720px;
+
+        overflow: hidden;
+    }
+
+    &__empty {
+        min-height: 320px;
+        border: 1px dashed var(--g-color-line-generic);
+        border-radius: var(--g-border-radius-m);
+    }
+}

package/build/esm/widgets/DashboardCharts/helpers/chartTypeIcons.d.ts

@@ -0,0 +1,3 @@
+import type { ChartSeries } from '@gravity-ui/charts';
+import type { IconData } from '@gravity-ui/uikit';
+export declare const CHART_TYPE_ICONS: Record<ChartSeries['type'], IconData>;

package/build/esm/widgets/DashboardCharts/helpers/chartTypeIcons.js

@@ -0,0 +1,17 @@
+import { BranchesRight, ChartAreaStacked, ChartBar, ChartColumn, ChartLine, ChartPie, ChartTreemap, Circles4Square, Circles5Random, CirclesConcentric, Funnel, ListTimeline, SquareBars } from '@gravity-ui/icons';
+export var CHART_TYPE_ICONS = {
+  area: ChartAreaStacked,
+  'bar-x': ChartColumn,
+  'bar-y': ChartBar,
+  funnel: Funnel,
+  heatmap: Circles4Square,
+  line: ChartLine,
+  pie: ChartPie,
+  radar: CirclesConcentric,
+  sankey: BranchesRight,
+  scatter: Circles5Random,
+  treemap: ChartTreemap,
+  waterfall: SquareBars,
+  'x-range': ListTimeline
+};
+// #sourceMappingURL=chartTypeIcons.js.map