npm - @gravity-ui/querieskit - Versions diffs - 1.3.0 → 1.3.1 - Mend

@gravity-ui/querieskit 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (511) hide show

package/build/esm/modules/RowsList/RowsList.css.map CHANGED Viewed

	@@ -1 +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":""}
1	+ {"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/esm/modules/RowsList/RowsList.scss CHANGED Viewed

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

package/build/esm/types/queryList.d.ts CHANGED Viewed

@@ -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/esm/types/queryList.js.map CHANGED Viewed

	@@ -1 +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":[]}
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 \| 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/esm/widgets/QueriesHistory/QueriesHistory.js CHANGED Viewed

@@ -8,7 +8,6 @@ import "core-js/modules/es.string.search.js";
 import React from 'react';
 import cn from 'bem-cn-lite';
 import { QueriesList } from "../../modules";
-import i18n from "./i18n";
 import { HistoryRowContent } from "./internal/HistoryRowContent";
 import "./QueriesHistory.css";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -29,7 +28,7 @@ export var QueriesHistory = function QueriesHistory(_ref) {
     className = _ref.className;
   return /*#__PURE__*/_jsx(QueriesList, {
     className: block(null, className),
-    title: title || i18n('title_history'),
+    title: title,
     logo: logo,
     search: search,
     filter: filter,

package/build/esm/widgets/QueriesHistory/QueriesHistory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","cn","QueriesList","~~i18n","~~HistoryRowContent","jsx","_jsx","block","QueriesHistory","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","renderRow","data","_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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,WAAW;~~AACnB~~,~~OAAOC,IAAI;AAYX,~~SAAQC,iBAAiB;AACzB;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAkB/B,IAAMC,KAAK,~~GAAGN~~,EAAE,CAAC,kBAAkB,CAAC;AAEpC,OAAO,~~IAAMO~~,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,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,oBACIhB,IAAA,~~CAACJ~~,WAAW;~~IACRoB~~,SAAS,EAAEf,KAAK,CAAC,IAAI,EAAEe,SAAS,CAAE;IAClCZ,KAAK,EAAEA,~~KAAK,IAAIP,IAAI,CAAC,eAAe,CAAE~~;~~IACtCQ~~,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;IAC7BG,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZL,aAAa,GAAGA,aAAa,CAACK,IAAI,CAAC,gBAAGlB,IAAA,CAACF,iBAAiB,EAAAqB,aAAA,KAAKD,IAAI,CAAG,CAAC;IAAA,CACxE;IACDH,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","cn","QueriesList","HistoryRowContent","jsx","_jsx","block","QueriesHistory","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","renderRow","data","_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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,WAAW;AAYnB,SAAQC,iBAAiB;AACzB;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAkB/B,IAAMC,KAAK,GAAGL,EAAE,CAAC,kBAAkB,CAAC;AAEpC,OAAO,IAAMM,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,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,oBACIhB,IAAA,CAACH,WAAW;IACRmB,SAAS,EAAEf,KAAK,CAAC,IAAI,EAAEe,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;IAC7BG,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZL,aAAa,GAAGA,aAAa,CAACK,IAAI,CAAC,gBAAGlB,IAAA,CAACF,iBAAiB,EAAAqB,aAAA,KAAKD,IAAI,CAAG,CAAC;IAAA,CACxE;IACDH,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/widgets/QueriesHistory/QueriesHistory.stories.d.ts CHANGED Viewed

@@ -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/esm/widgets/QueriesHistory/QueriesHistory.stories.js CHANGED Viewed

@@ -12,6 +12,7 @@ import "core-js/modules/es.iterator.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.includes.js";
 import React, { useState } from 'react';
+import { SegmentedRadioGroup } from '@gravity-ui/uikit';
 import { QueriesHistory } from "./QueriesHistory";
 import { action } from 'storybook/actions';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -72,6 +73,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 = [{
@@ -122,6 +150,13 @@ var meta = {
     layout: 'padded'
   }
 };
+var operationFilterOptions = [{
+  value: 'My',
+  content: 'My'
+}, {
+  value: 'All',
+  content: 'All'
+}];
 export default meta;
 var DefaultStory = function DefaultStory() {
   var _useState = useState([].concat(BASE_ITEMS)),
@@ -277,6 +312,47 @@ var EmptyStory = function EmptyStory() {
     })
   });
 };
+var WithHeaderStory = function WithHeaderStory() {
+  var _useState13 = useState({
+      value: '',
+      fullSearch: false
+    }),
+    _useState14 = _slicedToArray(_useState13, 2),
+    search = _useState14[0],
+    setSearch = _useState14[1];
+  var _useState15 = useState(activeFields),
+    _useState16 = _slicedToArray(_useState15, 2),
+    visibleFields = _useState16[0],
+    setVisibleFields = _useState16[1];
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300,
+      height: 500
+    },
+    children: /*#__PURE__*/_jsx(QueriesHistory, {
+      items: BASE_ITEMS,
+      logo: /*#__PURE__*/_jsx(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
+      }
+    })
+  });
+};
 export var Default = {
   render: function render() {
     return /*#__PURE__*/_jsx(DefaultStory, {});
@@ -287,4 +363,9 @@ export var Empty = {
     return /*#__PURE__*/_jsx(EmptyStory, {});
   }
 };
+export var WithHeader = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithHeaderStory, {});
+  }
+};
 // #sourceMappingURL=QueriesHistory.stories.js.map

package/build/esm/widgets/QueriesHistory/QueriesHistory.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","QueriesHistory","action","jsx","_jsx","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","logFilterReset","meta","component","tags","parameters","layout","DefaultStory","_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","i","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","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":[]}
1	+ {"version":3,"names":["React","useState","SegmentedRadioGroup","QueriesHistory","action","jsx","_jsx","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","logFilterReset","meta","component","tags","parameters","layout","operationFilterOptions","value","content","DefaultStory","_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","i","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","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","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/esm/widgets/SavedQueries/SavedQueries.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","useState","Text","action","SavedQueries","jsx","_jsx","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","tags","parameters","layout","SavedQueriesStory","_useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","style","width","children","hasClear","onUpdate","onApply","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","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":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","useState","Text","action","SavedQueries","jsx","_jsx","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","tags","parameters","layout","SavedQueriesStory","_useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","style","width","children","hasClear","onUpdate","onApply","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","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/package.json CHANGED Viewed

@@ -1,8 +1,35 @@
 {
   "name": "@gravity-ui/querieskit",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Query page component library",
-  "main": "build/index.js",
+  "main": "./build/cjs/index.js",
+  "module": "./build/esm/index.js",
+  "types": "./build/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./build/esm/index.d.ts",
+        "default": "./build/esm/index.js"
+      },
+      "require": {
+        "types": "./build/cjs/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    },
+    "./build/esm": {
+      "types": "./build/esm/index.d.ts",
+      "default": "./build/esm/index.js"
+    },
+    "./build/cjs": {
+      "types": "./build/cjs/index.d.ts",
+      "default": "./build/cjs/index.js"
+    },
+    "./build/*": "./build/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "build"
+  ],
   "scripts": {
     "build": "app-builder build",
     "lint": "eslint",

package/.agents/skills/code-review-checklist/SKILL.md DELETED Viewed

@@ -1,94 +0,0 @@
----
-name: code-review-checklist
-description: Review code changes from supplied diffs, local working-tree changes, or GitHub PRs, validating correctness, React state, edge cases, security, performance, and compatibility against full code context. Use for code review, diff review, logic checks, and bug hunting.
----
-# Code Review Checklist
-Review changes in two passes: find plausible risks, then validate each risk against the full code context. Report only confirmed, actionable findings.
-## Boundaries
-- Code review is read-only unless the user separately asks for implementation.
-- Do not edit the reviewed code, create review-report files, or run commands that rewrite source files.
-- Do not publish PR comments, replies, or review decisions without an explicit request.
-- Return the review directly in the response, using the language of the user's request.
-## Determine the Review Source
-Use the source named by the user. Do not ask them to reproduce a diff that is already available.
-- **Supplied diff or diff file:** treat it as the authoritative change set. When the repository is available, use it only to read the full files and related context.
-- **Local repository:** inspect status first. Unless the user narrows the scope, include staged changes, unstaged changes, and untracked files. If branch or committed changes are requested, compare the requested branch range as a separate layer.
-- **GitHub PR:** use the `github-pr-review` skill to obtain PR metadata, diff, and existing comments, then apply this skill as the analysis core. Preserve that skill's statuses when validating existing comments.
-An empty result from one diff layer does not prove there are no local changes; reconcile the review scope with repository status.
-## Build Context Before Judging
-1. Read the repository's `AGENTS.md` and any instructions that apply to the changed paths.
-2. Build an internal change map in dependency order:
-   types and helpers → components → modules → widgets → public exports and integration.
-3. Read every changed source file in full when it is available, not only its diff hunks. If only the diff is available, state the resulting context limitation.
-4. Follow relevant types, callers, callees, consumers, state owners, and public contracts when the finding depends on them.
-5. Infer the intended behavior from code, tests, types, and the user's request. Call out a missing requirement as uncertainty, not as a confirmed bug.
-For this repository, apply conditional guidance without duplicating it here:
-- For SCSS or layout changes, read `plans/styles-rules.md`.
-- For localization changes, read `plans/i18n-rules.md`.
-- Check the `components → modules → widgets` dependency direction, mandatory unit and level barrel exports, and placement of consumer-facing public types described in `AGENTS.md`.
-- Treat documented legacy violations as anti-examples, not patterns to copy.
-## Two-Pass Review
-### Pass 1: Find Candidate Risks
-Look for code whose correctness depends on a non-obvious condition, including:
-- inverted, incomplete, unreachable, or off-by-one control flow;
-- invalid state transitions, direct mutation, stale closures, stale derived state, or incorrect React effect dependencies and cleanup;
-- nullish values, empty collections, Unicode, dates and time zones, size limits, and other realistic boundaries;
-- lost errors, incomplete failure paths, async races, interleaving, or cleanup leaks;
-- transformations that lose data or rely on an unvalidated shape or invariant;
-- broken request/response, component props, or public API contracts;
-- unsafe HTML or URLs, leaked secrets, or missing validation at trust boundaries;
-- unnecessary work in render or hot paths, retained listeners/resources, or avoidable large allocations;
-- breaking exports, incorrect abstraction-level imports, misplaced styles, or incomplete i18n changes.
-Do not turn formatting preferences, speculative possibilities, or generic best practices into findings without a concrete failure mode.
-### Pass 2: Validate Every Candidate
-For each candidate:
-1. Re-read the entire containing file and the relevant surrounding flow.
-2. Verify the triggering input, state, or execution path is reachable.
-3. Check whether types, callers, guards, framework behavior, or tests already preserve the invariant.
-4. State the observable consequence and affected consumer.
-5. Remove the candidate if the concern is disproved or remains purely speculative.
-Run relevant read-only checks when they materially increase confidence. Distinguish confirmed defects from test or verification gaps.
-## Severity
-- **High:** security exposure, data loss, crash in a primary flow, or an unintended breaking public API change.
-- **Medium:** incorrect behavior in a realistic supported scenario, including significant state, error-handling, or integration failures.
-- **Low:** a limited edge-case defect or concrete maintainability problem likely to cause incorrect behavior later.
-Do not report style-only nits. Order findings from highest to lowest severity.
-## Response Format
-Lead with confirmed findings. For each finding include:
-- **Location:** `path/to/file:line`
-- **Severity:** `High`, `Medium`, or `Low`
-- **Finding:** concise description of the defect
-- **Condition:** input or execution path that triggers it
-- **Impact:** observable consequence
-- **Recommendation:** specific fix or mitigation
-For existing PR comments, also include **Status** using the vocabulary required by `github-pr-review`.
-After findings, mention only material test or verification gaps. If there are no confirmed findings, say so explicitly and do not invent issues to fill the response.

package/.agents/skills/github-pr-review/SKILL.md DELETED Viewed

@@ -1,24 +0,0 @@
----
-name: github-pr-review
-description: Reviews GitHub Pull Requests, analyzes diffs, and validates existing review comments for relevance. Use when the user provides a GitHub PR URL, asks to review a PR, поревьювить PR, проверить PR, or check whether existing review comments are still relevant.
----
-# GitHub PR Review & Validation Rule
-## Работа со ссылкой на PR
-Когда предоставлена ссылка на GitHub PR:
-1. **Анализ изменений**: Изучи diff и файлы, затронутые в PR.
-2. **Применение чек-листа**: Используй критерии из skill `code-review-checklist` (Logical Bugs, Edge Cases, Security, Performance) для анализа входящего кода. Сначала прочитай `.agents/skills/code-review-checklist/SKILL.md`.
-## Проверка существующих замечаний (Comments Validation)
-Если в PR уже есть комментарии/замечания от других ревьюеров:
-1. **Релевантность**: Проверь, актуально ли ещё замечание. Если код уже исправлен в последних коммитах — отметь это.
-2. **Объективность**: Сверь замечание с текущим чек-листом. Если замечание противоречит стандартам проекта или чек-листу, укажи на это.
-## Формат ответа
-Для каждого замечания (нового или существующего из PR) используй формат:
-- **Локация**: [Файл : Строка]
-- **Статус**: (Новое / Подтверждено / Исправлено / Неактуально)
-- **Критичность**: (High / Medium / Low)
-- **Суть**: Краткое описание проблемы согласно чек-листу.
-- **Рекомендация**: Конкретный пример исправленного кода.