@gravity-ui/querieskit 1.0.3 → 1.1.0

package/build/esm/modules/HistoryHeader/HistorySearch.js

@@ -1,86 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import { Button, Icon, TextInput } from '@gravity-ui/uikit';
-import cn from 'bem-cn-lite';
-var ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
-  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/_jsx("g", {
-      clipPath: "url(#a)",
-      children: /*#__PURE__*/_jsx("path", {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06zM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06z",
-        clipRule: "evenodd"
-      })
-    }), /*#__PURE__*/_jsx("defs", {
-      children: /*#__PURE__*/_jsx("clipPath", {
-        id: "a",
-        children: /*#__PURE__*/_jsx("path", {
-          fill: "currentColor",
-          d: "M0 0h16v16H0z"
-        })
-      })
-    })]
-  }));
-};
-ChevronsExpandHorizontalIcon.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  fill: "none",
-  viewBox: "0 0 16 16"
-};
-import "./HistorySearch.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var block = cn('qp-history-search');
-export var HistorySearch = function HistorySearch(_ref) {
-  var value = _ref.value,
-    fullSearch = _ref.fullSearch,
-    hasClear = _ref.hasClear,
-    onUpdate = _ref.onUpdate;
-  var _useState = useState(value || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useState3 = useState(fullSearch || false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFullSearch = _useState4[0],
-    setFullSearch = _useState4[1];
-  useEffect(function () {
-    setSearch(value || '');
-    setFullSearch(fullSearch || false);
-  }, [value, fullSearch]);
-  var handleOnUpdate = function handleOnUpdate(newValue) {
-    setSearch(newValue);
-    onUpdate({
-      value: newValue,
-      fullSearch: isFullSearch
-    });
-  };
-  var handleModeChange = function handleModeChange() {
-    var newValue = !isFullSearch;
-    setFullSearch(newValue);
-    onUpdate({
-      value: search,
-      fullSearch: newValue
-    });
-  };
-  return /*#__PURE__*/_jsx(TextInput, {
-    className: block(),
-    value: search,
-    onUpdate: handleOnUpdate,
-    hasClear: hasClear,
-    endContent: /*#__PURE__*/_jsx(Button, {
-      className: block('full-search'),
-      size: "xs",
-      view: isFullSearch ? 'action' : undefined,
-      onClick: handleModeChange,
-      children: /*#__PURE__*/_jsx(Icon, {
-        data: ChevronsExpandHorizontalIcon,
-        size: 12
-      })
-    })
-  });
-};
-// #sourceMappingURL=HistorySearch.js.map

package/build/esm/modules/HistoryHeader/HistorySearch.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","Button","Icon","TextInput","cn","ChevronsExpandHorizontalIcon","props","_jsxs","_objectSpread","children","_jsx","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","jsx","jsxs","block","HistorySearch","_ref","value","fullSearch","hasClear","onUpdate","_useState","_useState2","_slicedToArray","search","setSearch","_useState3","_useState4","isFullSearch","setFullSearch","handleOnUpdate","newValue","handleModeChange","className","endContent","size","view","undefined","onClick","data"],"sources":["HistorySearch.tsx"],"sourcesContent":["import React, {FC, useEffect, useState} from 'react';\nimport {Button, Icon, TextInput} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';\nimport './HistorySearch.scss';\n\ntype Props = {\n    value?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nconst block = cn('qp-history-search');\n\nexport const HistorySearch: FC<Props> = ({value, fullSearch, hasClear, onUpdate}) => {\n    const [search, setSearch] = useState(value || '');\n    const [isFullSearch, setFullSearch] = useState(fullSearch || false);\n\n    useEffect(() => {\n        setSearch(value || '');\n        setFullSearch(fullSearch || false);\n    }, [value, fullSearch]);\n\n    const handleOnUpdate = (newValue: string) => {\n        setSearch(newValue);\n        onUpdate({value: newValue, fullSearch: isFullSearch});\n    };\n\n    const handleModeChange = () => {\n        const newValue = !isFullSearch;\n        setFullSearch(newValue);\n        onUpdate({value: search, fullSearch: newValue});\n    };\n\n    return (\n        <TextInput\n            className={block()}\n            value={search}\n            onUpdate={handleOnUpdate}\n            hasClear={hasClear}\n            endContent={\n                <Button\n                    className={block('full-search')}\n                    size=\"xs\"\n                    view={isFullSearch ? 'action' : undefined}\n                    onClick={handleModeChange}\n                >\n                    <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n                </Button>\n            }\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/HistoryHeader/HistorySearch.scss

@@ -1,5 +0,0 @@
-.qp-history-search {
-  &__full-search {
-    margin-right: 4px;
-  }
-}

package/plans/tutorials-history-plan.md

@@ -1,59 +0,0 @@
-# План: виджет TutorialsHistory на базе инфраструктуры QueriesHistory
-
-## Контекст и развилка
-
-`TutorialsHistory` — частный случай [`QueriesHistory`](src/widgets/QueriesHistory/QueriesHistory.tsx:39): список туториалов без выбора видимых полей (`FieldsSelector` скрыт), с использованием [`TutorialRow`](src/modules/TutorialRow/TutorialRow.tsx:9) вместо [`HistoryRow`](src/modules/HistoryRow/HistoryRow.tsx:18).
-
-Проблема: [`QueryHistoryRow`](src/types/history.ts:13) требует обязательное поле `status`, которого нет у туториалов. `status` используется внутри [`QueryStatusIcon`](src/components/QueryStatusIcon/QueryStatusIcon.tsx:28), [`QueryDuration`](src/components/QueryDuration/QueryDuration.tsx:17)/[`useQueryDuration`](src/components/QueryDuration/useQueryDuration.ts), [`HistoryRow`](src/modules/HistoryRow/HistoryRow.tsx:18), [`HistorySearchRow`](src/modules/HistorySearchRow/HistorySearchRow.tsx:21).
-
-**Решение:** выделить базовый тип `BaseHistoryRow` (id/title/query?/href? + `HistoryRowRenderProps`), от которого наследуется `QueryHistoryRow` (добавляя обязательный `status` и query-специфичные поля). Общая generic-инфраструктура (`QueryHistoryItem`, `QueryHistoryRowRenderData` и связанные конфиги) параметризуется `BaseHistoryRow`, а status-специфичные компоненты (`HistoryRow`, `HistorySearchRow`, `QueryStatusIcon`, `QueryDuration`) продолжают требовать `QueryHistoryRow`. Обратная совместимость сохраняется — `QueryHistoryRow` всё ещё удовлетворяет `BaseHistoryRow`.
-
-## Согласованный набор возможностей TutorialsHistory
-
-Остаётся: `title`, `logo`, `search`, `filter`, `items`, `selectedRowId`, `onListItemClick`/`href`.
-Убирается: `visibleFields`/`FieldsSelector`, `comparison`, `editing`, `getRowActions`.
-
-Полнотекстовый поиск (`fullSearch`) остаётся — для него будет отдельный `TutorialSearchRow` (аналог [`HistorySearchRow`](src/modules/HistorySearchRow/HistorySearchRow.tsx:21)) с Monaco-редактором, но в шапке только `id` и `title`, без `status`/`engine`/`mode`/`isPrivate`.
-
-## Диаграмма компонентов
-
-```mermaid
-graph TD
-    BHR[BaseHistoryRow] --> QHR[QueryHistoryRow + status]
-    BHR --> THR[TutorialHistoryRow]
-
-    QHR --> HistoryRow
-    QHR --> HistorySearchRow
-    THR --> TutorialRow
-    THR --> TutorialSearchRow
-
-    HistoryRow --> HistoryRowContent
-    HistorySearchRow --> HistoryRowContent
-    TutorialRow --> TutorialRowContent
-    TutorialSearchRow --> TutorialRowContent
-
-    HistoryRowContent --> HistoryList
-    HistoryList --> RowsList
-    TutorialRowContent --> TutorialsHistory
-
-    RowsList --> QueriesHistory
-    RowsList --> TutorialsHistory
-    HistoryLayout --> QueriesHistory
-    HistoryLayout --> TutorialsHistory
-```
-
-Список один — [`RowsList`](../src/modules/RowsList/RowsList.tsx): он владеет виртуализацией, высотами строк и пустым состоянием, а разметку строки получает через `renderRow`. [`HistoryList`](../src/modules/HistoryList/HistoryList.tsx) — тонкая обёртка над ним с query-строками по умолчанию. Каркас виджета (logo/actions, title, header, footer) вынесен в [`HistoryLayout`](../src/modules/HistoryLayout/HistoryLayout.tsx).
-
-## Чек-лист реализации
-
-1. **Типы** — вынести `BaseHistoryRow` в [`src/types/history.ts`](src/types/history.ts:13), ослабить generic-constraint (`QueryHistoryRow` → `BaseHistoryRow`) у `QueryHistoryItem`, `QueryHistoryRowAction`, `QueryHistoryEditingConfig`, `QueryHistoryComparisonConfig`, `QueryHistoryVisibleFieldsConfig`, `RowFieldKey`/`QueryHistoryFieldKey`, `QueryHistoryEditingRenderData`, `QueryHistoryRowRenderData`. `QueryHistoryRow` = `BaseHistoryRow & {status: QueryStatus, engine?, mode?, isPrivate?, startTime?, endTime?}`.
-2. **Новый тип** — создать [`src/types/tutorial.ts`](src/types/tutorial.ts) с `TutorialHistoryRow` (на основе `BaseHistoryRow`, с запасом на будущие поля), реэкспортировать через [`src/index.ts`](src/index.ts:1).
-3. **Промоут общих компонентов** — вынести [`HistoryGroupHeader`](src/modules/HistoryList/HistoryGroupHeader.tsx:1) и [`HistoryListEmpty`](src/modules/HistoryList/HistoryListEmpty/HistoryListEmpty.tsx:10) (со scss/i18n) из `src/modules/HistoryList/*` в `src/components/HistoryGroupHeader/` и `src/components/HistoryListEmpty/`; обновить импорты в [`HistoryRowContent.tsx`](src/modules/HistoryList/HistoryRowContent.tsx:1)/[`HistoryList.tsx`](src/modules/HistoryList/HistoryList.tsx:1) и barrel-экспорты.
-4. **Общий хелпер** — перенести [`prepareRowData`](src/modules/HistoryList/helpers/prepareRowData.ts:21) в `src/helpers/prepareRowData.ts`, ослабить constraint до `BaseHistoryRow`, обновить импорт в `HistoryList.tsx`.
-5. **Общие Monaco-хелперы** — вынести [`fitQueryToVisibleLines`](src/modules/HistorySearchRow/helpers/fitQueryToVisibleLines.ts:3), [`resolveMonacoLanguage`](src/modules/HistorySearchRow/helpers/resolveMonacoLanguage.ts:3), [`MONACO_CONFIG`](src/modules/HistorySearchRow/monacoConfig.ts:5) из `src/modules/HistorySearchRow/*` в `src/helpers/`, обновить импорт в `HistorySearchRow.tsx`.
-6. **TutorialRow** — доработать [`src/modules/TutorialRow/TutorialRow.tsx`](src/modules/TutorialRow/TutorialRow.tsx:9): принимать `item: TutorialHistoryRow`, поддержать `href`/`isActive`-стилизацию по аналогии с `HistoryRow` (без статус-иконки, меню, editing, comparison); добавить `TutorialRow.scss` и `.stories.tsx`.
-7. **TutorialSearchRow** — создать `src/modules/TutorialSearchRow/` по аналогии с `HistorySearchRow`: в шапке только `id`+`title`, ниже Monaco-редактор с `query` (реюз общих Monaco-хелперов); добавить scss и `.stories.tsx`.
-8. **RowsList вместо отдельного TutorialList** — не копировать `HistoryList`, а вынести generic-список в `src/modules/RowsList/` (`T extends BaseHistoryRow`, обязательный `renderRow`, `rowVariant` пробрасывается в `renderRow`); `HistoryList` переписать как обёртку над ним. Строки туториалов переключает `TutorialRowContent`, живущий внутри виджета.
-9. **TutorialsHistory widget** — создать `src/widgets/TutorialsHistory/`: `HistoryLayout` + `RowsList` с `renderRow={TutorialRowContent}`; без `FieldsSelector`/`visibleFields`/`comparison`/`editing`/`getRowActions`; оставить `title`/`logo`/`search`/`filter`/`items`/`selectedRowId`/`onListItemClick`; generic по `T extends TutorialHistoryRow`; i18n-кейсет `qp:tutorials` с ключом `title_tutorials`; добавить `.stories.tsx`.
-10. **Barrel-экспорты** — обновить `src/modules/index.ts`, `src/widgets/index.ts`, `src/components/index.ts`, `src/index.ts`.
-11. **Проверка** — прогнать сборку и Storybook, исправить возможные TS-ошибки после ослабления generic-constraints.

package/src/components/HistoryListEmpty/HistoryListEmpty.scss

@@ -1,3 +0,0 @@
-.qp-history-list-empty {
-  height: 100%;
-}

package/src/components/HistoryListEmpty/HistoryListEmpty.tsx

@@ -1,27 +0,0 @@
-import React, {FC} from 'react';
-import {Flex, Text} from '@gravity-ui/uikit';
-import {NoSearchResults} from '@gravity-ui/illustrations';
-import cn from 'bem-cn-lite';
-import i18n from './i18n';
-import './HistoryListEmpty.scss';
-
-const block = cn('qp-history-list-empty');
-
-export type HistoryListEmptyProps = {
-    showFiltersHint?: boolean;
-    className?: string;
-};
-
-export const HistoryListEmpty: FC<HistoryListEmptyProps> = ({showFiltersHint, className}) => {
-    return (
-        <Flex alignItems="center" justifyContent="center" className={block(null, className)}>
-            <Flex direction="column" gap={6}>
-                <NoSearchResults height={100} />
-                <Flex direction="column" alignItems="center" gap={1}>
-                    <Text variant="subheader-1">{i18n('title_nothing-found')}</Text>
-                    {showFiltersHint && <Text>{i18n('context_try-change-filters')}</Text>}
-                </Flex>
-            </Flex>
-        </Flex>
-    );
-};

package/src/components/HistoryListEmpty/index.ts

@@ -1,2 +0,0 @@
-export {HistoryListEmpty} from './HistoryListEmpty';
-export type {HistoryListEmptyProps} from './HistoryListEmpty';

package/src/modules/HistoryHeader/HistorySearch.scss

@@ -1,5 +0,0 @@
-.qp-history-search {
-  &__full-search {
-    margin-right: 4px;
-  }
-}

package/src/modules/HistoryHeader/HistorySearch.tsx

@@ -1,54 +0,0 @@
-import React, {FC, useEffect, useState} from 'react';
-import {Button, Icon, TextInput} from '@gravity-ui/uikit';
-import cn from 'bem-cn-lite';
-import ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';
-import './HistorySearch.scss';
-
-type Props = {
-    value?: string;
-    fullSearch?: boolean;
-    hasClear?: boolean;
-    onUpdate: (data: {value: string; fullSearch: boolean}) => void;
-};
-
-const block = cn('qp-history-search');
-
-export const HistorySearch: FC<Props> = ({value, fullSearch, hasClear, onUpdate}) => {
-    const [search, setSearch] = useState(value || '');
-    const [isFullSearch, setFullSearch] = useState(fullSearch || false);
-
-    useEffect(() => {
-        setSearch(value || '');
-        setFullSearch(fullSearch || false);
-    }, [value, fullSearch]);
-
-    const handleOnUpdate = (newValue: string) => {
-        setSearch(newValue);
-        onUpdate({value: newValue, fullSearch: isFullSearch});
-    };
-
-    const handleModeChange = () => {
-        const newValue = !isFullSearch;
-        setFullSearch(newValue);
-        onUpdate({value: search, fullSearch: newValue});
-    };
-
-    return (
-        <TextInput
-            className={block()}
-            value={search}
-            onUpdate={handleOnUpdate}
-            hasClear={hasClear}
-            endContent={
-                <Button
-                    className={block('full-search')}
-                    size="xs"
-                    view={isFullSearch ? 'action' : undefined}
-                    onClick={handleModeChange}
-                >
-                    <Icon data={ChevronsExpandHorizontalIcon} size={12} />
-                </Button>
-            }
-        />
-    );
-};