@gravity-ui/querieskit 1.0.1

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

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

package/build/esm/components/HistoryFilter/HistoryFilter.css

@@ -0,0 +1,4 @@
+.qp-history-filter__container {
+  padding: 20px;
+}
+/*# sourceMappingURL=HistoryFilter.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HistoryFilter.scss"],"names":[],"mappings":"AACE;EACE,aAAA;AAAJ","file":"HistoryFilter.css","sourcesContent":[".qp-history-filter {\n  &__container {\n    padding: 20px;\n  }\n}"],"sourceRoot":""}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { QueryHistoryFilterConfig } from '../../types/history';
+import './HistoryFilter.scss';
+export declare const HistoryFilter: FC<QueryHistoryFilterConfig>;

package/build/esm/components/HistoryFilter/HistoryFilter.js

@@ -0,0 +1,112 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useRef, useState } from 'react';
+import { Button, Flex, Icon, Popup } from '@gravity-ui/uikit';
+var FunnelIcon = function FunnelIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M12.5 4c0 .174-.071.513-.885.888S9.538 5.5 8 5.5s-2.799-.237-3.615-.612C3.57 4.513 3.5 4.174 3.5 4s.071-.513.885-.888S6.462 2.5 8 2.5s2.799.237 3.615.612c.814.375.885.714.885.888m-1.448 2.66C10.158 6.888 9.115 7 8 7s-2.158-.113-3.052-.34l1.98 2.905c.21.308.322.672.322 1.044v3.37q.088.02.25.021c.422 0 .749-.14.95-.316.185-.162.3-.38.3-.684v-2.39c0-.373.112-.737.322-1.045zM8 1c3.314 0 6 1 6 3a3.24 3.24 0 0 1-.563 1.826l-3.125 4.584a.35.35 0 0 0-.062.2V13c0 1.5-1.25 2.5-2.75 2.5s-1.75-1-1.75-1v-3.89a.35.35 0 0 0-.061-.2L2.563 5.826A3.24 3.24 0 0 1 2 4c0-2 2.686-3 6-3m-.88 12.936q-.015-.008-.013-.01z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FunnelIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var ArrowRotateLeftIcon = function ArrowRotateLeftIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 1.5a6.5 6.5 0 1 1-6.445 7.348.75.75 0 1 1 1.487-.194A5.001 5.001 0 1 0 4.43 4.5h1.32a.75.75 0 0 1 0 1.5h-3A.75.75 0 0 1 2 5.25v-3a.75.75 0 0 1 1.5 0v1.06A6.48 6.48 0 0 1 8 1.5",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowRotateLeftIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import { useToggle } from "../../helpers/useToggle";
+import cn from 'bem-cn-lite';
+import { SimpleForm } from "../SimpleForm";
+import i18n from "./i18n";
+import "./HistoryFilter.css";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var block = cn('qp-history-filter');
+export var HistoryFilter = function HistoryFilter(_ref) {
+  var _ref2;
+  var _ref$fields = _ref.fields,
+    fields = _ref$fields === void 0 ? [] : _ref$fields,
+    values = _ref.values,
+    initialValues = _ref.initialValues,
+    isChanged = _ref.isChanged,
+    onApply = _ref.onApply,
+    onReset = _ref.onReset;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    buttonElement = _useState2[0],
+    setButtonElement = _useState2[1];
+  var _useToggle = useToggle(false),
+    _useToggle2 = _slicedToArray(_useToggle, 2),
+    open = _useToggle2[0],
+    toggleOpen = _useToggle2[1];
+  var valuesRef = useRef((_ref2 = values !== null && values !== void 0 ? values : initialValues) !== null && _ref2 !== void 0 ? _ref2 : {});
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      ref: setButtonElement,
+      onClick: toggleOpen,
+      view: isChanged ? 'action' : 'normal',
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: FunnelIcon,
+        size: 16
+      })
+    }), /*#__PURE__*/_jsxs(Popup, {
+      anchorElement: buttonElement,
+      open: open,
+      onOpenChange: toggleOpen,
+      className: block(),
+      placement: "bottom-start",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: block('container'),
+        children: /*#__PURE__*/_jsx(SimpleForm, {
+          fields: fields,
+          values: values,
+          initialValues: initialValues,
+          onValuesChange: function onValuesChange(nextValues) {
+            valuesRef.current = nextValues;
+          }
+        })
+      }), /*#__PURE__*/_jsxs(Flex, {
+        gap: 3,
+        className: block('container'),
+        children: [/*#__PURE__*/_jsx(Button, {
+          view: "action",
+          onClick: function onClick() {
+            return onApply === null || onApply === void 0 ? void 0 : onApply(valuesRef.current);
+          },
+          children: i18n('action_apply')
+        }), /*#__PURE__*/_jsxs(Button, {
+          onClick: onReset,
+          children: [/*#__PURE__*/_jsx(Icon, {
+            data: ArrowRotateLeftIcon,
+            size: 16
+          }), i18n('action_reset')]
+        })]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=HistoryFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","Button","Flex","Icon","Popup","FunnelIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowRotateLeftIcon","useToggle","cn","SimpleForm","i18n","jsx","jsxs","_jsxs","Fragment","_Fragment","block","HistoryFilter","_ref","_ref2","_ref$fields","fields","values","initialValues","isChanged","onApply","onReset","_useState","_useState2","_slicedToArray","buttonElement","setButtonElement","_useToggle","_useToggle2","open","toggleOpen","valuesRef","ref","onClick","view","data","size","anchorElement","onOpenChange","className","placement","onValuesChange","nextValues","current","gap"],"sources":["HistoryFilter.tsx"],"sourcesContent":["import React, {FC, useRef, useState} from 'react';\nimport {Button, Flex, Icon, Popup} from '@gravity-ui/uikit';\nimport FunnelIcon from '@gravity-ui/icons/svgs/funnel.svg';\nimport ArrowRotateLeftIcon from '@gravity-ui/icons/svgs/arrow-rotate-left.svg';\nimport {useToggle} from '../../helpers/useToggle';\nimport {QueryHistoryFilterConfig} from '../../types/history';\nimport cn from 'bem-cn-lite';\nimport {SimpleForm} from '../SimpleForm';\nimport i18n from './i18n';\nimport './HistoryFilter.scss';\n\nconst block = cn('qp-history-filter');\n\nexport const HistoryFilter: FC<QueryHistoryFilterConfig> = ({\n    fields = [],\n    values,\n    initialValues,\n    isChanged,\n    onApply,\n    onReset,\n}) => {\n    const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null);\n    const [open, toggleOpen] = useToggle(false);\n    const valuesRef = useRef<Record<string, any>>(values ?? initialValues ?? {});\n\n    return (\n        <>\n            <Button\n                ref={setButtonElement}\n                onClick={toggleOpen}\n                view={isChanged ? 'action' : 'normal'}\n            >\n                <Icon data={FunnelIcon} size={16} />\n            </Button>\n            <Popup\n                anchorElement={buttonElement}\n                open={open}\n                onOpenChange={toggleOpen}\n                className={block()}\n                placement=\"bottom-start\"\n            >\n                <div className={block('container')}>\n                    <SimpleForm\n                        fields={fields}\n                        values={values}\n                        initialValues={initialValues}\n                        onValuesChange={(nextValues) => {\n                            valuesRef.current = nextValues;\n                        }}\n                    />\n                </div>\n                <Flex gap={3} className={block('container')}>\n                    <Button view=\"action\" onClick={() => onApply?.(valuesRef.current)}>\n                        {i18n('action_apply')}\n                    </Button>\n                    <Button onClick={onReset}>\n                        <Icon data={ArrowRotateLeftIcon} size={16} />\n                        {i18n('action_reset')}\n                    </Button>\n                </Flex>\n            </Popup>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/HistoryFilter/HistoryFilter.scss

@@ -0,0 +1,5 @@
+.qp-history-filter {
+  &__container {
+    padding: 20px;
+  }
+}

package/build/esm/components/HistoryFilter/HistoryFilter.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { HistoryFilter } from './HistoryFilter';
+declare const meta: Meta<typeof HistoryFilter>;
+export default meta;
+type Story = StoryObj<typeof HistoryFilter>;
+/** Basic filter with a set of fields and Apply/Reset handlers */
+export declare const Default: Story;
+/** Filter with a "changed" state — the popup toggle button is highlighted (view="action") */
+export declare const Changed: Story;
+/** Filter in controlled mode with provided values */
+export declare const Controlled: Story;
+/** Filter with initial values (uncontrolled mode) */
+export declare const WithInitialValues: Story;

package/build/esm/components/HistoryFilter/HistoryFilter.stories.js

@@ -0,0 +1,94 @@
+import "core-js/modules/es.date.to-json.js";
+import "core-js/modules/es.json.stringify.js";
+import { HistoryFilter } from "./HistoryFilter";
+var meta = {
+  title: 'Components/HistoryFilter',
+  component: HistoryFilter,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var fields = [{
+  id: 'onlyMine',
+  type: 'switch',
+  title: 'My queries only',
+  initialValue: true
+}, {
+  id: 'range',
+  type: 'rangeDatePicker',
+  title: 'Period'
+}, {
+  id: 'checkobxGroup',
+  type: 'checkboxGroup',
+  title: 'Dialect',
+  initialValue: [],
+  items: [{
+    id: 'yql',
+    title: 'YQL'
+  }, {
+    id: 'sql',
+    title: 'SQL'
+  }]
+}];
+
+/** Basic filter with a set of fields and Apply/Reset handlers */
+export var Default = {
+  args: {
+    fields: fields,
+    onApply: function onApply(values) {
+      return alert(JSON.stringify(values));
+    },
+    onReset: function onReset() {
+      return alert('Reset');
+    }
+  }
+};
+
+/** Filter with a "changed" state — the popup toggle button is highlighted (view="action") */
+export var Changed = {
+  args: {
+    fields: fields,
+    isChanged: true,
+    onApply: function onApply(values) {
+      return alert(JSON.stringify(values));
+    },
+    onReset: function onReset() {
+      return alert('Reset');
+    }
+  }
+};
+
+/** Filter in controlled mode with provided values */
+export var Controlled = {
+  args: {
+    fields: fields,
+    values: {
+      onlyMine: false
+    },
+    onApply: function onApply(values) {
+      return alert(JSON.stringify(values));
+    },
+    onReset: function onReset() {
+      return alert('Reset');
+    }
+  }
+};
+
+/** Filter with initial values (uncontrolled mode) */
+export var WithInitialValues = {
+  args: {
+    fields: fields,
+    initialValues: {
+      onlyMine: true
+    },
+    onApply: function onApply(values) {
+      return alert(JSON.stringify(values));
+    },
+    onReset: function onReset() {
+      return alert('Reset');
+    }
+  }
+};
+// #sourceMappingURL=HistoryFilter.stories.js.map

package/build/esm/components/HistoryFilter/HistoryFilter.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HistoryFilter","meta","title","component","tags","parameters","layout","fields","id","type","initialValue","items","Default","args","onApply","values","alert","JSON","stringify","onReset","Changed","isChanged","Controlled","onlyMine","WithInitialValues","initialValues"],"sources":["HistoryFilter.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {FormField} from '../SimpleForm';\nimport {HistoryFilter} from './HistoryFilter';\n\nconst meta: Meta<typeof HistoryFilter> = {\n    title: 'Components/HistoryFilter',\n    component: HistoryFilter,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistoryFilter>;\n\nconst fields: FormField[] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'checkobxGroup',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\n/** Basic filter with a set of fields and Apply/Reset handlers */\nexport const Default: Story = {\n    args: {\n        fields,\n        onApply: (values) => alert(JSON.stringify(values)),\n        onReset: () => alert('Reset'),\n    },\n};\n\n/** Filter with a \"changed\" state — the popup toggle button is highlighted (view=\"action\") */\nexport const Changed: Story = {\n    args: {\n        fields,\n        isChanged: true,\n        onApply: (values) => alert(JSON.stringify(values)),\n        onReset: () => alert('Reset'),\n    },\n};\n\n/** Filter in controlled mode with provided values */\nexport const Controlled: Story = {\n    args: {\n        fields,\n        values: {onlyMine: false},\n        onApply: (values) => alert(JSON.stringify(values)),\n        onReset: () => alert('Reset'),\n    },\n};\n\n/** Filter with initial values (uncontrolled mode) */\nexport const WithInitialValues: Story = {\n    args: {\n        fields,\n        initialValues: {onlyMine: true},\n        onApply: (values) => alert(JSON.stringify(values)),\n        onReset: () => alert('Reset'),\n    },\n};\n"],"mappings":";;AAEA,SAAQA,aAAa;AAErB,IAAMC,IAAgC,GAAG;EACrCC,KAAK,EAAE,0BAA0B;EACjCC,SAAS,EAAEH,aAAa;EACxBI,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeL,IAAI;AAGnB,IAAMM,MAAmB,GAAG,CACxB;EAACC,EAAE,EAAE,UAAU;EAAEC,IAAI,EAAE,QAAQ;EAAEP,KAAK,EAAE,iBAAiB;EAAEQ,YAAY,EAAE;AAAI,CAAC,EAC9E;EAACF,EAAE,EAAE,OAAO;EAAEC,IAAI,EAAE,iBAAiB;EAAEP,KAAK,EAAE;AAAQ,CAAC,EACvD;EACIM,EAAE,EAAE,eAAe;EACnBC,IAAI,EAAE,eAAe;EACrBP,KAAK,EAAE,SAAS;EAChBQ,YAAY,EAAE,EAAE;EAChBC,KAAK,EAAE,CACH;IAACH,EAAE,EAAE,KAAK;IAAEN,KAAK,EAAE;EAAK,CAAC,EACzB;IAACM,EAAE,EAAE,KAAK;IAAEN,KAAK,EAAE;EAAK,CAAC;AAEjC,CAAC,CACJ;;AAED;AACA,OAAO,IAAMU,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFN,MAAM,EAANA,MAAM;IACNO,OAAO,EAAE,SAATA,OAAOA,CAAGC,MAAM;MAAA,OAAKC,KAAK,CAACC,IAAI,CAACC,SAAS,CAACH,MAAM,CAAC,CAAC;IAAA;IAClDI,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQH,KAAK,CAAC,OAAO,CAAC;IAAA;EACjC;AACJ,CAAC;;AAED;AACA,OAAO,IAAMI,OAAc,GAAG;EAC1BP,IAAI,EAAE;IACFN,MAAM,EAANA,MAAM;IACNc,SAAS,EAAE,IAAI;IACfP,OAAO,EAAE,SAATA,OAAOA,CAAGC,MAAM;MAAA,OAAKC,KAAK,CAACC,IAAI,CAACC,SAAS,CAACH,MAAM,CAAC,CAAC;IAAA;IAClDI,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQH,KAAK,CAAC,OAAO,CAAC;IAAA;EACjC;AACJ,CAAC;;AAED;AACA,OAAO,IAAMM,UAAiB,GAAG;EAC7BT,IAAI,EAAE;IACFN,MAAM,EAANA,MAAM;IACNQ,MAAM,EAAE;MAACQ,QAAQ,EAAE;IAAK,CAAC;IACzBT,OAAO,EAAE,SAATA,OAAOA,CAAGC,MAAM;MAAA,OAAKC,KAAK,CAACC,IAAI,CAACC,SAAS,CAACH,MAAM,CAAC,CAAC;IAAA;IAClDI,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQH,KAAK,CAAC,OAAO,CAAC;IAAA;EACjC;AACJ,CAAC;;AAED;AACA,OAAO,IAAMQ,iBAAwB,GAAG;EACpCX,IAAI,EAAE;IACFN,MAAM,EAANA,MAAM;IACNkB,aAAa,EAAE;MAACF,QAAQ,EAAE;IAAI,CAAC;IAC/BT,OAAO,EAAE,SAATA,OAAOA,CAAGC,MAAM;MAAA,OAAKC,KAAK,CAACC,IAAI,CAACC,SAAS,CAACH,MAAM,CAAC,CAAC;IAAA;IAClDI,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQH,KAAK,CAAC,OAAO,CAAC;IAAA;EACjC;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/HistoryFilter/i18n/dicts.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    en: {
+        action_apply: string;
+        action_reset: string;
+    };
+    ru: {
+        action_apply: string;
+        action_reset: string;
+    };
+};
+export default _default;

package/build/esm/components/HistoryFilter/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

package/build/esm/components/HistoryFilter/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/components/HistoryFilter/i18n/en.json

@@ -0,0 +1,4 @@
+{
+    "action_apply": "Apply",
+    "action_reset": "Reset"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "action_apply" | "action_reset", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:queries-filter": Record<"action_apply" | "action_reset", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:queries-filter', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,mBAAmB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/components/HistoryFilter/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+    "action_apply": "Применить",
+    "action_reset": "Сбросить"
+}

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

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

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

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

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

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

package/build/esm/components/HistoryGroupHeader/HistoryGroupHeader.css

@@ -0,0 +1,8 @@
+.qp-history-list-header {
+  display: flex;
+  align-items: center;
+  height: 30px;
+  width: 100%;
+  padding: 4px 16px;
+}
+/*# sourceMappingURL=HistoryGroupHeader.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HistoryGroupHeader.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;EACA,iBAAA;AACF","file":"HistoryGroupHeader.css","sourcesContent":[".qp-history-list-header {\n  display: flex;\n  align-items: center;\n  height: 30px;\n  width: 100%;\n  padding: 4px 16px;\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import './HistoryGroupHeader.scss';
+type Props = {
+    title: string;
+};
+export declare const HistoryGroupHeader: FC<Props>;
+export {};

package/build/esm/components/HistoryGroupHeader/HistoryGroupHeader.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import "./HistoryGroupHeader.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-history-list-header');
+export var HistoryGroupHeader = function HistoryGroupHeader(_ref) {
+  var title = _ref.title;
+  return /*#__PURE__*/_jsx(Text, {
+    as: "div",
+    color: "secondary",
+    className: block(),
+    children: title
+  });
+};
+// #sourceMappingURL=HistoryGroupHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","cn","jsx","_jsx","block","HistoryGroupHeader","_ref","title","as","color","className","children"],"sources":["HistoryGroupHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryGroupHeader.scss';\n\ntype Props = {\n    title: string;\n};\n\nconst block = cn('qp-history-list-header');\n\nexport const HistoryGroupHeader: FC<Props> = ({title}) => {\n    return (\n        <Text as=\"div\" color=\"secondary\" className={block()}>\n            {title}\n        </Text>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AACtC,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAmC,SAAAC,GAAA,IAAAC,IAAA;AAMnC,IAAMC,KAAK,GAAGH,EAAE,CAAC,wBAAwB,CAAC;AAE1C,OAAO,IAAMI,kBAA6B,GAAG,SAAhCA,kBAA6BA,CAAAC,IAAA,EAAgB;EAAA,IAAXC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAChD,oBACIJ,IAAA,CAACH,IAAI;IAACQ,EAAE,EAAC,KAAK;IAACC,KAAK,EAAC,WAAW;IAACC,SAAS,EAAEN,KAAK,CAAC,CAAE;IAAAO,QAAA,EAC/CJ;EAAK,CACJ,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/HistoryGroupHeader/HistoryGroupHeader.scss

@@ -0,0 +1,7 @@
+.qp-history-list-header {
+  display: flex;
+  align-items: center;
+  height: 30px;
+  width: 100%;
+  padding: 4px 16px;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    en: {
+        "title_nothing-found": string;
+        "context_try-change-filters": string;
+    };
+    ru: {
+        "title_nothing-found": string;
+        "context_try-change-filters": string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/components/HistoryListEmpty/i18n/en.json

@@ -0,0 +1,4 @@
+{
+    "title_nothing-found": "Nothing found",
+    "context_try-change-filters": "Try to change filters"
+}

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

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

@@ -0,0 +1,4 @@
+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/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:history-list-empty', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,uBAAuB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/components/HistoryListEmpty/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+    "title_nothing-found": "Ничего не найдено",
+    "context_try-change-filters": "Попробуйте изменить фильтры"
+}

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

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

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

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

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

@@ -0,0 +1 @@
+{"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/components/HistoryPrivateIcon/HistoryPrivateIcon.css

@@ -0,0 +1,7 @@
+.qp-history-private-icon {
+  color: var(--g-color-text-complementary);
+}
+.qp-history-private-icon_open {
+  color: var(--g-color-text-positive-heavy);
+}
+/*# sourceMappingURL=HistoryPrivateIcon.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HistoryPrivateIcon.scss"],"names":[],"mappings":"AAAA;EACE,wCAAA;AACF;AACE;EACE,yCAAA;AACJ","file":"HistoryPrivateIcon.css","sourcesContent":[".qp-history-private-icon {\n  color: var(--g-color-text-complementary);\n\n  &_open {\n    color: var(--g-color-text-positive-heavy);\n  }\n}"],"sourceRoot":""}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import './HistoryPrivateIcon.scss';
+type Props = {
+    isPrivate?: boolean;
+};
+export declare const HistoryPrivateIcon: FC<Props>;
+export {};

package/build/esm/components/HistoryPrivateIcon/HistoryPrivateIcon.js

@@ -0,0 +1,52 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React from 'react';
+import { Icon } from '@gravity-ui/uikit';
+var LockIcon = function LockIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M10.5 6V5a2.5 2.5 0 0 0-5 0v1zM4 5v1a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3V5a4 4 0 0 0-8 0m6.5 2.5H12A1.5 1.5 0 0 1 13.5 9v3a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 12V9A1.5 1.5 0 0 1 4 7.5zm-1.75 2a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LockIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LockOpenIcon = function LockOpenIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M10.5 5a2.5 2.5 0 0 0-4.532-1.456c-.242.336-.66.559-1.052.428-.393-.131-.611-.56-.41-.922A4 4 0 0 1 12 5v1h.001a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h6.5zm.75 2.5H4A1.5 1.5 0 0 0 2.5 9v3A1.5 1.5 0 0 0 4 13.5h8a1.5 1.5 0 0 0 1.5-1.5V9A1.5 1.5 0 0 0 12 7.5zM8 8.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2A.75.75 0 0 1 8 8.75",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LockOpenIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import "./HistoryPrivateIcon.css";
+import cn from 'bem-cn-lite';
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-history-private-icon');
+export var HistoryPrivateIcon = function HistoryPrivateIcon(_ref) {
+  var isPrivate = _ref.isPrivate;
+  return /*#__PURE__*/_jsx(Icon, {
+    data: isPrivate ? LockIcon : LockOpenIcon,
+    size: 16,
+    className: block({
+      open: !isPrivate
+    })
+  });
+};
+// #sourceMappingURL=HistoryPrivateIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","LockIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","LockOpenIcon","cn","jsx","block","HistoryPrivateIcon","_ref","isPrivate","data","size","className","open"],"sources":["HistoryPrivateIcon.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Icon} from '@gravity-ui/uikit';\nimport LockIcon from '@gravity-ui/icons/svgs/lock.svg';\nimport LockOpenIcon from '@gravity-ui/icons/svgs/lock-open.svg';\nimport './HistoryPrivateIcon.scss';\nimport cn from 'bem-cn-lite';\n\ntype Props = {\n    isPrivate?: boolean;\n};\n\nconst block = cn('qp-history-private-icon');\n\nexport const HistoryPrivateIcon: FC<Props> = ({isPrivate}) => {\n    return (\n        <Icon\n            data={isPrivate ? LockIcon : LockOpenIcon}\n            size={16}\n            className={block({open: !isPrivate})}\n        />\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,QAAO,mBAAmB;AAAC,IAChCC,QAAQ,YAARA,QAAQA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAARR,QAAQ,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACRC,YAAY,YAAZA,YAAYA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAZM,YAAY,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AACnB;AACA,OAAOE,EAAE,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAd,IAAA;AAM7B,IAAMe,KAAK,GAAGF,EAAE,CAAC,yBAAyB,CAAC;AAE3C,OAAO,IAAMG,kBAA6B,GAAG,SAAhCA,kBAA6BA,CAAAC,IAAA,EAAoB;EAAA,IAAfC,SAAS,GAAAD,IAAA,CAATC,SAAS;EACpD,oBACIlB,IAAA,CAACH,IAAI;IACDsB,IAAI,EAAED,SAAS,GAAGpB,QAAQ,GAAGc,YAAa;IAC1CQ,IAAI,EAAE,EAAG;IACTC,SAAS,EAAEN,KAAK,CAAC;MAACO,IAAI,EAAE,CAACJ;IAAS,CAAC;EAAE,CACxC,CAAC;AAEV,CAAC","ignoreList":[]}