@gravity-ui/querieskit 1.0.4 → 1.2.0

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

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

package/build/cjs/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/cjs/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/cjs/modules/NavigationSchema/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavigationSchema", {
+  enumerable: true,
+  get: function () {
+    return _NavigationSchema.NavigationSchema;
+  }
+});
+Object.defineProperty(exports, "buildSchemaColumns", {
+  enumerable: true,
+  get: function () {
+    return _buildSchemaColumns.buildSchemaColumns;
+  }
+});
+Object.defineProperty(exports, "filterSchema", {
+  enumerable: true,
+  get: function () {
+    return _filterSchema.filterSchema;
+  }
+});
+var _NavigationSchema = require("./NavigationSchema");
+var _buildSchemaColumns = require("./helpers/buildSchemaColumns");
+var _filterSchema = require("./helpers/filterSchema");
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationSchema","require","_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,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA","ignoreList":[]}

package/build/cjs/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/cjs/modules/NavigationSchema/story/NavigationSchema.stories.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NothingFound = exports.Loading = exports.Error = exports.Empty = exports.Default = exports.CustomColumns = exports.ControlledVisibleColumns = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _ = require("..");
+var _mockData = require("./mockData");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var LockIcon = function LockIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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"
+};
+var meta = {
+  title: 'Modules/NavigationSchema',
+  component: _.NavigationSchema,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 480
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }]
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  args: {
+    data: {
+      columns: _mockData.SCHEMA_COLUMNS,
+      loaded: true
+    }
+  }
+};
+var Loading = exports.Loading = {
+  args: {
+    data: {
+      columns: [],
+      loading: true
+    }
+  }
+};
+var Empty = exports.Empty = {
+  args: {
+    data: {
+      columns: [],
+      loaded: true
+    }
+  }
+};
+var NothingFoundStory = function NothingFoundStory() {
+  var _useState = (0, _react.useState)('no-such-field'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.NavigationSchema, {
+    data: {
+      columns: _mockData.SCHEMA_COLUMNS,
+      loaded: true
+    },
+    search: search,
+    onSearchUpdate: setSearch
+  });
+};
+var NothingFound = exports.NothingFound = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NothingFoundStory, {});
+  }
+};
+var ControlledVisibleColumnsStory = function ControlledVisibleColumnsStory() {
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  var _useState5 = (0, _react.useState)(['name', 'type']),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    visibleColumns = _useState6[0],
+    setVisibleColumns = _useState6[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.NavigationSchema, {
+    data: {
+      columns: _mockData.SCHEMA_COLUMNS,
+      loaded: true
+    },
+    search: search,
+    onSearchUpdate: setSearch,
+    visibleColumns: visibleColumns,
+    onVisibleColumnsChange: setVisibleColumns
+  });
+};
+var ControlledVisibleColumns = exports.ControlledVisibleColumns = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ControlledVisibleColumnsStory, {});
+  }
+};
+var Error = exports.Error = {
+  args: {
+    data: {
+      columns: [],
+      errorContent: 'Failed to load table schema'
+    }
+  }
+};
+var CUSTOM_COLUMNS = _mockData.SCHEMA_COLUMNS.map(function (column, index) {
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
+    lock: index % 2 === 0 ? 'shared' : undefined
+  });
+});
+var CustomColumns = exports.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__*/(0, _jsxRuntime.jsx)(_uikit.Label, {
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+              data: LockIcon,
+              size: 12
+            }),
+            children: row.lock
+          }) : '—';
+        }
+      }]
+    }
+  }
+};
+// #sourceMappingURL=NavigationSchema.stories.js.map

package/build/cjs/modules/NavigationSchema/story/NavigationSchema.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_","_mockData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","LockIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","meta","title","component","NavigationSchema","tags","parameters","layout","decorators","Story","style","_default","exports","Default","args","data","columns","SCHEMA_COLUMNS","loaded","Loading","loading","Empty","NothingFoundStory","_useState","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","Label","icon","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/cjs/modules/NavigationSchema/story/mockData.d.ts

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

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCHEMA_COLUMNS = void 0;
+var SCHEMA_COLUMNS = exports.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/cjs/modules/NavigationSchema/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SCHEMA_COLUMNS","exports","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":";;;;;;AAEO,IAAMA,cAAwC,GAAAC,OAAA,CAAAD,cAAA,GAAG,CACpD;EAACE,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":[]}

package/build/cjs/modules/NavigationView/NavigationView.css

@@ -0,0 +1,35 @@
+.qp-navigation-view {
+  --data-table-border-color: var(--g-color-line-generic);
+  min-width: 0;
+}
+.qp-navigation-view__error {
+  display: block;
+}
+.qp-navigation-view__skeleton-row {
+  height: 24px;
+}
+.qp-navigation-view__empty {
+  height: 100%;
+}
+.qp-navigation-view__section {
+  width: 100%;
+}
+.qp-navigation-view__action {
+  color: var(--g-color-text-secondary);
+}
+.qp-navigation-view__summary {
+  width: 100%;
+}
+.qp-navigation-view__table {
+  overflow-x: auto;
+}
+.qp-navigation-view .data-table__row,
+.qp-navigation-view .data-table__head {
+  height: 40px;
+}
+.qp-navigation-view .data-table__th,
+.qp-navigation-view .data-table__td {
+  border-width: 0 0 1px;
+  vertical-align: middle;
+}
+/*# sourceMappingURL=NavigationView.css.map */

package/build/cjs/modules/NavigationView/NavigationView.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationView.scss"],"names":[],"mappings":"AAAA;EACE,sDAAA;EAEA,YAAA;AAAF;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,YAAA;AAFJ;AAKE;EACE,WAAA;AAHJ;AAME;EACE,oCAAA;AAJJ;AAOE;EACE,WAAA;AALJ;AAQE;EACE,gBAAA;AANJ;AASE;;EAEE,YAAA;AAPJ;AAUE;;EAEE,qBAAA;EACA,sBAAA;AARJ","file":"NavigationView.css","sourcesContent":[".qp-navigation-view {\n  --data-table-border-color: var(--g-color-line-generic);\n\n  min-width: 0;\n\n  &__error {\n    display: block;\n  }\n\n  &__skeleton-row {\n    height: 24px;\n  }\n\n  &__empty {\n    height: 100%;\n  }\n\n  &__section {\n    width: 100%;\n  }\n\n  &__action {\n    color: var(--g-color-text-secondary);\n  }\n\n  &__summary {\n    width: 100%;\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/cjs/modules/NavigationView/NavigationView.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type Column } from '../../components';
+import type { NavigationViewConfig, NavigationViewRow } from '../../types/navigation';
+import './NavigationView.scss';
+export type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {
+    tableColumns?: Array<Column<TRow>>;
+    extraColumns?: Array<Column<TRow>>;
+};
+export type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {
+    data: NavigationViewConfig<TRow>;
+    view?: NavigationViewViewConfig<TRow>;
+    className?: string;
+};
+export declare function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({ data, view, className, }: NavigationViewProps<TRow>): React.JSX.Element;

package/build/cjs/modules/NavigationView/NavigationView.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationView = NavigationView;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../components");
+var _NavigationViewSectionItem = require("./internal/NavigationViewSectionItem");
+require("./NavigationView.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-navigation-view');
+function NavigationView(_ref) {
+  var data = _ref.data,
+    view = _ref.view,
+    className = _ref.className;
+  var sections = data.sections,
+    loading = data.loading,
+    loaded = data.loaded,
+    errorContent = data.errorContent;
+  var _ref2 = view !== null && view !== void 0 ? view : {},
+    tableColumns = _ref2.tableColumns,
+    extraColumns = _ref2.extraColumns;
+  if (errorContent) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      color: "danger",
+      className: block('error'),
+      children: errorContent
+    });
+  }
+  if (loading && !loaded) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SkeletonRows, {
+      className: block(null, className),
+      rowClassName: block('skeleton-row')
+    });
+  }
+  if (sections.length === 0) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EmptyContent, {
+      variant: "no-data",
+      className: block('empty')
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: sections.map(function (section) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationViewSectionItem.NavigationViewSectionItem, {
+        section: section,
+        tableColumns: tableColumns,
+        extraColumns: extraColumns
+      }, section.id);
+    })
+  });
+}
+// #sourceMappingURL=NavigationView.js.map

package/build/cjs/modules/NavigationView/NavigationView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_components","_NavigationViewSectionItem","_jsxRuntime","e","__esModule","default","block","cn","NavigationView","_ref","data","view","className","sections","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_jsx","Text","color","children","SkeletonRows","rowClassName","length","EmptyContent","variant","Flex","direction","gap","map","section","NavigationViewSectionItem","id"],"sources":["NavigationView.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, EmptyContent, SkeletonRows} from '../../components';\nimport type {NavigationViewConfig, NavigationViewRow} from '../../types/navigation';\nimport {NavigationViewSectionItem} from './internal/NavigationViewSectionItem';\nimport './NavigationView.scss';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewViewConfig<TRow extends NavigationViewRow = NavigationViewRow> = {\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport type NavigationViewProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    data: NavigationViewConfig<TRow>;\n    view?: NavigationViewViewConfig<TRow>;\n    className?: string;\n};\n\nexport function NavigationView<TRow extends NavigationViewRow = NavigationViewRow>({\n    data,\n    view,\n    className,\n}: NavigationViewProps<TRow>) {\n    const {sections, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    if (loading && !loaded) {\n        return (\n            <SkeletonRows className={block(null, className)} rowClassName={block('skeleton-row')} />\n        );\n    }\n\n    if (sections.length === 0) {\n        return <EmptyContent variant=\"no-data\" className={block('empty')} />;\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {sections.map((section) => (\n                <NavigationViewSectionItem<TRow>\n                    key={section.id}\n                    section={section}\n                    tableColumns={tableColumns}\n                    extraColumns={extraColumns}\n                />\n            ))}\n        </Flex>\n    );\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,0BAAA,GAAAJ,OAAA;AACAA,OAAA;AAA+B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,oBAAoB,CAAC;AAa/B,SAASC,cAAcA,CAAAC,IAAA,EAIA;EAAA,IAH1BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,SAAS,GAAAH,IAAA,CAATG,SAAS;EAET,IAAOC,QAAQ,GAAmCH,IAAI,CAA/CG,QAAQ;IAAEC,OAAO,GAA0BJ,IAAI,CAArCI,OAAO;IAAEC,MAAM,GAAkBL,IAAI,CAA5BK,MAAM;IAAEC,YAAY,GAAIN,IAAI,CAApBM,YAAY;EAC9C,IAAAC,KAAA,GAAqCN,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,CAAC,CAAC;IAAxCO,YAAY,GAAAD,KAAA,CAAZC,YAAY;IAAEC,YAAY,GAAAF,KAAA,CAAZE,YAAY;EAEjC,IAAIH,YAAY,EAAE;IACd,oBACI,IAAAI,eAAA,EAACC,WAAI;MAACC,KAAK,EAAC,QAAQ;MAACV,SAAS,EAAEN,KAAK,CAAC,OAAO,CAAE;MAAAiB,QAAA,EAC1CP;IAAY,CACX,CAAC;EAEf;EAEA,IAAIF,OAAO,IAAI,CAACC,MAAM,EAAE;IACpB,oBACI,IAAAK,eAAA,EAACI,wBAAY;MAACZ,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;MAACa,YAAY,EAAEnB,KAAK,CAAC,cAAc;IAAE,CAAE,CAAC;EAEhG;EAEA,IAAIO,QAAQ,CAACa,MAAM,KAAK,CAAC,EAAE;IACvB,oBAAO,IAAAN,eAAA,EAACO,wBAAY;MAACC,OAAO,EAAC,SAAS;MAAChB,SAAS,EAAEN,KAAK,CAAC,OAAO;IAAE,CAAE,CAAC;EACxE;EAEA,oBACI,IAAAc,eAAA,EAACS,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACnB,SAAS,EAAEN,KAAK,CAAC,IAAI,EAAEM,SAAS,CAAE;IAAAW,QAAA,EAC9DV,QAAQ,CAACmB,GAAG,CAAC,UAACC,OAAO;MAAA,oBAClB,IAAAb,eAAA,EAACc,oDAAyB;QAEtBD,OAAO,EAAEA,OAAQ;QACjBf,YAAY,EAAEA,YAAa;QAC3BC,YAAY,EAAEA;MAAa,GAHtBc,OAAO,CAACE,EAIhB,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEf","ignoreList":[]}

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.d.ts

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

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildViewColumns = buildViewColumns;
+var _buildColumnsFromKeys = require("../../../helpers/buildColumnsFromKeys");
+function buildViewColumns(columns, i18n) {
+  return (0, _buildColumnsFromKeys.buildColumnsFromKeys)(columns, i18n('value_empty'));
+}
+// #sourceMappingURL=buildViewColumns.js.map

package/build/cjs/modules/NavigationView/helpers/buildViewColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_buildColumnsFromKeys","require","buildViewColumns","columns","i18n","buildColumnsFromKeys"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n    columns: string[],\n    i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n    return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":";;;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AAIO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAO,IAAAC,0CAAoB,EAAOF,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}

package/build/cjs/modules/NavigationView/i18n/dicts.d.ts

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

package/build/cjs/modules/NavigationView/i18n/dicts.js

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

package/build/cjs/modules/NavigationView/i18n/dicts.js.map

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

package/build/cjs/modules/NavigationView/i18n/en.json

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

package/build/cjs/modules/NavigationView/i18n/index.d.ts

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

package/build/cjs/modules/NavigationView/i18n/index.js

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

package/build/cjs/modules/NavigationView/i18n/index.js.map

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

package/build/cjs/modules/NavigationView/i18n/ru.json

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

package/build/cjs/modules/NavigationView/index.d.ts

@@ -0,0 +1,3 @@
+export { NavigationView } from './NavigationView';
+export type { NavigationViewProps, NavigationViewViewConfig } from './NavigationView';
+export { buildViewColumns } from './helpers/buildViewColumns';

package/build/cjs/modules/NavigationView/index.js

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

package/build/cjs/modules/NavigationView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationView","require","_buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {NavigationView} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\nexport {buildViewColumns} from './helpers/buildViewColumns';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA","ignoreList":[]}

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type Column } from '../../../components';
+import type { NavigationViewRow, NavigationViewSection } from '../../../types/navigation';
+export type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {
+    section: NavigationViewSection<TRow>;
+    tableColumns?: Array<Column<TRow>>;
+    extraColumns?: Array<Column<TRow>>;
+};
+export declare function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({ section, tableColumns, extraColumns, }: NavigationViewSectionItemProps<TRow>): React.JSX.Element;

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationViewSectionItem = NavigationViewSectionItem;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+require("core-js/modules/es.array.concat.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../../components");
+var _buildViewColumns = require("../helpers/buildViewColumns");
+var _i18n = _interopRequireDefault(require("../i18n"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-navigation-view');
+function NavigationViewSectionItem(_ref) {
+  var section = _ref.section,
+    tableColumns = _ref.tableColumns,
+    extraColumns = _ref.extraColumns;
+  var resolvedColumns = (0, _react.useMemo)(function () {
+    if (tableColumns) {
+      return tableColumns;
+    }
+    return [].concat((0, _toConsumableArray2.default)((0, _buildViewColumns.buildViewColumns)(section.columns, _i18n.default)), (0, _toConsumableArray2.default)(extraColumns !== null && extraColumns !== void 0 ? extraColumns : []));
+  }, [tableColumns, extraColumns, section.columns]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Disclosure, {
+    summary: section.title,
+    expanded: section.expanded,
+    defaultExpanded: section.defaultExpanded,
+    onUpdate: section.onExpandedChange,
+    className: block('section'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Disclosure.Summary, {
+      children: function children(_props, defaultButton) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+          gap: 2,
+          justifyContent: "flex-start",
+          alignItems: "center",
+          className: block('summary'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+            minWidth: 0,
+            children: defaultButton
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.NavigationActionButtons, {
+            actions: section.actions,
+            arg: section,
+            buttonClassName: block('action')
+          })]
+        });
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Disclosure.Details, {
+      children: section.errorContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        color: "danger",
+        children: section.errorContent
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DataTable, {
+        columns: resolvedColumns,
+        data: section.rows,
+        loading: section.loading,
+        loaded: section.loaded,
+        settings: {
+          displayIndices: false
+        },
+        className: block('table')
+      })
+    })]
+  });
+}
+// #sourceMappingURL=NavigationViewSectionItem.js.map

package/build/cjs/modules/NavigationView/internal/NavigationViewSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_buildViewColumns","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","useMemo","concat","_toConsumableArray","buildViewColumns","columns","i18n","_jsxs","Disclosure","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","_jsx","Summary","_props","defaultButton","Flex","gap","justifyContent","alignItems","minWidth","NavigationActionButtons","actions","arg","buttonClassName","Details","errorContent","Text","color","DataTable","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, NavigationActionButtons} from '../../../components';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    section: NavigationViewSection<TRow>;\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n    section,\n    tableColumns,\n    extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, section.columns]);\n\n    return (\n        <Disclosure\n            summary={section.title}\n            expanded={section.expanded}\n            defaultExpanded={section.defaultExpanded}\n            onUpdate={section.onExpandedChange}\n            className={block('section')}\n        >\n            <Disclosure.Summary>\n                {(_props, defaultButton) => (\n                    <Flex\n                        gap={2}\n                        justifyContent=\"flex-start\"\n                        alignItems=\"center\"\n                        className={block('summary')}\n                    >\n                        <Flex minWidth={0}>{defaultButton}</Flex>\n                        <NavigationActionButtons\n                            actions={section.actions}\n                            arg={section}\n                            buttonClassName={block('action')}\n                        />\n                    </Flex>\n                )}\n            </Disclosure.Summary>\n            <Disclosure.Details>\n                {section.errorContent ? (\n                    <Text color=\"danger\">{section.errorContent}</Text>\n                ) : (\n                    <DataTable<TRow>\n                        columns={resolvedColumns}\n                        data={section.rows}\n                        loading={section.loading}\n                        loaded={section.loaded}\n                        settings={{displayIndices: false}}\n                        className={block('table')}\n                    />\n                )}\n            </Disclosure.Details>\n        </Disclosure>\n    );\n}\n"],"mappings":"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","ignoreList":[]}