@gravity-ui/querieskit 1.0.1

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

@@ -0,0 +1,16 @@
+export { QueryStatusIcon } from './QueryStatusIcon';
+export { QueryDuration } from './QueryDuration';
+export { HistoryFilter } from './HistoryFilter';
+export { HistoryPrivateIcon } from './HistoryPrivateIcon';
+export { FieldsSelector } from './FieldsSelector';
+export { HistoryGroupHeader } from './HistoryGroupHeader';
+export { HistoryListEmpty } from './HistoryListEmpty';
+export type { HistoryListEmptyProps } from './HistoryListEmpty';
+export { RowLink } from './RowLink';
+export type { RowLinkProps } from './RowLink';
+export { SearchRowLayout } from './SearchRowLayout';
+export type { SearchRowLayoutProps } from './SearchRowLayout';
+export { MonacoEditor } from './MonacoEditor';
+export type { MonacoEditorConfig } from './MonacoEditor';
+export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI, } from './MonacoEditor';
+export type { MonacoThemeName } from './MonacoEditor';

package/build/esm/components/index.js

@@ -0,0 +1,12 @@
+export { QueryStatusIcon } from "./QueryStatusIcon";
+export { QueryDuration } from "./QueryDuration";
+export { HistoryFilter } from "./HistoryFilter";
+export { HistoryPrivateIcon } from "./HistoryPrivateIcon";
+export { FieldsSelector } from "./FieldsSelector";
+export { HistoryGroupHeader } from "./HistoryGroupHeader";
+export { HistoryListEmpty } from "./HistoryListEmpty";
+export { RowLink } from "./RowLink";
+export { SearchRowLayout } from "./SearchRowLayout";
+export { MonacoEditor } from "./MonacoEditor";
+export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI } from "./MonacoEditor";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["QueryStatusIcon","QueryDuration","HistoryFilter","HistoryPrivateIcon","FieldsSelector","HistoryGroupHeader","HistoryListEmpty","RowLink","SearchRowLayout","MonacoEditor","MonacoLanguage","YT_DARK_HC_MONACO_THEME","YT_DARK_MONACO_THEME","YT_LIGHT_HC_MONACO_THEME","YT_LIGHT_MONACO_THEME","MONACO_THEME_BY_UI"],"sources":["index.ts"],"sourcesContent":["export {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {HistoryListEmpty} from './HistoryListEmpty';\nexport type {HistoryListEmptyProps} from './HistoryListEmpty';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\n"],"mappings":"AAAA,SAAQA,eAAe;AACvB,SAAQC,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,kBAAkB;AAC1B,SAAQC,cAAc;AACtB,SAAQC,kBAAkB;AAC1B,SAAQC,gBAAgB;AAExB,SAAQC,OAAO;AAEf,SAAQC,eAAe;AAEvB,SAAQC,YAAY;AAEpB,SACIC,cAAc,EACdC,uBAAuB,EACvBC,oBAAoB,EACpBC,wBAAwB,EACxBC,qBAAqB,EACrBC,kBAAkB","ignoreList":[]}

package/build/esm/constants/query.d.ts

@@ -0,0 +1,3 @@
+import { QueryStatus } from '../types/history';
+export declare const CompletedQueryStates: Partial<QueryStatus>[];
+export declare const ProgressQueryStatuses: Partial<QueryStatus>[];

package/build/esm/constants/query.js

@@ -0,0 +1,3 @@
+export var CompletedQueryStates = ['draft', 'aborted', 'completed', 'failed'];
+export var ProgressQueryStatuses = ['running'];
+// #sourceMappingURL=query.js.map

package/build/esm/constants/query.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CompletedQueryStates","ProgressQueryStatuses"],"sources":["query.ts"],"sourcesContent":["import {QueryStatus} from '../types/history';\n\nexport const CompletedQueryStates: Partial<QueryStatus>[] = [\n    'draft',\n    'aborted',\n    'completed',\n    'failed',\n];\n\nexport const ProgressQueryStatuses: Partial<QueryStatus>[] = ['running'];\n"],"mappings":"AAEA,OAAO,IAAMA,oBAA4C,GAAG,CACxD,OAAO,EACP,SAAS,EACT,WAAW,EACX,QAAQ,CACX;AAED,OAAO,IAAMC,qBAA6C,GAAG,CAAC,SAAS,CAAC","ignoreList":[]}

package/build/esm/constants/row.d.ts

@@ -0,0 +1 @@
+export declare const SEARCH_ROW_HEIGHT = 110;

package/build/esm/constants/row.js

@@ -0,0 +1,2 @@
+export var SEARCH_ROW_HEIGHT = 110;
+// #sourceMappingURL=row.js.map

package/build/esm/constants/row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SEARCH_ROW_HEIGHT"],"sources":["row.ts"],"sourcesContent":["export const SEARCH_ROW_HEIGHT = 110;\n"],"mappings":"AAAA,OAAO,IAAMA,iBAAiB,GAAG,GAAG","ignoreList":[]}

package/build/esm/helpers/getListKey.d.ts

@@ -0,0 +1,2 @@
+import { BaseHistoryRow, QueryHistoryItem, QueryHistoryRowVariant } from '../types/history';
+export declare const getListKey: <T extends BaseHistoryRow>(items: QueryHistoryItem<T>[], variant: QueryHistoryRowVariant) => string;

package/build/esm/helpers/getListKey.js

@@ -0,0 +1,13 @@
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+export var getListKey = function getListKey(items, variant) {
+  var itemsKey = items.map(function (item) {
+    return 'header' in item ? "h:".concat(item.header) : "r:".concat(item.id);
+  }).join(',');
+  return "".concat(variant, ":").concat(itemsKey);
+};
+// #sourceMappingURL=getListKey.js.map

package/build/esm/helpers/getListKey.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getListKey","items","variant","itemsKey","map","item","concat","header","id","join"],"sources":["getListKey.ts"],"sourcesContent":["import {BaseHistoryRow, QueryHistoryItem, QueryHistoryRowVariant} from '../types/history';\n\nexport const getListKey = <T extends BaseHistoryRow>(\n    items: QueryHistoryItem<T>[],\n    variant: QueryHistoryRowVariant,\n): string => {\n    const itemsKey = items\n        .map((item) => ('header' in item ? `h:${item.header}` : `r:${item.id}`))\n        .join(',');\n\n    return `${variant}:${itemsKey}`;\n};\n"],"mappings":";;;;;;AAEA,OAAO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CACnBC,KAA4B,EAC5BC,OAA+B,EACtB;EACT,IAAMC,QAAQ,GAAGF,KAAK,CACjBG,GAAG,CAAC,UAACC,IAAI;IAAA,OAAM,QAAQ,IAAIA,IAAI,QAAAC,MAAA,CAAQD,IAAI,CAACE,MAAM,SAAAD,MAAA,CAAUD,IAAI,CAACG,EAAE,CAAE;EAAA,CAAC,CAAC,CACvEC,IAAI,CAAC,GAAG,CAAC;EAEd,UAAAH,MAAA,CAAUJ,OAAO,OAAAI,MAAA,CAAIH,QAAQ;AACjC,CAAC","ignoreList":[]}

package/build/esm/helpers/isFieldVisible.d.ts

@@ -0,0 +1,15 @@
+import { QueryHistoryFieldKey, QueryHistoryRow } from '../types/history';
+/**
+ * A field is visible either when no `visibleFields` config is provided
+ * (the consumer doesn't opt into the feature — everything is shown), or when
+ * the field key is explicitly included in `visibleFields.value`.
+ *
+ * `visibleFields` is accepted loosely as `{value: string[]}` (rather than the
+ * generic `QueryHistoryVisibleFieldsConfig<T>`) so this helper works for any
+ * `T extends QueryHistoryRow` without fighting TS variance on generic key
+ * unions; `field` still uses `QueryHistoryFieldKey<QueryHistoryRow>` to keep
+ * typo-protection for the built-in fields checked by the row renderers.
+ */
+export declare const isFieldVisible: (visibleFields: {
+    value: string[];
+} | undefined, field: QueryHistoryFieldKey<QueryHistoryRow>) => boolean;

package/build/esm/helpers/isFieldVisible.js

@@ -0,0 +1,17 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+/**
+ * A field is visible either when no `visibleFields` config is provided
+ * (the consumer doesn't opt into the feature — everything is shown), or when
+ * the field key is explicitly included in `visibleFields.value`.
+ *
+ * `visibleFields` is accepted loosely as `{value: string[]}` (rather than the
+ * generic `QueryHistoryVisibleFieldsConfig<T>`) so this helper works for any
+ * `T extends QueryHistoryRow` without fighting TS variance on generic key
+ * unions; `field` still uses `QueryHistoryFieldKey<QueryHistoryRow>` to keep
+ * typo-protection for the built-in fields checked by the row renderers.
+ */
+export var isFieldVisible = function isFieldVisible(visibleFields, field) {
+  return visibleFields === undefined || visibleFields.value.includes(field);
+};
+// #sourceMappingURL=isFieldVisible.js.map

package/build/esm/helpers/isFieldVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isFieldVisible","visibleFields","field","undefined","value","includes"],"sources":["isFieldVisible.ts"],"sourcesContent":["import {QueryHistoryFieldKey, QueryHistoryRow} from '../types/history';\n\n/**\n * A field is visible either when no `visibleFields` config is provided\n * (the consumer doesn't opt into the feature — everything is shown), or when\n * the field key is explicitly included in `visibleFields.value`.\n *\n * `visibleFields` is accepted loosely as `{value: string[]}` (rather than the\n * generic `QueryHistoryVisibleFieldsConfig<T>`) so this helper works for any\n * `T extends QueryHistoryRow` without fighting TS variance on generic key\n * unions; `field` still uses `QueryHistoryFieldKey<QueryHistoryRow>` to keep\n * typo-protection for the built-in fields checked by the row renderers.\n */\nexport const isFieldVisible = (\n    visibleFields: {value: string[]} | undefined,\n    field: QueryHistoryFieldKey<QueryHistoryRow>,\n): boolean => {\n    return visibleFields === undefined || visibleFields.value.includes(field);\n};\n"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,aAA4C,EAC5CC,KAA4C,EAClC;EACV,OAAOD,aAAa,KAAKE,SAAS,IAAIF,aAAa,CAACG,KAAK,CAACC,QAAQ,CAACH,KAAK,CAAC;AAC7E,CAAC","ignoreList":[]}

package/build/esm/helpers/time.d.ts

@@ -0,0 +1,7 @@
+import { DateTime } from '@gravity-ui/date-utils';
+type Date = DateTime | string | number | undefined;
+export declare const formatTime: (date: Date) => string | undefined;
+export declare const durationDates: (date1: Date, date2: Date) => string | undefined;
+export declare const formatTimeCanonical: (ts: Date) => string | undefined;
+export declare const getTimestampFromDate: (date: Date) => number | undefined;
+export {};

package/build/esm/helpers/time.js

@@ -0,0 +1,22 @@
+import { dateTime, dateTimeParse } from '@gravity-ui/date-utils';
+export var formatTime = function formatTime(date) {
+  var _dateTimeParse;
+  return (_dateTimeParse = dateTimeParse(date)) === null || _dateTimeParse === void 0 ? void 0 : _dateTimeParse.format('HH:mm');
+};
+export var durationDates = function durationDates(date1, date2) {
+  var _dateTimeParse2;
+  if (!date1 && !date2) return '--:--';
+  var start = dateTimeParse(date1) || dateTime();
+  var end = dateTimeParse(date2) || dateTime();
+  var diff = end === null || end === void 0 ? void 0 : end.diff(start);
+  return (_dateTimeParse2 = dateTimeParse(diff)) === null || _dateTimeParse2 === void 0 ? void 0 : _dateTimeParse2.format('HH:mm');
+};
+export var formatTimeCanonical = function formatTimeCanonical(ts) {
+  var _dateTimeParse3;
+  return (_dateTimeParse3 = dateTimeParse(ts)) === null || _dateTimeParse3 === void 0 ? void 0 : _dateTimeParse3.format('DD.MM.YYYY, HH:mm');
+};
+export var getTimestampFromDate = function getTimestampFromDate(date) {
+  var _dateTimeParse4;
+  return (_dateTimeParse4 = dateTimeParse(date)) === null || _dateTimeParse4 === void 0 ? void 0 : _dateTimeParse4.valueOf();
+};
+// #sourceMappingURL=time.js.map

package/build/esm/helpers/time.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dateTime","dateTimeParse","formatTime","date","_dateTimeParse","format","durationDates","date1","date2","_dateTimeParse2","start","end","diff","formatTimeCanonical","ts","_dateTimeParse3","getTimestampFromDate","_dateTimeParse4","valueOf"],"sources":["time.ts"],"sourcesContent":["import {DateTime, dateTime, dateTimeParse} from '@gravity-ui/date-utils';\n\ntype Date = DateTime | string | number | undefined;\n\nexport const formatTime = (date: Date) => {\n    return dateTimeParse(date)?.format('HH:mm');\n};\n\nexport const durationDates = (date1: Date, date2: Date) => {\n    if (!date1 && !date2) return '--:--';\n\n    const start = dateTimeParse(date1) || dateTime();\n    const end = dateTimeParse(date2) || dateTime();\n    const diff = end?.diff(start);\n\n    return dateTimeParse(diff)?.format('HH:mm');\n};\n\nexport const formatTimeCanonical = (ts: Date) => {\n    return dateTimeParse(ts)?.format('DD.MM.YYYY, HH:mm');\n};\n\nexport const getTimestampFromDate = (date: Date) => {\n    return dateTimeParse(date)?.valueOf();\n};\n"],"mappings":"AAAA,SAAkBA,QAAQ,EAAEC,aAAa,QAAO,wBAAwB;AAIxE,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAAU,EAAK;EAAA,IAAAC,cAAA;EACtC,QAAAA,cAAA,GAAOH,aAAa,CAACE,IAAI,CAAC,cAAAC,cAAA,uBAAnBA,cAAA,CAAqBC,MAAM,CAAC,OAAO,CAAC;AAC/C,CAAC;AAED,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAW,EAAEC,KAAW,EAAK;EAAA,IAAAC,eAAA;EACvD,IAAI,CAACF,KAAK,IAAI,CAACC,KAAK,EAAE,OAAO,OAAO;EAEpC,IAAME,KAAK,GAAGT,aAAa,CAACM,KAAK,CAAC,IAAIP,QAAQ,CAAC,CAAC;EAChD,IAAMW,GAAG,GAAGV,aAAa,CAACO,KAAK,CAAC,IAAIR,QAAQ,CAAC,CAAC;EAC9C,IAAMY,IAAI,GAAGD,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEC,IAAI,CAACF,KAAK,CAAC;EAE7B,QAAAD,eAAA,GAAOR,aAAa,CAACW,IAAI,CAAC,cAAAH,eAAA,uBAAnBA,eAAA,CAAqBJ,MAAM,CAAC,OAAO,CAAC;AAC/C,CAAC;AAED,OAAO,IAAMQ,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,EAAQ,EAAK;EAAA,IAAAC,eAAA;EAC7C,QAAAA,eAAA,GAAOd,aAAa,CAACa,EAAE,CAAC,cAAAC,eAAA,uBAAjBA,eAAA,CAAmBV,MAAM,CAAC,mBAAmB,CAAC;AACzD,CAAC;AAED,OAAO,IAAMW,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIb,IAAU,EAAK;EAAA,IAAAc,eAAA;EAChD,QAAAA,eAAA,GAAOhB,aAAa,CAACE,IAAI,CAAC,cAAAc,eAAA,uBAAnBA,eAAA,CAAqBC,OAAO,CAAC,CAAC;AACzC,CAAC","ignoreList":[]}

package/build/esm/helpers/useToggle.d.ts

@@ -0,0 +1 @@
+export declare const useToggle: (initialValue?: boolean) => [boolean, () => void];

package/build/esm/helpers/useToggle.js

@@ -0,0 +1,16 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useCallback, useState } from 'react';
+export var useToggle = function useToggle() {
+  var initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var _useState = useState(initialValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var toggle = useCallback(function () {
+    setValue(function (current) {
+      return !current;
+    });
+  }, []);
+  return [value, toggle];
+};
+// #sourceMappingURL=useToggle.js.map

package/build/esm/helpers/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useToggle","initialValue","arguments","length","undefined","_useState","_useState2","_slicedToArray","value","setValue","toggle","current"],"sources":["useToggle.ts"],"sourcesContent":["import {useCallback, useState} from 'react';\n\nexport const useToggle = (initialValue = false): [boolean, () => void] => {\n    const [value, setValue] = useState(initialValue);\n\n    const toggle = useCallback(() => {\n        setValue((current) => !current);\n    }, []);\n\n    return [value, toggle];\n};\n"],"mappings":";AAAA,SAAQA,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAE3C,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAoD;EAAA,IAAhDC,YAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAC1C,IAAAG,SAAA,GAA0BN,QAAQ,CAACE,YAAY,CAAC;IAAAK,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAzCG,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EAEtB,IAAMI,MAAM,GAAGZ,WAAW,CAAC,YAAM;IAC7BW,QAAQ,CAAC,UAACE,OAAO;MAAA,OAAK,CAACA,OAAO;IAAA,EAAC;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAACH,KAAK,EAAEE,MAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+import { I18N, KeyData, KeysData } from '@gravity-ui/i18n';
+export type AppLang = 'en' | 'ru';
+export declare const i18n: I18N;
+export declare function setLang(lang: string): void;
+export declare function addI18Keysets<const T extends KeysData, const Name extends `qp:${string}`>(componentName: Name, data: Partial<Record<AppLang, T>>): ((key: Extract<keyof T, string>, params?: import("@gravity-ui/i18n").Params) => string) & {
+    /**
+     * Keyset data is used only for type inference, the value is always undefined.
+     */
+    keysetData: { [Key in Name]: Record<Extract<keyof T, string>, KeyData>; };
+};

package/build/esm/i18n/index.js

@@ -0,0 +1,26 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.for-each.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import { I18N } from '@gravity-ui/i18n';
+export var i18n = new I18N({
+  lang: 'en',
+  fallbackLang: 'en'
+});
+export function setLang(lang) {
+  i18n.setLang(lang);
+}
+export function addI18Keysets(componentName, data) {
+  Object.entries(data).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      lang = _ref2[0],
+      keys = _ref2[1];
+    return i18n.registerKeyset(lang, componentName, keys);
+  });
+  var t = i18n.keyset(componentName);
+  return t;
+}
+// #sourceMappingURL=index.js.map

package/build/esm/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["I18N","i18n","lang","fallbackLang","setLang","addI18Keysets","componentName","data","Object","entries","forEach","_ref","_ref2","_slicedToArray","keys","registerKeyset","t","keyset"],"sources":["index.ts"],"sourcesContent":["import {I18N, KeyData, KeysData} from '@gravity-ui/i18n';\n\nexport type AppLang = 'en' | 'ru';\n\nexport const i18n = new I18N({lang: 'en', fallbackLang: 'en'});\n\nexport function setLang(lang: string) {\n    i18n.setLang(lang);\n}\n\nexport function addI18Keysets<const T extends KeysData, const Name extends `qp:${string}`>(\n    componentName: Name,\n    data: Partial<Record<AppLang, T>>,\n) {\n    Object.entries(data).forEach(([lang, keys]) => i18n.registerKeyset(lang, componentName, keys));\n\n    type TKey = Extract<keyof T, string>;\n    const t = i18n.keyset<TKey>(componentName);\n\n    return t as typeof t & {\n        /**\n         * Keyset data is used only for type inference, the value is always undefined.\n         */\n        keysetData: {[Key in Name]: Record<TKey, KeyData>};\n    };\n}\n"],"mappings":";;;;;;;AAAA,SAAQA,IAAI,QAA0B,kBAAkB;AAIxD,OAAO,IAAMC,IAAI,GAAG,IAAID,IAAI,CAAC;EAACE,IAAI,EAAE,IAAI;EAAEC,YAAY,EAAE;AAAI,CAAC,CAAC;AAE9D,OAAO,SAASC,OAAOA,CAACF,IAAY,EAAE;EAClCD,IAAI,CAACG,OAAO,CAACF,IAAI,CAAC;AACtB;AAEA,OAAO,SAASG,aAAaA,CACzBC,aAAmB,EACnBC,IAAiC,EACnC;EACEC,MAAM,CAACC,OAAO,CAACF,IAAI,CAAC,CAACG,OAAO,CAAC,UAAAC,IAAA;IAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,IAAA;MAAET,IAAI,GAAAU,KAAA;MAAEE,IAAI,GAAAF,KAAA;IAAA,OAAMX,IAAI,CAACc,cAAc,CAACb,IAAI,EAAEI,aAAa,EAAEQ,IAAI,CAAC;EAAA,EAAC;EAG9F,IAAME,CAAC,GAAGf,IAAI,CAACgB,MAAM,CAAOX,aAAa,CAAC;EAE1C,OAAOU,CAAC;AAMZ","ignoreList":[]}

package/build/esm/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './modules';
+export * from './widgets';
+export * from './types/history';
+export * from './types/tutorial';

package/build/esm/index.js

@@ -0,0 +1,6 @@
+export * from "./components";
+export * from "./modules";
+export * from "./widgets";
+export * from "./types/history";
+export * from "./types/tutorial";
+// #sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/history';\nexport * from './types/tutorial';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { QueryHistoryFilterConfig } from '../../types/history';
+type Props = {
+    search?: string;
+    fullSearch?: boolean;
+    hasClear?: boolean;
+    filter?: QueryHistoryFilterConfig;
+    onUpdate: (data: {
+        value: string;
+        fullSearch: boolean;
+    }) => void;
+};
+export declare const HistoryHeader: FC<Props>;
+export {};

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

@@ -0,0 +1,29 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React from 'react';
+import { Flex } from '@gravity-ui/uikit';
+import { HistorySearch } from "./HistorySearch";
+import { HistoryFilter } from "../../components/HistoryFilter";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var HistoryHeader = function HistoryHeader(_ref) {
+  var search = _ref.search,
+    fullSearch = _ref.fullSearch,
+    hasClear = _ref.hasClear,
+    filter = _ref.filter,
+    onUpdate = _ref.onUpdate;
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 1,
+    children: [/*#__PURE__*/_jsx(HistorySearch, {
+      value: search,
+      fullSearch: fullSearch,
+      hasClear: hasClear,
+      onUpdate: onUpdate
+    }), filter && /*#__PURE__*/_jsx(HistoryFilter, _objectSpread({}, filter))]
+  });
+};
+// #sourceMappingURL=HistoryHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","HistorySearch","HistoryFilter","jsx","_jsx","jsxs","_jsxs","HistoryHeader","_ref","search","fullSearch","hasClear","filter","onUpdate","gap","children","value","_objectSpread"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport {HistorySearch} from './HistorySearch';\nimport {HistoryFilter} from '../../components/HistoryFilter';\nimport {QueryHistoryFilterConfig} from '../../types/history';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryHistoryFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport const HistoryHeader: FC<Props> = ({search, fullSearch, hasClear, filter, onUpdate}) => {\n    return (\n        <Flex gap={1}>\n            <HistorySearch\n                value={search}\n                fullSearch={fullSearch}\n                hasClear={hasClear}\n                onUpdate={onUpdate}\n            />\n            {filter && <HistoryFilter {...filter} />}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,aAAa;AACrB,SAAQC,aAAa;AAAwC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW7D,OAAO,IAAMC,aAAwB,GAAG,SAA3BA,aAAwBA,CAAAC,IAAA,EAAyD;EAAA,IAApDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EACpF,oBACIP,KAAA,CAACN,IAAI;IAACc,GAAG,EAAE,CAAE;IAAAC,QAAA,gBACTX,IAAA,CAACH,aAAa;MACVe,KAAK,EAAEP,MAAO;MACdC,UAAU,EAAEA,UAAW;MACvBC,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA;IAAS,CACtB,CAAC,EACDD,MAAM,iBAAIR,IAAA,CAACF,aAAa,EAAAe,aAAA,KAAKL,MAAM,CAAG,CAAC;EAAA,CACtC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HistoryHeader } from './HistoryHeader';
+declare const meta: Meta<typeof HistoryHeader>;
+export default meta;
+type Story = StoryObj<typeof HistoryHeader>;
+/** Empty header with a search field */
+export declare const Default: Story;
+/** Full-text search is active (button is highlighted) */
+export declare const FullSearchActive: Story;

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

@@ -0,0 +1,58 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { HistoryHeader } from "./HistoryHeader";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/HistoryHeader',
+  component: HistoryHeader,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var DefaultStory = function DefaultStory() {
+  var _useState = useState({
+      value: '',
+      fullSearch: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  return /*#__PURE__*/_jsx(HistoryHeader, {
+    search: search.value,
+    fullSearch: search.fullSearch,
+    hasClear: true,
+    onUpdate: setSearch
+  });
+};
+var FullSearchStory = function FullSearchStory() {
+  var _useState3 = useState({
+      value: 'users',
+      fullSearch: true
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  return /*#__PURE__*/_jsx(HistoryHeader, {
+    search: search.value,
+    fullSearch: search.fullSearch,
+    hasClear: true,
+    onUpdate: setSearch
+  });
+};
+
+/** Empty header with a search field */
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(DefaultStory, {});
+  }
+};
+
+/** Full-text search is active (button is highlighted) */
+export var FullSearchActive = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FullSearchStory, {});
+  }
+};
+// #sourceMappingURL=HistoryHeader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","HistoryHeader","jsx","_jsx","meta","title","component","tags","parameters","layout","DefaultStory","_useState","value","fullSearch","_useState2","_slicedToArray","search","setSearch","hasClear","onUpdate","FullSearchStory","_useState3","_useState4","Default","render","FullSearchActive"],"sources":["HistoryHeader.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {HistoryHeader} from './HistoryHeader';\n\nconst meta: Meta<typeof HistoryHeader> = {\n    title: 'Modules/HistoryHeader',\n    component: HistoryHeader,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistoryHeader>;\n\nconst DefaultStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <HistoryHeader\n            search={search.value}\n            fullSearch={search.fullSearch}\n            hasClear={true}\n            onUpdate={setSearch}\n        />\n    );\n};\n\nconst FullSearchStory = () => {\n    const [search, setSearch] = useState({value: 'users', fullSearch: true});\n\n    return (\n        <HistoryHeader\n            search={search.value}\n            fullSearch={search.fullSearch}\n            hasClear={true}\n            onUpdate={setSearch}\n        />\n    );\n};\n\n/** Empty header with a search field */\nexport const Default: Story = {render: () => <DefaultStory />};\n\n/** Full-text search is active (button is highlighted) */\nexport const FullSearchActive: Story = {render: () => <FullSearchStory />};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SAAQC,aAAa;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAE9C,IAAMC,IAAgC,GAAG;EACrCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEL,aAAa;EACxBM,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeL,IAAI;AAGnB,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EACvB,IAAAC,SAAA,GAA4BX,QAAQ,CAAC;MAACY,KAAK,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAK,CAAC,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA;IAA7DK,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EAExB,oBACIX,IAAA,CAACF,aAAa;IACVe,MAAM,EAAEA,MAAM,CAACJ,KAAM;IACrBC,UAAU,EAAEG,MAAM,CAACH,UAAW;IAC9BK,QAAQ,EAAE,IAAK;IACfC,QAAQ,EAAEF;EAAU,CACvB,CAAC;AAEV,CAAC;AAED,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EAC1B,IAAAC,UAAA,GAA4BrB,QAAQ,CAAC;MAACY,KAAK,EAAE,OAAO;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAAAS,UAAA,GAAAP,cAAA,CAAAM,UAAA;IAAjEL,MAAM,GAAAM,UAAA;IAAEL,SAAS,GAAAK,UAAA;EAExB,oBACInB,IAAA,CAACF,aAAa;IACVe,MAAM,EAAEA,MAAM,CAACJ,KAAM;IACrBC,UAAU,EAAEG,MAAM,CAACH,UAAW;IAC9BK,QAAQ,EAAE,IAAK;IACfC,QAAQ,EAAEF;EAAU,CACvB,CAAC;AAEV,CAAC;;AAED;AACA,OAAO,IAAMM,OAAc,GAAG;EAACC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQrB,IAAA,CAACO,YAAY,IAAE,CAAC;EAAA;AAAA,CAAC;;AAE9D;AACA,OAAO,IAAMe,gBAAuB,GAAG;EAACD,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQrB,IAAA,CAACiB,eAAe,IAAE,CAAC;EAAA;AAAA,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+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/esm/modules/HistoryHeader/HistorySearch.js

@@ -0,0 +1,86 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+export { HistoryHeader } from './HistoryHeader';

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

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

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

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

package/build/esm/modules/HistoryLayout/HistoryLayout.css

@@ -0,0 +1,4 @@
+.qp-history-layout {
+  position: relative;
+}
+/*# sourceMappingURL=HistoryLayout.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import './HistoryLayout.scss';
+export type HistoryLayoutProps = {
+    title: ReactNode;
+    logo?: ReactNode;
+    actions?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    children: ReactNode;
+};
+export declare const HistoryLayout: FC<HistoryLayoutProps>;

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import "./HistoryLayout.css";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-history-layout');
+export var HistoryLayout = function HistoryLayout(_ref) {
+  var title = _ref.title,
+    logo = _ref.logo,
+    actions = _ref.actions,
+    header = _ref.header,
+    footer = _ref.footer,
+    className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 1,
+    className: block(null, className),
+    children: [(logo || actions) && /*#__PURE__*/_jsxs(Flex, {
+      alignItems: "center",
+      justifyContent: logo ? 'space-between' : 'flex-end',
+      children: [logo, actions]
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "subheader-1",
+      children: title
+    }), header, children, footer]
+  });
+};
+// #sourceMappingURL=HistoryLayout.js.map

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

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

package/build/esm/modules/HistoryLayout/HistoryLayout.scss

@@ -0,0 +1,3 @@
+.qp-history-layout {
+  position: relative;
+}

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

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

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

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

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

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