@gravity-ui/querieskit 1.0.4 → 1.1.0

package/src/widgets/QueriesNavigation/helpers/createTableDetailConfig.tsx

@@ -0,0 +1,127 @@
+import React from 'react';
+import {
+    NavigationMeta,
+    NavigationPreview,
+    NavigationSchema,
+    NavigationView,
+} from '../../../modules';
+import type {
+    NavigationDetailConfig,
+    NavigationDetailConfigFactory,
+    NavigationItem,
+    NavigationMetaConfig,
+    NavigationMetaItem,
+    NavigationPreviewConfig,
+    NavigationPreviewRow,
+    NavigationSchemaColumn,
+    NavigationSchemaConfig,
+    NavigationViewConfig,
+} from '../../../types/navigation';
+import i18n from '../i18n';
+
+export type NavigationSchemaResolver<
+    TItem extends NavigationItem = NavigationItem,
+    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,
+> = (item: TItem) => NavigationSchemaConfig<TColumn> | undefined;
+
+export type NavigationPreviewResolver<
+    TItem extends NavigationItem = NavigationItem,
+    TRow extends NavigationPreviewRow = NavigationPreviewRow,
+> = (item: TItem) => NavigationPreviewConfig<TRow> | undefined;
+
+export type NavigationMetaResolver<
+    TItem extends NavigationItem = NavigationItem,
+    TMetaItem extends NavigationMetaItem = NavigationMetaItem,
+> = (item: TItem) => NavigationMetaConfig<TMetaItem> | undefined;
+
+export type NavigationMetaRenderer<TMetaItem extends NavigationMetaItem = NavigationMetaItem> = (
+    data: NavigationMetaConfig<TMetaItem>,
+) => React.ReactNode;
+
+export type NavigationViewResolver<
+    TItem extends NavigationItem = NavigationItem,
+    TRow extends NavigationPreviewRow = NavigationPreviewRow,
+> = (item: TItem) => NavigationViewConfig<TRow> | undefined;
+
+export type CreateTableDetailConfigOptions<
+    TItem extends NavigationItem = NavigationItem,
+    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,
+    TRow extends NavigationPreviewRow = NavigationPreviewRow,
+    TMetaItem extends NavigationMetaItem = NavigationMetaItem,
+> = {
+    resolveSchema?: NavigationSchemaResolver<TItem, TColumn>;
+    resolvePreview?: NavigationPreviewResolver<TItem, TRow>;
+    resolveMeta?: NavigationMetaResolver<TItem, TMetaItem>;
+    renderMeta?: NavigationMetaRenderer<TMetaItem>;
+    resolveView?: NavigationViewResolver<TItem, TRow>;
+};
+
+export const createTableDetailConfig = <
+    TItem extends NavigationItem = NavigationItem,
+    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,
+    TRow extends NavigationPreviewRow = NavigationPreviewRow,
+    TMetaItem extends NavigationMetaItem = NavigationMetaItem,
+>(
+    options?: CreateTableDetailConfigOptions<TItem, TColumn, TRow, TMetaItem>,
+): NavigationDetailConfigFactory<TItem> => {
+    const {resolveSchema, resolvePreview, resolveMeta, renderMeta, resolveView} = options ?? {};
+
+    return (item): NavigationDetailConfig => ({
+        tabs: [
+            {
+                id: 'schema',
+                title: i18n('tab_schema'),
+                renderContent: ({search, onSearchUpdate, searchPlaceholder}) => {
+                    const schema = resolveSchema?.(item);
+                    return (
+                        <NavigationSchema<TColumn>
+                            data={schema ?? {columns: []}}
+                            search={search}
+                            onSearchUpdate={onSearchUpdate}
+                            searchPlaceholder={searchPlaceholder}
+                        />
+                    );
+                },
+            },
+            {
+                id: 'preview',
+                title: i18n('tab_preview'),
+                renderContent: ({search, onSearchUpdate, searchPlaceholder}) => {
+                    const preview = resolvePreview?.(item);
+                    return (
+                        <NavigationPreview<TRow>
+                            data={preview ?? {columns: [], rows: []}}
+                            search={search}
+                            onSearchUpdate={onSearchUpdate}
+                            searchPlaceholder={searchPlaceholder}
+                        />
+                    );
+                },
+            },
+            {
+                id: 'meta',
+                title: i18n('tab_meta'),
+                renderContent: () => {
+                    const meta = resolveMeta?.(item);
+                    return (
+                        <NavigationMeta<TMetaItem>
+                            data={meta ?? {groups: []}}
+                            view={renderMeta ? {render: renderMeta} : undefined}
+                        />
+                    );
+                },
+            },
+            {
+                id: 'view',
+                title: i18n('tab_view'),
+                renderContent: () => {
+                    const view = resolveView?.(item);
+                    return <NavigationView<TRow> data={view ?? {sections: []}} />;
+                },
+            },
+        ],
+        defaultTab: 'schema',
+        hasSearch: false,
+        searchPlaceholder: i18n('field_detail-search-placeholder'),
+    });
+};

package/src/widgets/QueriesNavigation/i18n/dicts.ts

@@ -0,0 +1,4 @@
+import en from './en.json';
+import ru from './ru.json';
+
+export default {en, ru};

package/src/widgets/QueriesNavigation/i18n/en.json

@@ -0,0 +1,10 @@
+{
+    "title_name": "Title",
+    "alert_load-error": "Failed to load data",
+    "field_search-placeholder": "Search",
+    "tab_schema": "Schema",
+    "tab_preview": "Preview",
+    "tab_meta": "Meta",
+    "tab_view": "View",
+    "field_detail-search-placeholder": "Search"
+}

package/src/widgets/QueriesNavigation/i18n/index.ts

@@ -0,0 +1,5 @@
+import {addI18Keysets} from '../../../i18n';
+
+import dicts from './dicts';
+
+export default addI18Keysets('qp:queries-navigation', dicts);

package/src/widgets/QueriesNavigation/i18n/ru.json

@@ -0,0 +1,10 @@
+{
+    "title_name": "Название",
+    "alert_load-error": "Не удалось загрузить данные",
+    "field_search-placeholder": "Поиск",
+    "tab_schema": "Схема",
+    "tab_preview": "Превью",
+    "tab_meta": "Мета",
+    "tab_view": "Просмотр",
+    "field_detail-search-placeholder": "Поиск"
+}

package/src/widgets/QueriesNavigation/index.ts

@@ -0,0 +1,13 @@
+export {QueriesNavigation} from './QueriesNavigation';
+export type {QueriesNavigationProps} from './QueriesNavigation';
+export {createTableDetailConfig} from './helpers/createTableDetailConfig';
+export type {
+    CreateTableDetailConfigOptions,
+    NavigationMetaRenderer,
+    NavigationMetaResolver,
+    NavigationPreviewResolver,
+    NavigationSchemaResolver,
+    NavigationViewResolver,
+} from './helpers/createTableDetailConfig';
+export {createEmptyDetailConfig} from './helpers/createEmptyDetailConfig';
+export {createNavigationDetailResolver} from './helpers/createNavigationDetailResolver';

package/src/widgets/TutorialsHistory/TutorialsHistory.scss

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

package/src/widgets/TutorialsHistory/TutorialsHistory.tsx

@@ -10,6 +10,7 @@ import {TutorialHistoryRow} from '../../types/tutorial';
 import {getListKey} from '../../helpers/getListKey';
 import {TutorialRowContent} from './TutorialRowContent';
 import cn from 'bem-cn-lite';
+import './TutorialsHistory.scss';
 
 export type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
     className?: string;

package/src/widgets/index.ts

@@ -1,4 +1,16 @@
 export {QueriesHistory} from './QueriesHistory';
 export type {QueriesHistoryProps} from './QueriesHistory';
+export {DashboardCharts} from './DashboardCharts';
 export {TutorialsHistory} from './TutorialsHistory';
 export type {TutorialsHistoryProps} from './TutorialsHistory';
+export {
+    QueriesNavigation,
+    createTableDetailConfig,
+    createNavigationDetailResolver,
+} from './QueriesNavigation';
+export type {
+    QueriesNavigationProps,
+    CreateTableDetailConfigOptions,
+    NavigationPreviewResolver,
+    NavigationSchemaResolver,
+} from './QueriesNavigation';

package/build/cjs/components/HistoryListEmpty/HistoryListEmpty.css

@@ -1,4 +0,0 @@
-.qp-history-list-empty {
-  height: 100%;
-}
-/*# sourceMappingURL=HistoryListEmpty.css.map */

package/build/cjs/components/HistoryListEmpty/HistoryListEmpty.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["HistoryListEmpty.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF","file":"HistoryListEmpty.css","sourcesContent":[".qp-history-list-empty {\n  height: 100%;\n}\n"],"sourceRoot":""}

package/build/cjs/components/HistoryListEmpty/HistoryListEmpty.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import './HistoryListEmpty.scss';
-export type HistoryListEmptyProps = {
-    showFiltersHint?: boolean;
-    className?: string;
-};
-export declare const HistoryListEmpty: FC<HistoryListEmptyProps>;

package/build/cjs/components/HistoryListEmpty/HistoryListEmpty.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HistoryListEmpty = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _uikit = require("@gravity-ui/uikit");
-var _illustrations = require("@gravity-ui/illustrations");
-var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _i18n = _interopRequireDefault(require("./i18n"));
-require("./HistoryListEmpty.css");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var block = (0, _bemCnLite.default)('qp-history-list-empty');
-var HistoryListEmpty = exports.HistoryListEmpty = function HistoryListEmpty(_ref) {
-  var showFiltersHint = _ref.showFiltersHint,
-    className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
-    alignItems: "center",
-    justifyContent: "center",
-    className: block(null, className),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
-      direction: "column",
-      gap: 6,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_illustrations.NoSearchResults, {
-        height: 100
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
-        direction: "column",
-        alignItems: "center",
-        gap: 1,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
-          variant: "subheader-1",
-          children: (0, _i18n.default)('title_nothing-found')
-        }), showFiltersHint && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
-          children: (0, _i18n.default)('context_try-change-filters')
-        })]
-      })]
-    })
-  });
-};
-// #sourceMappingURL=HistoryListEmpty.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_illustrations","_bemCnLite","_i18n","_jsxRuntime","e","__esModule","default","block","cn","HistoryListEmpty","exports","_ref","showFiltersHint","className","_jsx","Flex","alignItems","justifyContent","children","_jsxs","direction","gap","NoSearchResults","height","Text","variant","i18n"],"sources":["HistoryListEmpty.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {NoSearchResults} from '@gravity-ui/illustrations';\nimport cn from 'bem-cn-lite';\nimport i18n from './i18n';\nimport './HistoryListEmpty.scss';\n\nconst block = cn('qp-history-list-empty');\n\nexport type HistoryListEmptyProps = {\n    showFiltersHint?: boolean;\n    className?: string;\n};\n\nexport const HistoryListEmpty: FC<HistoryListEmptyProps> = ({showFiltersHint, className}) => {\n    return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" className={block(null, className)}>\n            <Flex direction=\"column\" gap={6}>\n                <NoSearchResults height={100} />\n                <Flex direction=\"column\" alignItems=\"center\" gap={1}>\n                    <Text variant=\"subheader-1\">{i18n('title_nothing-found')}</Text>\n                    {showFiltersHint && <Text>{i18n('context_try-change-filters')}</Text>}\n                </Flex>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAiC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,uBAAuB,CAAC;AAOlC,IAAMC,gBAA2C,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAA9CA,gBAA2CA,CAAAE,IAAA,EAAqC;EAAA,IAAhCC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACnF,oBACI,IAAAC,eAAA,EAACC,WAAI;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACJ,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;IAAAK,QAAA,eAChF,IAAAC,gBAAA,EAACJ,WAAI;MAACK,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAAAH,QAAA,gBAC5B,IAAAJ,eAAA,EAACQ,8BAAe;QAACC,MAAM,EAAE;MAAI,CAAE,CAAC,eAChC,IAAAJ,gBAAA,EAACJ,WAAI;QAACK,SAAS,EAAC,QAAQ;QAACJ,UAAU,EAAC,QAAQ;QAACK,GAAG,EAAE,CAAE;QAAAH,QAAA,gBAChD,IAAAJ,eAAA,EAACU,WAAI;UAACC,OAAO,EAAC,aAAa;UAAAP,QAAA,EAAE,IAAAQ,aAAI,EAAC,qBAAqB;QAAC,CAAO,CAAC,EAC/Dd,eAAe,iBAAI,IAAAE,eAAA,EAACU,WAAI;UAAAN,QAAA,EAAE,IAAAQ,aAAI,EAAC,4BAA4B;QAAC,CAAO,CAAC;MAAA,CACnE,CAAC;IAAA,CACL;EAAC,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/HistoryListEmpty/i18n/index.d.ts

@@ -1,6 +0,0 @@
-declare const _default: ((key: "title_nothing-found" | "context_try-change-filters", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "qp:history-list-empty": Record<"title_nothing-found" | "context_try-change-filters", import("@gravity-ui/i18n").KeyData>;
-    };
-};
-export default _default;

package/build/cjs/components/HistoryListEmpty/index.d.ts

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

package/build/cjs/components/HistoryListEmpty/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HistoryListEmpty", {
-  enumerable: true,
-  get: function () {
-    return _HistoryListEmpty.HistoryListEmpty;
-  }
-});
-var _HistoryListEmpty = require("./HistoryListEmpty");
-// #sourceMappingURL=index.js.map

package/build/cjs/components/HistoryListEmpty/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_HistoryListEmpty","require"],"sources":["index.ts"],"sourcesContent":["export {HistoryListEmpty} from './HistoryListEmpty';\nexport type {HistoryListEmptyProps} from './HistoryListEmpty';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/modules/HistoryHeader/HistorySearch.css

@@ -1,4 +0,0 @@
-.qp-history-search__full-search {
-  margin-right: 4px;
-}
-/*# sourceMappingURL=HistorySearch.css.map */

package/build/cjs/modules/HistoryHeader/HistorySearch.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["HistorySearch.scss"],"names":[],"mappings":"AACE;EACE,iBAAA;AAAJ","file":"HistorySearch.css","sourcesContent":[".qp-history-search {\n  &__full-search {\n    margin-right: 4px;\n  }\n}"],"sourceRoot":""}

package/build/cjs/modules/HistoryHeader/HistorySearch.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import './HistorySearch.scss';
-type Props = {
-    value?: string;
-    fullSearch?: boolean;
-    hasClear?: boolean;
-    onUpdate: (data: {
-        value: string;
-        fullSearch: boolean;
-    }) => void;
-};
-export declare const HistorySearch: FC<Props>;
-export {};

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

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HistorySearch = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _uikit = require("@gravity-ui/uikit");
-var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-require("./HistorySearch.css");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      clipPath: "url(#a)",
-      children: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("defs", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
-        id: "a",
-        children: /*#__PURE__*/(0, _jsxRuntime.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"
-};
-var block = (0, _bemCnLite.default)('qp-history-search');
-var HistorySearch = exports.HistorySearch = function HistorySearch(_ref) {
-  var value = _ref.value,
-    fullSearch = _ref.fullSearch,
-    hasClear = _ref.hasClear,
-    onUpdate = _ref.onUpdate;
-  var _useState = (0, _react.useState)(value || ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useState3 = (0, _react.useState)(fullSearch || false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isFullSearch = _useState4[0],
-    setFullSearch = _useState4[1];
-  (0, _react.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__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
-    className: block(),
-    value: search,
-    onUpdate: handleOnUpdate,
-    hasClear: hasClear,
-    endContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
-      className: block('full-search'),
-      size: "xs",
-      view: isFullSearch ? 'action' : undefined,
-      onClick: handleModeChange,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
-        data: ChevronsExpandHorizontalIcon,
-        size: 12
-      })
-    })
-  });
-};
-// #sourceMappingURL=HistorySearch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ChevronsExpandHorizontalIcon","props","_jsxs","_objectSpread","children","_jsx","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","block","cn","HistorySearch","exports","_ref","value","fullSearch","hasClear","onUpdate","_useState","useState","_useState2","_slicedToArray","search","setSearch","_useState3","_useState4","isFullSearch","setFullSearch","useEffect","handleOnUpdate","newValue","handleModeChange","TextInput","className","endContent","Button","size","view","undefined","onClick","Icon","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/components/HistoryListEmpty/HistoryListEmpty.css

@@ -1,4 +0,0 @@
-.qp-history-list-empty {
-  height: 100%;
-}
-/*# sourceMappingURL=HistoryListEmpty.css.map */

package/build/esm/components/HistoryListEmpty/HistoryListEmpty.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["HistoryListEmpty.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF","file":"HistoryListEmpty.css","sourcesContent":[".qp-history-list-empty {\n  height: 100%;\n}\n"],"sourceRoot":""}

package/build/esm/components/HistoryListEmpty/HistoryListEmpty.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import './HistoryListEmpty.scss';
-export type HistoryListEmptyProps = {
-    showFiltersHint?: boolean;
-    className?: string;
-};
-export declare const HistoryListEmpty: FC<HistoryListEmptyProps>;

package/build/esm/components/HistoryListEmpty/HistoryListEmpty.js

@@ -1,35 +0,0 @@
-import React 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.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var block = cn('qp-history-list-empty');
-export var HistoryListEmpty = function HistoryListEmpty(_ref) {
-  var showFiltersHint = _ref.showFiltersHint,
-    className = _ref.className;
-  return /*#__PURE__*/_jsx(Flex, {
-    alignItems: "center",
-    justifyContent: "center",
-    className: block(null, className),
-    children: /*#__PURE__*/_jsxs(Flex, {
-      direction: "column",
-      gap: 6,
-      children: [/*#__PURE__*/_jsx(NoSearchResults, {
-        height: 100
-      }), /*#__PURE__*/_jsxs(Flex, {
-        direction: "column",
-        alignItems: "center",
-        gap: 1,
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "subheader-1",
-          children: i18n('title_nothing-found')
-        }), showFiltersHint && /*#__PURE__*/_jsx(Text, {
-          children: i18n('context_try-change-filters')
-        })]
-      })]
-    })
-  });
-};
-// #sourceMappingURL=HistoryListEmpty.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Flex","Text","NoSearchResults","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","HistoryListEmpty","_ref","showFiltersHint","className","alignItems","justifyContent","children","direction","gap","height","variant"],"sources":["HistoryListEmpty.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {NoSearchResults} from '@gravity-ui/illustrations';\nimport cn from 'bem-cn-lite';\nimport i18n from './i18n';\nimport './HistoryListEmpty.scss';\n\nconst block = cn('qp-history-list-empty');\n\nexport type HistoryListEmptyProps = {\n    showFiltersHint?: boolean;\n    className?: string;\n};\n\nexport const HistoryListEmpty: FC<HistoryListEmptyProps> = ({showFiltersHint, className}) => {\n    return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" className={block(null, className)}>\n            <Flex direction=\"column\" gap={6}>\n                <NoSearchResults height={100} />\n                <Flex direction=\"column\" alignItems=\"center\" gap={1}>\n                    <Text variant=\"subheader-1\">{i18n('title_nothing-found')}</Text>\n                    {showFiltersHint && <Text>{i18n('context_try-change-filters')}</Text>}\n                </Flex>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,SAAQC,eAAe,QAAO,2BAA2B;AACzD,OAAOC,EAAE,MAAM,aAAa;AAC5B,OAAOC,IAAI;AACX;AAAiC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,IAAMC,KAAK,GAAGN,EAAE,CAAC,uBAAuB,CAAC;AAOzC,OAAO,IAAMO,gBAA2C,GAAG,SAA9CA,gBAA2CA,CAAAC,IAAA,EAAqC;EAAA,IAAhCC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;EACnF,oBACIP,IAAA,CAACN,IAAI;IAACc,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACF,SAAS,EAAEJ,KAAK,CAAC,IAAI,EAAEI,SAAS,CAAE;IAAAG,QAAA,eAChFR,KAAA,CAACR,IAAI;MAACiB,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAAAF,QAAA,gBAC5BV,IAAA,CAACJ,eAAe;QAACiB,MAAM,EAAE;MAAI,CAAE,CAAC,eAChCX,KAAA,CAACR,IAAI;QAACiB,SAAS,EAAC,QAAQ;QAACH,UAAU,EAAC,QAAQ;QAACI,GAAG,EAAE,CAAE;QAAAF,QAAA,gBAChDV,IAAA,CAACL,IAAI;UAACmB,OAAO,EAAC,aAAa;UAAAJ,QAAA,EAAEZ,IAAI,CAAC,qBAAqB;QAAC,CAAO,CAAC,EAC/DQ,eAAe,iBAAIN,IAAA,CAACL,IAAI;UAAAe,QAAA,EAAEZ,IAAI,CAAC,4BAA4B;QAAC,CAAO,CAAC;MAAA,CACnE,CAAC;IAAA,CACL;EAAC,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/HistoryListEmpty/HistoryListEmpty.scss

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

package/build/esm/components/HistoryListEmpty/i18n/index.d.ts

@@ -1,6 +0,0 @@
-declare const _default: ((key: "title_nothing-found" | "context_try-change-filters", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "qp:history-list-empty": Record<"title_nothing-found" | "context_try-change-filters", import("@gravity-ui/i18n").KeyData>;
-    };
-};
-export default _default;

package/build/esm/components/HistoryListEmpty/i18n/index.js

@@ -1,4 +0,0 @@
-import { addI18Keysets } from "../../../i18n";
-import dicts from "./dicts";
-export default addI18Keysets('qp:history-list-empty', dicts);
-// #sourceMappingURL=index.js.map

package/build/esm/components/HistoryListEmpty/index.d.ts

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

package/build/esm/components/HistoryListEmpty/index.js

@@ -1,2 +0,0 @@
-export { HistoryListEmpty } from "./HistoryListEmpty";
-// #sourceMappingURL=index.js.map

package/build/esm/components/HistoryListEmpty/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["HistoryListEmpty"],"sources":["index.ts"],"sourcesContent":["export {HistoryListEmpty} from './HistoryListEmpty';\nexport type {HistoryListEmptyProps} from './HistoryListEmpty';\n"],"mappings":"AAAA,SAAQA,gBAAgB","ignoreList":[]}

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

@@ -1,4 +0,0 @@
-.qp-history-search__full-search {
-  margin-right: 4px;
-}
-/*# sourceMappingURL=HistorySearch.css.map */

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

@@ -1 +0,0 @@
-{"version":3,"sources":["HistorySearch.scss"],"names":[],"mappings":"AACE;EACE,iBAAA;AAAJ","file":"HistorySearch.css","sourcesContent":[".qp-history-search {\n  &__full-search {\n    margin-right: 4px;\n  }\n}"],"sourceRoot":""}

package/build/esm/modules/HistoryHeader/HistorySearch.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import './HistorySearch.scss';
-type Props = {
-    value?: string;
-    fullSearch?: boolean;
-    hasClear?: boolean;
-    onUpdate: (data: {
-        value: string;
-        fullSearch: boolean;
-    }) => void;
-};
-export declare const HistorySearch: FC<Props>;
-export {};