@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/cjs/components/LazyList/LazyList.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LazyList = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.reduce.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _useLoadMoreSentinel = require("../../helpers/useLoadMoreSentinel");
+var _ListSpinner = require("../ListSpinner");
+require("./LazyList.css");
+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-lazy-list');
+var SENTINEL_ROW_HEIGHT = 1;
+var isSentinelRow = function isSentinelRow(row) {
+  return Boolean(row) && (0, _typeof2.default)(row) === 'object' && '__sentinel' in row;
+};
+var LazyList = exports.LazyList = function LazyList(_ref) {
+  var items = _ref.items,
+    itemHeight = _ref.itemHeight,
+    _renderItem = _ref.renderItem,
+    hasMore = _ref.hasMore,
+    onLoadMore = _ref.onLoadMore,
+    _onItemClick = _ref.onItemClick,
+    selectedItemIndex = _ref.selectedItemIndex,
+    _ref$filterable = _ref.filterable,
+    filterable = _ref$filterable === void 0 ? false : _ref$filterable,
+    loading = _ref.loading,
+    error = _ref.error,
+    emptyContent = _ref.emptyContent,
+    isEmpty = _ref.isEmpty,
+    className = _ref.className;
+  var sentinelRef = (0, _useLoadMoreSentinel.useLoadMoreSentinel)(hasMore, onLoadMore);
+  var rows = (0, _react.useMemo)(function () {
+    return hasMore ? [].concat((0, _toConsumableArray2.default)(items), [{
+      __sentinel: true
+    }]) : items;
+  }, [items, hasMore]);
+  var getRowHeight = function getRowHeight(row) {
+    return isSentinelRow(row) ? SENTINEL_ROW_HEIGHT : itemHeight(row);
+  };
+  if (error) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: error
+    });
+  }
+  var empty = isEmpty !== null && isEmpty !== void 0 ? isEmpty : !items.length;
+  if (loading && empty) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListSpinner.ListSpinner, {
+      className: block('spinner', className)
+    });
+  }
+  if (empty) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: emptyContent
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.List, {
+    className: block(null, className),
+    filterable: filterable,
+    items: rows,
+    itemHeight: getRowHeight,
+    itemsHeight: function itemsHeight(listRows) {
+      return listRows.reduce(function (total, row) {
+        return total + getRowHeight(row);
+      }, 0);
+    },
+    renderItem: function renderItem(row, isActive, index) {
+      return isSentinelRow(row) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: sentinelRef,
+        className: block('sentinel')
+      }) : _renderItem(row, isActive, index);
+    },
+    selectedItemIndex: selectedItemIndex,
+    onItemClick: function onItemClick(row, index) {
+      if (!isSentinelRow(row)) {
+        _onItemClick === null || _onItemClick === void 0 || _onItemClick(row, index);
+      }
+    }
+  });
+};
+// #sourceMappingURL=LazyList.js.map

package/build/cjs/components/LazyList/LazyList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_useLoadMoreSentinel","_ListSpinner","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","SENTINEL_ROW_HEIGHT","isSentinelRow","row","Boolean","_typeof","LazyList","exports","_ref","items","itemHeight","renderItem","hasMore","onLoadMore","onItemClick","selectedItemIndex","_ref$filterable","filterable","loading","error","emptyContent","isEmpty","className","sentinelRef","useLoadMoreSentinel","rows","useMemo","concat","_toConsumableArray","__sentinel","getRowHeight","_jsx","React","Fragment","children","empty","length","ListSpinner","List","itemsHeight","listRows","reduce","total","isActive","index","ref","_renderItem","_onItemClick"],"sources":["LazyList.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {List} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {useLoadMoreSentinel} from '../../helpers/useLoadMoreSentinel';\nimport {ListSpinner} from '../ListSpinner';\nimport './LazyList.scss';\n\nconst block = cn('qp-lazy-list');\n\nconst SENTINEL_ROW_HEIGHT = 1;\n\ntype SentinelRow = {__sentinel: true};\ntype LazyListRow<T> = T | SentinelRow;\n\nconst isSentinelRow = <T,>(row: LazyListRow<T>): row is SentinelRow =>\n    Boolean(row) && typeof row === 'object' && '__sentinel' in (row as object);\n\nexport type LazyListProps<T extends object> = {\n    items: T[];\n    itemHeight: (item: T) => number;\n    renderItem: (item: T, isActive: boolean, index: number) => React.ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n    onItemClick?: (item: T, index: number) => void;\n    selectedItemIndex?: T[keyof T] | number;\n    filterable?: boolean;\n    loading?: boolean;\n    error?: React.ReactNode;\n    emptyContent?: React.ReactNode;\n    isEmpty?: boolean;\n    className?: string;\n};\n\nexport const LazyList = <T extends object>({\n    items,\n    itemHeight,\n    renderItem,\n    hasMore,\n    onLoadMore,\n    onItemClick,\n    selectedItemIndex,\n    filterable = false,\n    loading,\n    error,\n    emptyContent,\n    isEmpty,\n    className,\n}: LazyListProps<T>) => {\n    const sentinelRef = useLoadMoreSentinel(hasMore, onLoadMore);\n\n    const rows: LazyListRow<T>[] = useMemo(\n        () => (hasMore ? [...items, {__sentinel: true}] : items),\n        [items, hasMore],\n    );\n\n    const getRowHeight = (row: LazyListRow<T>) =>\n        isSentinelRow(row) ? SENTINEL_ROW_HEIGHT : itemHeight(row);\n\n    if (error) {\n        return <React.Fragment>{error}</React.Fragment>;\n    }\n\n    const empty = isEmpty ?? !items.length;\n\n    if (loading && empty) {\n        return <ListSpinner className={block('spinner', className)} />;\n    }\n\n    if (empty) {\n        return <React.Fragment>{emptyContent}</React.Fragment>;\n    }\n\n    return (\n        <List<LazyListRow<T>>\n            className={block(null, className)}\n            filterable={filterable}\n            items={rows}\n            itemHeight={getRowHeight}\n            itemsHeight={(listRows) =>\n                listRows.reduce((total, row) => total + getRowHeight(row), 0)\n            }\n            renderItem={(row, isActive, index) =>\n                isSentinelRow(row) ? (\n                    <div ref={sentinelRef} className={block('sentinel')} />\n                ) : (\n                    renderItem(row, isActive, index)\n                )\n            }\n            selectedItemIndex={selectedItemIndex as never}\n            onItemClick={(row, index) => {\n                if (!isSentinelRow(row)) {\n                    onItemClick?.(row, index);\n                }\n            }}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/LazyList/index.d.ts

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

package/build/cjs/components/LazyList/index.js

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

package/build/cjs/components/LazyList/index.js.map

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

package/build/cjs/components/ListSpinner/ListSpinner.css

@@ -0,0 +1,4 @@
+.qp-list-spinner {
+  height: 100%;
+}
+/*# sourceMappingURL=ListSpinner.css.map */

package/build/cjs/components/ListSpinner/ListSpinner.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ListSpinner.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;AACJ","file":"ListSpinner.css","sourcesContent":[".qp-list-spinner {\n    height: 100%;\n}\n"],"sourceRoot":""}

package/build/cjs/components/ListSpinner/ListSpinner.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import './ListSpinner.scss';
+export type ListSpinnerProps = {
+    className?: string;
+};
+export declare const ListSpinner: FC<ListSpinnerProps>;

package/build/cjs/components/ListSpinner/ListSpinner.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListSpinner = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./ListSpinner.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-list-spinner');
+var ListSpinner = exports.ListSpinner = function ListSpinner(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    alignItems: "center",
+    justifyContent: "center",
+    className: block(null, className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Spin, {
+      size: "m"
+    })
+  });
+};
+// #sourceMappingURL=ListSpinner.js.map

package/build/cjs/components/ListSpinner/ListSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","ListSpinner","exports","_ref","className","_jsx","Flex","alignItems","justifyContent","children","Spin","size"],"sources":["ListSpinner.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Spin} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './ListSpinner.scss';\n\nconst block = cn('qp-list-spinner');\n\nexport type ListSpinnerProps = {\n    className?: string;\n};\n\nexport const ListSpinner: FC<ListSpinnerProps> = ({className}) => {\n    return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" className={block(null, className)}>\n            <Spin size=\"m\" />\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;AACAA,OAAA;AAA4B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,iBAAiB,CAAC;AAM5B,IAAMC,WAAiC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAApCA,WAAiCA,CAAAE,IAAA,EAAoB;EAAA,IAAfC,SAAS,GAAAD,IAAA,CAATC,SAAS;EACxD,oBACI,IAAAC,eAAA,EAACC,WAAI;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACJ,SAAS,EAAEL,KAAK,CAAC,IAAI,EAAEK,SAAS,CAAE;IAAAK,QAAA,eAChF,IAAAJ,eAAA,EAACK,WAAI;MAACC,IAAI,EAAC;IAAG,CAAE;EAAC,CACf,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/ListSpinner/index.d.ts

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

package/build/cjs/components/ListSpinner/index.js

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

package/build/cjs/components/ListSpinner/index.js.map

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

package/build/cjs/components/NavigationActionButtons/NavigationActionButtons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { NavigationAction } from '../../types/navigation';
+export type NavigationActionButtonsProps<TArg> = {
+    actions?: Array<NavigationAction<TArg>>;
+    arg: TArg;
+    className?: string;
+    buttonClassName?: string;
+};
+export declare function NavigationActionButtons<TArg>({ actions, arg, className, buttonClassName, }: NavigationActionButtonsProps<TArg>): React.JSX.Element | null;

package/build/cjs/components/NavigationActionButtons/NavigationActionButtons.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationActionButtons = NavigationActionButtons;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.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 _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function NavigationActionButtons(_ref) {
+  var _actions$filter;
+  var actions = _ref.actions,
+    arg = _ref.arg,
+    className = _ref.className,
+    buttonClassName = _ref.buttonClassName;
+  var visibleActions = (_actions$filter = actions === null || actions === void 0 ? void 0 : actions.filter(function (action) {
+    return !action.hidden;
+  })) !== null && _actions$filter !== void 0 ? _actions$filter : [];
+  if (visibleActions.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    gap: 1,
+    shrink: 0,
+    className: className,
+    children: visibleActions.map(function (action) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        view: "flat",
+        size: "s",
+        disabled: action.disabled,
+        title: action.title,
+        "aria-label": action.title,
+        qa: action.qa,
+        className: buttonClassName,
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          action.onClick(arg);
+        },
+        children: action.content
+      }, action.id);
+    })
+  });
+}
+// #sourceMappingURL=NavigationActionButtons.js.map

package/build/cjs/components/NavigationActionButtons/NavigationActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","NavigationActionButtons","_ref","_actions$filter","actions","arg","className","buttonClassName","visibleActions","filter","action","hidden","length","_jsx","Flex","gap","shrink","children","map","Button","view","size","disabled","title","qa","onClick","stopPropagation","content","id"],"sources":["NavigationActionButtons.tsx"],"sourcesContent":["import React from 'react';\nimport {Button, Flex} from '@gravity-ui/uikit';\nimport type {NavigationAction} from '../../types/navigation';\n\nexport type NavigationActionButtonsProps<TArg> = {\n    actions?: Array<NavigationAction<TArg>>;\n    arg: TArg;\n    className?: string;\n    buttonClassName?: string;\n};\n\nexport function NavigationActionButtons<TArg>({\n    actions,\n    arg,\n    className,\n    buttonClassName,\n}: NavigationActionButtonsProps<TArg>) {\n    const visibleActions = actions?.filter((action) => !action.hidden) ?? [];\n\n    if (visibleActions.length === 0) {\n        return null;\n    }\n\n    return (\n        <Flex gap={1} shrink={0} className={className}>\n            {visibleActions.map((action) => (\n                <Button\n                    key={action.id}\n                    view=\"flat\"\n                    size=\"s\"\n                    disabled={action.disabled}\n                    title={action.title}\n                    aria-label={action.title}\n                    qa={action.qa}\n                    className={buttonClassName}\n                    onClick={(e) => {\n                        e.stopPropagation();\n                        action.onClick(arg);\n                    }}\n                >\n                    {action.content}\n                </Button>\n            ))}\n        </Flex>\n    );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUxC,SAASG,uBAAuBA,CAAAC,IAAA,EAKA;EAAA,IAAAC,eAAA;EAAA,IAJnCC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,eAAe,GAAAL,IAAA,CAAfK,eAAe;EAEf,IAAMC,cAAc,IAAAL,eAAA,GAAGC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,MAAM,CAAC,UAACC,MAAM;IAAA,OAAK,CAACA,MAAM,CAACC,MAAM;EAAA,EAAC,cAAAR,eAAA,cAAAA,eAAA,GAAI,EAAE;EAExE,IAAIK,cAAc,CAACI,MAAM,KAAK,CAAC,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,oBACI,IAAAC,eAAA,EAACC,WAAI;IAACC,GAAG,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACV,SAAS,EAAEA,SAAU;IAAAW,QAAA,EACzCT,cAAc,CAACU,GAAG,CAAC,UAACR,MAAM;MAAA,oBACvB,IAAAG,eAAA,EAACM,aAAM;QAEHC,IAAI,EAAC,MAAM;QACXC,IAAI,EAAC,GAAG;QACRC,QAAQ,EAAEZ,MAAM,CAACY,QAAS;QAC1BC,KAAK,EAAEb,MAAM,CAACa,KAAM;QACpB,cAAYb,MAAM,CAACa,KAAM;QACzBC,EAAE,EAAEd,MAAM,CAACc,EAAG;QACdlB,SAAS,EAAEC,eAAgB;QAC3BkB,OAAO,EAAE,SAATA,OAAOA,CAAG3B,CAAC,EAAK;UACZA,CAAC,CAAC4B,eAAe,CAAC,CAAC;UACnBhB,MAAM,CAACe,OAAO,CAACpB,GAAG,CAAC;QACvB,CAAE;QAAAY,QAAA,EAEDP,MAAM,CAACiB;MAAO,GAbVjB,MAAM,CAACkB,EAcR,CAAC;IAAA,CACZ;EAAC,CACA,CAAC;AAEf","ignoreList":[]}

package/build/cjs/components/NavigationActionButtons/index.d.ts

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

package/build/cjs/components/NavigationActionButtons/index.js

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

package/build/cjs/components/NavigationActionButtons/index.js.map

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

package/build/cjs/components/NavigationItemRow/NavigationItemRow.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { NavigationItem } from '../../types/navigation';
+export type NavigationItemRowProps = {
+    item: NavigationItem;
+};
+export declare const NavigationItemRow: FC<NavigationItemRowProps>;

package/build/cjs/components/NavigationItemRow/NavigationItemRow.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationItemRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _getDefaultNavigationIcon = require("../../helpers/getDefaultNavigationIcon");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-navigation-item-row');
+var NavigationItemRow = exports.NavigationItemRow = function NavigationItemRow(_ref) {
+  var _item$icon;
+  var item = _ref.item;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    gap: 2,
+    alignItems: "center",
+    className: block({
+      disabled: item.disabled
+    }),
+    children: [(_item$icon = item.icon) !== null && _item$icon !== void 0 ? _item$icon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+      data: (0, _getDefaultNavigationIcon.getDefaultNavigationIcon)(item.kind, item.targetPathBroken),
+      size: 16
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      className: block('title'),
+      color: item.disabled ? 'secondary' : undefined,
+      ellipsis: true,
+      children: item.title
+    })]
+  });
+};
+// #sourceMappingURL=NavigationItemRow.js.map

package/build/cjs/components/NavigationItemRow/NavigationItemRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_getDefaultNavigationIcon","_jsxRuntime","e","__esModule","default","block","cn","NavigationItemRow","exports","_ref","_item$icon","item","_jsxs","Flex","gap","alignItems","className","disabled","children","icon","_jsx","Icon","data","getDefaultNavigationIcon","kind","targetPathBroken","size","Text","color","undefined","ellipsis","title"],"sources":["NavigationItemRow.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Icon, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {NavigationItem} from '../../types/navigation';\nimport {getDefaultNavigationIcon} from '../../helpers/getDefaultNavigationIcon';\n\nconst block = cn('qp-navigation-item-row');\n\nexport type NavigationItemRowProps = {\n    item: NavigationItem;\n};\n\nexport const NavigationItemRow: FC<NavigationItemRowProps> = ({item}) => {\n    return (\n        <Flex gap={2} alignItems=\"center\" className={block({disabled: item.disabled})}>\n            {item.icon ?? (\n                <Icon data={getDefaultNavigationIcon(item.kind, item.targetPathBroken)} size={16} />\n            )}\n            <Text\n                className={block('title')}\n                color={item.disabled ? 'secondary' : undefined}\n                ellipsis\n            >\n                {item.title}\n            </Text>\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;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAgF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhF,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,wBAAwB,CAAC;AAMnC,IAAMC,iBAA6C,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAAhDA,iBAA6CA,CAAAE,IAAA,EAAe;EAAA,IAAAC,UAAA;EAAA,IAAVC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAC/D,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,GAAG,EAAE,CAAE;IAACC,UAAU,EAAC,QAAQ;IAACC,SAAS,EAAEX,KAAK,CAAC;MAACY,QAAQ,EAAEN,IAAI,CAACM;IAAQ,CAAC,CAAE;IAAAC,QAAA,IAAAR,UAAA,GACzEC,IAAI,CAACQ,IAAI,cAAAT,UAAA,cAAAA,UAAA,gBACN,IAAAU,eAAA,EAACC,WAAI;MAACC,IAAI,EAAE,IAAAC,kDAAwB,EAACZ,IAAI,CAACa,IAAI,EAAEb,IAAI,CAACc,gBAAgB,CAAE;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eAExF,IAAAN,eAAA,EAACO,WAAI;MACDX,SAAS,EAAEX,KAAK,CAAC,OAAO,CAAE;MAC1BuB,KAAK,EAAEjB,IAAI,CAACM,QAAQ,GAAG,WAAW,GAAGY,SAAU;MAC/CC,QAAQ;MAAAZ,QAAA,EAEPP,IAAI,CAACoB;IAAK,CACT,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/NavigationItemRow/index.d.ts

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

package/build/cjs/components/NavigationItemRow/index.js

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

package/build/cjs/components/NavigationItemRow/index.js.map

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

package/build/cjs/components/PathEditor/PathEditor.css

@@ -0,0 +1,38 @@
+.qp-path-editor {
+  position: relative;
+  display: block;
+  width: 100%;
+}
+.qp-path-editor__items {
+  max-height: 300px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overflow: hidden auto;
+  background-color: var(--g-color-base-float);
+}
+.qp-path-editor__item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 0 16px;
+  overflow: hidden;
+  line-height: 32px;
+  color: var(--g-color-text-primary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.qp-path-editor__item:hover, .qp-path-editor__item_selected {
+  background-color: var(--g-color-base-simple-hover);
+}
+.qp-path-editor__item_error {
+  color: var(--g-color-text-danger);
+  cursor: default;
+}
+.qp-path-editor__item-path {
+  margin-left: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/*# sourceMappingURL=PathEditor.css.map */

package/build/cjs/components/PathEditor/PathEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["PathEditor.scss"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,cAAA;EACA,WAAA;AACJ;AACI;EACI,iBAAA;EACA,kBAAA;EAAA,gBAAA;EAAA,qBAAA;EACA,2CAAA;AACR;AAEI;EACI,aAAA;EACA,mBAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,kCAAA;EACA,uBAAA;EACA,mBAAA;EACA,eAAA;AAAR;AAEQ;EAEI,kDAAA;AADZ;AAIQ;EACI,iCAAA;EACA,eAAA;AAFZ;AAMI;EACI,iBAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;AAJR","file":"PathEditor.css","sourcesContent":[".qp-path-editor {\n    position: relative;\n    display: block;\n    width: 100%;\n\n    &__items {\n        max-height: 300px;\n        overflow: hidden auto;\n        background-color: var(--g-color-base-float);\n    }\n\n    &__item {\n        display: flex;\n        align-items: center;\n        width: 100%;\n        padding: 0 16px;\n        overflow: hidden;\n        line-height: 32px;\n        color: var(--g-color-text-primary);\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        cursor: pointer;\n\n        &:hover,\n        &_selected {\n            background-color: var(--g-color-base-simple-hover);\n        }\n\n        &_error {\n            color: var(--g-color-text-danger);\n            cursor: default;\n        }\n    }\n\n    &__item-path {\n        margin-left: 12px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/PathEditor/PathEditor.d.ts

@@ -0,0 +1,24 @@
+import { FC, type FocusEvent } from 'react';
+import type { LoadPathSuggestions, PathEditorEventPayload, PathEditorSuggestion, PathEditorSuggestionFilter } from '../../types/pathEditor';
+import './PathEditor.scss';
+export type PathEditorProps = {
+    className?: string;
+    placeholder?: string;
+    defaultPath?: string;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    hasClear?: boolean;
+    showErrors?: boolean;
+    customFilter?: PathEditorSuggestionFilter;
+    cluster?: string;
+    suggestions?: PathEditorSuggestion[];
+    suggestionsError?: boolean;
+    errorMessage?: string;
+    onLoadSuggestions?: LoadPathSuggestions;
+    onChange?: (path: string) => void;
+    onFocus?: (event: FocusEvent<HTMLInputElement>, payload: PathEditorEventPayload) => void;
+    onBlur?: (path: string) => void;
+    onApply?: (path: string) => void;
+    onCancel?: () => void;
+};
+export declare const PathEditor: FC<PathEditorProps>;