@gravity-ui/querieskit 1.0.1

package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.stories.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Empty = exports.Default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+var _react = _interopRequireWildcard(require("react"));
+var _TutorialsHistory = require("./TutorialsHistory");
+var _actions = require("storybook/actions");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var QUERY = "use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char";
+var filterFields = [{
+  id: 'onlyMine',
+  type: 'switch',
+  title: 'My queries only',
+  initialValue: true
+}, {
+  id: 'range',
+  type: 'rangeDatePicker',
+  title: 'Period'
+}, {
+  id: 'dialect',
+  type: 'checkboxGroup',
+  title: 'Dialect',
+  initialValue: [],
+  items: [{
+    id: 'yql',
+    title: 'YQL'
+  }, {
+    id: 'sql',
+    title: 'SQL'
+  }]
+}];
+var logFilterApply = (0, _actions.action)('onFilterApply');
+var logFilterReset = (0, _actions.action)('onFilterReset');
+var BASE_ITEMS = [{
+  id: 1,
+  title: 'Getting started with YQL',
+  query: QUERY,
+  height: 28
+}, {
+  id: 2,
+  title: 'Working with tables',
+  query: QUERY,
+  height: 28
+}, {
+  id: 3,
+  title: 'Window functions',
+  query: QUERY,
+  height: 28
+}];
+var meta = {
+  title: 'Widgets/TutorialsHistory',
+  component: _TutorialsHistory.TutorialsHistory,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+var _default = exports.default = meta;
+var DefaultStory = function DefaultStory() {
+  var _useState = (0, _react.useState)([].concat(BASE_ITEMS)),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      value: '',
+      fullSearch: false
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  var handleOnSearch = function handleOnSearch(data) {
+    setSearch(data);
+    if (!data.value) {
+      setItems(BASE_ITEMS);
+      return;
+    }
+    var newItems = BASE_ITEMS.filter(function (item) {
+      var _item$query;
+      if (!('id' in item)) return false;
+      var title = item.title.toLowerCase();
+      var query = (_item$query = item.query) === null || _item$query === void 0 ? void 0 : _item$query.toLowerCase();
+      var searchValue = data.value.toLowerCase();
+      if (data.fullSearch) {
+        return title.includes(searchValue) || (query === null || query === void 0 ? void 0 : query.includes(searchValue));
+      }
+      return title.includes(searchValue);
+    });
+    setItems(newItems);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300,
+      height: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TutorialsHistory.TutorialsHistory, {
+      title: "Tutorials",
+      items: items,
+      filter: {
+        fields: filterFields,
+        onApply: logFilterApply,
+        onReset: logFilterReset('reset')
+      },
+      search: {
+        value: search.value,
+        fullSearch: search.fullSearch,
+        hasClear: true,
+        onUpdate: handleOnSearch
+      }
+    })
+  });
+};
+var EmptyStory = function EmptyStory() {
+  var _useState5 = (0, _react.useState)({
+      value: '',
+      fullSearch: false
+    }),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    search = _useState6[0],
+    setSearch = _useState6[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300,
+      height: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TutorialsHistory.TutorialsHistory, {
+      title: "Tutorials",
+      items: [],
+      search: {
+        value: search.value,
+        fullSearch: search.fullSearch,
+        hasClear: true,
+        onUpdate: setSearch
+      }
+    })
+  });
+};
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultStory, {});
+  }
+};
+var Empty = exports.Empty = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(EmptyStory, {});
+  }
+};
+// #sourceMappingURL=TutorialsHistory.stories.js.map

package/build/cjs/widgets/TutorialsHistory/TutorialsHistory.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_TutorialsHistory","_actions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","QUERY","filterFields","id","type","title","initialValue","items","logFilterApply","action","logFilterReset","BASE_ITEMS","query","height","meta","component","TutorialsHistory","tags","parameters","layout","_default","exports","DefaultStory","_useState","useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","handleOnSearch","data","newItems","filter","item","_item$query","toLowerCase","searchValue","includes","_jsx","style","width","children","fields","onApply","onReset","hasClear","onUpdate","EmptyStory","_useState5","_useState6","Default","render","Empty"],"sources":["TutorialsHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {TutorialsHistory} from './TutorialsHistory';\nimport {QueryHistoryFilterConfig, QueryHistoryItem} from '../../types/history';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {action} from 'storybook/actions';\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst filterFields: QueryHistoryFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst BASE_ITEMS: QueryHistoryItem<TutorialHistoryRow>[] = [\n    {\n        id: 1,\n        title: 'Getting started with YQL',\n        query: QUERY,\n        height: 28,\n    },\n    {\n        id: 2,\n        title: 'Working with tables',\n        query: QUERY,\n        height: 28,\n    },\n    {\n        id: 3,\n        title: 'Window functions',\n        query: QUERY,\n        height: 28,\n    },\n];\n\nconst meta: Meta<typeof TutorialsHistory> = {\n    title: 'Widgets/TutorialsHistory',\n    component: TutorialsHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TutorialsHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <TutorialsHistory\n                title=\"Tutorials\"\n                items={items}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <TutorialsHistory\n                title=\"Tutorials\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/widgets/TutorialsHistory/i18n/dicts.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    en: {
+        title_tutorials: string;
+    };
+    ru: {
+        title_tutorials: string;
+    };
+};
+export default _default;

package/build/cjs/widgets/TutorialsHistory/i18n/dicts.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en.json"));
+var _ru = _interopRequireDefault(require("./ru.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  en: _en.default,
+  ru: _ru.default
+};
+// #sourceMappingURL=dicts.js.map

package/build/cjs/widgets/TutorialsHistory/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/cjs/widgets/TutorialsHistory/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "title_tutorials": "Tutorials"
+}

package/build/cjs/widgets/TutorialsHistory/i18n/index.d.ts

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

package/build/cjs/widgets/TutorialsHistory/i18n/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("../../../i18n");
+var _dicts = _interopRequireDefault(require("./dicts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:tutorials', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/widgets/TutorialsHistory/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:tutorials', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,cAAc,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/widgets/TutorialsHistory/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "title_tutorials": "Туториалы"
+}

package/build/cjs/widgets/TutorialsHistory/index.d.ts

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

package/build/cjs/widgets/TutorialsHistory/index.js

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

package/build/cjs/widgets/TutorialsHistory/index.js.map

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

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

@@ -0,0 +1,4 @@
+export { QueriesHistory } from './QueriesHistory';
+export type { QueriesHistoryProps } from './QueriesHistory';
+export { TutorialsHistory } from './TutorialsHistory';
+export type { TutorialsHistoryProps } from './TutorialsHistory';

package/build/cjs/widgets/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_QueriesHistory","require","_TutorialsHistory"],"sources":["index.ts"],"sourcesContent":["export {QueriesHistory} from './QueriesHistory';\nexport type {QueriesHistoryProps} from './QueriesHistory';\nexport {TutorialsHistory} from './TutorialsHistory';\nexport type {TutorialsHistoryProps} from './TutorialsHistory';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA","ignoreList":[]}

package/build/esm/components/FieldsSelector/FieldsSelector.css

@@ -0,0 +1,15 @@
+.qp-fields-selector {
+  padding: 8px 16px;
+}
+.qp-fields-selector__checkbox {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  cursor: pointer;
+  color: var(--g-color-base-generic-medium);
+}
+.qp-fields-selector__checkbox_checked {
+  color: var(--g-color-base-brand);
+}
+/*# sourceMappingURL=FieldsSelector.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FieldsSelector.scss"],"names":[],"mappings":"AAAA;EACE,iBAAA;AACF;AACE;EACE,aAAA;EACA,mBAAA;EACA,uBAAA;EAGA,cAAA;EACA,eAAA;EACA,yCAAA;AADJ;AAGI;EACE,gCAAA;AADN","file":"FieldsSelector.css","sourcesContent":[".qp-fields-selector {\n  padding: 8px 16px;\n\n  &__checkbox {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    //width: 16px;\n    //height: 16px;\n    flex-shrink: 0;\n    cursor: pointer;\n    color: var(--g-color-base-generic-medium);\n\n    &_checked {\n      color: var(--g-color-base-brand);\n    }\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import './FieldsSelector.scss';
+export type FieldsSelectorOption<K extends string = string> = {
+    id: K;
+    title: ReactNode;
+};
+export type FieldsSelectorProps<K extends string = string> = {
+    fields: FieldsSelectorOption<K>[];
+    value: K[];
+    onChange: (value: K[]) => void;
+    buttonLabel?: string;
+};
+export declare const FieldsSelector: <K extends string = string>({ fields, value, onChange, buttonLabel, }: FieldsSelectorProps<K>) => React.JSX.Element;

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

@@ -0,0 +1,131 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import React, { useState } from 'react';
+import { Button, Flex, Icon, Popup, Text } from '@gravity-ui/uikit';
+var GearIcon = function GearIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+GearIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var CheckIcon = function CheckIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CheckIcon.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 i18n from "./i18n";
+import "./FieldsSelector.css";
+import cn from 'bem-cn-lite';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var block = cn('qp-fields-selector');
+export var FieldsSelector = function FieldsSelector(_ref) {
+  var fields = _ref.fields,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$buttonLabel = _ref.buttonLabel,
+    buttonLabel = _ref$buttonLabel === void 0 ? i18n('action_configure-visible-fields') : _ref$buttonLabel;
+  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 handleOnChange = function handleOnChange(field, isChecked) {
+    var newValue = isChecked ? [].concat(_toConsumableArray(value), [field]) : value.filter(function (key) {
+      return key !== field;
+    });
+    onChange(newValue);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      ref: setButtonElement,
+      onClick: toggleOpen,
+      "aria-label": buttonLabel,
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: GearIcon,
+        size: 16
+      })
+    }), /*#__PURE__*/_jsx(Popup, {
+      anchorElement: buttonElement,
+      placement: "right-start",
+      open: open,
+      onOpenChange: toggleOpen,
+      className: block(),
+      children: /*#__PURE__*/_jsx(Flex, {
+        direction: "column",
+        alignItems: "flex-start",
+        gap: 1,
+        children: fields.map(function (field) {
+          var isChecked = value.includes(field.id);
+          var checkboxLabel = typeof field.title === 'string' ? field.title : undefined;
+          return /*#__PURE__*/_jsxs(Flex, {
+            gap: 3,
+            alignItems: "center",
+            role: "checkbox",
+            "aria-checked": isChecked,
+            "aria-label": checkboxLabel,
+            tabIndex: 0,
+            className: block('checkbox', {
+              checked: isChecked
+            }),
+            onClick: function onClick() {
+              handleOnChange(field.id, !isChecked);
+            },
+            onKeyDown: function onKeyDown(event) {
+              if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                handleOnChange(field.id, !isChecked);
+              }
+            },
+            children: [/*#__PURE__*/_jsx(Icon, {
+              data: CheckIcon,
+              size: 16,
+              className: block('checkbox-icon')
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-1",
+              color: "primary",
+              children: field.title
+            })]
+          }, field.id);
+        })
+      })
+    })]
+  });
+};
+// #sourceMappingURL=FieldsSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Button","Flex","Icon","Popup","Text","GearIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CheckIcon","useToggle","i18n","cn","jsx","jsxs","_jsxs","Fragment","_Fragment","block","FieldsSelector","_ref","fields","value","onChange","_ref$buttonLabel","buttonLabel","_useState","_useState2","_slicedToArray","buttonElement","setButtonElement","_useToggle","_useToggle2","open","toggleOpen","handleOnChange","field","isChecked","newValue","concat","_toConsumableArray","filter","key","ref","onClick","data","size","anchorElement","placement","onOpenChange","className","direction","alignItems","gap","map","includes","id","checkboxLabel","title","undefined","role","tabIndex","checked","onKeyDown","event","preventDefault","variant","color"],"sources":["FieldsSelector.tsx"],"sourcesContent":["import React, {ReactNode, useState} from 'react';\nimport {Button, Flex, Icon, Popup, Text} from '@gravity-ui/uikit';\nimport GearIcon from '@gravity-ui/icons/svgs/gear.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport {useToggle} from '../../helpers/useToggle';\nimport i18n from './i18n';\nimport './FieldsSelector.scss';\nimport cn from 'bem-cn-lite';\n\nexport type FieldsSelectorOption<K extends string = string> = {\n    id: K;\n    title: ReactNode;\n};\n\nexport type FieldsSelectorProps<K extends string = string> = {\n    fields: FieldsSelectorOption<K>[];\n    value: K[];\n    onChange: (value: K[]) => void;\n    buttonLabel?: string;\n};\n\nconst block = cn('qp-fields-selector');\n\nexport const FieldsSelector = <K extends string = string>({\n    fields,\n    value,\n    onChange,\n    buttonLabel = i18n('action_configure-visible-fields'),\n}: FieldsSelectorProps<K>) => {\n    const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null);\n    const [open, toggleOpen] = useToggle(false);\n\n    const handleOnChange = (field: K, isChecked: boolean) => {\n        const newValue = isChecked ? [...value, field] : value.filter((key) => key !== field);\n        onChange(newValue);\n    };\n\n    return (\n        <>\n            <Button ref={setButtonElement} onClick={toggleOpen} aria-label={buttonLabel}>\n                <Icon data={GearIcon} size={16} />\n            </Button>\n            <Popup\n                anchorElement={buttonElement}\n                placement=\"right-start\"\n                open={open}\n                onOpenChange={toggleOpen}\n                className={block()}\n            >\n                <Flex direction=\"column\" alignItems=\"flex-start\" gap={1}>\n                    {fields.map((field) => {\n                        const isChecked = value.includes(field.id);\n                        const checkboxLabel =\n                            typeof field.title === 'string' ? field.title : undefined;\n\n                        return (\n                            <Flex\n                                key={field.id}\n                                gap={3}\n                                alignItems=\"center\"\n                                role=\"checkbox\"\n                                aria-checked={isChecked}\n                                aria-label={checkboxLabel}\n                                tabIndex={0}\n                                className={block('checkbox', {checked: isChecked})}\n                                onClick={() => {\n                                    handleOnChange(field.id, !isChecked);\n                                }}\n                                onKeyDown={(event) => {\n                                    if (event.key === 'Enter' || event.key === ' ') {\n                                        event.preventDefault();\n                                        handleOnChange(field.id, !isChecked);\n                                    }\n                                }}\n                            >\n                                <Icon\n                                    data={CheckIcon}\n                                    size={16}\n                                    className={block('checkbox-icon')}\n                                />\n\n                                <Text variant=\"body-1\" color=\"primary\">\n                                    {field.title}\n                                </Text>\n                            </Flex>\n                        );\n                    })}\n                </Flex>\n            </Popup>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/FieldsSelector/FieldsSelector.scss

@@ -0,0 +1,18 @@
+.qp-fields-selector {
+  padding: 8px 16px;
+
+  &__checkbox {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    //width: 16px;
+    //height: 16px;
+    flex-shrink: 0;
+    cursor: pointer;
+    color: var(--g-color-base-generic-medium);
+
+    &_checked {
+      color: var(--g-color-base-brand);
+    }
+  }
+}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FieldsSelector } from './FieldsSelector';
+declare const meta: Meta<typeof FieldsSelector>;
+export default meta;
+type Story = StoryObj<typeof FieldsSelector>;
+/** Fully controlled example: selected fields persist between openings of the popup */
+export declare const Controlled: Story;

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

@@ -0,0 +1,58 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { action } from 'storybook/actions';
+import { FieldsSelector } from "./FieldsSelector";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/FieldsSelector',
+  component: FieldsSelector,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  argTypes: {
+    onChange: {
+      action: true
+    }
+  }
+};
+export default meta;
+var fields = [{
+  id: 'id',
+  title: 'Id'
+}, {
+  id: 'title',
+  title: 'Title'
+}, {
+  id: 'author',
+  title: 'Author'
+}, {
+  id: 'status',
+  title: 'Status'
+}, {
+  id: 'createdAt',
+  title: 'Created at'
+}, {
+  id: 'updatedAt',
+  title: 'Updated at'
+}];
+var logOnChange = action('onChange');
+
+/** Fully controlled example: selected fields persist between openings of the popup */
+export var Controlled = {
+  render: function ControlledFieldsSelector() {
+    var _useState = useState(['id', 'status']),
+      _useState2 = _slicedToArray(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
+    return /*#__PURE__*/_jsx(FieldsSelector, {
+      fields: fields,
+      value: values,
+      onChange: function onChange(newValue) {
+        logOnChange(newValue);
+        setValues(newValue);
+      }
+    });
+  }
+};
+// #sourceMappingURL=FieldsSelector.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","action","FieldsSelector","jsx","_jsx","meta","title","component","tags","parameters","layout","argTypes","onChange","fields","id","logOnChange","Controlled","render","ControlledFieldsSelector","_useState","_useState2","_slicedToArray","values","setValues","value","newValue"],"sources":["FieldsSelector.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {action} from 'storybook/actions';\nimport {FieldsSelector} from './FieldsSelector';\n\nconst meta: Meta<typeof FieldsSelector> = {\n    title: 'Components/FieldsSelector',\n    component: FieldsSelector,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    argTypes: {\n        onChange: {action: true},\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FieldsSelector>;\n\nconst fields = [\n    {id: 'id', title: 'Id'},\n    {id: 'title', title: 'Title'},\n    {id: 'author', title: 'Author'},\n    {id: 'status', title: 'Status'},\n    {id: 'createdAt', title: 'Created at'},\n    {id: 'updatedAt', title: 'Updated at'},\n];\n\nconst logOnChange = action('onChange');\n\n/** Fully controlled example: selected fields persist between openings of the popup */\nexport const Controlled: Story = {\n    render: function ControlledFieldsSelector() {\n        const [values, setValues] = useState<string[]>(['id', 'status']);\n\n        return (\n            <FieldsSelector\n                fields={fields}\n                value={values}\n                onChange={(newValue) => {\n                    logOnChange(newValue);\n                    setValues(newValue);\n                }}\n            />\n        );\n    },\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SAAQC,MAAM,QAAO,mBAAmB;AACxC,SAAQC,cAAc;AAA0B,SAAAC,GAAA,IAAAC,IAAA;AAEhD,IAAMC,IAAiC,GAAG;EACtCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEL,cAAc;EACzBM,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACNC,QAAQ,EAAE;MAACX,MAAM,EAAE;IAAI;EAC3B;AACJ,CAAC;AAED,eAAeI,IAAI;AAGnB,IAAMQ,MAAM,GAAG,CACX;EAACC,EAAE,EAAE,IAAI;EAAER,KAAK,EAAE;AAAI,CAAC,EACvB;EAACQ,EAAE,EAAE,OAAO;EAAER,KAAK,EAAE;AAAO,CAAC,EAC7B;EAACQ,EAAE,EAAE,QAAQ;EAAER,KAAK,EAAE;AAAQ,CAAC,EAC/B;EAACQ,EAAE,EAAE,QAAQ;EAAER,KAAK,EAAE;AAAQ,CAAC,EAC/B;EAACQ,EAAE,EAAE,WAAW;EAAER,KAAK,EAAE;AAAY,CAAC,EACtC;EAACQ,EAAE,EAAE,WAAW;EAAER,KAAK,EAAE;AAAY,CAAC,CACzC;AAED,IAAMS,WAAW,GAAGd,MAAM,CAAC,UAAU,CAAC;;AAEtC;AACA,OAAO,IAAMe,UAAiB,GAAG;EAC7BC,MAAM,EAAE,SAASC,wBAAwBA,CAAA,EAAG;IACxC,IAAAC,SAAA,GAA4BnB,QAAQ,CAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;MAAAoB,UAAA,GAAAC,cAAA,CAAAF,SAAA;MAAzDG,MAAM,GAAAF,UAAA;MAAEG,SAAS,GAAAH,UAAA;IAExB,oBACIhB,IAAA,CAACF,cAAc;MACXW,MAAM,EAAEA,MAAO;MACfW,KAAK,EAAEF,MAAO;MACdV,QAAQ,EAAE,SAAVA,QAAQA,CAAGa,QAAQ,EAAK;QACpBV,WAAW,CAACU,QAAQ,CAAC;QACrBF,SAAS,CAACE,QAAQ,CAAC;MACvB;IAAE,CACL,CAAC;EAEV;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    en: {
+        "action_configure-visible-fields": string;
+    };
+    ru: {
+        "action_configure-visible-fields": string;
+    };
+};
+export default _default;

package/build/esm/components/FieldsSelector/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/FieldsSelector/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/FieldsSelector/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "action_configure-visible-fields": "Configure visible fields"
+}

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

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

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

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

package/build/esm/components/FieldsSelector/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:fields-selector', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,oBAAoB,EAAEC,KAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+{
+    "action_configure-visible-fields": "Настроить видимые поля"
+}

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

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

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

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