@gravity-ui/querieskit 1.0.1

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

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Empty = exports.Default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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.find-index.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.date.now.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.string.includes.js");
+var _react = _interopRequireWildcard(require("react"));
+var _QueriesHistory = require("./QueriesHistory");
+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 now = Date.now();
+var min = 60 * 1000;
+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 BASE_ITEMS = [{
+  header: 'Today',
+  height: 28
+}, {
+  id: 1,
+  title: 'Query 1',
+  status: 'completed',
+  engine: 'YQL',
+  mode: 'Validation',
+  startTime: now - 2 * min,
+  endTime: now - min,
+  query: QUERY,
+  height: 52
+}, {
+  id: 2,
+  title: 'Query 2',
+  status: 'failed',
+  engine: 'YQL',
+  mode: 'Test',
+  startTime: now - 10 * min,
+  endTime: now - 9 * min,
+  query: QUERY,
+  height: 52
+}, {
+  id: 3,
+  title: 'Query 3',
+  status: 'running',
+  engine: 'YQL',
+  mode: 'Test',
+  startTime: now - min,
+  query: QUERY,
+  height: 52
+}, {
+  header: 'Yesterday',
+  height: 28
+}, {
+  id: 4,
+  title: 'Query 4',
+  status: 'aborted',
+  engine: 'YQL',
+  mode: 'Validation',
+  startTime: now - 25 * 60 * min,
+  endTime: now - 24 * 60 * min,
+  query: 'SELECT 1',
+  height: 52
+}, {
+  id: 5,
+  title: 'Query 5',
+  status: 'draft',
+  engine: 'YQL',
+  mode: 'Test',
+  startTime: now - 30 * 60 * min,
+  query: QUERY,
+  height: 52
+}];
+var activeFields = ['duration', 'mode', 'startTime', 'engine', 'isPrivate'];
+var fields = [{
+  id: 'duration',
+  title: 'Duration'
+}, {
+  id: 'mode',
+  title: 'Mode'
+}, {
+  id: 'startTime',
+  title: 'Start time'
+}, {
+  id: 'engine',
+  title: 'Engine'
+}, {
+  id: 'isPrivate',
+  title: 'ACO'
+}];
+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 meta = {
+  title: 'Widgets/QueriesHistory',
+  component: _QueriesHistory.QueriesHistory,
+  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 _useState5 = (0, _react.useState)(activeFields),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    visibleFields = _useState6[0],
+    setVisibleFields = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    compareMode = _useState8[0],
+    setCompareMode = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    comparedRows = _useState0[0],
+    setComparedRows = _useState0[1];
+  var _useState1 = (0, _react.useState)(undefined),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    editingId = _useState10[0],
+    setEditingId = _useState10[1];
+  var handleCompareChange = function handleCompareChange(item, selected) {
+    var result = selected ? [].concat((0, _toConsumableArray2.default)(comparedRows.slice(0, 1)), [item.id]) : comparedRows.filter(function (id) {
+      return id !== item.id;
+    });
+    setComparedRows(result);
+    if (!result.length) setCompareMode(false);
+  };
+  var handleCompareCancel = function handleCompareCancel() {
+    setComparedRows([]);
+    setCompareMode(false);
+  };
+  var handleEditSubmit = function handleEditSubmit(item, title) {
+    var index = items.findIndex(function (i) {
+      return 'id' in i && i.id === item.id;
+    });
+    if (index < 0) return;
+    var result = (0, _toConsumableArray2.default)(items);
+    result[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result[index]), {}, {
+      title: title
+    });
+    setItems(result);
+    setEditingId(undefined);
+  };
+  var handleEditCancel = function handleEditCancel() {
+    setEditingId(undefined);
+  };
+  var handleCompare = function handleCompare() {
+    (0, _actions.action)('onCompare')(comparedRows);
+  };
+  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)(_QueriesHistory.QueriesHistory, {
+      title: "History",
+      items: items,
+      visibleFields: {
+        value: visibleFields,
+        fields: fields,
+        onChange: setVisibleFields
+      },
+      search: {
+        value: search.value,
+        fullSearch: search.fullSearch,
+        hasClear: true,
+        onUpdate: handleOnSearch
+      },
+      filter: {
+        fields: filterFields,
+        onApply: logFilterApply,
+        onReset: logFilterReset('reset')
+      },
+      getRowActions: function getRowActions() {
+        return [{
+          text: 'Compare',
+          onClick: function onClick(item) {
+            setCompareMode(true);
+            setComparedRows([item.id]);
+          }
+        }, {
+          text: 'Edit',
+          onClick: function onClick(item) {
+            setEditingId(item.id);
+          }
+        }];
+      },
+      comparison: {
+        enabled: compareMode,
+        comparedRowIds: comparedRows,
+        onChange: handleCompareChange,
+        onCancel: handleCompareCancel,
+        onCompare: handleCompare
+      },
+      editing: {
+        rowId: editingId,
+        onSubmit: handleEditSubmit,
+        onCancel: handleEditCancel
+      }
+    })
+  });
+};
+var EmptyStory = function EmptyStory() {
+  var _useState11 = (0, _react.useState)({
+      value: '',
+      fullSearch: false
+    }),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    search = _useState12[0],
+    setSearch = _useState12[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 300,
+      height: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueriesHistory.QueriesHistory, {
+      title: "History",
+      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=QueriesHistory.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_QueriesHistory","_actions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","action","logFilterReset","meta","component","QueriesHistory","tags","parameters","layout","_default","exports","DefaultStory","_useState","useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","compareMode","setCompareMode","_useState9","_useState0","comparedRows","setComparedRows","_useState1","undefined","_useState10","editingId","setEditingId","handleCompareChange","item","selected","result","_toConsumableArray","slice","filter","length","handleCompareCancel","handleEditSubmit","index","findIndex","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","_jsx","style","width","children","onChange","hasClear","onUpdate","onApply","onReset","getRowActions","text","onClick","comparison","enabled","comparedRowIds","onCancel","onCompare","editing","rowId","onSubmit","EmptyStory","_useState11","_useState12","Default","render","Empty"],"sources":["QueriesHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueriesHistory} from './QueriesHistory';\nimport {\n    QueryHistoryFieldKey,\n    QueryHistoryFilterConfig,\n    QueryHistoryItem,\n    QueryHistoryRow,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {action} from 'storybook/actions';\n\nconst now = Date.now();\nconst min = 60 * 1000;\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 BASE_ITEMS: QueryHistoryItem<QueryHistoryRow>[] = [\n    {header: 'Today', height: 28},\n    {\n        id: 1,\n        title: 'Query 1',\n        status: 'completed',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 2 * min,\n        endTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Query 2',\n        status: 'failed',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 10 * min,\n        endTime: now - 9 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Query 3',\n        status: 'running',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {header: 'Yesterday', height: 28},\n    {\n        id: 4,\n        title: 'Query 4',\n        status: 'aborted',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 25 * 60 * min,\n        endTime: now - 24 * 60 * min,\n        query: 'SELECT 1',\n        height: 52,\n    },\n    {\n        id: 5,\n        title: 'Query 5',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n];\n\ntype VisibleFields = QueryHistoryVisibleFieldsConfig<QueryHistoryRow>['fields'];\nconst activeFields: QueryHistoryFieldKey<QueryHistoryRow>[] = [\n    'duration',\n    'mode',\n    'startTime',\n    'engine',\n    'isPrivate',\n];\nconst fields: VisibleFields = [\n    {\n        id: 'duration',\n        title: 'Duration',\n    },\n    {\n        id: 'mode',\n        title: 'Mode',\n    },\n    {\n        id: 'startTime',\n        title: 'Start time',\n    },\n    {\n        id: 'engine',\n        title: 'Engine',\n    },\n    {\n        id: 'isPrivate',\n        title: 'ACO',\n    },\n];\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 meta: Meta<typeof QueriesHistory> = {\n    title: 'Widgets/QueriesHistory',\n    component: QueriesHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] =\n        useState<QueryHistoryFieldKey<QueryHistoryRow>[]>(activeFields);\n    const [compareMode, setCompareMode] = useState(false);\n    const [comparedRows, setComparedRows] = useState<number[]>([]);\n    const [editingId, setEditingId] = useState<number | undefined>(undefined);\n\n    const handleCompareChange = (item: QueryHistoryRow, selected: boolean) => {\n        const result = selected\n            ? [...comparedRows.slice(0, 1), item.id]\n            : comparedRows.filter((id) => id !== item.id);\n        setComparedRows(result);\n\n        if (!result.length) setCompareMode(false);\n    };\n\n    const handleCompareCancel = () => {\n        setComparedRows([]);\n        setCompareMode(false);\n    };\n\n    const handleEditSubmit = (item: QueryHistoryRow, title: string) => {\n        const index = items.findIndex((i) => 'id' in i && i.id === item.id);\n        if (index < 0) return;\n\n        const result = [...items];\n        result[index] = {...result[index], title};\n        setItems(result);\n        setEditingId(undefined);\n    };\n\n    const handleEditCancel = () => {\n        setEditingId(undefined);\n    };\n\n    const handleCompare = () => {\n        action('onCompare')(comparedRows);\n    };\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            <QueriesHistory\n                title=\"History\"\n                items={items}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                getRowActions={() => [\n                    {\n                        text: 'Compare',\n                        onClick: (item) => {\n                            setCompareMode(true);\n                            setComparedRows([item.id]);\n                        },\n                    },\n                    {\n                        text: 'Edit',\n                        onClick: (item) => {\n                            setEditingId(item.id);\n                        },\n                    },\n                ]}\n                comparison={{\n                    enabled: compareMode,\n                    comparedRowIds: comparedRows,\n                    onChange: handleCompareChange,\n                    onCancel: handleCompareCancel,\n                    onCompare: handleCompare,\n                }}\n                editing={{\n                    rowId: editingId,\n                    onSubmit: handleEditSubmit,\n                    onCancel: handleEditCancel,\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            <QueriesHistory\n                title=\"History\"\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/QueriesHistory/i18n/dicts.d.ts

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

package/build/cjs/widgets/QueriesHistory/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/QueriesHistory/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/QueriesHistory/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "title_history": "History"
+}

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

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

package/build/cjs/widgets/QueriesHistory/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:queries-history', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/widgets/QueriesHistory/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:queries-history', 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,oBAAoB,EAAEC,cAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+{
+    "title_history": "История"
+}

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryHistoryRowRenderData } from '../../types/history';
+import { TutorialHistoryRow } from '../../types/tutorial';
+export declare const TutorialRowContent: <T extends TutorialHistoryRow>({ item, variant, }: QueryHistoryRowRenderData<T>) => React.JSX.Element;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TutorialRowContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _components = require("../../components");
+var _modules = require("../../modules");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var TutorialRowContent = exports.TutorialRowContent = function TutorialRowContent(_ref) {
+  var item = _ref.item,
+    variant = _ref.variant;
+  if ('header' in item) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.HistoryGroupHeader, {
+      title: item.header
+    });
+  }
+  return variant === 'search' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.TutorialSearchRow, {
+    item: item
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.TutorialRow, {
+    item: item
+  });
+};
+// #sourceMappingURL=TutorialRowContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_modules","_jsxRuntime","e","__esModule","default","TutorialRowContent","exports","_ref","item","variant","_jsx","HistoryGroupHeader","title","header","TutorialSearchRow","TutorialRow"],"sources":["TutorialRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryHistoryRowRenderData} from '../../types/history';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {HistoryGroupHeader} from '../../components';\nimport {TutorialRow, TutorialSearchRow} from '../../modules';\n\nexport const TutorialRowContent = <T extends TutorialHistoryRow>({\n    item,\n    variant,\n}: QueryHistoryRowRenderData<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? <TutorialSearchRow item={item} /> : <TutorialRow item={item} />;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA6D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAGK;EAAA,IAFhCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAI,QAAQ,IAAID,IAAI,EAAE;IAClB,oBAAO,IAAAE,eAAA,EAACC,8BAAkB;MAACC,KAAK,EAAEJ,IAAI,CAACK;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOJ,OAAO,KAAK,QAAQ,gBAAG,IAAAC,eAAA,EAACI,0BAAiB;IAACN,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAAG,IAAAE,eAAA,EAACK,oBAAW;IAACP,IAAI,EAAEA;EAAK,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { QueryHistoryFilterConfig, QueryHistoryItem, QueryHistorySearchConfig } from '../../types/history';
+import { TutorialHistoryRow } from '../../types/tutorial';
+export type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
+    className?: string;
+    title?: string;
+    logo?: React.ReactNode;
+    search: QueryHistorySearchConfig;
+    filter?: QueryHistoryFilterConfig;
+    items: QueryHistoryItem<T>[];
+    selectedRowId?: T['id'];
+    onListItemClick?: (item: QueryHistoryItem<T>) => void;
+};
+export declare const TutorialsHistory: <T extends TutorialHistoryRow>({ title, logo, search, filter, items, selectedRowId, onListItemClick, className, }: TutorialsHistoryProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TutorialsHistory = 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 _getListKey = require("../../helpers/getListKey");
+var _TutorialRowContent = require("./TutorialRowContent");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-tutorials-history');
+var TutorialsHistory = exports.TutorialsHistory = function TutorialsHistory(_ref) {
+  var _search$value;
+  var title = _ref.title,
+    logo = _ref.logo,
+    search = _ref.search,
+    filter = _ref.filter,
+    items = _ref.items,
+    selectedRowId = _ref.selectedRowId,
+    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_tutorials'),
+    logo: logo,
+    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryHeader, {
+      search: search.value,
+      fullSearch: search.fullSearch,
+      hasClear: search.hasClear,
+      filter: filter,
+      onUpdate: search.onUpdate
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.RowsList, {
+      items: items,
+      rowVariant: rowVariant,
+      selectedRowId: selectedRowId,
+      renderRow: function renderRow(data) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TutorialRowContent.TutorialRowContent, (0, _objectSpread2.default)({}, data));
+      },
+      showFiltersHint: Boolean(filter),
+      onItemClick: onListItemClick
+    }, (0, _getListKey.getListKey)(items, rowVariant))
+  });
+};
+// #sourceMappingURL=TutorialsHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_modules","_i18n","_getListKey","_TutorialRowContent","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","TutorialsHistory","exports","_ref","_search$value","title","logo","search","filter","items","selectedRowId","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","_jsx","HistoryLayout","i18n","header","HistoryHeader","hasClear","onUpdate","children","RowsList","renderRow","data","TutorialRowContent","_objectSpread","showFiltersHint","onItemClick","getListKey"],"sources":["TutorialsHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader, HistoryLayout, RowsList} from '../../modules';\nimport i18n from './i18n';\nimport {\n    QueryHistoryFilterConfig,\n    QueryHistoryItem,\n    QueryHistorySearchConfig,\n} from '../../types/history';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {getListKey} from '../../helpers/getListKey';\nimport {TutorialRowContent} from './TutorialRowContent';\nimport cn from 'bem-cn-lite';\n\nexport type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\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    onListItemClick?: (item: QueryHistoryItem<T>) => void;\n};\n\nconst block = cn('qp-tutorials-history');\n\nexport const TutorialsHistory = <T extends TutorialHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    onListItemClick,\n    className,\n}: TutorialsHistoryProps<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_tutorials')}\n            logo={logo}\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        >\n            <RowsList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                renderRow={(data) => <TutorialRowContent {...data} />}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAOA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA6B,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAa7B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,sBAAsB,CAAC;AAEjC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EASG;EAAA,IAAAC,aAAA;EAAA,IAR5BC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,IAAMC,iBAAiB,GAAGC,OAAO,CAACP,MAAM,CAACQ,UAAU,MAAAX,aAAA,GAAIG,MAAM,CAACS,KAAK,cAAAZ,aAAA,uBAAZA,aAAA,CAAca,IAAI,CAAC,CAAC,EAAC;EAC5E,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAE3D,oBACI,IAAAM,eAAA,EAACC,sBAAa;IACVR,SAAS,EAAEb,KAAK,CAAC,IAAI,EAAEa,SAAS,CAAE;IAClCP,KAAK,EAAEA,KAAK,IAAI,IAAAgB,aAAI,EAAC,iBAAiB,CAAE;IACxCf,IAAI,EAAEA,IAAK;IACXgB,MAAM,eACF,IAAAH,eAAA,EAACI,sBAAa;MACVhB,MAAM,EAAEA,MAAM,CAACS,KAAM;MACrBD,UAAU,EAAER,MAAM,CAACQ,UAAW;MAC9BS,QAAQ,EAAEjB,MAAM,CAACiB,QAAS;MAC1BhB,MAAM,EAAEA,MAAO;MACfiB,QAAQ,EAAElB,MAAM,CAACkB;IAAS,CAC7B,CACJ;IAAAC,QAAA,eAED,IAAAP,eAAA,EAACQ,iBAAQ;MAELlB,KAAK,EAAEA,KAAM;MACbS,UAAU,EAAEA,UAAW;MACvBR,aAAa,EAAEA,aAAc;MAC7BkB,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;QAAA,oBAAK,IAAAV,eAAA,EAACW,sCAAkB,MAAAC,sBAAA,MAAKF,IAAI,CAAG,CAAC;MAAA,CAAC;MACtDG,eAAe,EAAElB,OAAO,CAACN,MAAM,CAAE;MACjCyB,WAAW,EAAEtB;IAAgB,GANxB,IAAAuB,sBAAU,EAACzB,KAAK,EAAES,UAAU,CAOpC;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}

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

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