@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/cjs/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/cjs/types/navigation.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=navigation.js.map

package/build/cjs/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/cjs/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/cjs/types/pathEditor.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=pathEditor.js.map

package/build/cjs/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/cjs/types/queryList.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+import { RegisteredFormFields } from './forms';
+/** ISO 8601 date string or Unix timestamp in milliseconds. */
+export type QueryTimestamp = string | number;
+export type QueryListRowRenderProps = {
+    height: number;
+};
+export type QueryListHeader = {
+    header: string;
+} & QueryListRowRenderProps;
+export type QueryListRow = {
+    id: number;
+    title: string;
+    query?: string;
+    href?: string;
+} & QueryListRowRenderProps;
+export type QueryListItem<T extends QueryListRow = QueryListRow> = QueryListHeader | T;
+export type QueryListRowVariant = 'default' | 'search';
+export type QueryListRowAction<T extends QueryListRow = QueryListRow> = {
+    text: ReactNode;
+    icon?: ReactNode;
+    theme?: 'normal' | 'danger';
+    hidden?: boolean;
+    disabled?: boolean;
+    onClick: (item: T) => void;
+};
+export type QueryListSearchConfig = {
+    value?: string;
+    fullSearch?: boolean;
+    hasClear?: boolean;
+    onUpdate: (data: {
+        value: string;
+        fullSearch: boolean;
+    }) => void;
+};
+export type QueryListFilterConfig = {
+    fields?: RegisteredFormFields[];
+    values?: Record<string, any>;
+    initialValues?: Record<string, any>;
+    isChanged?: boolean;
+    onApply?: (values: Record<string, any>) => void;
+    onReset?: () => void;
+};
+export type QueryListEditingConfig<T extends QueryListRow = QueryListRow> = {
+    rowId?: T['id'];
+    onSubmit?: (item: T, title: string) => void;
+    onCancel?: (item: T) => void;
+};
+export type QueryListComparisonConfig<T extends QueryListRow = QueryListRow> = {
+    enabled: boolean;
+    comparedRowIds: T['id'][];
+    onChange: (item: T, selected: boolean) => void;
+    onCancel: () => void;
+    onCompare: () => void;
+};
+type RowFieldKey<T extends QueryListRow> = Exclude<keyof T & string, keyof QueryListRowRenderProps>;
+export type QueryListFieldKey<T extends QueryListRow = QueryListRow> = RowFieldKey<T> | 'duration';
+export type QueryListFieldOption<K extends string = string> = {
+    id: K;
+    title: ReactNode;
+};
+export type QueryListVisibleFieldsConfig<T extends QueryListRow = QueryListRow> = {
+    value: QueryListFieldKey<T>[];
+    fields: QueryListFieldOption<QueryListFieldKey<T>>[];
+    onChange: (value: QueryListFieldKey<T>[]) => void;
+};
+export type QueryListEditingRenderData<T extends QueryListRow = QueryListRow> = {
+    enabled: boolean;
+} & Pick<QueryListEditingConfig<T>, 'onSubmit' | 'onCancel'>;
+export type QueryListRowRenderData<T extends QueryListRow = QueryListRow> = {
+    item: QueryListItem<T>;
+    index: number;
+    isActive: boolean;
+    variant: QueryListRowVariant;
+    comparison?: {
+        enabled: boolean;
+        checked: boolean;
+    };
+    visibleFields?: QueryListVisibleFieldsConfig<T>;
+    actions?: QueryListRowAction<T>[];
+    editing?: QueryListEditingRenderData<T>;
+};
+export {};

package/build/cjs/types/queryList.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=queryList.js.map

package/build/cjs/types/queryList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["queryList.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport {RegisteredFormFields} from './forms';\n\n/** ISO 8601 date string or Unix timestamp in milliseconds. */\nexport type QueryTimestamp = string | number;\n\nexport type QueryListRowRenderProps = {height: number};\n\nexport type QueryListHeader = {header: string} & QueryListRowRenderProps;\n\nexport type QueryListRow = {\n    id: number;\n    title: string;\n    query?: string;\n    href?: string;\n} & QueryListRowRenderProps;\n\nexport type QueryListItem<T extends QueryListRow = QueryListRow> = QueryListHeader | T;\n\nexport type QueryListRowVariant = 'default' | 'search';\n\nexport type QueryListRowAction<T extends QueryListRow = QueryListRow> = {\n    text: ReactNode;\n    icon?: ReactNode;\n    theme?: 'normal' | 'danger';\n    hidden?: boolean;\n    disabled?: boolean;\n    onClick: (item: T) => void;\n};\n\nexport type QueryListSearchConfig = {\n    value?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport type QueryListFilterConfig = {\n    fields?: RegisteredFormFields[];\n    values?: Record<string, any>;\n    initialValues?: Record<string, any>;\n    isChanged?: boolean;\n    onApply?: (values: Record<string, any>) => void;\n    onReset?: () => void;\n};\n\nexport type QueryListEditingConfig<T extends QueryListRow = QueryListRow> = {\n    rowId?: T['id'];\n    onSubmit?: (item: T, title: string) => void;\n    onCancel?: (item: T) => void;\n};\n\nexport type QueryListComparisonConfig<T extends QueryListRow = QueryListRow> = {\n    enabled: boolean;\n    comparedRowIds: T['id'][];\n    onChange: (item: T, selected: boolean) => void;\n    onCancel: () => void;\n    onCompare: () => void;\n};\n\ntype RowFieldKey<T extends QueryListRow> = Exclude<keyof T & string, keyof QueryListRowRenderProps>;\n\nexport type QueryListFieldKey<T extends QueryListRow = QueryListRow> = RowFieldKey<T> | 'duration';\n\nexport type QueryListFieldOption<K extends string = string> = {\n    id: K;\n    title: ReactNode;\n};\n\nexport type QueryListVisibleFieldsConfig<T extends QueryListRow = QueryListRow> = {\n    value: QueryListFieldKey<T>[];\n    fields: QueryListFieldOption<QueryListFieldKey<T>>[];\n    onChange: (value: QueryListFieldKey<T>[]) => void;\n};\n\nexport type QueryListEditingRenderData<T extends QueryListRow = QueryListRow> = {\n    enabled: boolean;\n} & Pick<QueryListEditingConfig<T>, 'onSubmit' | 'onCancel'>;\n\nexport type QueryListRowRenderData<T extends QueryListRow = QueryListRow> = {\n    item: QueryListItem<T>;\n    index: number;\n    isActive: boolean;\n    variant: QueryListRowVariant;\n    comparison?: {\n        enabled: boolean;\n        checked: boolean;\n    };\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    actions?: QueryListRowAction<T>[];\n    editing?: QueryListEditingRenderData<T>;\n};\n"],"mappings":"","ignoreList":[]}

package/build/cjs/types/savedQueries.d.ts

@@ -0,0 +1,6 @@
+import { QueryListRow, QueryTimestamp } from './queryList';
+export type SavedQuery = QueryListRow & {
+    savedAt?: QueryTimestamp;
+    engine?: string;
+    author?: string;
+};

package/build/cjs/types/savedQueries.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=savedQueries.js.map

package/build/cjs/types/savedQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["savedQueries.ts"],"sourcesContent":["import {QueryListRow, QueryTimestamp} from './queryList';\n\nexport type SavedQuery = QueryListRow & {\n    savedAt?: QueryTimestamp;\n    engine?: string;\n    author?: string;\n};\n"],"mappings":"","ignoreList":[]}

package/build/cjs/types/tutorial.d.ts

@@ -1,2 +1,2 @@
-import { BaseHistoryRow } from './history';
-export type TutorialHistoryRow = BaseHistoryRow;
+import { QueryListRow } from './queryList';
+export type TutorialHistoryRow = QueryListRow;

package/build/cjs/types/tutorial.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["tutorial.ts"],"sourcesContent":["import {BaseHistoryRow} from './history';\n\nexport type TutorialHistoryRow = BaseHistoryRow;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["tutorial.ts"],"sourcesContent":["import {QueryListRow} from './queryList';\n\nexport type TutorialHistoryRow = QueryListRow;\n"],"mappings":"","ignoreList":[]}

package/build/cjs/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/cjs/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/cjs/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/cjs/widgets/DashboardCharts/DashboardCharts.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DashboardCharts = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _modules = require("../../modules");
+var _components = require("../../components");
+var _EmptyDashboardPlaceholder = require("./internal/EmptyDashboardPlaceholder");
+var _chartTypeIcons = require("./helpers/chartTypeIcons");
+var _i18n = _interopRequireDefault(require("./i18n"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./DashboardCharts.css");
+var _jsxRuntime = require("react/jsx-runtime");
+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); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-dashboard-charts');
+var DashboardCharts = exports.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 = (0, _react.useState)(customerChartsItems !== null && customerChartsItems !== void 0 ? customerChartsItems : []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    innerChartItems = _useState2[0],
+    setInnerChartItems = _useState2[1];
+  var chartItems = customerChartsItems !== null && customerChartsItems !== void 0 ? customerChartsItems : innerChartItems;
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    draftChart = _useState4[0],
+    setDraftChart = _useState4[1];
+  var allowedCharts = (0, _react.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((0, _toConsumableArray2.default)(chartItems), [newChart]);
+    setDraftChart(null);
+    setInnerChartItems(actualChartItems);
+    onItemsChange === null || onItemsChange === void 0 || onItemsChange(actualChartItems);
+  };
+  var handleEditChart = (0, _react.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 = (0, _react.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 = (0, _react.useMemo)(function () {
+    return chartItems.map(function (_ref2) {
+      var id = _ref2.id,
+        chartData = _ref2.chartData;
+      return {
+        id: id,
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Chart, {
+          data: chartData,
+          controlsVisibility: "hover",
+          onPencilEdit: function onPencilEdit() {
+            return handleEditChart(id, chartData);
+          },
+          actions: [{
+            text: (0, _i18n.default)('action_delete-chart'),
+            onClick: function onClick() {
+              return handleDeleteChart(id);
+            }
+          }]
+        }, id)
+      };
+    });
+  }, [chartItems, handleEditChart, handleDeleteChart]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      as: "section",
+      direction: "column",
+      width: "100%",
+      height: "100%",
+      gap: gap,
+      className: block(null, className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AddChartButton, {
+        text: (0, _i18n.default)('action_add-chart'),
+        options: allowedCharts.map(function (chartType) {
+          return {
+            value: chartType,
+            text: chartType,
+            icon: _chartTypeIcons.CHART_TYPE_ICONS[chartType]
+          };
+        }),
+        onSelect: handleChartSelect,
+        disabled: allowedCharts.length === 0
+      }), chartItems.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dashboard, (0, _objectSpread2.default)({
+        items: dashboardItems,
+        defaultLayout: defaultLayout,
+        onLayoutChange: handleLayoutChange,
+        className: block('dashboard')
+      }, dashboardProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyDashboardPlaceholder.EmptyDashboardPlaceholder, {
+        emptyTitle: emptyTitle,
+        emptyDescription: emptyDescription
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Modal, {
+      open: Boolean(draftChart),
+      onOpenChange: function onOpenChange(open) {
+        if (!open) {
+          setDraftChart(null);
+        }
+      },
+      contentOverflow: "auto",
+      contentClassName: block('modal'),
+      children: draftChart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.ChartEditor, (0, _objectSpread2.default)({
+        chartSeriesMap: draftChart.chartSeries,
+        formValues: draftChart.formValues,
+        onSubmit: handleSubmitChart,
+        onCancel: handleCancelDraft,
+        axisVariants: ['linear', 'datetime', 'logarithmic'],
+        formProps: {
+          labels: {
+            submitLabel: draftChart.id ? (0, _i18n.default)('action_save-chart') : (0, _i18n.default)('action_add-chart')
+          }
+        }
+      }, chartEditorProps))
+    })]
+  });
+};
+// #sourceMappingURL=DashboardCharts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_modules","_components","_EmptyDashboardPlaceholder","_chartTypeIcons","_i18n","_interopRequireDefault","_bemCnLite","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","DashboardCharts","exports","_ref","customerChartsItems","chartItems","defaultLayout","dataSource","emptyTitle","emptyDescription","chartEditorProps","dashboardProps","onItemsChange","onLayoutChange","className","_ref$gap","gap","_useState","useState","_useState2","_slicedToArray","innerChartItems","setInnerChartItems","_useState3","_useState4","draftChart","setDraftChart","allowedCharts","useMemo","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","useCallback","_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","_jsx","Chart","controlsVisibility","onPencilEdit","actions","i18n","onClick","_jsxs","React","Fragment","children","Flex","as","direction","width","height","AddChartButton","options","value","icon","CHART_TYPE_ICONS","onSelect","disabled","Dashboard","_objectSpread","items","EmptyDashboardPlaceholder","Modal","open","Boolean","onOpenChange","contentOverflow","contentClassName","ChartEditor","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/cjs/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/cjs/widgets/DashboardCharts/helpers/chartTypeIcons.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHART_TYPE_ICONS = void 0;
+var _icons = require("@gravity-ui/icons");
+var CHART_TYPE_ICONS = exports.CHART_TYPE_ICONS = {
+  area: _icons.ChartAreaStacked,
+  'bar-x': _icons.ChartColumn,
+  'bar-y': _icons.ChartBar,
+  funnel: _icons.Funnel,
+  heatmap: _icons.Circles4Square,
+  line: _icons.ChartLine,
+  pie: _icons.ChartPie,
+  radar: _icons.CirclesConcentric,
+  sankey: _icons.BranchesRight,
+  scatter: _icons.Circles5Random,
+  treemap: _icons.ChartTreemap,
+  waterfall: _icons.SquareBars,
+  'x-range': _icons.ListTimeline
+};
+// #sourceMappingURL=chartTypeIcons.js.map

package/build/cjs/widgets/DashboardCharts/helpers/chartTypeIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","CHART_TYPE_ICONS","exports","area","ChartAreaStacked","ChartColumn","ChartBar","funnel","Funnel","heatmap","Circles4Square","line","ChartLine","pie","ChartPie","radar","CirclesConcentric","sankey","BranchesRight","scatter","Circles5Random","treemap","ChartTreemap","waterfall","SquareBars","ListTimeline"],"sources":["chartTypeIcons.ts"],"sourcesContent":["import {\n    BranchesRight,\n    ChartAreaStacked,\n    ChartBar,\n    ChartColumn,\n    ChartLine,\n    ChartPie,\n    ChartTreemap,\n    Circles4Square,\n    Circles5Random,\n    CirclesConcentric,\n    Funnel,\n    ListTimeline,\n    SquareBars,\n} from '@gravity-ui/icons';\nimport type {ChartSeries} from '@gravity-ui/charts';\nimport type {IconData} from '@gravity-ui/uikit';\n\nexport const CHART_TYPE_ICONS: Record<ChartSeries['type'], IconData> = {\n    area: ChartAreaStacked,\n    'bar-x': ChartColumn,\n    'bar-y': ChartBar,\n    funnel: Funnel,\n    heatmap: Circles4Square,\n    line: ChartLine,\n    pie: ChartPie,\n    radar: CirclesConcentric,\n    sankey: BranchesRight,\n    scatter: Circles5Random,\n    treemap: ChartTreemap,\n    waterfall: SquareBars,\n    'x-range': ListTimeline,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAkBO,IAAMC,gBAAuD,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACnEE,IAAI,EAAEC,uBAAgB;EACtB,OAAO,EAAEC,kBAAW;EACpB,OAAO,EAAEC,eAAQ;EACjBC,MAAM,EAAEC,aAAM;EACdC,OAAO,EAAEC,qBAAc;EACvBC,IAAI,EAAEC,gBAAS;EACfC,GAAG,EAAEC,eAAQ;EACbC,KAAK,EAAEC,wBAAiB;EACxBC,MAAM,EAAEC,oBAAa;EACrBC,OAAO,EAAEC,qBAAc;EACvBC,OAAO,EAAEC,mBAAY;EACrBC,SAAS,EAAEC,iBAAU;EACrB,SAAS,EAAEC;AACf,CAAC","ignoreList":[]}