@gravity-ui/querieskit 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["forms.ts"],"sourcesContent":["export type BaseFormField<T extends string = string, Value = any, Extra extends object = {}> = {\n    id: string;\n    type: T;\n    title?: string;\n    initialValue?: Value;\n} & Extra;\n\n/**\n * Registry of props for registered form field types.\n *\n * Each field component should augment this interface via\n * module augmentation in its own file, for example:\n *\n * ```ts\n * declare module '../../types/forms' {\n *     interface FormFieldPropsRegistry {\n *         switch: ComponentProps<typeof SwitchField>;\n *     }\n * }\n * ```\n *\n * This allows the `RegisteredFormFields` union to be extended\n * automatically without modifying SimpleForm when new field types are added.\n */\nexport interface FormFieldPropsRegistry {}\n\nexport type RegisteredFormFields = {\n    [K in keyof FormFieldPropsRegistry]: BaseFormField<\n        K & string,\n        FormFieldPropsRegistry[K] extends {value?: infer V} ? V : any,\n        Omit<FormFieldPropsRegistry[K], 'value' | 'onChange' | 'title'>\n    >;\n}[keyof FormFieldPropsRegistry];\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+import { ReactNode } from 'react';
+import { RegisteredFormFields } from './forms';
+export type QueryStatus = 'completed' | 'failed' | 'aborted' | 'draft' | 'running';
+/** ISO 8601 date string or Unix timestamp in milliseconds. */
+export type QueryHistoryTimestamp = string | number;
+export type HistoryRowRenderProps = {
+    height: number;
+};
+export type QueryHistoryHeader = {
+    header: string;
+} & HistoryRowRenderProps;
+export type BaseHistoryRow = {
+    id: number;
+    title: string;
+    query?: string;
+    href?: string;
+} & HistoryRowRenderProps;
+export type QueryHistoryRow = BaseHistoryRow & {
+    startTime?: QueryHistoryTimestamp;
+    endTime?: QueryHistoryTimestamp;
+    engine?: string;
+    mode?: string;
+    isPrivate?: boolean;
+    status: QueryStatus;
+};
+export type QueryHistoryItem<T extends BaseHistoryRow = BaseHistoryRow> = QueryHistoryHeader | T;
+export type QueryHistoryRowVariant = 'default' | 'search';
+export type QueryHistoryRowAction<T extends BaseHistoryRow = BaseHistoryRow> = {
+    text: ReactNode;
+    icon?: ReactNode;
+    hidden?: boolean;
+    disabled?: boolean;
+    onClick: (item: T) => void;
+};
+export type QueryHistorySearchConfig = {
+    value?: string;
+    fullSearch?: boolean;
+    hasClear?: boolean;
+    onUpdate: (data: {
+        value: string;
+        fullSearch: boolean;
+    }) => void;
+};
+export type QueryHistoryFilterConfig = {
+    fields?: RegisteredFormFields[];
+    values?: Record<string, any>;
+    initialValues?: Record<string, any>;
+    isChanged?: boolean;
+    onApply?: (values: Record<string, any>) => void;
+    onReset?: () => void;
+};
+export type QueryHistoryEditingConfig<T extends BaseHistoryRow = BaseHistoryRow> = {
+    rowId?: T['id'];
+    onSubmit?: (item: T, title: string) => void;
+    onCancel?: (item: T) => void;
+};
+export type QueryHistoryComparisonConfig<T extends BaseHistoryRow = BaseHistoryRow> = {
+    enabled: boolean;
+    comparedRowIds: T['id'][];
+    onChange: (item: T, selected: boolean) => void;
+    onCancel: () => void;
+    onCompare: () => void;
+};
+type RowFieldKey<T extends BaseHistoryRow> = Exclude<keyof T & string, keyof HistoryRowRenderProps>;
+export type QueryHistoryFieldKey<T extends BaseHistoryRow = BaseHistoryRow> = RowFieldKey<T> | 'duration';
+export type QueryHistoryFieldOption<K extends string = string> = {
+    id: K;
+    title: ReactNode;
+};
+export type QueryHistoryVisibleFieldsConfig<T extends BaseHistoryRow = BaseHistoryRow> = {
+    value: QueryHistoryFieldKey<T>[];
+    fields: QueryHistoryFieldOption<QueryHistoryFieldKey<T>>[];
+    onChange: (value: QueryHistoryFieldKey<T>[]) => void;
+};
+export type QueryHistoryEditingRenderData<T extends BaseHistoryRow = BaseHistoryRow> = {
+    enabled: boolean;
+} & Pick<QueryHistoryEditingConfig<T>, 'onSubmit' | 'onCancel'>;
+export type QueryHistoryRowRenderData<T extends BaseHistoryRow = BaseHistoryRow> = {
+    item: QueryHistoryItem<T>;
+    index: number;
+    isActive: boolean;
+    variant: QueryHistoryRowVariant;
+    comparison?: {
+        enabled: boolean;
+        checked: boolean;
+    };
+    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
+    actions?: QueryHistoryRowAction<T>[];
+    editing?: QueryHistoryEditingRenderData<T>;
+};
+export {};

package/build/cjs/types/history.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=history.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["history.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport {RegisteredFormFields} from './forms';\n\nexport type QueryStatus = 'completed' | 'failed' | 'aborted' | 'draft' | 'running';\n\n/** ISO 8601 date string or Unix timestamp in milliseconds. */\nexport type QueryHistoryTimestamp = string | number;\n\nexport type HistoryRowRenderProps = {height: number};\n\nexport type QueryHistoryHeader = {header: string} & HistoryRowRenderProps;\n\nexport type BaseHistoryRow = {\n    id: number;\n    title: string;\n    query?: string;\n    href?: string;\n} & HistoryRowRenderProps;\n\nexport type QueryHistoryRow = BaseHistoryRow & {\n    startTime?: QueryHistoryTimestamp;\n    endTime?: QueryHistoryTimestamp;\n    engine?: string;\n    mode?: string;\n    isPrivate?: boolean;\n    status: QueryStatus;\n};\n\nexport type QueryHistoryItem<T extends BaseHistoryRow = BaseHistoryRow> = QueryHistoryHeader | T;\n\nexport type QueryHistoryRowVariant = 'default' | 'search';\n\nexport type QueryHistoryRowAction<T extends BaseHistoryRow = BaseHistoryRow> = {\n    text: ReactNode;\n    icon?: ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    onClick: (item: T) => void;\n};\n\nexport type QueryHistorySearchConfig = {\n    value?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport type QueryHistoryFilterConfig = {\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 QueryHistoryEditingConfig<T extends BaseHistoryRow = BaseHistoryRow> = {\n    rowId?: T['id'];\n    onSubmit?: (item: T, title: string) => void;\n    onCancel?: (item: T) => void;\n};\n\nexport type QueryHistoryComparisonConfig<T extends BaseHistoryRow = BaseHistoryRow> = {\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 BaseHistoryRow> = Exclude<keyof T & string, keyof HistoryRowRenderProps>;\n\nexport type QueryHistoryFieldKey<T extends BaseHistoryRow = BaseHistoryRow> =\n    RowFieldKey<T> | 'duration';\n\nexport type QueryHistoryFieldOption<K extends string = string> = {\n    id: K;\n    title: ReactNode;\n};\n\nexport type QueryHistoryVisibleFieldsConfig<T extends BaseHistoryRow = BaseHistoryRow> = {\n    value: QueryHistoryFieldKey<T>[];\n    fields: QueryHistoryFieldOption<QueryHistoryFieldKey<T>>[];\n    onChange: (value: QueryHistoryFieldKey<T>[]) => void;\n};\n\nexport type QueryHistoryEditingRenderData<T extends BaseHistoryRow = BaseHistoryRow> = {\n    enabled: boolean;\n} & Pick<QueryHistoryEditingConfig<T>, 'onSubmit' | 'onCancel'>;\n\nexport type QueryHistoryRowRenderData<T extends BaseHistoryRow = BaseHistoryRow> = {\n    item: QueryHistoryItem<T>;\n    index: number;\n    isActive: boolean;\n    variant: QueryHistoryRowVariant;\n    comparison?: {\n        enabled: boolean;\n        checked: boolean;\n    };\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    actions?: QueryHistoryRowAction<T>[];\n    editing?: QueryHistoryEditingRenderData<T>;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import { BaseHistoryRow } from './history';
+export type TutorialHistoryRow = BaseHistoryRow;

package/build/cjs/types/tutorial.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=tutorial.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["tutorial.ts"],"sourcesContent":["import {BaseHistoryRow} from './history';\n\nexport type TutorialHistoryRow = BaseHistoryRow;\n"],"mappings":"","ignoreList":[]}

package/build/cjs/widgets/QueriesHistory/ComparisonActions.css

@@ -0,0 +1,5 @@
+.qp-query-history-comparison-action {
+  padding: 12px 20px;
+  background: var(--g-color-base-background);
+}
+/*# sourceMappingURL=ComparisonActions.css.map */

package/build/cjs/widgets/QueriesHistory/ComparisonActions.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ComparisonActions.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,0CAAA;AACF","file":"ComparisonActions.css","sourcesContent":[".qp-query-history-comparison-action {\n  padding: 12px 20px;\n  background: var(--g-color-base-background);\n}"],"sourceRoot":""}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryHistoryComparisonConfig, QueryHistoryRow } from '../../types/history';
+import './ComparisonActions.scss';
+type Props<T extends QueryHistoryRow> = {
+    comparison: QueryHistoryComparisonConfig<T>;
+    className?: string;
+};
+export declare const ComparisonActions: <T extends QueryHistoryRow>({ comparison: { enabled, comparedRowIds, onCompare, onCancel }, className, }: Props<T>) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComparisonActions = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+require("./ComparisonActions.css");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ArrowRotateRightIcon = function ArrowRotateRightIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 1.5a6.5 6.5 0 1 0 6.445 7.348.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowRotateRightIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var ArrowRightArrowLeftIcon = function ArrowRightArrowLeftIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M13.78 3.72a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06L11.44 5H2.75a.75.75 0 1 1 0-1.5h8.69L9.72 1.78A.75.75 0 0 1 10.78.72zM2 11.75a.75.75 0 0 1 .22-.53l3-3a.75.75 0 1 1 1.06 1.06L4.56 11h8.69a.75.75 0 0 1 0 1.5H4.56l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1-.22-.53",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowRightArrowLeftIcon.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-query-history-comparison-action');
+var ComparisonActions = exports.ComparisonActions = function ComparisonActions(_ref) {
+  var _ref$comparison = _ref.comparison,
+    enabled = _ref$comparison.enabled,
+    comparedRowIds = _ref$comparison.comparedRowIds,
+    onCompare = _ref$comparison.onCompare,
+    onCancel = _ref$comparison.onCancel,
+    className = _ref.className;
+  if (!enabled) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    gap: 3,
+    alignItems: "center",
+    justifyContent: "center",
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      onClick: onCancel,
+      width: "max",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: ArrowRotateRightIcon,
+        size: 16
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      view: "action",
+      onClick: onCompare,
+      disabled: comparedRowIds.length < 2,
+      width: "max",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: ArrowRightArrowLeftIcon,
+        size: 16
+      })
+    })]
+  });
+};
+// #sourceMappingURL=ComparisonActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","ArrowRotateRightIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowRightArrowLeftIcon","block","cn","ComparisonActions","exports","_ref","_ref$comparison","comparison","enabled","comparedRowIds","onCompare","onCancel","className","_jsxs","Flex","gap","alignItems","justifyContent","Button","onClick","Icon","data","size","view","disabled","length"],"sources":["ComparisonActions.tsx"],"sourcesContent":["import React from 'react';\nimport {Button, Flex, Icon} from '@gravity-ui/uikit';\nimport {QueryHistoryComparisonConfig, QueryHistoryRow} from '../../types/history';\nimport ArrowRotateRightIcon from '@gravity-ui/icons/svgs/arrow-rotate-right.svg';\nimport ArrowRightArrowLeftIcon from '@gravity-ui/icons/svgs/arrow-right-arrow-left.svg';\nimport './ComparisonActions.scss';\nimport cn from 'bem-cn-lite';\n\ntype Props<T extends QueryHistoryRow> = {\n    comparison: QueryHistoryComparisonConfig<T>;\n    className?: string;\n};\n\nconst block = cn('qp-query-history-comparison-action');\n\nexport const ComparisonActions = <T extends QueryHistoryRow>({\n    comparison: {enabled, comparedRowIds, onCompare, onCancel},\n    className,\n}: Props<T>) => {\n    if (!enabled) return null;\n\n    return (\n        <Flex\n            gap={3}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            className={block(null, className)}\n        >\n            <Button onClick={onCancel} width=\"max\">\n                <Icon data={ArrowRotateRightIcon} size={16} />\n            </Button>\n            <Button\n                view=\"action\"\n                onClick={onCompare}\n                disabled={comparedRowIds.length < 2}\n                width=\"max\"\n            >\n                <Icon data={ArrowRightArrowLeftIcon} size={16} />\n            </Button>\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIAA,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA6B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AALwB,IAE9CG,oBAAoB,YAApBA,oBAAoBA,CAAAC,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAApBR,oBAAoB,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACpBC,uBAAuB,YAAvBA,uBAAuBA,CAAAb,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAvBM,uBAAuB,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAS9B,IAAME,KAAK,GAAG,IAAAC,kBAAE,EAAC,oCAAoC,CAAC;AAE/C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA,EAGd;EAAA,IAAAC,eAAA,GAAAD,IAAA,CAFZE,UAAU;IAAGC,OAAO,GAAAF,eAAA,CAAPE,OAAO;IAAEC,cAAc,GAAAH,eAAA,CAAdG,cAAc;IAAEC,SAAS,GAAAJ,eAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,eAAA,CAARK,QAAQ;IACzDC,SAAS,GAAAP,IAAA,CAATO,SAAS;EAET,IAAI,CAACJ,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACI,IAAAK,gBAAA,EAACC,WAAI;IACDC,GAAG,EAAE,CAAE;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBL,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAAAtB,QAAA,gBAElC,IAAAF,eAAA,EAAC8B,aAAM;MAACC,OAAO,EAAER,QAAS;MAACd,KAAK,EAAC,KAAK;MAAAP,QAAA,eAClC,IAAAF,eAAA,EAACgC,WAAI;QAACC,IAAI,EAAEnC,oBAAqB;QAACoC,IAAI,EAAE;MAAG,CAAE;IAAC,CAC1C,CAAC,eACT,IAAAlC,eAAA,EAAC8B,aAAM;MACHK,IAAI,EAAC,QAAQ;MACbJ,OAAO,EAAET,SAAU;MACnBc,QAAQ,EAAEf,cAAc,CAACgB,MAAM,GAAG,CAAE;MACpC5B,KAAK,EAAC,KAAK;MAAAP,QAAA,eAEX,IAAAF,eAAA,EAACgC,WAAI;QAACC,IAAI,EAAErB,uBAAwB;QAACsB,IAAI,EAAE;MAAG,CAAE;IAAC,CAC7C,CAAC;EAAA,CACP,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/widgets/QueriesHistory/QueriesHistory.css

@@ -0,0 +1,10 @@
+.qp-query-history {
+  position: relative;
+}
+.qp-query-history__comparison-actions {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+/*# sourceMappingURL=QueriesHistory.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["QueriesHistory.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF;AACE;EACE,kBAAA;EACA,OAAA;EACA,SAAA;EACA,WAAA;AACJ","file":"QueriesHistory.css","sourcesContent":[".qp-query-history {\n  position: relative;\n\n  &__comparison-actions {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n  }\n}"],"sourceRoot":""}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { QueryHistoryComparisonConfig, QueryHistoryEditingConfig, QueryHistoryFilterConfig, QueryHistoryItem, QueryHistoryRow, QueryHistoryRowAction, QueryHistoryRowRenderData, QueryHistorySearchConfig, QueryHistoryVisibleFieldsConfig } from '../../types/history';
+import './QueriesHistory.scss';
+export type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {
+    className?: string;
+    title?: string;
+    logo?: React.ReactNode;
+    search: QueryHistorySearchConfig;
+    filter?: QueryHistoryFilterConfig;
+    items: QueryHistoryItem<T>[];
+    selectedRowId?: T['id'];
+    editing?: QueryHistoryEditingConfig<T>;
+    comparison?: QueryHistoryComparisonConfig<T>;
+    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
+    renderRowItem?: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;
+    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];
+    onListItemClick?: (item: QueryHistoryItem<T>) => void;
+};
+export declare const QueriesHistory: <T extends QueryHistoryRow>({ title, logo, search, filter, items, selectedRowId, editing, comparison, visibleFields, renderRowItem, getRowActions, onListItemClick, className, }: QueriesHistoryProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueriesHistory = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.search.js");
+require("core-js/modules/es.string.trim.js");
+var _react = _interopRequireDefault(require("react"));
+var _modules = require("../../modules");
+var _i18n = _interopRequireDefault(require("./i18n"));
+var _components = require("../../components");
+var _getListKey = require("../../helpers/getListKey");
+var _ComparisonActions = require("./ComparisonActions");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./QueriesHistory.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-query-history');
+var QueriesHistory = exports.QueriesHistory = function QueriesHistory(_ref) {
+  var _search$value;
+  var title = _ref.title,
+    logo = _ref.logo,
+    search = _ref.search,
+    filter = _ref.filter,
+    items = _ref.items,
+    selectedRowId = _ref.selectedRowId,
+    editing = _ref.editing,
+    comparison = _ref.comparison,
+    visibleFields = _ref.visibleFields,
+    renderRowItem = _ref.renderRowItem,
+    getRowActions = _ref.getRowActions,
+    onListItemClick = _ref.onListItemClick,
+    className = _ref.className;
+  var showSearchResults = Boolean(search.fullSearch && ((_search$value = search.value) === null || _search$value === void 0 ? void 0 : _search$value.trim()));
+  var rowVariant = showSearchResults ? 'search' : 'default';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryLayout, {
+    className: block(null, className),
+    title: title || (0, _i18n.default)('title_history'),
+    logo: logo,
+    actions: visibleFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FieldsSelector, (0, _objectSpread2.default)({}, visibleFields)),
+    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryHeader, {
+      search: search.value,
+      fullSearch: search.fullSearch,
+      hasClear: search.hasClear,
+      filter: filter,
+      onUpdate: search.onUpdate
+    }),
+    footer: comparison && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComparisonActions.ComparisonActions, {
+      comparison: comparison,
+      className: block('comparison-actions')
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryList, {
+      items: items,
+      rowVariant: rowVariant,
+      selectedRowId: selectedRowId,
+      visibleFields: visibleFields,
+      editing: editing,
+      comparison: comparison,
+      renderRowItem: renderRowItem,
+      getRowActions: getRowActions,
+      showFiltersHint: Boolean(filter),
+      onItemClick: onListItemClick
+    }, (0, _getListKey.getListKey)(items, rowVariant))
+  });
+};
+// #sourceMappingURL=QueriesHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_modules","_i18n","_components","_getListKey","_ComparisonActions","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","QueriesHistory","exports","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","_jsx","HistoryLayout","i18n","actions","FieldsSelector","_objectSpread","header","HistoryHeader","hasClear","onUpdate","footer","ComparisonActions","children","HistoryList","showFiltersHint","onItemClick","getListKey"],"sources":["QueriesHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader, HistoryLayout, HistoryList} from '../../modules';\nimport i18n from './i18n';\nimport {\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryFilterConfig,\n    QueryHistoryItem,\n    QueryHistoryRow,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistorySearchConfig,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {FieldsSelector} from '../../components';\nimport {getListKey} from '../../helpers/getListKey';\nimport {ComparisonActions} from './ComparisonActions';\nimport cn from 'bem-cn-lite';\nimport './QueriesHistory.scss';\n\nexport type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryHistorySearchConfig;\n    filter?: QueryHistoryFilterConfig;\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    renderRowItem?: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    onListItemClick?: (item: QueryHistoryItem<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    const showSearchResults = Boolean(search.fullSearch && search.value?.trim());\n    const rowVariant = showSearchResults ? 'search' : 'default';\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title || i18n('title_history')}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <ComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <HistoryList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                renderRowItem={renderRowItem}\n                getRowActions={getRowActions}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueriesHistory } from './QueriesHistory';
+declare const meta: Meta<typeof QueriesHistory>;
+export default meta;
+type Story = StoryObj<typeof QueriesHistory>;
+export declare const Default: Story;
+export declare const Empty: Story;