@gravity-ui/querieskit 1.0.4 → 1.1.0

package/build/esm/modules/NavigationSchema/NavigationSchema.js

@@ -0,0 +1,113 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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.function.name.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 { buildSchemaColumns } from "./helpers/buildSchemaColumns";
+import { filterSchema } from "./helpers/filterSchema";
+import i18n from "./i18n";
+import "./NavigationSchema.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-schema');
+export function NavigationSchema(_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,
+    loading = data.loading,
+    loaded = data.loaded,
+    errorContent = data.errorContent;
+  var _ref2 = view !== null && view !== void 0 ? view : {},
+    tableColumns = _ref2.tableColumns,
+    extraColumns = _ref2.extraColumns;
+  var resolvedColumns = useMemo(function () {
+    if (tableColumns) {
+      return tableColumns;
+    }
+    return [].concat(_toConsumableArray(buildSchemaColumns(i18n)), _toConsumableArray(extraColumns !== null && extraColumns !== void 0 ? extraColumns : []));
+  }, [tableColumns, extraColumns]);
+  var allColumnNames = useMemo(function () {
+    return resolvedColumns.map(function (column) {
+      return column.name;
+    });
+  }, [resolvedColumns]);
+  var _useVisibleColumns = useVisibleColumns(allColumnNames, {
+      value: visibleColumns,
+      onChange: onVisibleColumnsChange,
+      defaultValue: defaultVisibleColumns
+    }),
+    _useVisibleColumns2 = _slicedToArray(_useVisibleColumns, 2),
+    activeVisibleColumns = _useVisibleColumns2[0],
+    handleVisibleColumnsChange = _useVisibleColumns2[1];
+  var displayedColumns = useMemo(function () {
+    return resolvedColumns.filter(function (column) {
+      return activeVisibleColumns.includes(column.name);
+    });
+  }, [resolvedColumns, activeVisibleColumns]);
+  var fieldsOptions = useMemo(function () {
+    return resolvedColumns.map(function (column) {
+      var _column$header;
+      return {
+        id: column.name,
+        title: (_column$header = column.header) !== null && _column$header !== void 0 ? _column$header : column.name
+      };
+    });
+  }, [resolvedColumns]);
+  var rows = useMemo(function () {
+    return filterSchema(columns, search);
+  }, [columns, 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: displayedColumns,
+      data: rows,
+      loading: loading,
+      loaded: loaded,
+      emptyVariant: search ? 'nothing-found' : 'no-data',
+      settings: {
+        displayIndices: false
+      },
+      className: block('table')
+    })]
+  });
+}
+// #sourceMappingURL=NavigationSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Flex","Text","cn","DataTable","FieldsSearchToolbar","useVisibleColumns","buildSchemaColumns","filterSchema","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationSchema","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","resolvedColumns","concat","_toConsumableArray","allColumnNames","map","column","name","_useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumns","filter","includes","fieldsOptions","_column$header","id","title","header","rows","color","children","direction","gap","fields","visibleFields","onVisibleFieldsChange","emptyVariant","settings","displayIndices"],"sources":["NavigationSchema.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 {NavigationSchemaColumn, NavigationSchemaConfig} from '../../types/navigation';\nimport {buildSchemaColumns} from './helpers/buildSchemaColumns';\nimport {filterSchema} from './helpers/filterSchema';\nimport i18n from './i18n';\nimport './NavigationSchema.scss';\n\nconst block = cn('qp-navigation-schema');\n\nexport type NavigationSchemaViewConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = {\n    tableColumns?: Array<Column<TColumn>>;\n    extraColumns?: Array<Column<TColumn>>;\n};\n\nexport type NavigationSchemaProps<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn> =\n    {\n        data: NavigationSchemaConfig<TColumn>;\n        view?: NavigationSchemaViewConfig<TColumn>;\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 NavigationSchema<TColumn extends NavigationSchemaColumn = NavigationSchemaColumn>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationSchemaProps<TColumn>) {\n    const {columns, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildSchemaColumns<TColumn>(i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns]);\n\n    const allColumnNames = useMemo(\n        () => resolvedColumns.map((column) => column.name),\n        [resolvedColumns],\n    );\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(allColumnNames, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumns = useMemo(\n        () => resolvedColumns.filter((column) => activeVisibleColumns.includes(column.name)),\n        [resolvedColumns, activeVisibleColumns],\n    );\n\n    const fieldsOptions = useMemo(\n        () =>\n            resolvedColumns.map((column) => ({\n                id: column.name,\n                title: column.header ?? column.name,\n            })),\n        [resolvedColumns],\n    );\n\n    const rows = useMemo(() => filterSchema(columns, search), [columns, search]);\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<TColumn>\n                columns={displayedColumns}\n                data={rows}\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/NavigationSchema/NavigationSchema.scss

@@ -0,0 +1,24 @@
+.qp-navigation-schema {
+  --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/NavigationSchema/helpers/buildSchemaColumns.d.ts

@@ -0,0 +1,4 @@
+import type { Column } from '../../../components';
+import type { NavigationSchemaColumn } from '../../../types/navigation';
+import type schemaI18n from '../i18n';
+export declare function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(i18n: typeof schemaI18n): Array<Column<TColumn>>;

package/build/esm/modules/NavigationSchema/helpers/buildSchemaColumns.js

@@ -0,0 +1,107 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.function.name.js";
+import React from 'react';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ArrowUpIcon = function ArrowUpIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 14.75a.75.75 0 0 1-.75-.75V3.81L4.53 6.53a.75.75 0 0 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 0 1-1.06 1.06L8.75 3.81V14a.75.75 0 0 1-.75.75",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowUpIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var ArrowDownIcon = function ArrowDownIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M8 1.25a.75.75 0 0 1 .75.75v10.19l2.72-2.72a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06l2.72 2.72V2A.75.75 0 0 1 8 1.25",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowDownIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var CheckIcon = function CheckIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927 5.473-6.385a.75.75 0 0 1 1.057-.081",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CheckIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var SORT_ICONS = {
+  ascending: ArrowUpIcon,
+  descending: ArrowDownIcon
+};
+export function buildSchemaColumns(i18n) {
+  return [{
+    name: 'name',
+    header: i18n('title_column-name'),
+    render: function render(_ref) {
+      var row = _ref.row;
+      return /*#__PURE__*/_jsxs(Flex, {
+        inline: true,
+        gap: 1,
+        alignItems: "center",
+        children: [/*#__PURE__*/_jsx(Text, {
+          children: row.name
+        }), row.sortOrder && /*#__PURE__*/_jsx(Icon, {
+          data: SORT_ICONS[row.sortOrder],
+          size: 14
+        })]
+      });
+    }
+  }, {
+    name: 'type',
+    header: i18n('title_column-type'),
+    render: function render(_ref2) {
+      var _row$type;
+      var row = _ref2.row;
+      return (_row$type = row.type) !== null && _row$type !== void 0 ? _row$type : i18n('value_empty');
+    }
+  }, {
+    name: 'sortOrder',
+    header: i18n('title_column-sort-order'),
+    render: function render(_ref3) {
+      var row = _ref3.row;
+      return row.sortOrder ? i18n(row.sortOrder === 'ascending' ? 'value_sort-ascending' : 'value_sort-descending') : i18n('value_empty');
+    }
+  }, {
+    name: 'required',
+    header: i18n('title_column-required'),
+    align: 'center',
+    render: function render(_ref4) {
+      var row = _ref4.row;
+      return row.required ? /*#__PURE__*/_jsx(Icon, {
+        data: CheckIcon,
+        size: 16
+      }) : i18n('value_empty');
+    }
+  }];
+}
+// #sourceMappingURL=buildSchemaColumns.js.map

package/build/esm/modules/NavigationSchema/helpers/buildSchemaColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Icon","Text","jsx","_jsx","jsxs","_jsxs","ArrowUpIcon","props","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowDownIcon","CheckIcon","SORT_ICONS","ascending","descending","buildSchemaColumns","i18n","name","header","render","_ref","row","inline","gap","alignItems","sortOrder","data","size","_ref2","_row$type","type","_ref3","align","_ref4","required"],"sources":["buildSchemaColumns.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport ArrowUpIcon from '@gravity-ui/icons/svgs/arrow-up.svg';\nimport ArrowDownIcon from '@gravity-ui/icons/svgs/arrow-down.svg';\nimport CheckIcon from '@gravity-ui/icons/svgs/check.svg';\nimport type {Column} from '../../../components';\nimport type {NavigationSchemaColumn, NavigationSchemaSortOrder} from '../../../types/navigation';\nimport type schemaI18n from '../i18n';\n\nconst SORT_ICONS: Record<NavigationSchemaSortOrder, typeof ArrowUpIcon> = {\n    ascending: ArrowUpIcon,\n    descending: ArrowDownIcon,\n};\n\nexport function buildSchemaColumns<TColumn extends NavigationSchemaColumn>(\n    i18n: typeof schemaI18n,\n): Array<Column<TColumn>> {\n    return [\n        {\n            name: 'name',\n            header: i18n('title_column-name'),\n            render: ({row}) => (\n                <Flex inline gap={1} alignItems=\"center\">\n                    <Text>{row.name}</Text>\n                    {row.sortOrder && <Icon data={SORT_ICONS[row.sortOrder]} size={14} />}\n                </Flex>\n            ),\n        },\n        {\n            name: 'type',\n            header: i18n('title_column-type'),\n            render: ({row}) => row.type ?? i18n('value_empty'),\n        },\n        {\n            name: 'sortOrder',\n            header: i18n('title_column-sort-order'),\n            render: ({row}) =>\n                row.sortOrder\n                    ? i18n(\n                          row.sortOrder === 'ascending'\n                              ? 'value_sort-ascending'\n                              : 'value_sort-descending',\n                      )\n                    : i18n('value_empty'),\n        },\n        {\n            name: 'required',\n            header: i18n('title_column-required'),\n            align: 'center',\n            render: ({row}) =>\n                row.required ? <Icon data={CheckIcon} size={16} /> : i18n('value_empty'),\n        },\n    ];\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/build/esm/modules/NavigationSchema/helpers/filterSchema.js

@@ -0,0 +1,19 @@
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.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";
+export function filterSchema(columns, search) {
+  var query = search === null || search === void 0 ? void 0 : search.trim().toLowerCase();
+  if (!query) {
+    return columns;
+  }
+  return columns.filter(function (column) {
+    var _column$type$toLowerC, _column$type;
+    return column.name.toLowerCase().includes(query) || ((_column$type$toLowerC = (_column$type = column.type) === null || _column$type === void 0 ? void 0 : _column$type.toLowerCase().includes(query)) !== null && _column$type$toLowerC !== void 0 ? _column$type$toLowerC : false);
+  });
+}
+// #sourceMappingURL=filterSchema.js.map

package/build/esm/modules/NavigationSchema/helpers/filterSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterSchema","columns","search","query","trim","toLowerCase","filter","column","_column$type$toLowerC","_column$type","name","includes","type"],"sources":["filterSchema.ts"],"sourcesContent":["import type {NavigationSchemaColumn} from '../../../types/navigation';\n\nexport function filterSchema<TColumn extends NavigationSchemaColumn>(\n    columns: TColumn[],\n    search?: string,\n): TColumn[] {\n    const query = search?.trim().toLowerCase();\n    if (!query) {\n        return columns;\n    }\n\n    return columns.filter((column) => {\n        return (\n            column.name.toLowerCase().includes(query) ||\n            (column.type?.toLowerCase().includes(query) ?? false)\n        );\n    });\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,SAASA,YAAYA,CACxBC,OAAkB,EAClBC,MAAe,EACN;EACT,IAAMC,KAAK,GAAGD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;EAC1C,IAAI,CAACF,KAAK,EAAE;IACR,OAAOF,OAAO;EAClB;EAEA,OAAOA,OAAO,CAACK,MAAM,CAAC,UAACC,MAAM,EAAK;IAAA,IAAAC,qBAAA,EAAAC,YAAA;IAC9B,OACIF,MAAM,CAACG,IAAI,CAACL,WAAW,CAAC,CAAC,CAACM,QAAQ,CAACR,KAAK,CAAC,MAAAK,qBAAA,IAAAC,YAAA,GACxCF,MAAM,CAACK,IAAI,cAAAH,YAAA,uBAAXA,YAAA,CAAaJ,WAAW,CAAC,CAAC,CAACM,QAAQ,CAACR,KAAK,CAAC,cAAAK,qBAAA,cAAAA,qBAAA,GAAI,KAAK,CAAC;EAE7D,CAAC,CAAC;AACN","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+declare const _default: {
+    en: {
+        "title_column-name": string;
+        "title_column-type": string;
+        "title_column-sort-order": string;
+        "title_column-required": string;
+        "value_sort-ascending": string;
+        "value_sort-descending": string;
+        value_empty: string;
+    };
+    ru: {
+        "title_column-name": string;
+        "title_column-type": string;
+        "title_column-sort-order": string;
+        "title_column-required": string;
+        "value_sort-ascending": string;
+        "value_sort-descending": string;
+        value_empty: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+{
+    "title_column-name": "Name",
+    "title_column-type": "Type",
+    "title_column-sort-order": "Sort order",
+    "title_column-required": "Required",
+    "value_sort-ascending": "Ascending",
+    "value_sort-descending": "Descending",
+    "value_empty": "—"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "title_column-name" | "title_column-type" | "title_column-sort-order" | "title_column-required" | "value_sort-ascending" | "value_sort-descending" | "value_empty", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:navigation-schema": Record<"title_column-name" | "title_column-type" | "title_column-sort-order" | "title_column-required" | "value_sort-ascending" | "value_sort-descending" | "value_empty", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

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

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

package/build/esm/modules/NavigationSchema/i18n/index.js.map

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

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

@@ -0,0 +1,9 @@
+{
+    "title_column-name": "Имя",
+    "title_column-type": "Тип",
+    "title_column-sort-order": "Сортировка",
+    "title_column-required": "Обязательное",
+    "value_sort-ascending": "По возрастанию",
+    "value_sort-descending": "По убыванию",
+    "value_empty": "—"
+}

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

@@ -0,0 +1,4 @@
+export { NavigationSchema } from './NavigationSchema';
+export type { NavigationSchemaProps, NavigationSchemaViewConfig } from './NavigationSchema';
+export { buildSchemaColumns } from './helpers/buildSchemaColumns';
+export { filterSchema } from './helpers/filterSchema';

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

@@ -0,0 +1,4 @@
+export { NavigationSchema } from "./NavigationSchema";
+export { buildSchemaColumns } from "./helpers/buildSchemaColumns";
+export { filterSchema } from "./helpers/filterSchema";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationSchema","buildSchemaColumns","filterSchema"],"sources":["index.ts"],"sourcesContent":["export {NavigationSchema} from './NavigationSchema';\nexport type {NavigationSchemaProps, NavigationSchemaViewConfig} from './NavigationSchema';\nexport {buildSchemaColumns} from './helpers/buildSchemaColumns';\nexport {filterSchema} from './helpers/filterSchema';\n"],"mappings":"AAAA,SAAQA,gBAAgB;AAExB,SAAQC,kBAAkB;AAC1B,SAAQC,YAAY","ignoreList":[]}

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

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

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

@@ -0,0 +1,151 @@
+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 { NavigationSchema } from '..';
+import { SCHEMA_COLUMNS } from "./mockData";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/NavigationSchema',
+  component: NavigationSchema,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 480
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+export var Default = {
+  args: {
+    data: {
+      columns: SCHEMA_COLUMNS,
+      loaded: true
+    }
+  }
+};
+export var Loading = {
+  args: {
+    data: {
+      columns: [],
+      loading: true
+    }
+  }
+};
+export var Empty = {
+  args: {
+    data: {
+      columns: [],
+      loaded: true
+    }
+  }
+};
+var NothingFoundStory = function NothingFoundStory() {
+  var _useState = useState('no-such-field'),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  return /*#__PURE__*/_jsx(NavigationSchema, {
+    data: {
+      columns: SCHEMA_COLUMNS,
+      loaded: true
+    },
+    search: search,
+    onSearchUpdate: setSearch
+  });
+};
+export var NothingFound = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(NothingFoundStory, {});
+  }
+};
+var ControlledVisibleColumnsStory = function ControlledVisibleColumnsStory() {
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  var _useState5 = useState(['name', 'type']),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visibleColumns = _useState6[0],
+    setVisibleColumns = _useState6[1];
+  return /*#__PURE__*/_jsx(NavigationSchema, {
+    data: {
+      columns: SCHEMA_COLUMNS,
+      loaded: true
+    },
+    search: search,
+    onSearchUpdate: setSearch,
+    visibleColumns: visibleColumns,
+    onVisibleColumnsChange: setVisibleColumns
+  });
+};
+export var ControlledVisibleColumns = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ControlledVisibleColumnsStory, {});
+  }
+};
+export var Error = {
+  args: {
+    data: {
+      columns: [],
+      errorContent: 'Failed to load table schema'
+    }
+  }
+};
+var CUSTOM_COLUMNS = SCHEMA_COLUMNS.map(function (column, index) {
+  return _objectSpread(_objectSpread({}, column), {}, {
+    lock: index % 2 === 0 ? 'shared' : undefined
+  });
+});
+export var CustomColumns = {
+  args: {
+    data: {
+      columns: CUSTOM_COLUMNS,
+      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=NavigationSchema.stories.js.map

package/build/esm/modules/NavigationSchema/story/NavigationSchema.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","NavigationSchema","SCHEMA_COLUMNS","jsx","meta","title","component","tags","parameters","layout","decorators","Story","style","Default","args","data","columns","loaded","Loading","loading","Empty","NothingFoundStory","_useState","_useState2","_slicedToArray","search","setSearch","onSearchUpdate","NothingFound","render","ControlledVisibleColumnsStory","_useState3","_useState4","_useState5","_useState6","visibleColumns","setVisibleColumns","onVisibleColumnsChange","ControlledVisibleColumns","Error","errorContent","CUSTOM_COLUMNS","map","column","index","lock","undefined","CustomColumns","view","extraColumns","name","header","_ref","row","icon","size"],"sources":["NavigationSchema.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 {NavigationSchema} from '..';\nimport type {NavigationSchemaColumn} from '../../../types/navigation';\nimport {SCHEMA_COLUMNS} from './mockData';\n\nconst meta: Meta<typeof NavigationSchema> = {\n    title: 'Modules/NavigationSchema',\n    component: NavigationSchema,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 480}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationSchema>;\n\nexport const Default: Story = {\n    args: {\n        data: {columns: SCHEMA_COLUMNS, loaded: true},\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {columns: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {columns: [], loaded: true},\n    },\n};\n\nconst NothingFoundStory = () => {\n    const [search, setSearch] = useState('no-such-field');\n\n    return (\n        <NavigationSchema\n            data={{columns: SCHEMA_COLUMNS, loaded: true}}\n            search={search}\n            onSearchUpdate={setSearch}\n        />\n    );\n};\n\nexport const NothingFound: Story = {render: () => <NothingFoundStory />};\n\nconst ControlledVisibleColumnsStory = () => {\n    const [search, setSearch] = useState('');\n    const [visibleColumns, setVisibleColumns] = useState<string[]>(['name', 'type']);\n\n    return (\n        <NavigationSchema\n            data={{columns: SCHEMA_COLUMNS, loaded: true}}\n            search={search}\n            onSearchUpdate={setSearch}\n            visibleColumns={visibleColumns}\n            onVisibleColumnsChange={setVisibleColumns}\n        />\n    );\n};\n\nexport const ControlledVisibleColumns: Story = {\n    render: () => <ControlledVisibleColumnsStory />,\n};\n\nexport const Error: Story = {\n    args: {\n        data: {columns: [], errorContent: 'Failed to load table schema'},\n    },\n};\n\ntype CustomColumn = NavigationSchemaColumn & {lock?: string};\n\nconst CUSTOM_COLUMNS: CustomColumn[] = SCHEMA_COLUMNS.map((column, index) => ({\n    ...column,\n    lock: index % 2 === 0 ? 'shared' : undefined,\n}));\n\nexport const CustomColumns: Story = {\n    args: {\n        data: {columns: CUSTOM_COLUMNS, loaded: true},\n        view: {\n            extraColumns: [\n                {\n                    name: 'lock',\n                    header: 'Lock',\n                    render: ({row}) =>\n                        (row as CustomColumn).lock ? (\n                            <Label icon={<Icon data={LockIcon} size={12} />}>\n                                {(row as CustomColumn).lock}\n                            </Label>\n                        ) : (\n                            '—'\n                        ),\n                },\n            ],\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import type { NavigationSchemaColumn } from '../../../types/navigation';
+export declare const SCHEMA_COLUMNS: NavigationSchemaColumn[];

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

@@ -0,0 +1,22 @@
+export var SCHEMA_COLUMNS = [{
+  name: 'id',
+  type: 'int64',
+  sortOrder: 'ascending',
+  required: true
+}, {
+  name: 'created_at',
+  type: 'string',
+  sortOrder: 'descending',
+  required: true
+}, {
+  name: 'title',
+  type: 'string',
+  required: true
+}, {
+  name: 'status',
+  type: 'string'
+}, {
+  name: 'payload',
+  type: 'any'
+}];
+// #sourceMappingURL=mockData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SCHEMA_COLUMNS","name","type","sortOrder","required"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationSchemaColumn} from '../../../types/navigation';\n\nexport const SCHEMA_COLUMNS: NavigationSchemaColumn[] = [\n    {name: 'id', type: 'int64', sortOrder: 'ascending', required: true},\n    {name: 'created_at', type: 'string', sortOrder: 'descending', required: true},\n    {name: 'title', type: 'string', required: true},\n    {name: 'status', type: 'string'},\n    {name: 'payload', type: 'any'},\n];\n"],"mappings":"AAEA,OAAO,IAAMA,cAAwC,GAAG,CACpD;EAACC,IAAI,EAAE,IAAI;EAAEC,IAAI,EAAE,OAAO;EAAEC,SAAS,EAAE,WAAW;EAAEC,QAAQ,EAAE;AAAI,CAAC,EACnE;EAACH,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,QAAQ;EAAEC,SAAS,EAAE,YAAY;EAAEC,QAAQ,EAAE;AAAI,CAAC,EAC7E;EAACH,IAAI,EAAE,OAAO;EAAEC,IAAI,EAAE,QAAQ;EAAEE,QAAQ,EAAE;AAAI,CAAC,EAC/C;EAACH,IAAI,EAAE,QAAQ;EAAEC,IAAI,EAAE;AAAQ,CAAC,EAChC;EAACD,IAAI,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAK,CAAC,CACjC","ignoreList":[]}