@gravity-ui/querieskit 1.3.0 → 1.3.1

package/build/cjs/components/AttachmentListPlaceholder/AttachmentListPlaceholder.js

@@ -8,9 +8,9 @@ require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
 var _react = _interopRequireDefault(require("react"));
 var _uikit = require("@gravity-ui/uikit");
+var _illustrations = require("@gravity-ui/illustrations");
 var _icons = require("@gravity-ui/icons");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _emptyAttachments = _interopRequireDefault(require("./assets/empty-attachments.svg"));
 var _i18n = _interopRequireDefault(require("./i18n"));
 require("./AttachmentListPlaceholder.css");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -37,9 +37,9 @@ var AttachmentListPlaceholder = exports.AttachmentListPlaceholder = function Att
     height: "100%",
     className: block(null, className),
     "data-qa": qa,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: "".concat(_emptyAttachments.default),
-      alt: "empty-attachments-image"
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_illustrations.Folder, {
+      height: 100,
+      width: 100
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
       gap: 1,
       direction: "column",

package/build/cjs/components/AttachmentListPlaceholder/AttachmentListPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_icons","_bemCnLite","_emptyAttachments","_i18n","_jsxRuntime","e","__esModule","default","block","cn","AttachmentListPlaceholder","exports","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","i18n","_jsxs","Flex","direction","alignItems","justifyContent","gap","width","height","children","_jsx","src","concat","image","alt","Text","variant","Link","href","Button","onClick","Icon","data","Plus","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {Plus} from '@gravity-ui/icons';\nimport cn from 'bem-cn-lite';\nimport image from './assets/empty-attachments.svg';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n    title?: ReactNode;\n    description?: ReactNode;\n    linkForDoc?: string;\n    linkText?: string;\n    className?: string;\n    onAddFile?: () => void;\n    onAddLink?: () => void;\n    qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n    title: customerTitle,\n    description: customerDescription,\n    linkForDoc,\n    linkText: customerLinkText,\n    className,\n    onAddFile,\n    onAddLink,\n    qa,\n}: AttachmentListPlaceholderProps) => {\n    const title = customerTitle ?? i18n('title_no-attachments');\n    const description = customerDescription ?? i18n('context_add-attachment-for-request');\n    const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n    return (\n        <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={5}\n            width=\"100%\"\n            height=\"100%\"\n            className={block(null, className)}\n            data-qa={qa}\n        >\n            <img src={`${image}`} alt=\"empty-attachments-image\" />\n\n            <Flex gap={1} direction=\"column\" alignItems=\"center\">\n                <Text variant=\"subheader-1\">{title}</Text>\n                <Text variant=\"body-1\">{description}</Text>\n                {linkForDoc && (\n                    <Link className={block('doc-link')} href={linkForDoc}>\n                        {linkText}\n                    </Link>\n                )}\n            </Flex>\n\n            <Flex gap={2}>\n                <Button onClick={onAddFile}>\n                    <Icon data={Plus} />\n                    {i18n('action_add-file')}\n                </Button>\n\n                <Button onClick={onAddLink} view=\"outlined\">\n                    <Icon data={Plus} />\n                    {i18n('action_add-link')}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_illustrations","_icons","_bemCnLite","_i18n","_jsxRuntime","e","__esModule","default","block","cn","AttachmentListPlaceholder","exports","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","i18n","_jsxs","Flex","direction","alignItems","justifyContent","gap","width","height","children","_jsx","Folder","Text","variant","Link","href","Button","onClick","Icon","data","Plus","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {Folder} from '@gravity-ui/illustrations';\nimport {Plus} from '@gravity-ui/icons';\nimport cn from 'bem-cn-lite';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n    title?: ReactNode;\n    description?: ReactNode;\n    linkForDoc?: string;\n    linkText?: string;\n    className?: string;\n    onAddFile?: () => void;\n    onAddLink?: () => void;\n    qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n    title: customerTitle,\n    description: customerDescription,\n    linkForDoc,\n    linkText: customerLinkText,\n    className,\n    onAddFile,\n    onAddLink,\n    qa,\n}: AttachmentListPlaceholderProps) => {\n    const title = customerTitle ?? i18n('title_no-attachments');\n    const description = customerDescription ?? i18n('context_add-attachment-for-request');\n    const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n    return (\n        <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={5}\n            width=\"100%\"\n            height=\"100%\"\n            className={block(null, className)}\n            data-qa={qa}\n        >\n            <Folder height={100} width={100} />\n\n            <Flex gap={1} direction=\"column\" alignItems=\"center\">\n                <Text variant=\"subheader-1\">{title}</Text>\n                <Text variant=\"body-1\">{description}</Text>\n                {linkForDoc && (\n                    <Link className={block('doc-link')} href={linkForDoc}>\n                        {linkText}\n                    </Link>\n                )}\n            </Flex>\n\n            <Flex gap={2}>\n                <Button onClick={onAddFile}>\n                    <Icon data={Plus} />\n                    {i18n('action_add-file')}\n                </Button>\n\n                <Button onClick={onAddLink} view=\"outlined\">\n                    <Icon data={Plus} />\n                    {i18n('action_add-link')}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import './HistoryLayout.scss';
 export type HistoryLayoutProps = {
-    title: ReactNode;
+    title?: ReactNode;
     logo?: ReactNode;
     actions?: ReactNode;
     header?: ReactNode;

package/build/cjs/modules/HistoryLayout/HistoryLayout.js

@@ -31,7 +31,7 @@ var HistoryLayout = exports.HistoryLayout = function HistoryLayout(_ref) {
         alignItems: "center",
         justifyContent: logo ? 'space-between' : 'flex-end',
         children: [logo, actions]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      }), title !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
         variant: "subheader-1",
         children: title
       }), header]

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistoryLayout","exports","_ref","title","logo","actions","header","footer","className","children","_jsxs","Flex","direction","gap","alignItems","justifyContent","_jsx","Text","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <Flex direction=\"column\" gap={1} className={block('header')}>\n                {(logo || actions) && (\n                    <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                        {logo}\n                        {actions}\n                    </Flex>\n                )}\n                <Text variant=\"subheader-1\">{title}</Text>\n                {header}\n            </Flex>\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,mBAAmB,CAAC;AAY9B,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAxCA,aAAqCA,CAAAE,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,gBAC/D,IAAAC,gBAAA,EAACC,WAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACL,SAAS,EAAEV,KAAK,CAAC,QAAQ,CAAE;MAAAW,QAAA,GACvD,CAACL,IAAI,IAAIC,OAAO,kBACb,IAAAK,gBAAA,EAACC,WAAI;QAACG,UAAU,EAAC,QAAQ;QAACC,cAAc,EAAEX,IAAI,GAAG,eAAe,GAAG,UAAW;QAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;MAAA,CACN,CACT,eACD,IAAAW,eAAA,EAACC,WAAI;QAACC,OAAO,EAAC,aAAa;QAAAT,QAAA,EAAEN;MAAK,CAAO,CAAC,EACzCG,MAAM;IAAA,CACL,CAAC,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistoryLayout","exports","_ref","title","logo","actions","header","footer","className","children","_jsxs","Flex","direction","gap","alignItems","justifyContent","_jsx","Text","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title?: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <Flex direction=\"column\" gap={1} className={block('header')}>\n                {(logo || actions) && (\n                    <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                        {logo}\n                        {actions}\n                    </Flex>\n                )}\n                {title !== null && <Text variant=\"subheader-1\">{title}</Text>}\n                {header}\n            </Flex>\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,mBAAmB,CAAC;AAY9B,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAxCA,aAAqCA,CAAAE,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,gBAC/D,IAAAC,gBAAA,EAACC,WAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACL,SAAS,EAAEV,KAAK,CAAC,QAAQ,CAAE;MAAAW,QAAA,GACvD,CAACL,IAAI,IAAIC,OAAO,kBACb,IAAAK,gBAAA,EAACC,WAAI;QAACG,UAAU,EAAC,QAAQ;QAACC,cAAc,EAAEX,IAAI,GAAG,eAAe,GAAG,UAAW;QAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;MAAA,CACN,CACT,EACAF,KAAK,KAAK,IAAI,iBAAI,IAAAa,eAAA,EAACC,WAAI;QAACC,OAAO,EAAC,aAAa;QAAAT,QAAA,EAAEN;MAAK,CAAO,CAAC,EAC5DG,MAAM;IAAA,CACL,CAAC,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/modules/RowsList/RowsList.css

@@ -1,3 +1,7 @@
+.qp-rows-list {
+  height: 100%;
+  overflow: auto;
+}
 .qp-rows-list .g-list__item_selected:hover {
   background-color: var(--g-color-base-selection-hover);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["RowsList.scss"],"names":[],"mappings":"AACE;EACE,qDAAA;AAAJ","file":"RowsList.css","sourcesContent":[".qp-rows-list {\n  .g-list__item_selected:hover {\n    background-color: var(--g-color-base-selection-hover);\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["RowsList.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,cAAA;AACF;AACE;EACE,qDAAA;AACJ","file":"RowsList.css","sourcesContent":[".qp-rows-list {\n  height: 100%;\n  overflow: auto;\n\n  .g-list__item_selected:hover {\n    background-color: var(--g-color-base-selection-hover);\n  }\n}\n"],"sourceRoot":""}

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

@@ -9,7 +9,7 @@ export type QueryListHeader = {
     header: string;
 } & QueryListRowRenderProps;
 export type QueryListRow = {
-    id: number;
+    id: number | string;
     title: string;
     query?: string;
     href?: string;

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

@@ -1 +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":[]}
+{"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 | string;\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/widgets/QueriesHistory/QueriesHistory.js

@@ -14,7 +14,6 @@ require("core-js/modules/es.string.search.js");
 var _react = _interopRequireDefault(require("react"));
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 var _modules = require("../../modules");
-var _i18n = _interopRequireDefault(require("./i18n"));
 var _HistoryRowContent = require("./internal/HistoryRowContent");
 require("./QueriesHistory.css");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -36,7 +35,7 @@ var QueriesHistory = exports.QueriesHistory = function QueriesHistory(_ref) {
     className = _ref.className;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.QueriesList, {
     className: block(null, className),
-    title: title || (0, _i18n.default)('title_history'),
+    title: title,
     logo: logo,
     search: search,
     filter: filter,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_modules","_i18n","_HistoryRowContent","_jsxRuntime","e","__esModule","default","block","cn","QueriesHistory","exports","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","_jsx","QueriesList","i18n","renderRow","data","HistoryRowContent","_objectSpread"],"sources":["QueriesHistory.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueriesList} from '../../modules';\nimport i18n from './i18n';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {HistoryRowContent} from './internal/HistoryRowContent';\nimport './QueriesHistory.scss';\n\nexport type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-query-history');\n\nexport const QueriesHistory = <T extends QueryHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: QueriesHistoryProps<T>) => {\n    return (\n        <QueriesList\n            className={block(null, className)}\n            title={title || i18n('title_history')}\n            logo={logo}\n            search={search}\n            filter={filter}\n            items={items}\n            selectedRowId={selectedRowId}\n            visibleFields={visibleFields}\n            editing={editing}\n            comparison={comparison}\n            getRowActions={getRowActions}\n            renderRow={(data) =>\n                renderRowItem ? renderRowItem(data) : <HistoryRowContent {...data} />\n            }\n            onListItemClick={onListItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAYA,IAAAI,kBAAA,GAAAJ,OAAA;AACAA,OAAA;AAA+B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkB/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,kBAAkB,CAAC;AAE7B,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAcG;EAAA,IAb1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,eAAe,GAAAZ,IAAA,CAAfY,eAAe;IACfC,SAAS,GAAAb,IAAA,CAATa,SAAS;EAET,oBACI,IAAAC,eAAA,EAACC,oBAAW;IACRF,SAAS,EAAEjB,KAAK,CAAC,IAAI,EAAEiB,SAAS,CAAE;IAClCZ,KAAK,EAAEA,KAAK,IAAI,IAAAe,aAAI,EAAC,eAAe,CAAE;IACtCd,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BG,aAAa,EAAEA,aAAc;IAC7BF,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBG,aAAa,EAAEA,aAAc;IAC7BM,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZR,aAAa,GAAGA,aAAa,CAACQ,IAAI,CAAC,gBAAG,IAAAJ,eAAA,EAACK,oCAAiB,MAAAC,sBAAA,MAAKF,IAAI,CAAG,CAAC;IAAA,CACxE;IACDN,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_modules","_HistoryRowContent","_jsxRuntime","e","__esModule","default","block","cn","QueriesHistory","exports","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","_jsx","QueriesList","renderRow","data","HistoryRowContent","_objectSpread"],"sources":["QueriesHistory.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueriesList} from '../../modules';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {HistoryRowContent} from './internal/HistoryRowContent';\nimport './QueriesHistory.scss';\n\nexport type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-query-history');\n\nexport const QueriesHistory = <T extends QueryHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: QueriesHistoryProps<T>) => {\n    return (\n        <QueriesList\n            className={block(null, className)}\n            title={title}\n            logo={logo}\n            search={search}\n            filter={filter}\n            items={items}\n            selectedRowId={selectedRowId}\n            visibleFields={visibleFields}\n            editing={editing}\n            comparison={comparison}\n            getRowActions={getRowActions}\n            renderRow={(data) =>\n                renderRowItem ? renderRowItem(data) : <HistoryRowContent {...data} />\n            }\n            onListItemClick={onListItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAYA,IAAAG,kBAAA,GAAAH,OAAA;AACAA,OAAA;AAA+B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkB/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,kBAAkB,CAAC;AAE7B,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAcG;EAAA,IAb1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,eAAe,GAAAZ,IAAA,CAAfY,eAAe;IACfC,SAAS,GAAAb,IAAA,CAATa,SAAS;EAET,oBACI,IAAAC,eAAA,EAACC,oBAAW;IACRF,SAAS,EAAEjB,KAAK,CAAC,IAAI,EAAEiB,SAAS,CAAE;IAClCZ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BG,aAAa,EAAEA,aAAc;IAC7BF,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBG,aAAa,EAAEA,aAAc;IAC7BK,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZP,aAAa,GAAGA,aAAa,CAACO,IAAI,CAAC,gBAAG,IAAAH,eAAA,EAACI,oCAAiB,MAAAC,sBAAA,MAAKF,IAAI,CAAG,CAAC;IAAA,CACxE;IACDL,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/cjs/widgets/QueriesHistory/QueriesHistory.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof QueriesHistory>;
 export declare const Default: Story;
 export declare const Empty: Story;
+export declare const WithHeader: Story;

package/build/cjs/widgets/QueriesHistory/QueriesHistory.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Empty = exports.Default = void 0;
+exports.default = exports.WithHeader = exports.Empty = exports.Default = 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"));
@@ -18,6 +18,7 @@ require("core-js/modules/es.iterator.filter.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
 var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
 var _QueriesHistory = require("./QueriesHistory");
 var _actions = require("storybook/actions");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -80,6 +81,33 @@ var BASE_ITEMS = [{
   startTime: now - 30 * 60 * min,
   query: QUERY,
   height: 52
+}, {
+  id: 6,
+  title: 'Query 6',
+  status: 'draft',
+  engine: 'YQL',
+  mode: 'Test',
+  startTime: now - 30 * 60 * min,
+  query: QUERY,
+  height: 52
+}, {
+  id: 7,
+  title: 'Query 7',
+  status: 'draft',
+  engine: 'YQL',
+  mode: 'Test',
+  startTime: now - 30 * 60 * min,
+  query: QUERY,
+  height: 52
+}, {
+  id: 8,
+  title: 'Query 8',
+  status: 'draft',
+  engine: 'YQL',
+  mode: 'Test',
+  startTime: now - 30 * 60 * min,
+  query: QUERY,
+  height: 52
 }];
 var activeFields = ['duration', 'mode', 'startTime', 'engine', 'isPrivate'];
 var fields = [{
@@ -130,6 +158,13 @@ var meta = {
     layout: 'padded'
   }
 };
+var operationFilterOptions = [{
+  value: 'My',
+  content: 'My'
+}, {
+  value: 'All',
+  content: 'All'
+}];
 var _default = exports.default = meta;
 var DefaultStory = function DefaultStory() {
   var _useState = (0, _react.useState)([].concat(BASE_ITEMS)),
@@ -285,6 +320,47 @@ var EmptyStory = function EmptyStory() {
     })
   });
 };
+var WithHeaderStory = function WithHeaderStory() {
+  var _useState13 = (0, _react.useState)({
+      value: '',
+      fullSearch: false
+    }),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    search = _useState14[0],
+    setSearch = _useState14[1];
+  var _useState15 = (0, _react.useState)(activeFields),
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    visibleFields = _useState16[0],
+    setVisibleFields = _useState16[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300,
+      height: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesHistory.QueriesHistory, {
+      items: BASE_ITEMS,
+      logo: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.SegmentedRadioGroup, {
+        options: operationFilterOptions
+      }),
+      visibleFields: {
+        value: visibleFields,
+        fields: fields,
+        onChange: setVisibleFields
+      },
+      filter: {
+        fields: filterFields,
+        onApply: logFilterApply,
+        onReset: logFilterReset('reset')
+      },
+      search: {
+        value: search.value,
+        fullSearch: search.fullSearch,
+        hasClear: true,
+        onUpdate: setSearch
+      }
+    })
+  });
+};
 var Default = exports.Default = {
   render: function render() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultStory, {});
@@ -295,4 +371,9 @@ var Empty = exports.Empty = {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyStory, {});
   }
 };
+var WithHeader = exports.WithHeader = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithHeaderStory, {});
+  }
+};
 // #sourceMappingURL=QueriesHistory.stories.js.map

package/build/cjs/widgets/QueriesHistory/QueriesHistory.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_QueriesHistory","_actions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","action","logFilterReset","meta","component","QueriesHistory","tags","parameters","layout","_default","exports","DefaultStory","_useState","useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","compareMode","setCompareMode","_useState9","_useState0","comparedRows","setComparedRows","_useState1","undefined","_useState10","editingId","setEditingId","handleCompareChange","item","selected","result","_toConsumableArray","slice","filter","length","handleCompareCancel","handleEditSubmit","index","findIndex","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","_jsx","style","width","children","onChange","hasClear","onUpdate","onApply","onReset","getRowActions","text","onClick","comparison","enabled","comparedRowIds","onCancel","onCompare","editing","rowId","onSubmit","EmptyStory","_useState11","_useState12","Default","render","Empty"],"sources":["QueriesHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueriesHistory} from './QueriesHistory';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {action} from 'storybook/actions';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst BASE_ITEMS: QueryListItem<QueryHistoryRow>[] = [\n    {header: 'Today', height: 28},\n    {\n        id: 1,\n        title: 'Query 1',\n        status: 'completed',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 2 * min,\n        endTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Query 2',\n        status: 'failed',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 10 * min,\n        endTime: now - 9 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Query 3',\n        status: 'running',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {header: 'Yesterday', height: 28},\n    {\n        id: 4,\n        title: 'Query 4',\n        status: 'aborted',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 25 * 60 * min,\n        endTime: now - 24 * 60 * min,\n        query: 'SELECT 1',\n        height: 52,\n    },\n    {\n        id: 5,\n        title: 'Query 5',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n];\n\ntype VisibleFields = QueryListVisibleFieldsConfig<QueryHistoryRow>['fields'];\nconst activeFields: QueryListFieldKey<QueryHistoryRow>[] = [\n    'duration',\n    'mode',\n    'startTime',\n    'engine',\n    'isPrivate',\n];\nconst fields: VisibleFields = [\n    {\n        id: 'duration',\n        title: 'Duration',\n    },\n    {\n        id: 'mode',\n        title: 'Mode',\n    },\n    {\n        id: 'startTime',\n        title: 'Start time',\n    },\n    {\n        id: 'engine',\n        title: 'Engine',\n    },\n    {\n        id: 'isPrivate',\n        title: 'ACO',\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst meta: Meta<typeof QueriesHistory> = {\n    title: 'Widgets/QueriesHistory',\n    component: QueriesHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] =\n        useState<QueryListFieldKey<QueryHistoryRow>[]>(activeFields);\n    const [compareMode, setCompareMode] = useState(false);\n    const [comparedRows, setComparedRows] = useState<number[]>([]);\n    const [editingId, setEditingId] = useState<number | undefined>(undefined);\n\n    const handleCompareChange = (item: QueryHistoryRow, selected: boolean) => {\n        const result = selected\n            ? [...comparedRows.slice(0, 1), item.id]\n            : comparedRows.filter((id) => id !== item.id);\n        setComparedRows(result);\n\n        if (!result.length) setCompareMode(false);\n    };\n\n    const handleCompareCancel = () => {\n        setComparedRows([]);\n        setCompareMode(false);\n    };\n\n    const handleEditSubmit = (item: QueryHistoryRow, title: string) => {\n        const index = items.findIndex((i) => 'id' in i && i.id === item.id);\n        if (index < 0) return;\n\n        const result = [...items];\n        result[index] = {...result[index], title};\n        setItems(result);\n        setEditingId(undefined);\n    };\n\n    const handleEditCancel = () => {\n        setEditingId(undefined);\n    };\n\n    const handleCompare = () => {\n        action('onCompare')(comparedRows);\n    };\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={items}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                getRowActions={() => [\n                    {\n                        text: 'Compare',\n                        onClick: (item) => {\n                            setCompareMode(true);\n                            setComparedRows([item.id]);\n                        },\n                    },\n                    {\n                        text: 'Edit',\n                        onClick: (item) => {\n                            setEditingId(item.id);\n                        },\n                    },\n                ]}\n                comparison={{\n                    enabled: compareMode,\n                    comparedRowIds: comparedRows,\n                    onChange: handleCompareChange,\n                    onCancel: handleCompareCancel,\n                    onCompare: handleCompare,\n                }}\n                editing={{\n                    rowId: editingId,\n                    onSubmit: handleEditSubmit,\n                    onCancel: handleEditCancel,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_QueriesHistory","_actions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","action","logFilterReset","meta","component","QueriesHistory","tags","parameters","layout","operationFilterOptions","value","content","_default","exports","DefaultStory","_useState","useState","concat","_useState2","_slicedToArray","setItems","_useState3","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","compareMode","setCompareMode","_useState9","_useState0","comparedRows","setComparedRows","_useState1","undefined","_useState10","editingId","setEditingId","handleCompareChange","item","selected","result","_toConsumableArray","slice","filter","length","handleCompareCancel","handleEditSubmit","index","findIndex","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","_jsx","style","width","children","onChange","hasClear","onUpdate","onApply","onReset","getRowActions","text","onClick","comparison","enabled","comparedRowIds","onCancel","onCompare","editing","rowId","onSubmit","EmptyStory","_useState11","_useState12","WithHeaderStory","_useState13","_useState14","_useState15","_useState16","logo","SegmentedRadioGroup","options","Default","render","Empty","WithHeader"],"sources":["QueriesHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {SegmentedRadioGroup} from '@gravity-ui/uikit';\nimport {QueriesHistory} from './QueriesHistory';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {action} from 'storybook/actions';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst BASE_ITEMS: QueryListItem<QueryHistoryRow>[] = [\n    {header: 'Today', height: 28},\n    {\n        id: 1,\n        title: 'Query 1',\n        status: 'completed',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 2 * min,\n        endTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Query 2',\n        status: 'failed',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 10 * min,\n        endTime: now - 9 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Query 3',\n        status: 'running',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {header: 'Yesterday', height: 28},\n    {\n        id: 4,\n        title: 'Query 4',\n        status: 'aborted',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 25 * 60 * min,\n        endTime: now - 24 * 60 * min,\n        query: 'SELECT 1',\n        height: 52,\n    },\n    {\n        id: 5,\n        title: 'Query 5',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 6,\n        title: 'Query 6',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 7,\n        title: 'Query 7',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 8,\n        title: 'Query 8',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n];\n\ntype VisibleFields = QueryListVisibleFieldsConfig<QueryHistoryRow>['fields'];\nconst activeFields: QueryListFieldKey<QueryHistoryRow>[] = [\n    'duration',\n    'mode',\n    'startTime',\n    'engine',\n    'isPrivate',\n];\nconst fields: VisibleFields = [\n    {\n        id: 'duration',\n        title: 'Duration',\n    },\n    {\n        id: 'mode',\n        title: 'Mode',\n    },\n    {\n        id: 'startTime',\n        title: 'Start time',\n    },\n    {\n        id: 'engine',\n        title: 'Engine',\n    },\n    {\n        id: 'isPrivate',\n        title: 'ACO',\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst meta: Meta<typeof QueriesHistory> = {\n    title: 'Widgets/QueriesHistory',\n    component: QueriesHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nconst operationFilterOptions = [\n    {\n        value: 'My',\n        content: 'My',\n    },\n    {\n        value: 'All',\n        content: 'All',\n    },\n];\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] =\n        useState<QueryListFieldKey<QueryHistoryRow>[]>(activeFields);\n    const [compareMode, setCompareMode] = useState(false);\n    const [comparedRows, setComparedRows] = useState<(number | string)[]>([]);\n    const [editingId, setEditingId] = useState<number | string | undefined>(undefined);\n\n    const handleCompareChange = (item: QueryHistoryRow, selected: boolean) => {\n        const result = selected\n            ? [...comparedRows.slice(0, 1), item.id]\n            : comparedRows.filter((id) => id !== item.id);\n        setComparedRows(result);\n\n        if (!result.length) setCompareMode(false);\n    };\n\n    const handleCompareCancel = () => {\n        setComparedRows([]);\n        setCompareMode(false);\n    };\n\n    const handleEditSubmit = (item: QueryHistoryRow, title: string) => {\n        const index = items.findIndex((i) => 'id' in i && i.id === item.id);\n        if (index < 0) return;\n\n        const result = [...items];\n        result[index] = {...result[index], title};\n        setItems(result);\n        setEditingId(undefined);\n    };\n\n    const handleEditCancel = () => {\n        setEditingId(undefined);\n    };\n\n    const handleCompare = () => {\n        action('onCompare')(comparedRows);\n    };\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={items}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                getRowActions={() => [\n                    {\n                        text: 'Compare',\n                        onClick: (item) => {\n                            setCompareMode(true);\n                            setComparedRows([item.id]);\n                        },\n                    },\n                    {\n                        text: 'Edit',\n                        onClick: (item) => {\n                            setEditingId(item.id);\n                        },\n                    },\n                ]}\n                comparison={{\n                    enabled: compareMode,\n                    comparedRowIds: comparedRows,\n                    onChange: handleCompareChange,\n                    onCancel: handleCompareCancel,\n                    onCompare: handleCompare,\n                }}\n                editing={{\n                    rowId: editingId,\n                    onSubmit: handleEditSubmit,\n                    onCancel: handleEditCancel,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nconst WithHeaderStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] =\n        useState<QueryListFieldKey<QueryHistoryRow>[]>(activeFields);\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                items={BASE_ITEMS}\n                logo={<SegmentedRadioGroup options={operationFilterOptions} />}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\nexport const WithHeader: Story = {render: () => <WithHeaderStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/widgets/SavedQueries/SavedQueries.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_actions","_SavedQueries","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","SavedQueries","tags","parameters","layout","_default","exports","SavedQueriesStory","_useState","useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","useMemo","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","_jsx","style","width","children","hasClear","onUpdate","onApply","action","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","Text","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n    session_id,\n    COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n    {\n        id: 1,\n        title: 'New Query',\n        savedAt: '2026-04-29T12:00:00.000Z',\n        engine: 'SQL',\n        author: 'Anna Petrova',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Daily conversion report',\n        savedAt: '2026-04-29T11:00:00.000Z',\n        engine: 'YQL',\n        author: 'Pavel Sidorov',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Product funnel',\n        savedAt: '2026-04-28T09:00:00.000Z',\n        engine: 'SQL',\n        author: 'Maria Volkova',\n        query: 'SELECT 1;',\n        height: 52,\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'engine',\n        type: 'checkboxGroup',\n        title: 'Engine',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n    {id: 'savedAt', title: 'Saved date'},\n    {id: 'engine', title: 'Engine'},\n    {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n    title: 'Widgets/SavedQueries',\n    component: SavedQueries,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n    const [items, setItems] = useState(BASE_ITEMS);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n        'savedAt',\n        'engine',\n        'author',\n    ]);\n    const [comparedRowIds, setComparedRowIds] = useState<number[]>([]);\n    const [editingRowId, setEditingRowId] = useState<number>();\n\n    const filteredItems = useMemo(() => {\n        if (!search.value) return items;\n\n        const value = search.value.toLowerCase();\n        return items.filter((item) => {\n            if ('header' in item) return false;\n\n            return search.fullSearch\n                ? item.title.toLowerCase().includes(value) ||\n                      item.query?.toLowerCase().includes(value)\n                : item.title.toLowerCase().includes(value);\n        });\n    }, [items, search]);\n\n    const updateTitle = (item: SavedQuery, title: string) => {\n        setItems((currentItems) =>\n            currentItems.map((currentItem) =>\n                'id' in currentItem && currentItem.id === item.id\n                    ? {...currentItem, title}\n                    : currentItem,\n            ),\n        );\n        setEditingRowId(undefined);\n    };\n\n    return (\n        <div style={{width: 360, height: 560}}>\n            <SavedQueries\n                items={filteredItems}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                filter={{\n                    fields: filterFields,\n                    onApply: action('onFilterApply'),\n                    onReset: action('onFilterReset'),\n                }}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                editing={{\n                    rowId: editingRowId,\n                    onSubmit: updateTitle,\n                    onCancel: () => setEditingRowId(undefined),\n                }}\n                comparison={{\n                    enabled: Boolean(comparedRowIds.length),\n                    comparedRowIds,\n                    onChange: (item, selected) => {\n                        setComparedRowIds((currentIds) =>\n                            selected\n                                ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n                                : currentIds.filter((id) => id !== item.id),\n                        );\n                    },\n                    onCancel: () => setComparedRowIds([]),\n                    onCompare: () => action('onCompare')(comparedRowIds),\n                }}\n                getRowActions={(item) => [\n                    {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n                    {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n                    {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n                    {\n                        text: 'Compare with baseline',\n                        onClick: () => setComparedRowIds([item.id]),\n                    },\n                    {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n                ]}\n            />\n        </div>\n    );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n    const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n        'header' in item ? item : {...item, team: 'Analytics'},\n    );\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries\n                items={items}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAQA,IAAAG,aAAA,GAAAH,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAE5C,IAAMoB,KAAK,+FAIU;AAErB,IAAMC,UAAuC,GAAG,CAC5C;EACIC,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,WAAW;EAClBC,OAAO,EAAE,0BAA0B;EACnCC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,cAAc;EACtBC,KAAK,EAAEP,KAAK;EACZQ,MAAM,EAAE;AACZ,CAAC,EACD;EACIN,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,yBAAyB;EAChCC,OAAO,EAAE,0BAA0B;EACnCC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,eAAe;EACvBC,KAAK,EAAEP,KAAK;EACZQ,MAAM,EAAE;AACZ,CAAC,EACD;EACIN,EAAE,EAAE,CAAC;EACLC,KAAK,EAAE,gBAAgB;EACvBC,OAAO,EAAE,0BAA0B;EACnCC,MAAM,EAAE,KAAK;EACbC,MAAM,EAAE,eAAe;EACvBC,KAAK,EAAE,WAAW;EAClBC,MAAM,EAAE;AACZ,CAAC,CACJ;AAED,IAAMC,YAA6C,GAAG,CAClD;EAACP,EAAE,EAAE,UAAU;EAAEQ,IAAI,EAAE,QAAQ;EAAEP,KAAK,EAAE,iBAAiB;EAAEQ,YAAY,EAAE;AAAI,CAAC,EAC9E;EAACT,EAAE,EAAE,OAAO;EAAEQ,IAAI,EAAE,iBAAiB;EAAEP,KAAK,EAAE;AAAQ,CAAC,EACvD;EACID,EAAE,EAAE,QAAQ;EACZQ,IAAI,EAAE,eAAe;EACrBP,KAAK,EAAE,QAAQ;EACfQ,YAAY,EAAE,EAAE;EAChBC,KAAK,EAAE,CACH;IAACV,EAAE,EAAE,KAAK;IAAEC,KAAK,EAAE;EAAK,CAAC,EACzB;IAACD,EAAE,EAAE,KAAK;IAAEC,KAAK,EAAE;EAAK,CAAC;AAEjC,CAAC,CACJ;AAED,IAAMU,MAA0D,GAAG,CAC/D;EAACX,EAAE,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAY,CAAC,EACpC;EAACD,EAAE,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAC/B;EAACD,EAAE,EAAE,QAAQ;EAAEC,KAAK,EAAE;AAAQ,CAAC,CAClC;AAED,IAAMW,IAA+B,GAAG;EACpCX,KAAK,EAAE,sBAAsB;EAC7BY,SAAS,EAAEC,0BAAY;EACvBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IAACC,MAAM,EAAE;EAAQ;AACjC,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEcwB,IAAI;AAGnB,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EAC5B,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAACvB,UAAU,CAAC;IAAAwB,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAAvCX,KAAK,GAAAa,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EACtB,IAAAG,UAAA,GAA4B,IAAAJ,eAAQ,EAAC;MAACK,KAAK,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAK,CAAC,CAAC;IAAAC,UAAA,OAAAL,uBAAA,EAAAE,UAAA;IAA7DI,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,IAAAG,UAAA,GAA0C,IAAAV,eAAQ,EAAkC,CAChF,SAAS,EACT,QAAQ,EACR,QAAQ,CACX,CAAC;IAAAW,UAAA,OAAAT,uBAAA,EAAAQ,UAAA;IAJKE,aAAa,GAAAD,UAAA;IAAEE,gBAAgB,GAAAF,UAAA;EAKtC,IAAAG,UAAA,GAA4C,IAAAd,eAAQ,EAAW,EAAE,CAAC;IAAAe,UAAA,OAAAb,uBAAA,EAAAY,UAAA;IAA3DE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAAG,UAAA,GAAwC,IAAAlB,eAAQ,EAAS,CAAC;IAAAmB,UAAA,OAAAjB,uBAAA,EAAAgB,UAAA;IAAnDE,YAAY,GAAAD,UAAA;IAAEE,eAAe,GAAAF,UAAA;EAEpC,IAAMG,aAAa,GAAG,IAAAC,cAAO,EAAC,YAAM;IAChC,IAAI,CAACf,MAAM,CAACH,KAAK,EAAE,OAAOjB,KAAK;IAE/B,IAAMiB,KAAK,GAAGG,MAAM,CAACH,KAAK,CAACmB,WAAW,CAAC,CAAC;IACxC,OAAOpC,KAAK,CAACqC,MAAM,CAAC,UAACC,IAAI,EAAK;MAAA,IAAAC,WAAA;MAC1B,IAAI,QAAQ,IAAID,IAAI,EAAE,OAAO,KAAK;MAElC,OAAOlB,MAAM,CAACF,UAAU,GAClBoB,IAAI,CAAC/C,KAAK,CAAC6C,WAAW,CAAC,CAAC,CAACI,QAAQ,CAACvB,KAAK,CAAC,MAAAsB,WAAA,GACpCD,IAAI,CAAC3C,KAAK,cAAA4C,WAAA,uBAAVA,WAAA,CAAYH,WAAW,CAAC,CAAC,CAACI,QAAQ,CAACvB,KAAK,CAAC,IAC7CqB,IAAI,CAAC/C,KAAK,CAAC6C,WAAW,CAAC,CAAC,CAACI,QAAQ,CAACvB,KAAK,CAAC;IAClD,CAAC,CAAC;EACN,CAAC,EAAE,CAACjB,KAAK,EAAEoB,MAAM,CAAC,CAAC;EAEnB,IAAMqB,WAAW,GAAG,SAAdA,WAAWA,CAAIH,IAAgB,EAAE/C,KAAa,EAAK;IACrDwB,QAAQ,CAAC,UAAC2B,YAAY;MAAA,OAClBA,YAAY,CAACC,GAAG,CAAC,UAACC,WAAW;QAAA,OACzB,IAAI,IAAIA,WAAW,IAAIA,WAAW,CAACtD,EAAE,KAAKgD,IAAI,CAAChD,EAAE,OAAAuD,sBAAA,MAAAA,sBAAA,MACvCD,WAAW;UAAErD,KAAK,EAALA;QAAK,KACtBqD,WAAW;MAAA,CACrB,CAAC;IAAA,CACL,CAAC;IACDX,eAAe,CAACa,SAAS,CAAC;EAC9B,CAAC;EAED,oBACI,IAAAC,eAAA;IAAKC,KAAK,EAAE;MAACC,KAAK,EAAE,GAAG;MAAErD,MAAM,EAAE;IAAG,CAAE;IAAAsD,QAAA,eAClC,IAAAH,eAAA,EAAC3C,0BAAY;MACTJ,KAAK,EAAEkC,aAAc;MACrBd,MAAM,MAAAyB,sBAAA,MAAAA,sBAAA,MAAMzB,MAAM;QAAE+B,QAAQ,EAAE,IAAI;QAAEC,QAAQ,EAAE/B;MAAS,EAAE;MACzDgB,MAAM,EAAE;QACJpC,MAAM,EAAEJ,YAAY;QACpBwD,OAAO,EAAE,IAAAC,eAAM,EAAC,eAAe,CAAC;QAChCC,OAAO,EAAE,IAAAD,eAAM,EAAC,eAAe;MACnC,CAAE;MACF9B,aAAa,EAAE;QAACP,KAAK,EAAEO,aAAa;QAAEvB,MAAM,EAANA,MAAM;QAAEuD,QAAQ,EAAE/B;MAAgB,CAAE;MAC1EgC,OAAO,EAAE;QACLC,KAAK,EAAE1B,YAAY;QACnB2B,QAAQ,EAAElB,WAAW;QACrBmB,QAAQ,EAAE,SAAVA,QAAQA,CAAA;UAAA,OAAQ3B,eAAe,CAACa,SAAS,CAAC;QAAA;MAC9C,CAAE;MACFe,UAAU,EAAE;QACRC,OAAO,EAAEC,OAAO,CAACnC,cAAc,CAACoC,MAAM,CAAC;QACvCpC,cAAc,EAAdA,cAAc;QACd4B,QAAQ,EAAE,SAAVA,QAAQA,CAAGlB,IAAI,EAAE2B,QAAQ,EAAK;UAC1BpC,iBAAiB,CAAC,UAACqC,UAAU;YAAA,OACzBD,QAAQ,MAAAE,MAAA,KAAAC,2BAAA,EACEF,UAAU,CAAC7B,MAAM,CAAC,UAAC/C,EAAE;cAAA,OAAKA,EAAE,KAAKgD,IAAI,CAAChD,EAAE;YAAA,EAAC,CAAC+E,KAAK,CAAC,CAAC,CAAC,CAAC,IAAE/B,IAAI,CAAChD,EAAE,KAChE4E,UAAU,CAAC7B,MAAM,CAAC,UAAC/C,EAAE;cAAA,OAAKA,EAAE,KAAKgD,IAAI,CAAChD,EAAE;YAAA,EAAC;UAAA,CACnD,CAAC;QACL,CAAC;QACDsE,QAAQ,EAAE,SAAVA,QAAQA,CAAA;UAAA,OAAQ/B,iBAAiB,CAAC,EAAE,CAAC;QAAA;QACrCyC,SAAS,EAAE,SAAXA,SAASA,CAAA;UAAA,OAAQ,IAAAhB,eAAM,EAAC,WAAW,CAAC,CAAC1B,cAAc,CAAC;QAAA;MACxD,CAAE;MACF2C,aAAa,EAAE,SAAfA,aAAaA,CAAGjC,IAAI;QAAA,OAAK,CACrB;UAACkC,IAAI,EAAE,SAAS;UAAEC,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQ,IAAAnB,eAAM,EAAC,UAAU,CAAC,CAAChB,IAAI,CAAC;UAAA;QAAA,CAAC,EAC1D;UAACkC,IAAI,EAAE,iBAAiB;UAAEC,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQ,IAAAnB,eAAM,EAAC,kBAAkB,CAAC,CAAChB,IAAI,CAAC;UAAA;QAAA,CAAC,EAC1E;UAACkC,IAAI,EAAE,MAAM;UAAEC,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQxC,eAAe,CAACK,IAAI,CAAChD,EAAE,CAAC;UAAA;QAAA,CAAC,EACvD;UACIkF,IAAI,EAAE,uBAAuB;UAC7BC,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQ5C,iBAAiB,CAAC,CAACS,IAAI,CAAChD,EAAE,CAAC,CAAC;UAAA;QAC/C,CAAC,EACD;UAACkF,IAAI,EAAE,QAAQ;UAAEE,KAAK,EAAE,QAAQ;UAAED,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQ,IAAAnB,eAAM,EAAC,UAAU,CAAC,CAAChB,IAAI,CAAC;UAAA;QAAA,CAAC,CAC7E;MAAA;IAAC,CACL;EAAC,CACD,CAAC;AAEd,CAAC;AAID,IAAMqC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EAC5B,IAAM3E,KAA0C,GAAGX,UAAU,CAACsD,GAAG,CAAC,UAACL,IAAI;IAAA,OACnE,QAAQ,IAAIA,IAAI,GAAGA,IAAI,OAAAO,sBAAA,MAAAA,sBAAA,MAAOP,IAAI;MAAEsC,IAAI,EAAE;IAAW,EAAC;EAAA,CAC1D,CAAC;EACD,IAAAC,UAAA,GAA4B,IAAAjE,eAAQ,EAAC;MAACK,KAAK,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAK,CAAC,CAAC;IAAA4D,WAAA,OAAAhE,uBAAA,EAAA+D,UAAA;IAA7DzD,MAAM,GAAA0D,WAAA;IAAEzD,SAAS,GAAAyD,WAAA;EAExB,oBACI,IAAA/B,eAAA;IAAKC,KAAK,EAAE;MAACC,KAAK,EAAE,GAAG;MAAErD,MAAM,EAAE;IAAG,CAAE;IAAAsD,QAAA,eAClC,IAAAH,eAAA,EAAC3C,0BAAY;MACTJ,KAAK,EAAEA,KAAM;MACboB,MAAM,MAAAyB,sBAAA,MAAAA,sBAAA,MAAMzB,MAAM;QAAE+B,QAAQ,EAAE,IAAI;QAAEC,QAAQ,EAAE/B;MAAS,EAAE;MACzD0D,YAAY,EAAE,SAAdA,YAAYA,CAAGzC,IAAI;QAAA,oBAAK,IAAAS,eAAA,EAACiC,WAAI;UAACC,KAAK,EAAC,eAAe;UAAA/B,QAAA,EAAEZ,IAAI,CAACsC;QAAI,CAAO,CAAC;MAAA;IAAC,CAC1E;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMM,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EACrB,IAAAC,WAAA,GAA4B,IAAAvE,eAAQ,EAAC;MAACK,KAAK,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAK,CAAC,CAAC;IAAAkE,WAAA,OAAAtE,uBAAA,EAAAqE,WAAA;IAA7D/D,MAAM,GAAAgE,WAAA;IAAE/D,SAAS,GAAA+D,WAAA;EAExB,oBACI,IAAArC,eAAA;IAAKC,KAAK,EAAE;MAACC,KAAK,EAAE,GAAG;MAAErD,MAAM,EAAE;IAAG,CAAE;IAAAsD,QAAA,eAClC,IAAAH,eAAA,EAAC3C,0BAAY;MAACJ,KAAK,EAAE,EAAG;MAACoB,MAAM,MAAAyB,sBAAA,MAAAA,sBAAA,MAAMzB,MAAM;QAAE+B,QAAQ,EAAE,IAAI;QAAEC,QAAQ,EAAE/B;MAAS;IAAE,CAAE;EAAC,CACpF,CAAC;AAEd,CAAC;AAEM,IAAMgE,OAAc,GAAA5E,OAAA,CAAA4E,OAAA,GAAG;EAACC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ,IAAAvC,eAAA,EAACrC,iBAAiB,IAAE,CAAC;EAAA;AAAA,CAAC;AAC5D,IAAM6E,YAAmB,GAAA9E,OAAA,CAAA8E,YAAA,GAAG;EAACD,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ,IAAAvC,eAAA,EAAC4B,iBAAiB,IAAE,CAAC;EAAA;AAAA,CAAC;AACjE,IAAMa,KAAY,GAAA/E,OAAA,CAAA+E,KAAA,GAAG;EAACF,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ,IAAAvC,eAAA,EAACmC,UAAU,IAAE,CAAC;EAAA;AAAA,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_actions","_SavedQueries","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","SavedQueries","tags","parameters","layout","_default","exports","SavedQueriesStory","_useState","useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","useMemo","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","_jsx","style","width","children","hasClear","onUpdate","onApply","action","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","Text","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n    session_id,\n    COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n    {\n        id: 1,\n        title: 'New Query',\n        savedAt: '2026-04-29T12:00:00.000Z',\n        engine: 'SQL',\n        author: 'Anna Petrova',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Daily conversion report',\n        savedAt: '2026-04-29T11:00:00.000Z',\n        engine: 'YQL',\n        author: 'Pavel Sidorov',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Product funnel',\n        savedAt: '2026-04-28T09:00:00.000Z',\n        engine: 'SQL',\n        author: 'Maria Volkova',\n        query: 'SELECT 1;',\n        height: 52,\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'engine',\n        type: 'checkboxGroup',\n        title: 'Engine',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n    {id: 'savedAt', title: 'Saved date'},\n    {id: 'engine', title: 'Engine'},\n    {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n    title: 'Widgets/SavedQueries',\n    component: SavedQueries,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n    const [items, setItems] = useState(BASE_ITEMS);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n        'savedAt',\n        'engine',\n        'author',\n    ]);\n    const [comparedRowIds, setComparedRowIds] = useState<(number | string)[]>([]);\n    const [editingRowId, setEditingRowId] = useState<number | string>();\n\n    const filteredItems = useMemo(() => {\n        if (!search.value) return items;\n\n        const value = search.value.toLowerCase();\n        return items.filter((item) => {\n            if ('header' in item) return false;\n\n            return search.fullSearch\n                ? item.title.toLowerCase().includes(value) ||\n                      item.query?.toLowerCase().includes(value)\n                : item.title.toLowerCase().includes(value);\n        });\n    }, [items, search]);\n\n    const updateTitle = (item: SavedQuery, title: string) => {\n        setItems((currentItems) =>\n            currentItems.map((currentItem) =>\n                'id' in currentItem && currentItem.id === item.id\n                    ? {...currentItem, title}\n                    : currentItem,\n            ),\n        );\n        setEditingRowId(undefined);\n    };\n\n    return (\n        <div style={{width: 360, height: 560}}>\n            <SavedQueries\n                items={filteredItems}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                filter={{\n                    fields: filterFields,\n                    onApply: action('onFilterApply'),\n                    onReset: action('onFilterReset'),\n                }}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                editing={{\n                    rowId: editingRowId,\n                    onSubmit: updateTitle,\n                    onCancel: () => setEditingRowId(undefined),\n                }}\n                comparison={{\n                    enabled: Boolean(comparedRowIds.length),\n                    comparedRowIds,\n                    onChange: (item, selected) => {\n                        setComparedRowIds((currentIds) =>\n                            selected\n                                ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n                                : currentIds.filter((id) => id !== item.id),\n                        );\n                    },\n                    onCancel: () => setComparedRowIds([]),\n                    onCompare: () => action('onCompare')(comparedRowIds),\n                }}\n                getRowActions={(item) => [\n                    {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n                    {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n                    {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n                    {\n                        text: 'Compare with baseline',\n                        onClick: () => setComparedRowIds([item.id]),\n                    },\n                    {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n                ]}\n            />\n        </div>\n    );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n    const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n        'header' in item ? item : {...item, team: 'Analytics'},\n    );\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries\n                items={items}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/AttachmentListPlaceholder/AttachmentListPlaceholder.js

@@ -2,9 +2,9 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import React from 'react';
 import { Button, Flex, Icon, Link, Text } from '@gravity-ui/uikit';
+import { Folder } from '@gravity-ui/illustrations';
 import { Plus } from '@gravity-ui/icons';
 import cn from 'bem-cn-lite';
-import image from "./assets/empty-attachments.svg";
 import i18n from "./i18n";
 import "./AttachmentListPlaceholder.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -30,9 +30,9 @@ export var AttachmentListPlaceholder = function AttachmentListPlaceholder(_ref)
     height: "100%",
     className: block(null, className),
     "data-qa": qa,
-    children: [/*#__PURE__*/_jsx("img", {
-      src: "".concat(image),
-      alt: "empty-attachments-image"
+    children: [/*#__PURE__*/_jsx(Folder, {
+      height: 100,
+      width: 100
     }), /*#__PURE__*/_jsxs(Flex, {
       gap: 1,
       direction: "column",

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

@@ -1 +1 @@
-{"version":3,"names":["React","Button","Flex","Icon","Link","Text","Plus","cn","image","i18n","jsx","_jsx","jsxs","_jsxs","block","AttachmentListPlaceholder","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","direction","alignItems","justifyContent","gap","width","height","children","src","concat","alt","variant","href","onClick","data","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {Plus} from '@gravity-ui/icons';\nimport cn from 'bem-cn-lite';\nimport image from './assets/empty-attachments.svg';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n    title?: ReactNode;\n    description?: ReactNode;\n    linkForDoc?: string;\n    linkText?: string;\n    className?: string;\n    onAddFile?: () => void;\n    onAddLink?: () => void;\n    qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n    title: customerTitle,\n    description: customerDescription,\n    linkForDoc,\n    linkText: customerLinkText,\n    className,\n    onAddFile,\n    onAddLink,\n    qa,\n}: AttachmentListPlaceholderProps) => {\n    const title = customerTitle ?? i18n('title_no-attachments');\n    const description = customerDescription ?? i18n('context_add-attachment-for-request');\n    const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n    return (\n        <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={5}\n            width=\"100%\"\n            height=\"100%\"\n            className={block(null, className)}\n            data-qa={qa}\n        >\n            <img src={`${image}`} alt=\"empty-attachments-image\" />\n\n            <Flex gap={1} direction=\"column\" alignItems=\"center\">\n                <Text variant=\"subheader-1\">{title}</Text>\n                <Text variant=\"body-1\">{description}</Text>\n                {linkForDoc && (\n                    <Link className={block('doc-link')} href={linkForDoc}>\n                        {linkText}\n                    </Link>\n                )}\n            </Flex>\n\n            <Flex gap={2}>\n                <Button onClick={onAddFile}>\n                    <Icon data={Plus} />\n                    {i18n('action_add-file')}\n                </Button>\n\n                <Button onClick={onAddLink} view=\"outlined\">\n                    <Icon data={Plus} />\n                    {i18n('action_add-link')}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Button","Flex","Icon","Link","Text","Folder","Plus","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","AttachmentListPlaceholder","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","direction","alignItems","justifyContent","gap","width","height","children","variant","href","onClick","data","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {Folder} from '@gravity-ui/illustrations';\nimport {Plus} from '@gravity-ui/icons';\nimport cn from 'bem-cn-lite';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n    title?: ReactNode;\n    description?: ReactNode;\n    linkForDoc?: string;\n    linkText?: string;\n    className?: string;\n    onAddFile?: () => void;\n    onAddLink?: () => void;\n    qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n    title: customerTitle,\n    description: customerDescription,\n    linkForDoc,\n    linkText: customerLinkText,\n    className,\n    onAddFile,\n    onAddLink,\n    qa,\n}: AttachmentListPlaceholderProps) => {\n    const title = customerTitle ?? i18n('title_no-attachments');\n    const description = customerDescription ?? i18n('context_add-attachment-for-request');\n    const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n    return (\n        <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={5}\n            width=\"100%\"\n            height=\"100%\"\n            className={block(null, className)}\n            data-qa={qa}\n        >\n            <Folder height={100} width={100} />\n\n            <Flex gap={1} direction=\"column\" alignItems=\"center\">\n                <Text variant=\"subheader-1\">{title}</Text>\n                <Text variant=\"body-1\">{description}</Text>\n                {linkForDoc && (\n                    <Link className={block('doc-link')} href={linkForDoc}>\n                        {linkText}\n                    </Link>\n                )}\n            </Flex>\n\n            <Flex gap={2}>\n                <Button onClick={onAddFile}>\n                    <Icon data={Plus} />\n                    {i18n('action_add-file')}\n                </Button>\n\n                <Button onClick={onAddLink} view=\"outlined\">\n                    <Icon data={Plus} />\n                    {i18n('action_add-link')}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import './HistoryLayout.scss';
 export type HistoryLayoutProps = {
-    title: ReactNode;
+    title?: ReactNode;
     logo?: ReactNode;
     actions?: ReactNode;
     header?: ReactNode;

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

@@ -24,7 +24,7 @@ export var HistoryLayout = function HistoryLayout(_ref) {
         alignItems: "center",
         justifyContent: logo ? 'space-between' : 'flex-end',
         children: [logo, actions]
-      }), /*#__PURE__*/_jsx(Text, {
+      }), title !== null && /*#__PURE__*/_jsx(Text, {
         variant: "subheader-1",
         children: title
       }), header]

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

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

package/build/esm/modules/RowsList/RowsList.css

@@ -1,3 +1,7 @@
+.qp-rows-list {
+  height: 100%;
+  overflow: auto;
+}
 .qp-rows-list .g-list__item_selected:hover {
   background-color: var(--g-color-base-selection-hover);
 }