@gravity-ui/querieskit 1.5.1 → 1.7.0

package/build/esm/widgets/QueryResults/QueryResults.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useState } from 'react';
 import { Flex, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
 import cn from 'bem-cn-lite';
-import { QueryResultsTable } from "../../components";
+import { QueryResultsTable } from "../../components/QueryResultsTable";
 import { QueryResultsSchema } from "./internal/QueryResultsSchema";
 import i18n from "./i18n";
 import "./QueryResults.css";

package/build/esm/widgets/QueryResults/QueryResults.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","Flex","SegmentedRadioGroup","Text","cn","QueryResultsTable","QueryResultsSchema","i18n","jsx","_jsx","jsxs","_jsxs","block","QueryResults","_ref","columns","rows","_ref$totalRows","totalRows","length","loading","errorContent","rowKey","formatterSettings","maxVisibleLines","title","toolbarContent","actions","controlledView","view","_ref$defaultView","defaultView","onViewChange","renderSchema","className","_useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","handleViewChange","nextView","next","undefined","schema","content","color","children","direction","gap","variant","alignItems","value","onUpdate","width","size","Option","count","visible","total"],"sources":["QueryResults.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {Flex, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {QueryResultsTable} from '../../components';\nimport type {\n    QueryResultColumn,\n    QueryResultFormatterSettings,\n    QueryResultsSchemaRenderContext,\n    QueryResultsView,\n} from '../../types/queryResults';\nimport {QueryResultsSchema} from './internal/QueryResultsSchema';\nimport i18n from './i18n';\n\nimport './QueryResults.scss';\n\nconst block = cn('qp-query-results');\n\nexport type QueryResultsProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */\n    rows: TRow[];\n    totalRows?: number;\n    loading?: boolean;\n    errorContent?: React.ReactNode;\n    rowKey?: (row: TRow, index: number) => string | number;\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n    title?: React.ReactNode;\n    toolbarContent?: React.ReactNode;\n    actions?: React.ReactNode;\n    view?: QueryResultsView;\n    defaultView?: QueryResultsView;\n    onViewChange?: (view: QueryResultsView) => void;\n    renderSchema?: (context: QueryResultsSchemaRenderContext<TRow>) => React.ReactNode;\n    className?: string;\n};\n\nexport function QueryResults<TRow extends Record<string, unknown>>({\n    columns,\n    rows,\n    totalRows = rows.length,\n    loading,\n    errorContent,\n    rowKey,\n    formatterSettings,\n    maxVisibleLines,\n    title,\n    toolbarContent,\n    actions,\n    view: controlledView,\n    defaultView = 'result',\n    onViewChange,\n    renderSchema,\n    className,\n}: QueryResultsProps<TRow>) {\n    const [uncontrolledView, setUncontrolledView] = useState<QueryResultsView>(defaultView);\n    const view = controlledView ?? uncontrolledView;\n\n    const handleViewChange = useCallback(\n        (nextView: string) => {\n            const next = nextView as QueryResultsView;\n            if (controlledView === undefined) {\n                setUncontrolledView(next);\n            }\n            onViewChange?.(next);\n        },\n        [controlledView, onViewChange],\n    );\n\n    const schema = renderSchema?.({columns});\n    let content: React.ReactNode;\n\n    if (errorContent) {\n        content = <Text color=\"danger\">{errorContent}</Text>;\n    } else if (view === 'schema') {\n        content = schema ?? <QueryResultsSchema columns={columns} loading={loading} />;\n    } else {\n        content = (\n            <QueryResultsTable\n                columns={columns}\n                rows={rows}\n                loading={loading}\n                rowKey={rowKey}\n                formatterSettings={formatterSettings}\n                maxVisibleLines={maxVisibleLines}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {title && <Text variant=\"subheader-1\">{title}</Text>}\n            <Flex gap={2} alignItems=\"center\" className={block('toolbar')}>\n                <SegmentedRadioGroup\n                    value={view}\n                    onUpdate={handleViewChange}\n                    width=\"auto\"\n                    size=\"s\"\n                    className={block('views')}\n                >\n                    <SegmentedRadioGroup.Option value=\"result\">\n                        {i18n('tab_result')}\n                    </SegmentedRadioGroup.Option>\n                    <SegmentedRadioGroup.Option value=\"schema\">\n                        {i18n('tab_schema')}\n                    </SegmentedRadioGroup.Option>\n                </SegmentedRadioGroup>\n                <Text color=\"secondary\" className={block('rows-info')}>\n                    {i18n('context_rows-info', {\n                        count: totalRows,\n                        visible: rows.length,\n                        total: totalRows,\n                    })}\n                </Text>\n                {toolbarContent && <div className={block('toolbar-content')}>{toolbarContent}</div>}\n                {actions && <div className={block('actions')}>{actions}</div>}\n            </Flex>\n            <div className={block('content')}>{content}</div>\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useState","Flex","SegmentedRadioGroup","Text","cn","QueryResultsTable","QueryResultsSchema","i18n","jsx","_jsx","jsxs","_jsxs","block","QueryResults","_ref","columns","rows","_ref$totalRows","totalRows","length","loading","errorContent","rowKey","formatterSettings","maxVisibleLines","title","toolbarContent","actions","controlledView","view","_ref$defaultView","defaultView","onViewChange","renderSchema","className","_useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","handleViewChange","nextView","next","undefined","schema","content","color","children","direction","gap","variant","alignItems","value","onUpdate","width","size","Option","count","visible","total"],"sources":["QueryResults.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {Flex, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {QueryResultsTable} from '../../components/QueryResultsTable';\nimport type {\n    QueryResultColumn,\n    QueryResultFormatterSettings,\n    QueryResultsSchemaRenderContext,\n    QueryResultsView,\n} from '../../types/queryResults';\nimport {QueryResultsSchema} from './internal/QueryResultsSchema';\nimport i18n from './i18n';\n\nimport './QueryResults.scss';\n\nconst block = cn('qp-query-results');\n\nexport type QueryResultsProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */\n    rows: TRow[];\n    totalRows?: number;\n    loading?: boolean;\n    errorContent?: React.ReactNode;\n    rowKey?: (row: TRow, index: number) => string | number;\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n    title?: React.ReactNode;\n    toolbarContent?: React.ReactNode;\n    actions?: React.ReactNode;\n    view?: QueryResultsView;\n    defaultView?: QueryResultsView;\n    onViewChange?: (view: QueryResultsView) => void;\n    renderSchema?: (context: QueryResultsSchemaRenderContext<TRow>) => React.ReactNode;\n    className?: string;\n};\n\nexport function QueryResults<TRow extends Record<string, unknown>>({\n    columns,\n    rows,\n    totalRows = rows.length,\n    loading,\n    errorContent,\n    rowKey,\n    formatterSettings,\n    maxVisibleLines,\n    title,\n    toolbarContent,\n    actions,\n    view: controlledView,\n    defaultView = 'result',\n    onViewChange,\n    renderSchema,\n    className,\n}: QueryResultsProps<TRow>) {\n    const [uncontrolledView, setUncontrolledView] = useState<QueryResultsView>(defaultView);\n    const view = controlledView ?? uncontrolledView;\n\n    const handleViewChange = useCallback(\n        (nextView: string) => {\n            const next = nextView as QueryResultsView;\n            if (controlledView === undefined) {\n                setUncontrolledView(next);\n            }\n            onViewChange?.(next);\n        },\n        [controlledView, onViewChange],\n    );\n\n    const schema = renderSchema?.({columns});\n    let content: React.ReactNode;\n\n    if (errorContent) {\n        content = <Text color=\"danger\">{errorContent}</Text>;\n    } else if (view === 'schema') {\n        content = schema ?? <QueryResultsSchema columns={columns} loading={loading} />;\n    } else {\n        content = (\n            <QueryResultsTable\n                columns={columns}\n                rows={rows}\n                loading={loading}\n                rowKey={rowKey}\n                formatterSettings={formatterSettings}\n                maxVisibleLines={maxVisibleLines}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {title && <Text variant=\"subheader-1\">{title}</Text>}\n            <Flex gap={2} alignItems=\"center\" className={block('toolbar')}>\n                <SegmentedRadioGroup\n                    value={view}\n                    onUpdate={handleViewChange}\n                    width=\"auto\"\n                    size=\"s\"\n                    className={block('views')}\n                >\n                    <SegmentedRadioGroup.Option value=\"result\">\n                        {i18n('tab_result')}\n                    </SegmentedRadioGroup.Option>\n                    <SegmentedRadioGroup.Option value=\"schema\">\n                        {i18n('tab_schema')}\n                    </SegmentedRadioGroup.Option>\n                </SegmentedRadioGroup>\n                <Text color=\"secondary\" className={block('rows-info')}>\n                    {i18n('context_rows-info', {\n                        count: totalRows,\n                        visible: rows.length,\n                        total: totalRows,\n                    })}\n                </Text>\n                {toolbarContent && <div className={block('toolbar-content')}>{toolbarContent}</div>}\n                {actions && <div className={block('actions')}>{actions}</div>}\n            </Flex>\n            <div className={block('content')}>{content}</div>\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-declare const _default: ((key: "field_name" | "tab_result" | "tab_schema" | "field_type" | "context_rows-info", params?: import("@gravity-ui/i18n").Params) => string) & {
+declare const _default: ((key: "field_name" | "field_type" | "tab_result" | "tab_schema" | "context_rows-info", params?: import("@gravity-ui/i18n").Params) => string) & {
     keysetData: {
-        "qp:query-results": Record<"field_name" | "tab_result" | "tab_schema" | "field_type" | "context_rows-info", import("@gravity-ui/i18n").KeyData>;
+        "qp:query-results": Record<"field_name" | "field_type" | "tab_result" | "tab_schema" | "context_rows-info", import("@gravity-ui/i18n").KeyData>;
     };
 };
 export default _default;

package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js

@@ -1,6 +1,7 @@
 import "core-js/modules/es.function.name.js";
 import React, { useMemo } from 'react';
-import { DataTable, formatQueryResultType } from "../../../components";
+import { DataTable } from "../../../components/DataTable";
+import { formatQueryResultType } from "../../../components/QueryResultsTable";
 import i18n from "../i18n";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function QueryResultsSchema(_ref) {

package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","DataTable","formatQueryResultType","i18n","jsx","_jsx","QueryResultsSchema","_ref","columns","loading","tableColumns","name","header","render","_ref2","_row$header","row","_ref3","children","type","data","loaded","settings","displayIndices","sortable","stripedRows"],"sources":["QueryResultsSchema.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport type {Column} from '@gravity-ui/react-data-table';\nimport {DataTable, formatQueryResultType} from '../../../components';\nimport type {QueryResultColumn} from '../../../types/queryResults';\nimport i18n from '../i18n';\n\nexport type QueryResultsSchemaProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    loading?: boolean;\n};\n\nexport function QueryResultsSchema<TRow extends Record<string, unknown>>({\n    columns,\n    loading,\n}: QueryResultsSchemaProps<TRow>) {\n    const tableColumns = useMemo<Array<Column<QueryResultColumn<TRow>>>>(\n        () => [\n            {\n                name: 'name',\n                header: i18n('field_name'),\n                render: ({row}) => row.header ?? row.name,\n            },\n            {\n                name: 'type',\n                header: i18n('field_type'),\n                render: ({row}) => <code>{formatQueryResultType(row.type)}</code>,\n            },\n        ],\n        [],\n    );\n\n    return (\n        <DataTable<QueryResultColumn<TRow>>\n            columns={tableColumns}\n            data={columns}\n            loading={loading}\n            loaded={!loading}\n            settings={{displayIndices: false, sortable: false, stripedRows: true}}\n        />\n    );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAEpC,SAAQC,SAAS,EAAEC,qBAAqB;AAExC,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAO3B,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGA;EAAA,IAF9BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAMC,YAAY,GAAGV,OAAO,CACxB;IAAA,OAAM,CACF;MACIW,IAAI,EAAE,MAAM;MACZC,MAAM,EAAET,IAAI,CAAC,YAAY,CAAC;MAC1BU,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA;QAAA,IAAAC,WAAA;QAAA,IAAIC,GAAG,GAAAF,KAAA,CAAHE,GAAG;QAAA,QAAAD,WAAA,GAAMC,GAAG,CAACJ,MAAM,cAAAG,WAAA,cAAAA,WAAA,GAAIC,GAAG,CAACL,IAAI;MAAA;IAC7C,CAAC,EACD;MACIA,IAAI,EAAE,MAAM;MACZC,MAAM,EAAET,IAAI,CAAC,YAAY,CAAC;MAC1BU,MAAM,EAAE,SAARA,MAAMA,CAAAI,KAAA;QAAA,IAAID,GAAG,GAAAC,KAAA,CAAHD,GAAG;QAAA,oBAAMX,IAAA;UAAAa,QAAA,EAAOhB,qBAAqB,CAACc,GAAG,CAACG,IAAI;QAAC,CAAO,CAAC;MAAA;IACrE,CAAC,CACJ;EAAA,GACD,EACJ,CAAC;EAED,oBACId,IAAA,CAACJ,SAAS;IACNO,OAAO,EAAEE,YAAa;IACtBU,IAAI,EAAEZ,OAAQ;IACdC,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAE,CAACZ,OAAQ;IACjBa,QAAQ,EAAE;MAACC,cAAc,EAAE,KAAK;MAAEC,QAAQ,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAI;EAAE,CACzE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["React","useMemo","DataTable","formatQueryResultType","i18n","jsx","_jsx","QueryResultsSchema","_ref","columns","loading","tableColumns","name","header","render","_ref2","_row$header","row","_ref3","children","type","data","loaded","settings","displayIndices","sortable","stripedRows"],"sources":["QueryResultsSchema.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport type {Column} from '@gravity-ui/react-data-table';\nimport {DataTable} from '../../../components/DataTable';\nimport {formatQueryResultType} from '../../../components/QueryResultsTable';\nimport type {QueryResultColumn} from '../../../types/queryResults';\nimport i18n from '../i18n';\n\nexport type QueryResultsSchemaProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    loading?: boolean;\n};\n\nexport function QueryResultsSchema<TRow extends Record<string, unknown>>({\n    columns,\n    loading,\n}: QueryResultsSchemaProps<TRow>) {\n    const tableColumns = useMemo<Array<Column<QueryResultColumn<TRow>>>>(\n        () => [\n            {\n                name: 'name',\n                header: i18n('field_name'),\n                render: ({row}) => row.header ?? row.name,\n            },\n            {\n                name: 'type',\n                header: i18n('field_type'),\n                render: ({row}) => <code>{formatQueryResultType(row.type)}</code>,\n            },\n        ],\n        [],\n    );\n\n    return (\n        <DataTable<QueryResultColumn<TRow>>\n            columns={tableColumns}\n            data={columns}\n            loading={loading}\n            loaded={!loading}\n            settings={{displayIndices: false, sortable: false, stripedRows: true}}\n        />\n    );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAEpC,SAAQC,SAAS;AACjB,SAAQC,qBAAqB;AAE7B,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAO3B,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGA;EAAA,IAF9BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAMC,YAAY,GAAGV,OAAO,CACxB;IAAA,OAAM,CACF;MACIW,IAAI,EAAE,MAAM;MACZC,MAAM,EAAET,IAAI,CAAC,YAAY,CAAC;MAC1BU,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA;QAAA,IAAAC,WAAA;QAAA,IAAIC,GAAG,GAAAF,KAAA,CAAHE,GAAG;QAAA,QAAAD,WAAA,GAAMC,GAAG,CAACJ,MAAM,cAAAG,WAAA,cAAAA,WAAA,GAAIC,GAAG,CAACL,IAAI;MAAA;IAC7C,CAAC,EACD;MACIA,IAAI,EAAE,MAAM;MACZC,MAAM,EAAET,IAAI,CAAC,YAAY,CAAC;MAC1BU,MAAM,EAAE,SAARA,MAAMA,CAAAI,KAAA;QAAA,IAAID,GAAG,GAAAC,KAAA,CAAHD,GAAG;QAAA,oBAAMX,IAAA;UAAAa,QAAA,EAAOhB,qBAAqB,CAACc,GAAG,CAACG,IAAI;QAAC,CAAO,CAAC;MAAA;IACrE,CAAC,CACJ;EAAA,GACD,EACJ,CAAC;EAED,oBACId,IAAA,CAACJ,SAAS;IACNO,OAAO,EAAEE,YAAa;IACtBU,IAAI,EAAEZ,OAAQ;IACdC,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAE,CAACZ,OAAQ;IACjBa,QAAQ,EAAE;MAACC,cAAc,EAAE,KAAK;MAAEC,QAAQ,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAI;EAAE,CACzE,CAAC;AAEV","ignoreList":[]}

package/build/esm/widgets/SavedQueries/SavedQueries.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { QueryListComparisonConfig, QueryListEditingConfig, QueryListFilterConfig, QueryListItem, QueryListRowAction, QueryListRowRenderData, QueryListSearchConfig, QueryListVisibleFieldsConfig } from '../../types/queryList';
-import { SavedQuery } from '../../types/savedQueries';
+import type { QueryListComparisonConfig, QueryListEditingConfig, QueryListFilterConfig, QueryListItem, QueryListRowAction, QueryListRowRenderData, QueryListSearchConfig, QueryListVisibleFieldsConfig } from '../../types/queryList';
+import type { SavedQuery } from '../../types/savedQueries';
 import './SavedQueries.scss';
 export type SavedQueriesProps<T extends SavedQuery = SavedQuery> = {
     className?: string;

package/build/esm/widgets/SavedQueries/SavedQueries.js

@@ -7,7 +7,7 @@ import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.search.js";
 import React from 'react';
 import cn from 'bem-cn-lite';
-import { QueriesList } from "../../modules";
+import { QueriesList } from "../../modules/QueriesList";
 import i18n from "./i18n";
 import { SavedQueryRowContent } from "./SavedQueryRowContent";
 import "./SavedQueries.css";

package/build/esm/widgets/SavedQueries/SavedQueries.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","QueriesList","i18n","SavedQueryRowContent","jsx","_jsx","block","SavedQueries","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderAuthor","renderRowItem","getRowActions","onListItemClick","className","renderRow","data","_objectSpread"],"sources":["SavedQueries.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueriesList} from '../../modules';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport i18n from './i18n';\nimport {SavedQueryRowContent} from './SavedQueryRowContent';\nimport './SavedQueries.scss';\n\nexport type SavedQueriesProps<T extends SavedQuery = SavedQuery> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    renderAuthor?: (item: T) => React.ReactNode;\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-saved-queries');\n\nexport const SavedQueries = <T extends SavedQuery>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderAuthor,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: SavedQueriesProps<T>) => {\n    return (\n        <QueriesList\n            className={block(null, className)}\n            title={title || i18n('title_saved')}\n            logo={logo}\n            search={search}\n            filter={filter}\n            items={items}\n            selectedRowId={selectedRowId}\n            visibleFields={visibleFields}\n            editing={editing}\n            comparison={comparison}\n            getRowActions={getRowActions}\n            renderRow={(data) =>\n                renderRowItem ? (\n                    renderRowItem(data)\n                ) : (\n                    <SavedQueryRowContent {...data} renderAuthor={renderAuthor} />\n                )\n            }\n            onListItemClick={onListItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,WAAW;AAYnB,OAAOC,IAAI;AACX,SAAQC,oBAAoB;AAC5B;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAmB7B,IAAMC,KAAK,GAAGN,EAAE,CAAC,kBAAkB,CAAC;AAEpC,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAeG;EAAA,IAdxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,eAAe,GAAAb,IAAA,CAAfa,eAAe;IACfC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,oBACIjB,IAAA,CAACJ,WAAW;IACRqB,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAClCb,KAAK,EAAEA,KAAK,IAAIP,IAAI,CAAC,aAAa,CAAE;IACpCQ,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BG,aAAa,EAAEA,aAAc;IAC7BF,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBI,aAAa,EAAEA,aAAc;IAC7BG,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZL,aAAa,GACTA,aAAa,CAACK,IAAI,CAAC,gBAEnBnB,IAAA,CAACF,oBAAoB,EAAAsB,aAAA,CAAAA,aAAA,KAAKD,IAAI;QAAEN,YAAY,EAAEA;MAAa,EAAE,CAChE;IAAA,CACJ;IACDG,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","QueriesList","i18n","SavedQueryRowContent","jsx","_jsx","block","SavedQueries","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderAuthor","renderRowItem","getRowActions","onListItemClick","className","renderRow","data","_objectSpread"],"sources":["SavedQueries.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueriesList} from '../../modules/QueriesList';\nimport type {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport type {SavedQuery} from '../../types/savedQueries';\nimport i18n from './i18n';\nimport {SavedQueryRowContent} from './SavedQueryRowContent';\nimport './SavedQueries.scss';\n\nexport type SavedQueriesProps<T extends SavedQuery = SavedQuery> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    renderAuthor?: (item: T) => React.ReactNode;\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-saved-queries');\n\nexport const SavedQueries = <T extends SavedQuery>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderAuthor,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: SavedQueriesProps<T>) => {\n    return (\n        <QueriesList\n            className={block(null, className)}\n            title={title || i18n('title_saved')}\n            logo={logo}\n            search={search}\n            filter={filter}\n            items={items}\n            selectedRowId={selectedRowId}\n            visibleFields={visibleFields}\n            editing={editing}\n            comparison={comparison}\n            getRowActions={getRowActions}\n            renderRow={(data) =>\n                renderRowItem ? (\n                    renderRowItem(data)\n                ) : (\n                    <SavedQueryRowContent {...data} renderAuthor={renderAuthor} />\n                )\n            }\n            onListItemClick={onListItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,WAAW;AAYnB,OAAOC,IAAI;AACX,SAAQC,oBAAoB;AAC5B;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAmB7B,IAAMC,KAAK,GAAGN,EAAE,CAAC,kBAAkB,CAAC;AAEpC,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAeG;EAAA,IAdxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,eAAe,GAAAb,IAAA,CAAfa,eAAe;IACfC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,oBACIjB,IAAA,CAACJ,WAAW;IACRqB,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAClCb,KAAK,EAAEA,KAAK,IAAIP,IAAI,CAAC,aAAa,CAAE;IACpCQ,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BG,aAAa,EAAEA,aAAc;IAC7BF,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBI,aAAa,EAAEA,aAAc;IAC7BG,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZL,aAAa,GACTA,aAAa,CAACK,IAAI,CAAC,gBAEnBnB,IAAA,CAACF,oBAAoB,EAAAsB,aAAA,CAAAA,aAAA,KAAKD,IAAI;QAAEN,YAAY,EAAEA;MAAa,EAAE,CAChE;IAAA,CACJ;IACDG,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/widgets/SavedQueries/SavedQueryRowContent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { QueryListRowRenderData } from '../../types/queryList';
-import { SavedQuery } from '../../types/savedQueries';
+import type { QueryListRowRenderData } from '../../types/queryList';
+import type { SavedQuery } from '../../types/savedQueries';
 type Props<T extends SavedQuery> = QueryListRowRenderData<T> & {
     renderAuthor?: (item: T) => React.ReactNode;
 };

package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js

@@ -2,8 +2,9 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["item", "variant", "renderAuthor"];
 import React from 'react';
-import { HistoryGroupHeader } from "../../components";
-import { SavedQueryRow, SavedQuerySearchRow } from "../../modules";
+import { HistoryGroupHeader } from "../../components/HistoryGroupHeader";
+import { SavedQueryRow } from "../../modules/SavedQueryRow";
+import { SavedQuerySearchRow } from "../../modules/SavedQuerySearchRow";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var SavedQueryRowContent = function SavedQueryRowContent(_ref) {
   var item = _ref.item,

package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HistoryGroupHeader","SavedQueryRow","SavedQuerySearchRow","jsx","_jsx","SavedQueryRowContent","_ref","item","variant","renderAuthor","data","_objectWithoutProperties","_excluded","title","header","_objectSpread"],"sources":["SavedQueryRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryGroupHeader} from '../../components';\nimport {SavedQueryRow, SavedQuerySearchRow} from '../../modules';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\n\ntype Props<T extends SavedQuery> = QueryListRowRenderData<T> & {\n    renderAuthor?: (item: T) => React.ReactNode;\n};\n\nexport const SavedQueryRowContent = <T extends SavedQuery>({\n    item,\n    variant,\n    renderAuthor,\n    ...data\n}: Props<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? (\n        <SavedQuerySearchRow {...data} item={item} renderAuthor={renderAuthor} />\n    ) : (\n        <SavedQueryRow {...data} item={item} renderAuthor={renderAuthor} />\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,kBAAkB;AAC1B,SAAQC,aAAa,EAAEC,mBAAmB;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAQjE,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAKjB;EAAA,IAJZC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACTC,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,IAAI,QAAQ,IAAIL,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACa,KAAK,EAAEN,IAAI,CAACO;IAAO,CAAE,CAAC;EACrD;EAEA,OAAON,OAAO,KAAK,QAAQ,gBACvBJ,IAAA,CAACF,mBAAmB,EAAAa,aAAA,CAAAA,aAAA,KAAKL,IAAI;IAAEH,IAAI,EAAEA,IAAK;IAACE,YAAY,EAAEA;EAAa,EAAE,CAAC,gBAEzEL,IAAA,CAACH,aAAa,EAAAc,aAAA,CAAAA,aAAA,KAAKL,IAAI;IAAEH,IAAI,EAAEA,IAAK;IAACE,YAAY,EAAEA;EAAa,EAAE,CACrE;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HistoryGroupHeader","SavedQueryRow","SavedQuerySearchRow","jsx","_jsx","SavedQueryRowContent","_ref","item","variant","renderAuthor","data","_objectWithoutProperties","_excluded","title","header","_objectSpread"],"sources":["SavedQueryRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryGroupHeader} from '../../components/HistoryGroupHeader';\nimport {SavedQueryRow} from '../../modules/SavedQueryRow';\nimport {SavedQuerySearchRow} from '../../modules/SavedQuerySearchRow';\nimport type {QueryListRowRenderData} from '../../types/queryList';\nimport type {SavedQuery} from '../../types/savedQueries';\n\ntype Props<T extends SavedQuery> = QueryListRowRenderData<T> & {\n    renderAuthor?: (item: T) => React.ReactNode;\n};\n\nexport const SavedQueryRowContent = <T extends SavedQuery>({\n    item,\n    variant,\n    renderAuthor,\n    ...data\n}: Props<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? (\n        <SavedQuerySearchRow {...data} item={item} renderAuthor={renderAuthor} />\n    ) : (\n        <SavedQueryRow {...data} item={item} renderAuthor={renderAuthor} />\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,kBAAkB;AAC1B,SAAQC,aAAa;AACrB,SAAQC,mBAAmB;AAA2C,SAAAC,GAAA,IAAAC,IAAA;AAQtE,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAKjB;EAAA,IAJZC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACTC,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,IAAI,QAAQ,IAAIL,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACa,KAAK,EAAEN,IAAI,CAACO;IAAO,CAAE,CAAC;EACrD;EAEA,OAAON,OAAO,KAAK,QAAQ,gBACvBJ,IAAA,CAACF,mBAAmB,EAAAa,aAAA,CAAAA,aAAA,KAAKL,IAAI;IAAEH,IAAI,EAAEA,IAAK;IAACE,YAAY,EAAEA;EAAa,EAAE,CAAC,gBAEzEL,IAAA,CAACH,aAAa,EAAAc,aAAA,CAAAA,aAAA,KAAKL,IAAI;IAAEH,IAAI,EAAEA,IAAK;IAACE,YAAY,EAAEA;EAAa,EAAE,CACrE;AACL,CAAC","ignoreList":[]}

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

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

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

@@ -1,19 +1,23 @@
 import React from 'react';
-import { HistoryGroupHeader } from "../../components";
-import { TutorialRow, TutorialSearchRow } from "../../modules";
+import { HistoryGroupHeader } from "../../components/HistoryGroupHeader";
+import { TutorialRow } from "../../modules/TutorialRow";
+import { TutorialSearchRow } from "../../modules/TutorialSearchRow";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var TutorialRowContent = function TutorialRowContent(_ref) {
   var item = _ref.item,
-    variant = _ref.variant;
+    variant = _ref.variant,
+    renderLink = _ref.renderLink;
   if ('header' in item) {
     return /*#__PURE__*/_jsx(HistoryGroupHeader, {
       title: item.header
     });
   }
   return variant === 'search' ? /*#__PURE__*/_jsx(TutorialSearchRow, {
-    item: item
+    item: item,
+    renderLink: renderLink
   }) : /*#__PURE__*/_jsx(TutorialRow, {
-    item: item
+    item: item,
+    renderLink: renderLink
   });
 };
 // #sourceMappingURL=TutorialRowContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","HistoryGroupHeader","TutorialRow","TutorialSearchRow","jsx","_jsx","TutorialRowContent","_ref","item","variant","title","header"],"sources":["TutorialRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryListRowRenderData} from '../../types/queryList';\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}: QueryListRowRenderData<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,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,kBAAkB;AAC1B,SAAQC,WAAW,EAAEC,iBAAiB;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAE7D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAGE;EAAA,IAF7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAI,QAAQ,IAAID,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACS,KAAK,EAAEF,IAAI,CAACG;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOF,OAAO,KAAK,QAAQ,gBAAGJ,IAAA,CAACF,iBAAiB;IAACK,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAAGH,IAAA,CAACH,WAAW;IAACM,IAAI,EAAEA;EAAK,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HistoryGroupHeader","TutorialRow","TutorialSearchRow","jsx","_jsx","TutorialRowContent","_ref","item","variant","renderLink","title","header"],"sources":["TutorialRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport type {QueryListRowRenderData} from '../../types/queryList';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {HistoryGroupHeader} from '../../components/HistoryGroupHeader';\nimport {TutorialRow} from '../../modules/TutorialRow';\nimport {TutorialSearchRow} from '../../modules/TutorialSearchRow';\n\nexport const TutorialRowContent = <T extends TutorialHistoryRow>({\n    item,\n    variant,\n    renderLink,\n}: QueryListRowRenderData<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? (\n        <TutorialSearchRow item={item} renderLink={renderLink} />\n    ) : (\n        <TutorialRow item={item} renderLink={renderLink} />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,kBAAkB;AAC1B,SAAQC,WAAW;AACnB,SAAQC,iBAAiB;AAAyC,SAAAC,GAAA,IAAAC,IAAA;AAElE,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAIE;EAAA,IAH7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAEV,IAAI,QAAQ,IAAIF,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACU,KAAK,EAAEH,IAAI,CAACI;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOH,OAAO,KAAK,QAAQ,gBACvBJ,IAAA,CAACF,iBAAiB;IAACK,IAAI,EAAEA,IAAK;IAACE,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAEzDL,IAAA,CAACH,WAAW;IAACM,IAAI,EAAEA,IAAK;IAACE,UAAU,EAAEA;EAAW,CAAE,CACrD;AACL,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { QueryListFilterConfig, QueryListItem, QueryListSearchConfig } from '../../types/queryList';
-import { TutorialHistoryRow } from '../../types/tutorial';
+import type { QueryListFilterConfig, QueryListItem, QueryListLinkRenderer, QueryListRowRenderData, QueryListSearchConfig } from '../../types/queryList';
+import type { TutorialHistoryRow } from '../../types/tutorial';
 import './TutorialsHistory.scss';
 export type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
     className?: string;
@@ -10,6 +10,11 @@ export type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistory
     filter?: QueryListFilterConfig;
     items: QueryListItem<T>[];
     selectedRowId?: T['id'];
+    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;
     onListItemClick?: (item: QueryListItem<T>) => void;
+    hasMore?: boolean;
+    loading?: boolean;
+    onLoadMore?: () => void;
+    renderLink?: QueryListLinkRenderer;
 };
-export declare const TutorialsHistory: <T extends TutorialHistoryRow>({ title, logo, search, filter, items, selectedRowId, onListItemClick, className, }: TutorialsHistoryProps<T>) => React.JSX.Element;
+export declare const TutorialsHistory: <T extends TutorialHistoryRow>({ title, logo, search, filter, items, selectedRowId, renderRowItem, onListItemClick, hasMore, loading, onLoadMore, renderLink, className, }: TutorialsHistoryProps<T>) => React.JSX.Element;

package/build/esm/widgets/TutorialsHistory/TutorialsHistory.js

@@ -7,9 +7,11 @@ import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.search.js";
 import "core-js/modules/es.string.trim.js";
 import React from 'react';
-import { HistoryHeader, HistoryLayout, RowsList } from "../../modules";
+import { HistoryHeader } from "../../modules/HistoryHeader";
+import { HistoryLayout } from "../../modules/HistoryLayout";
+import { RowsList } from "../../modules/RowsList";
 import i18n from "./i18n";
-import { getListKey } from "../../helpers/getListKey";
+import { useListKey } from "../../helpers/useListKey";
 import { TutorialRowContent } from "./TutorialRowContent";
 import cn from 'bem-cn-lite';
 import "./TutorialsHistory.css";
@@ -23,11 +25,17 @@ export var TutorialsHistory = function TutorialsHistory(_ref) {
     filter = _ref.filter,
     items = _ref.items,
     selectedRowId = _ref.selectedRowId,
+    renderRowItem = _ref.renderRowItem,
     onListItemClick = _ref.onListItemClick,
+    hasMore = _ref.hasMore,
+    loading = _ref.loading,
+    onLoadMore = _ref.onLoadMore,
+    renderLink = _ref.renderLink,
     className = _ref.className;
   var fullSearchAvailable = search.fullSearchAvailable !== false;
   var showSearchResults = Boolean(fullSearchAvailable && search.fullSearch && ((_search$value = search.value) === null || _search$value === void 0 ? void 0 : _search$value.trim()));
   var rowVariant = showSearchResults ? 'search' : 'default';
+  var listKey = useListKey(items, rowVariant, Boolean(onLoadMore));
   return /*#__PURE__*/_jsx(HistoryLayout, {
     className: block(null, className),
     title: title || i18n('title_tutorials'),
@@ -45,11 +53,15 @@ export var TutorialsHistory = function TutorialsHistory(_ref) {
       rowVariant: rowVariant,
       selectedRowId: selectedRowId,
       renderRow: function renderRow(data) {
-        return /*#__PURE__*/_jsx(TutorialRowContent, _objectSpread({}, data));
+        return renderRowItem ? renderRowItem(data) : /*#__PURE__*/_jsx(TutorialRowContent, _objectSpread({}, data));
       },
       showFiltersHint: Boolean(filter),
+      hasMore: hasMore,
+      loading: loading,
+      onLoadMore: onLoadMore,
+      renderLink: renderLink,
       onItemClick: onListItemClick
-    }, getListKey(items, rowVariant))
+    }, listKey)
   });
 };
 // #sourceMappingURL=TutorialsHistory.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","HistoryHeader","HistoryLayout","RowsList","i18n","getListKey","TutorialRowContent","cn","jsx","_jsx","block","TutorialsHistory","_ref","_search$value","title","logo","search","filter","items","selectedRowId","onListItemClick","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","header","hasClear","onUpdate","children","renderRow","data","_objectSpread","showFiltersHint","onItemClick"],"sources":["TutorialsHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader, HistoryLayout, RowsList} from '../../modules';\nimport i18n from './i18n';\nimport {QueryListFilterConfig, QueryListItem, QueryListSearchConfig} from '../../types/queryList';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {getListKey} from '../../helpers/getListKey';\nimport {TutorialRowContent} from './TutorialRowContent';\nimport cn from 'bem-cn-lite';\nimport './TutorialsHistory.scss';\n\nexport type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    onListItemClick?: (item: QueryListItem<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 fullSearchAvailable = search.fullSearchAvailable !== false;\n    const showSearchResults = Boolean(\n        fullSearchAvailable && search.fullSearch && search.value?.trim(),\n    );\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                    fullSearchAvailable={fullSearchAvailable}\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,aAAa,EAAEC,aAAa,EAAEC,QAAQ;AAC9C,OAAOC,IAAI;AAGX,SAAQC,UAAU;AAClB,SAAQC,kBAAkB;AAC1B,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAiC,SAAAC,GAAA,IAAAC,IAAA;AAajC,IAAMC,KAAK,GAAGH,EAAE,CAAC,sBAAsB,CAAC;AAExC,OAAO,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,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,mBAAmB,GAAGN,MAAM,CAACM,mBAAmB,KAAK,KAAK;EAChE,IAAMC,iBAAiB,GAAGC,OAAO,CAC7BF,mBAAmB,IAAIN,MAAM,CAACS,UAAU,MAAAZ,aAAA,GAAIG,MAAM,CAACU,KAAK,cAAAb,aAAA,uBAAZA,aAAA,CAAcc,IAAI,CAAC,CAAC,CACpE,CAAC;EACD,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAE3D,oBACId,IAAA,CAACP,aAAa;IACVmB,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAClCP,KAAK,EAAEA,KAAK,IAAIV,IAAI,CAAC,iBAAiB,CAAE;IACxCW,IAAI,EAAEA,IAAK;IACXc,MAAM,eACFpB,IAAA,CAACR,aAAa;MACVe,MAAM,EAAEA,MAAM,CAACU,KAAM;MACrBD,UAAU,EAAET,MAAM,CAACS,UAAW;MAC9BH,mBAAmB,EAAEA,mBAAoB;MACzCQ,QAAQ,EAAEd,MAAM,CAACc,QAAS;MAC1Bb,MAAM,EAAEA,MAAO;MACfc,QAAQ,EAAEf,MAAM,CAACe;IAAS,CAC7B,CACJ;IAAAC,QAAA,eAEDvB,IAAA,CAACN,QAAQ;MAELe,KAAK,EAAEA,KAAM;MACbU,UAAU,EAAEA,UAAW;MACvBT,aAAa,EAAEA,aAAc;MAC7Bc,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;QAAA,oBAAKzB,IAAA,CAACH,kBAAkB,EAAA6B,aAAA,KAAKD,IAAI,CAAG,CAAC;MAAA,CAAC;MACtDE,eAAe,EAAEZ,OAAO,CAACP,MAAM,CAAE;MACjCoB,WAAW,EAAEjB;IAAgB,GANxBf,UAAU,CAACa,KAAK,EAAEU,UAAU,CAOpC;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HistoryHeader","HistoryLayout","RowsList","i18n","useListKey","TutorialRowContent","cn","jsx","_jsx","block","TutorialsHistory","_ref","_search$value","title","logo","search","filter","items","selectedRowId","renderRowItem","onListItemClick","hasMore","loading","onLoadMore","renderLink","className","fullSearchAvailable","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","listKey","header","hasClear","onUpdate","children","renderRow","data","_objectSpread","showFiltersHint","onItemClick"],"sources":["TutorialsHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader} from '../../modules/HistoryHeader';\nimport {HistoryLayout} from '../../modules/HistoryLayout';\nimport {RowsList} from '../../modules/RowsList';\nimport i18n from './i18n';\nimport type {\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListLinkRenderer,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n} from '../../types/queryList';\nimport type {TutorialHistoryRow} from '../../types/tutorial';\nimport {useListKey} from '../../helpers/useListKey';\nimport {TutorialRowContent} from './TutorialRowContent';\nimport cn from 'bem-cn-lite';\nimport './TutorialsHistory.scss';\n\nexport type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    onListItemClick?: (item: QueryListItem<T>) => void;\n    hasMore?: boolean;\n    loading?: boolean;\n    onLoadMore?: () => void;\n    renderLink?: QueryListLinkRenderer;\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    renderRowItem,\n    onListItemClick,\n    hasMore,\n    loading,\n    onLoadMore,\n    renderLink,\n    className,\n}: TutorialsHistoryProps<T>) => {\n    const fullSearchAvailable = search.fullSearchAvailable !== false;\n    const showSearchResults = Boolean(\n        fullSearchAvailable && search.fullSearch && search.value?.trim(),\n    );\n    const rowVariant = showSearchResults ? 'search' : 'default';\n    const listKey = useListKey(items, rowVariant, Boolean(onLoadMore));\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                    fullSearchAvailable={fullSearchAvailable}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n        >\n            <RowsList\n                key={listKey}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                renderRow={(data) =>\n                    renderRowItem ? renderRowItem(data) : <TutorialRowContent {...data} />\n                }\n                showFiltersHint={Boolean(filter)}\n                hasMore={hasMore}\n                loading={loading}\n                onLoadMore={onLoadMore}\n                renderLink={renderLink}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAChB,OAAOC,IAAI;AASX,SAAQC,UAAU;AAClB,SAAQC,kBAAkB;AAC1B,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAiC,SAAAC,GAAA,IAAAC,IAAA;AAkBjC,IAAMC,KAAK,GAAGH,EAAE,CAAC,sBAAsB,CAAC;AAExC,OAAO,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAcG;EAAA,IAAAC,aAAA;EAAA,IAb5BC,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,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,eAAe,GAAAT,IAAA,CAAfS,eAAe;IACfC,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,OAAO,GAAAX,IAAA,CAAPW,OAAO;IACPC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;IACVC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,IAAMC,mBAAmB,GAAGX,MAAM,CAACW,mBAAmB,KAAK,KAAK;EAChE,IAAMC,iBAAiB,GAAGC,OAAO,CAC7BF,mBAAmB,IAAIX,MAAM,CAACc,UAAU,MAAAjB,aAAA,GAAIG,MAAM,CAACe,KAAK,cAAAlB,aAAA,uBAAZA,aAAA,CAAcmB,IAAI,CAAC,CAAC,CACpE,CAAC;EACD,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAC3D,IAAMM,OAAO,GAAG7B,UAAU,CAACa,KAAK,EAAEe,UAAU,EAAEJ,OAAO,CAACL,UAAU,CAAC,CAAC;EAElE,oBACIf,IAAA,CAACP,aAAa;IACVwB,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAClCZ,KAAK,EAAEA,KAAK,IAAIV,IAAI,CAAC,iBAAiB,CAAE;IACxCW,IAAI,EAAEA,IAAK;IACXoB,MAAM,eACF1B,IAAA,CAACR,aAAa;MACVe,MAAM,EAAEA,MAAM,CAACe,KAAM;MACrBD,UAAU,EAAEd,MAAM,CAACc,UAAW;MAC9BH,mBAAmB,EAAEA,mBAAoB;MACzCS,QAAQ,EAAEpB,MAAM,CAACoB,QAAS;MAC1BnB,MAAM,EAAEA,MAAO;MACfoB,QAAQ,EAAErB,MAAM,CAACqB;IAAS,CAC7B,CACJ;IAAAC,QAAA,eAED7B,IAAA,CAACN,QAAQ;MAELe,KAAK,EAAEA,KAAM;MACbe,UAAU,EAAEA,UAAW;MACvBd,aAAa,EAAEA,aAAc;MAC7BoB,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;QAAA,OACZpB,aAAa,GAAGA,aAAa,CAACoB,IAAI,CAAC,gBAAG/B,IAAA,CAACH,kBAAkB,EAAAmC,aAAA,KAAKD,IAAI,CAAG,CAAC;MAAA,CACzE;MACDE,eAAe,EAAEb,OAAO,CAACZ,MAAM,CAAE;MACjCK,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBkB,WAAW,EAAEtB;IAAgB,GAZxBa,OAaR;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}

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

@@ -5,3 +5,8 @@ export default meta;
 type Story = StoryObj<typeof TutorialsHistory>;
 export declare const Default: Story;
 export declare const Empty: Story;
+export declare const InitialLoading: Story;
+export declare const Paginated: Story;
+export declare const LoadingMore: Story;
+export declare const RouterLinks: Story;
+export declare const CustomRowRenderer: Story;

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

@@ -1,13 +1,40 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+var _excluded = ["onClick"];
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.from.js";
 import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.timers.js";
 import React, { useState } from 'react';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
+var BookOpenIcon = function BookOpenIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.345 2.634q.136.069.268.145L8 3l.387-.221q.133-.076.268-.145a6.7 6.7 0 0 1 6.052-.03c.486.242.793.74.793 1.283v8.938c0 .65-.526 1.175-1.175 1.175h-.04c-.187 0-.37-.05-.529-.146a4.8 4.8 0 0 0-4.61-.177l-.199.1A2.1 2.1 0 0 1 8 14h-.117a1.6 1.6 0 0 1-.726-.171l-.233-.117a4.94 4.94 0 0 0-4.748.183.74.74 0 0 1-.381.105h-.12A1.175 1.175 0 0 1 .5 12.825V3.887c0-.543.307-1.04.793-1.284a6.7 6.7 0 0 1 6.052.03m1.405 9.572V4.3l.382-.218A5.2 5.2 0 0 1 14 3.927v8.357a6.3 6.3 0 0 0-5.25-.078m-1.5.005V4.299l-.382-.218A5.2 5.2 0 0 0 2 3.927v8.365a6.44 6.44 0 0 1 5.25-.082",
+      clipRule: "evenodd"
+    })
+  }));
+};
+BookOpenIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import { HistoryGroupHeader, RowLink } from "../../components";
 import { TutorialsHistory } from "./TutorialsHistory";
 import { action } from 'storybook/actions';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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',
@@ -49,6 +76,56 @@ var BASE_ITEMS = [{
   query: QUERY,
   height: 28
 }];
+var LINK_ITEMS = BASE_ITEMS.map(function (item) {
+  return 'id' in item ? _objectSpread(_objectSpread({}, item), {}, {
+    href: "/tutorials/".concat(item.id)
+  }) : item;
+});
+var PAGINATION_PAGES = [Array.from({
+  length: 8
+}, function (_, index) {
+  return {
+    id: "basics-".concat(index + 1),
+    title: "YQL basics: lesson ".concat(index + 1),
+    query: QUERY,
+    href: "/tutorials/basics-".concat(index + 1),
+    height: 28
+  };
+}), Array.from({
+  length: 8
+}, function (_, index) {
+  return {
+    id: "advanced-".concat(index + 1),
+    title: "Advanced YQL: lesson ".concat(index + 1),
+    query: QUERY,
+    href: "/tutorials/advanced-".concat(index + 1),
+    height: 28
+  };
+})];
+var CUSTOM_ROW_ITEMS = [{
+  header: 'Getting started',
+  height: 28
+}, {
+  id: '01HZXB4K8P7Y2Q9T6M3N5R1C0A',
+  title: 'Getting started with YQL',
+  href: '/tutorials/getting-started',
+  height: 32
+}];
+var renderRouterLink = function renderRouterLink(_ref) {
+  var _onClick = _ref.onClick,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({}, props), {}, {
+    "data-router-link": true,
+    onClick: function onClick(event) {
+      _onClick === null || _onClick === void 0 || _onClick(event);
+      if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return;
+      }
+      event.preventDefault();
+      action('routerNavigate')(props.href);
+    }
+  }));
+};
 var meta = {
   title: 'Widgets/TutorialsHistory',
   component: TutorialsHistory,
@@ -136,6 +213,117 @@ var EmptyStory = function EmptyStory() {
     })
   });
 };
+var PaginatedStory = function PaginatedStory() {
+  var _useState7 = useState(PAGINATION_PAGES[0]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    items = _useState8[0],
+    setItems = _useState8[1];
+  var _useState9 = useState(1),
+    _useState0 = _slicedToArray(_useState9, 2),
+    page = _useState0[0],
+    setPage = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var handleLoadMore = function handleLoadMore() {
+    var nextPage = PAGINATION_PAGES[page];
+    if (loading || !nextPage) {
+      return;
+    }
+    action('onLoadMore')(page);
+    setLoading(true);
+    window.setTimeout(function () {
+      setItems(function (currentItems) {
+        return [].concat(_toConsumableArray(currentItems), _toConsumableArray(nextPage));
+      });
+      setPage(function (currentPage) {
+        return currentPage + 1;
+      });
+      setLoading(false);
+    }, 1500);
+  };
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300,
+      height: 300
+    },
+    children: /*#__PURE__*/_jsx(TutorialsHistory, {
+      title: "Paginated tutorials",
+      items: items,
+      selectedRowId: "basics-2",
+      loading: loading,
+      hasMore: page < PAGINATION_PAGES.length,
+      onLoadMore: handleLoadMore,
+      renderLink: renderRouterLink,
+      search: {
+        onUpdate: action('onSearchUpdate')
+      }
+    })
+  });
+};
+var RouterLinksStory = function RouterLinksStory() {
+  var _useState11 = useState({
+      value: '',
+      fullSearch: false
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    search = _useState12[0],
+    setSearch = _useState12[1];
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 500,
+      height: 500
+    },
+    children: /*#__PURE__*/_jsx(TutorialsHistory, {
+      title: "Router links",
+      items: LINK_ITEMS,
+      renderLink: renderRouterLink,
+      search: _objectSpread(_objectSpread({}, search), {}, {
+        hasClear: true,
+        onUpdate: setSearch
+      })
+    })
+  });
+};
+var CustomRowRendererStory = function CustomRowRendererStory() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 400,
+      height: 300
+    },
+    children: /*#__PURE__*/_jsx(TutorialsHistory, {
+      title: "Custom tutorial rows",
+      items: CUSTOM_ROW_ITEMS,
+      selectedRowId: "01HZXB4K8P7Y2Q9T6M3N5R1C0A",
+      renderLink: renderRouterLink,
+      renderRowItem: function renderRowItem(_ref2) {
+        var item = _ref2.item,
+          renderLink = _ref2.renderLink;
+        return 'header' in item ? /*#__PURE__*/_jsx(HistoryGroupHeader, {
+          title: item.header
+        }) : /*#__PURE__*/_jsx(RowLink, {
+          href: item.href,
+          renderLink: renderLink,
+          children: /*#__PURE__*/_jsxs(Flex, {
+            alignItems: "center",
+            gap: 2,
+            children: [/*#__PURE__*/_jsx(Icon, {
+              data: BookOpenIcon,
+              size: 16
+            }), /*#__PURE__*/_jsx(Text, {
+              ellipsis: true,
+              children: item.title
+            })]
+          })
+        });
+      },
+      search: {
+        onUpdate: action('onSearchUpdate')
+      }
+    })
+  });
+};
 export var Default = {
   render: function render() {
     return /*#__PURE__*/_jsx(DefaultStory, {});
@@ -146,4 +334,59 @@ export var Empty = {
     return /*#__PURE__*/_jsx(EmptyStory, {});
   }
 };
+export var InitialLoading = {
+  args: {
+    title: 'Loading tutorials',
+    items: [],
+    loading: true,
+    search: {
+      onUpdate: action('onSearchUpdate')
+    }
+  },
+  decorators: [function (StoryComponent) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 300,
+        height: 500
+      },
+      children: /*#__PURE__*/_jsx(StoryComponent, {})
+    });
+  }]
+};
+export var Paginated = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(PaginatedStory, {});
+  }
+};
+export var LoadingMore = {
+  args: {
+    title: 'Loading next page',
+    items: PAGINATION_PAGES[0],
+    loading: true,
+    hasMore: true,
+    onLoadMore: action('onLoadMore'),
+    search: {
+      onUpdate: action('onSearchUpdate')
+    }
+  },
+  decorators: [function (StoryComponent) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 300,
+        height: 300
+      },
+      children: /*#__PURE__*/_jsx(StoryComponent, {})
+    });
+  }]
+};
+export var RouterLinks = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(RouterLinksStory, {});
+  }
+};
+export var CustomRowRenderer = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(CustomRowRendererStory, {});
+  }
+};
 // #sourceMappingURL=TutorialsHistory.stories.js.map