@gravity-ui/querieskit 1.0.3 → 1.1.0

package/build/esm/modules/NavigationPreview/NavigationPreview.css

@@ -0,0 +1,20 @@
+.qp-navigation-preview {
+  --data-table-border-color: var(--g-color-line-generic);
+  min-width: 0;
+}
+.qp-navigation-preview__error {
+  display: block;
+}
+.qp-navigation-preview__table {
+  overflow-x: auto;
+}
+.qp-navigation-preview .data-table__row,
+.qp-navigation-preview .data-table__head {
+  height: 40px;
+}
+.qp-navigation-preview .data-table__th,
+.qp-navigation-preview .data-table__td {
+  border-width: 0 0 1px;
+  vertical-align: middle;
+}
+/*# sourceMappingURL=NavigationPreview.css.map */

package/build/esm/modules/NavigationPreview/NavigationPreview.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationPreview.scss"],"names":[],"mappings":"AAAA;EACE,sDAAA;EAEA,YAAA;AAAF;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,gBAAA;AADJ;AAIE;;EAEE,YAAA;AAFJ;AAKE;;EAEE,qBAAA;EACA,sBAAA;AAHJ","file":"NavigationPreview.css","sourcesContent":[".qp-navigation-preview {\n  --data-table-border-color: var(--g-color-line-generic);\n\n  min-width: 0;\n\n  &__error {\n    display: block;\n  }\n\n  &__table {\n    overflow-x: auto;\n  }\n\n  .data-table__row,\n  .data-table__head {\n    height: 40px;\n  }\n\n  .data-table__th,\n  .data-table__td {\n    border-width: 0 0 1px;\n    vertical-align: middle;\n  }\n}\n"],"sourceRoot":""}

package/build/esm/modules/NavigationPreview/NavigationPreview.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type Column } from '../../components';
+import type { NavigationPreviewConfig, NavigationPreviewRow } from '../../types/navigation';
+import './NavigationPreview.scss';
+export type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {
+    tableColumns?: Array<Column<TRow>>;
+    extraColumns?: Array<Column<TRow>>;
+};
+export type NavigationPreviewProps<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {
+    data: NavigationPreviewConfig<TRow>;
+    view?: NavigationPreviewViewConfig<TRow>;
+    search?: string;
+    onSearchUpdate?: (value: string) => void;
+    searchPlaceholder?: string;
+    visibleColumns?: string[];
+    onVisibleColumnsChange?: (value: string[]) => void;
+    defaultVisibleColumns?: string[];
+    hideToolbar?: boolean;
+    hideFieldsSelector?: boolean;
+    className?: string;
+};
+export declare function NavigationPreview<TRow extends NavigationPreviewRow = NavigationPreviewRow>({ data, view, search, onSearchUpdate, searchPlaceholder, visibleColumns, onVisibleColumnsChange, defaultVisibleColumns, hideToolbar, hideFieldsSelector, className, }: NavigationPreviewProps<TRow>): React.JSX.Element;

package/build/esm/modules/NavigationPreview/NavigationPreview.js

@@ -0,0 +1,107 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.string.search.js";
+import React, { useMemo } from 'react';
+import { Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { DataTable, FieldsSearchToolbar } from "../../components";
+import { useVisibleColumns } from "../../helpers/useVisibleColumns";
+import { buildPreviewColumns } from "./helpers/buildPreviewColumns";
+import { filterPreviewRows } from "./helpers/filterPreviewRows";
+import i18n from "./i18n";
+import "./NavigationPreview.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-preview');
+export function NavigationPreview(_ref) {
+  var data = _ref.data,
+    view = _ref.view,
+    search = _ref.search,
+    onSearchUpdate = _ref.onSearchUpdate,
+    searchPlaceholder = _ref.searchPlaceholder,
+    visibleColumns = _ref.visibleColumns,
+    onVisibleColumnsChange = _ref.onVisibleColumnsChange,
+    defaultVisibleColumns = _ref.defaultVisibleColumns,
+    hideToolbar = _ref.hideToolbar,
+    hideFieldsSelector = _ref.hideFieldsSelector,
+    className = _ref.className;
+  var columns = data.columns,
+    rows = data.rows,
+    loading = data.loading,
+    loaded = data.loaded,
+    errorContent = data.errorContent;
+  var _ref2 = view !== null && view !== void 0 ? view : {},
+    tableColumns = _ref2.tableColumns,
+    extraColumns = _ref2.extraColumns;
+  var _useVisibleColumns = useVisibleColumns(columns, {
+      value: visibleColumns,
+      onChange: onVisibleColumnsChange,
+      defaultValue: defaultVisibleColumns
+    }),
+    _useVisibleColumns2 = _slicedToArray(_useVisibleColumns, 2),
+    activeVisibleColumns = _useVisibleColumns2[0],
+    handleVisibleColumnsChange = _useVisibleColumns2[1];
+  var displayedColumnNames = useMemo(function () {
+    return columns.filter(function (column) {
+      return activeVisibleColumns.includes(column);
+    });
+  }, [columns, activeVisibleColumns]);
+  var resolvedColumns = useMemo(function () {
+    if (tableColumns) {
+      return tableColumns;
+    }
+    return [].concat(_toConsumableArray(buildPreviewColumns(displayedColumnNames, i18n)), _toConsumableArray(extraColumns !== null && extraColumns !== void 0 ? extraColumns : []));
+  }, [tableColumns, extraColumns, displayedColumnNames]);
+  var fieldsOptions = useMemo(function () {
+    return columns.map(function (column) {
+      return {
+        id: column,
+        title: column
+      };
+    });
+  }, [columns]);
+  var filteredRows = useMemo(function () {
+    return filterPreviewRows(rows, displayedColumnNames, search);
+  }, [rows, displayedColumnNames, search]);
+  if (errorContent) {
+    return /*#__PURE__*/_jsx(Text, {
+      color: "danger",
+      className: block('error'),
+      children: errorContent
+    });
+  }
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: [!hideToolbar && /*#__PURE__*/_jsx(FieldsSearchToolbar, {
+      search: search,
+      onSearchUpdate: onSearchUpdate,
+      searchPlaceholder: searchPlaceholder,
+      fields: fieldsOptions,
+      visibleFields: activeVisibleColumns,
+      onVisibleFieldsChange: handleVisibleColumnsChange,
+      hideFieldsSelector: hideFieldsSelector
+    }), /*#__PURE__*/_jsx(DataTable, {
+      columns: resolvedColumns,
+      data: filteredRows,
+      loading: loading,
+      loaded: loaded,
+      emptyVariant: search ? 'nothing-found' : 'no-data',
+      settings: {
+        displayIndices: false
+      },
+      className: block('table')
+    })]
+  });
+}
+// #sourceMappingURL=NavigationPreview.js.map

package/build/esm/modules/NavigationPreview/NavigationPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Flex","Text","cn","DataTable","FieldsSearchToolbar","useVisibleColumns","buildPreviewColumns","filterPreviewRows","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationPreview","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","rows","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumnNames","filter","column","includes","resolvedColumns","concat","_toConsumableArray","fieldsOptions","map","id","title","filteredRows","color","children","direction","gap","fields","visibleFields","onVisibleFieldsChange","emptyVariant","settings","displayIndices"],"sources":["NavigationPreview.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, FieldsSearchToolbar} from '../../components';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {NavigationPreviewConfig, NavigationPreviewRow} from '../../types/navigation';\nimport {buildPreviewColumns} from './helpers/buildPreviewColumns';\nimport {filterPreviewRows} from './helpers/filterPreviewRows';\nimport i18n from './i18n';\nimport './NavigationPreview.scss';\n\nconst block = cn('qp-navigation-preview');\n\nexport type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    {\n        tableColumns?: Array<Column<TRow>>;\n        extraColumns?: Array<Column<TRow>>;\n    };\n\nexport type NavigationPreviewProps<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {\n    data: NavigationPreviewConfig<TRow>;\n    view?: NavigationPreviewViewConfig<TRow>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n    visibleColumns?: string[];\n    onVisibleColumnsChange?: (value: string[]) => void;\n    defaultVisibleColumns?: string[];\n    hideToolbar?: boolean;\n    hideFieldsSelector?: boolean;\n    className?: string;\n};\n\nexport function NavigationPreview<TRow extends NavigationPreviewRow = NavigationPreviewRow>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationPreviewProps<TRow>) {\n    const {columns, rows, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(columns, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumnNames = useMemo(\n        () => columns.filter((column) => activeVisibleColumns.includes(column)),\n        [columns, activeVisibleColumns],\n    );\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildPreviewColumns<TRow>(displayedColumnNames, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, displayedColumnNames]);\n\n    const fieldsOptions = useMemo(\n        () => columns.map((column) => ({id: column, title: column})),\n        [columns],\n    );\n\n    const filteredRows = useMemo(\n        () => filterPreviewRows(rows, displayedColumnNames, search),\n        [rows, displayedColumnNames, search],\n    );\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            <DataTable<TRow>\n                columns={resolvedColumns}\n                data={filteredRows}\n                loading={loading}\n                loaded={loaded}\n                emptyVariant={search ? 'nothing-found' : 'no-data'}\n                settings={{displayIndices: false}}\n                className={block('table')}\n            />\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationPreview/NavigationPreview.scss

@@ -0,0 +1,24 @@
+.qp-navigation-preview {
+  --data-table-border-color: var(--g-color-line-generic);
+
+  min-width: 0;
+
+  &__error {
+    display: block;
+  }
+
+  &__table {
+    overflow-x: auto;
+  }
+
+  .data-table__row,
+  .data-table__head {
+    height: 40px;
+  }
+
+  .data-table__th,
+  .data-table__td {
+    border-width: 0 0 1px;
+    vertical-align: middle;
+  }
+}

package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.d.ts

@@ -0,0 +1,4 @@
+import type { Column } from '../../../components';
+import type { NavigationPreviewRow } from '../../../types/navigation';
+import type previewI18n from '../i18n';
+export declare function buildPreviewColumns<TRow extends NavigationPreviewRow>(columns: string[], i18n: typeof previewI18n): Array<Column<TRow>>;

package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.js

@@ -0,0 +1,5 @@
+import { buildColumnsFromKeys } from "../../../helpers/buildColumnsFromKeys";
+export function buildPreviewColumns(columns, i18n) {
+  return buildColumnsFromKeys(columns, i18n('value_empty'));
+}
+// #sourceMappingURL=buildPreviewColumns.js.map

package/build/esm/modules/NavigationPreview/helpers/buildPreviewColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildColumnsFromKeys","buildPreviewColumns","columns","i18n"],"sources":["buildPreviewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationPreviewRow} from '../../../types/navigation';\nimport type previewI18n from '../i18n';\n\nexport function buildPreviewColumns<TRow extends NavigationPreviewRow>(\n    columns: string[],\n    i18n: typeof previewI18n,\n): Array<Column<TRow>> {\n    return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":"AACA,SAAQA,oBAAoB;AAI5B,OAAO,SAASC,mBAAmBA,CAC/BC,OAAiB,EACjBC,IAAwB,EACL;EACnB,OAAOH,oBAAoB,CAAOE,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}

package/build/esm/modules/NavigationPreview/helpers/filterPreviewRows.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationPreviewRow } from '../../../types/navigation';
+export declare function filterPreviewRows<TRow extends NavigationPreviewRow>(rows: TRow[], columns: string[], search?: string): TRow[];

package/build/esm/modules/NavigationPreview/helpers/filterPreviewRows.js

@@ -0,0 +1,33 @@
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.some.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.some.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.string.trim.js";
+var stringifyCell = function stringifyCell(value) {
+  if (value === undefined || value === null) {
+    return '';
+  }
+  if (typeof value === 'string') {
+    return value;
+  }
+  if (typeof value === 'number' || typeof value === 'boolean') {
+    return String(value);
+  }
+  return '';
+};
+export function filterPreviewRows(rows, columns, search) {
+  var query = search === null || search === void 0 ? void 0 : search.trim().toLowerCase();
+  if (!query) {
+    return rows;
+  }
+  return rows.filter(function (row) {
+    return columns.some(function (column) {
+      return stringifyCell(row[column]).toLowerCase().includes(query);
+    });
+  });
+}
+// #sourceMappingURL=filterPreviewRows.js.map

package/build/esm/modules/NavigationPreview/helpers/filterPreviewRows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stringifyCell","value","undefined","String","filterPreviewRows","rows","columns","search","query","trim","toLowerCase","filter","row","some","column","includes"],"sources":["filterPreviewRows.ts"],"sourcesContent":["import type {NavigationPreviewRow} from '../../../types/navigation';\n\nconst stringifyCell = (value: unknown): string => {\n    if (value === undefined || value === null) {\n        return '';\n    }\n    if (typeof value === 'string') {\n        return value;\n    }\n    if (typeof value === 'number' || typeof value === 'boolean') {\n        return String(value);\n    }\n    return '';\n};\n\nexport function filterPreviewRows<TRow extends NavigationPreviewRow>(\n    rows: TRow[],\n    columns: string[],\n    search?: string,\n): TRow[] {\n    const query = search?.trim().toLowerCase();\n    if (!query) {\n        return rows;\n    }\n\n    return rows.filter((row) =>\n        columns.some((column) => stringifyCell(row[column]).toLowerCase().includes(query)),\n    );\n}\n"],"mappings":";;;;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAc,EAAa;EAC9C,IAAIA,KAAK,KAAKC,SAAS,IAAID,KAAK,KAAK,IAAI,EAAE;IACvC,OAAO,EAAE;EACb;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;IACzD,OAAOE,MAAM,CAACF,KAAK,CAAC;EACxB;EACA,OAAO,EAAE;AACb,CAAC;AAED,OAAO,SAASG,iBAAiBA,CAC7BC,IAAY,EACZC,OAAiB,EACjBC,MAAe,EACT;EACN,IAAMC,KAAK,GAAGD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;EAC1C,IAAI,CAACF,KAAK,EAAE;IACR,OAAOH,IAAI;EACf;EAEA,OAAOA,IAAI,CAACM,MAAM,CAAC,UAACC,GAAG;IAAA,OACnBN,OAAO,CAACO,IAAI,CAAC,UAACC,MAAM;MAAA,OAAKd,aAAa,CAACY,GAAG,CAACE,MAAM,CAAC,CAAC,CAACJ,WAAW,CAAC,CAAC,CAACK,QAAQ,CAACP,KAAK,CAAC;IAAA,EAAC;EAAA,CACtF,CAAC;AACL","ignoreList":[]}

package/build/esm/modules/NavigationPreview/i18n/dicts.d.ts

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

package/build/esm/modules/NavigationPreview/i18n/dicts.js

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

package/build/esm/modules/NavigationPreview/i18n/dicts.js.map

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

package/build/esm/modules/NavigationPreview/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "value_empty": "—"
+}

package/build/esm/modules/NavigationPreview/i18n/index.d.ts

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

package/build/esm/modules/NavigationPreview/i18n/index.js

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

package/build/esm/{components/HistoryListEmpty → modules/NavigationPreview}/i18n/index.js.map

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

package/build/esm/modules/NavigationPreview/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "value_empty": "—"
+}

package/build/esm/modules/NavigationPreview/index.d.ts

@@ -0,0 +1,4 @@
+export { NavigationPreview } from './NavigationPreview';
+export type { NavigationPreviewProps, NavigationPreviewViewConfig } from './NavigationPreview';
+export { buildPreviewColumns } from './helpers/buildPreviewColumns';
+export { filterPreviewRows } from './helpers/filterPreviewRows';

package/build/esm/modules/NavigationPreview/index.js

@@ -0,0 +1,4 @@
+export { NavigationPreview } from "./NavigationPreview";
+export { buildPreviewColumns } from "./helpers/buildPreviewColumns";
+export { filterPreviewRows } from "./helpers/filterPreviewRows";
+// #sourceMappingURL=index.js.map

package/build/esm/modules/NavigationPreview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationPreview","buildPreviewColumns","filterPreviewRows"],"sources":["index.ts"],"sourcesContent":["export {NavigationPreview} from './NavigationPreview';\nexport type {NavigationPreviewProps, NavigationPreviewViewConfig} from './NavigationPreview';\nexport {buildPreviewColumns} from './helpers/buildPreviewColumns';\nexport {filterPreviewRows} from './helpers/filterPreviewRows';\n"],"mappings":"AAAA,SAAQA,iBAAiB;AAEzB,SAAQC,mBAAmB;AAC3B,SAAQC,iBAAiB","ignoreList":[]}

package/build/esm/modules/NavigationPreview/story/NavigationPreview.stories.d.ts

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

package/build/esm/modules/NavigationPreview/story/NavigationPreview.stories.js

@@ -0,0 +1,138 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useState } from 'react';
+import { Icon, Label } from '@gravity-ui/uikit';
+var LockIcon = function LockIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M10.5 6V5a2.5 2.5 0 0 0-5 0v1zM4 5v1a3 3 0 0 0-3 3v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3V5a4 4 0 0 0-8 0m6.5 2.5H12A1.5 1.5 0 0 1 13.5 9v3a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 12V9A1.5 1.5 0 0 1 4 7.5zm-1.75 2a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LockIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import { NavigationPreview } from '..';
+import { PREVIEW_COLUMNS, PREVIEW_ROWS } from "./mockData";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/NavigationPreview',
+  component: NavigationPreview,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 560
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+export var Default = {
+  args: {
+    data: {
+      columns: PREVIEW_COLUMNS,
+      rows: PREVIEW_ROWS,
+      loaded: true
+    }
+  }
+};
+var ControlledStory = function ControlledStory() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var _useState3 = useState(['id', 'title', 'status']),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visibleColumns = _useState4[0],
+    setVisibleColumns = _useState4[1];
+  return /*#__PURE__*/_jsx(NavigationPreview, {
+    data: {
+      columns: PREVIEW_COLUMNS,
+      rows: PREVIEW_ROWS,
+      loaded: true
+    },
+    search: search,
+    onSearchUpdate: setSearch,
+    visibleColumns: visibleColumns,
+    onVisibleColumnsChange: setVisibleColumns
+  });
+};
+export var ControlledSearchAndColumns = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ControlledStory, {});
+  }
+};
+export var Loading = {
+  args: {
+    data: {
+      columns: [],
+      rows: [],
+      loading: true
+    }
+  }
+};
+export var Empty = {
+  args: {
+    data: {
+      columns: PREVIEW_COLUMNS,
+      rows: [],
+      loaded: true
+    }
+  }
+};
+export var Error = {
+  args: {
+    data: {
+      columns: [],
+      rows: [],
+      errorContent: 'Failed to load table preview'
+    }
+  }
+};
+var CUSTOM_ROWS = PREVIEW_ROWS.map(function (row, index) {
+  return _objectSpread(_objectSpread({}, row), {}, {
+    lock: index % 2 === 0 ? 'shared' : undefined
+  });
+});
+export var CustomColumns = {
+  args: {
+    data: {
+      columns: PREVIEW_COLUMNS,
+      rows: CUSTOM_ROWS,
+      loaded: true
+    },
+    view: {
+      extraColumns: [{
+        name: 'lock',
+        header: 'Lock',
+        render: function render(_ref) {
+          var row = _ref.row;
+          return row.lock ? /*#__PURE__*/_jsx(Label, {
+            icon: /*#__PURE__*/_jsx(Icon, {
+              data: LockIcon,
+              size: 12
+            }),
+            children: row.lock
+          }) : '—';
+        }
+      }]
+    }
+  }
+};
+// #sourceMappingURL=NavigationPreview.stories.js.map

package/build/esm/modules/NavigationPreview/story/NavigationPreview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Icon","Label","LockIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","NavigationPreview","PREVIEW_COLUMNS","PREVIEW_ROWS","jsx","meta","title","component","tags","parameters","layout","decorators","Story","style","Default","args","data","columns","rows","loaded","ControlledStory","_useState","_useState2","_slicedToArray","search","setSearch","_useState3","_useState4","visibleColumns","setVisibleColumns","onSearchUpdate","onVisibleColumnsChange","ControlledSearchAndColumns","render","Loading","loading","Empty","Error","errorContent","CUSTOM_ROWS","map","row","index","lock","undefined","CustomColumns","view","extraColumns","name","header","_ref","icon","size"],"sources":["NavigationPreview.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Icon, Label} from '@gravity-ui/uikit';\nimport LockIcon from '@gravity-ui/icons/svgs/lock.svg';\nimport {NavigationPreview} from '..';\nimport type {NavigationPreviewRow} from '../../../types/navigation';\nimport {PREVIEW_COLUMNS, PREVIEW_ROWS} from './mockData';\n\nconst meta: Meta<typeof NavigationPreview> = {\n    title: 'Modules/NavigationPreview',\n    component: NavigationPreview,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 560}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationPreview>;\n\nexport const Default: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: PREVIEW_ROWS, loaded: true},\n    },\n};\n\nconst ControlledStory = () => {\n    const [search, setSearch] = useState('');\n    const [visibleColumns, setVisibleColumns] = useState<string[]>(['id', 'title', 'status']);\n\n    return (\n        <NavigationPreview\n            data={{columns: PREVIEW_COLUMNS, rows: PREVIEW_ROWS, loaded: true}}\n            search={search}\n            onSearchUpdate={setSearch}\n            visibleColumns={visibleColumns}\n            onVisibleColumnsChange={setVisibleColumns}\n        />\n    );\n};\n\nexport const ControlledSearchAndColumns: Story = {\n    render: () => <ControlledStory />,\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {columns: [], rows: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: [], loaded: true},\n    },\n};\n\nexport const Error: Story = {\n    args: {\n        data: {columns: [], rows: [], errorContent: 'Failed to load table preview'},\n    },\n};\n\ntype CustomRow = NavigationPreviewRow & {lock?: string};\n\nconst CUSTOM_ROWS: CustomRow[] = PREVIEW_ROWS.map((row, index) => ({\n    ...row,\n    lock: index % 2 === 0 ? 'shared' : undefined,\n}));\n\nexport const CustomColumns: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: CUSTOM_ROWS, loaded: true},\n        view: {\n            extraColumns: [\n                {\n                    name: 'lock',\n                    header: 'Lock',\n                    render: ({row}) =>\n                        (row as CustomRow).lock ? (\n                            <Label icon={<Icon data={LockIcon} size={12} />}>\n                                {(row as CustomRow).lock}\n                            </Label>\n                        ) : (\n                            '—'\n                        ),\n                },\n            ],\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationPreview/story/mockData.d.ts

@@ -0,0 +1,3 @@
+import type { NavigationPreviewRow } from '../../../types/navigation';
+export declare const PREVIEW_COLUMNS: string[];
+export declare const PREVIEW_ROWS: NavigationPreviewRow[];

package/build/esm/modules/NavigationPreview/story/mockData.js

@@ -0,0 +1,18 @@
+export var PREVIEW_COLUMNS = ['id', 'created_at', 'title', 'status'];
+export var PREVIEW_ROWS = [{
+  id: '1',
+  created_at: '2024-01-01T10:00:00Z',
+  title: 'First row',
+  status: 'active'
+}, {
+  id: '2',
+  created_at: '2024-01-02T11:30:00Z',
+  title: 'Second row',
+  status: 'active'
+}, {
+  id: '3',
+  created_at: '2024-01-03T09:15:00Z',
+  title: 'Third row',
+  status: 'archived'
+}];
+// #sourceMappingURL=mockData.js.map

package/build/esm/modules/NavigationPreview/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PREVIEW_COLUMNS","PREVIEW_ROWS","id","created_at","title","status"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationPreviewRow} from '../../../types/navigation';\n\nexport const PREVIEW_COLUMNS = ['id', 'created_at', 'title', 'status'];\n\nexport const PREVIEW_ROWS: NavigationPreviewRow[] = [\n    {id: '1', created_at: '2024-01-01T10:00:00Z', title: 'First row', status: 'active'},\n    {id: '2', created_at: '2024-01-02T11:30:00Z', title: 'Second row', status: 'active'},\n    {id: '3', created_at: '2024-01-03T09:15:00Z', title: 'Third row', status: 'archived'},\n];\n"],"mappings":"AAEA,OAAO,IAAMA,eAAe,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC;AAEtE,OAAO,IAAMC,YAAoC,GAAG,CAChD;EAACC,EAAE,EAAE,GAAG;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,WAAW;EAAEC,MAAM,EAAE;AAAQ,CAAC,EACnF;EAACH,EAAE,EAAE,GAAG;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,YAAY;EAAEC,MAAM,EAAE;AAAQ,CAAC,EACpF;EAACH,EAAE,EAAE,GAAG;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,WAAW;EAAEC,MAAM,EAAE;AAAU,CAAC,CACxF","ignoreList":[]}

package/build/esm/modules/NavigationSchema/NavigationSchema.css

@@ -0,0 +1,20 @@
+.qp-navigation-schema {
+  --data-table-border-color: var(--g-color-line-generic);
+  min-width: 0;
+}
+.qp-navigation-schema__error {
+  display: block;
+}
+.qp-navigation-schema__table {
+  overflow-x: auto;
+}
+.qp-navigation-schema .data-table__row,
+.qp-navigation-schema .data-table__head {
+  height: 40px;
+}
+.qp-navigation-schema .data-table__th,
+.qp-navigation-schema .data-table__td {
+  border-width: 0 0 1px;
+  vertical-align: middle;
+}
+/*# sourceMappingURL=NavigationSchema.css.map */

package/build/esm/modules/NavigationSchema/NavigationSchema.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationSchema.scss"],"names":[],"mappings":"AAAA;EACE,sDAAA;EAEA,YAAA;AAAF;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,gBAAA;AADJ;AAIE;;EAEE,YAAA;AAFJ;AAKE;;EAEE,qBAAA;EACA,sBAAA;AAHJ","file":"NavigationSchema.css","sourcesContent":[".qp-navigation-schema {\n  --data-table-border-color: var(--g-color-line-generic);\n\n  min-width: 0;\n\n  &__error {\n    display: block;\n  }\n\n  &__table {\n    overflow-x: auto;\n  }\n\n  .data-table__row,\n  .data-table__head {\n    height: 40px;\n  }\n\n  .data-table__th,\n  .data-table__td {\n    border-width: 0 0 1px;\n    vertical-align: middle;\n  }\n}\n"],"sourceRoot":""}

package/build/esm/modules/NavigationSchema/NavigationSchema.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type Column } from '../../components';
+import type { NavigationSchemaColumn, NavigationSchemaConfig } from '../../types/navigation';
+import './NavigationSchema.scss';
+export type NavigationSchemaViewConfig<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn> = {
+    tableColumns?: Array<Column<TColumn>>;
+    extraColumns?: Array<Column<TColumn>>;
+};
+export type NavigationSchemaProps<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn> = {
+    data: NavigationSchemaConfig<TColumn>;
+    view?: NavigationSchemaViewConfig<TColumn>;
+    search?: string;
+    onSearchUpdate?: (value: string) => void;
+    searchPlaceholder?: string;
+    visibleColumns?: string[];
+    onVisibleColumnsChange?: (value: string[]) => void;
+    defaultVisibleColumns?: string[];
+    hideToolbar?: boolean;
+    hideFieldsSelector?: boolean;
+    className?: string;
+};
+export declare function NavigationSchema<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn>({ data, view, search, onSearchUpdate, searchPlaceholder, visibleColumns, onVisibleColumnsChange, defaultVisibleColumns, hideToolbar, hideFieldsSelector, className, }: NavigationSchemaProps<TColumn>): React.JSX.Element;