@gravity-ui/querieskit 1.0.4 → 1.1.0

package/build/esm/components/LazyList/LazyList.css

@@ -0,0 +1,12 @@
+.qp-lazy-list .g-list__item_selected:hover {
+  background-color: var(--g-color-base-selection-hover);
+}
+
+.qp-lazy-list__sentinel {
+  height: 1px;
+}
+
+.qp-lazy-list__spinner {
+  height: 100%;
+}
+/*# sourceMappingURL=LazyList.css.map */

package/build/esm/components/LazyList/LazyList.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LazyList.scss"],"names":[],"mappings":"AACE;EACE,qDAAA;AAAJ;;AAIA;EACE,WAAA;AADF;;AAIA;EACE,YAAA;AADF","file":"LazyList.css","sourcesContent":[".qp-lazy-list {\n  .g-list__item_selected:hover {\n    background-color: var(--g-color-base-selection-hover);\n  }\n}\n\n.qp-lazy-list__sentinel {\n  height: 1px;\n}\n\n.qp-lazy-list__spinner {\n  height: 100%;\n}\n"],"sourceRoot":""}

package/build/esm/components/LazyList/LazyList.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './LazyList.scss';
+export type LazyListProps<T extends object> = {
+    items: T[];
+    itemHeight: (item: T) => number;
+    renderItem: (item: T, isActive: boolean, index: number) => React.ReactNode;
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    onItemClick?: (item: T, index: number) => void;
+    selectedItemIndex?: T[keyof T] | number;
+    filterable?: boolean;
+    loading?: boolean;
+    error?: React.ReactNode;
+    emptyContent?: React.ReactNode;
+    isEmpty?: boolean;
+    className?: string;
+};
+export declare const LazyList: <T extends object>({ items, itemHeight, renderItem, hasMore, onLoadMore, onItemClick, selectedItemIndex, filterable, loading, error, emptyContent, isEmpty, className, }: LazyListProps<T>) => React.JSX.Element;

package/build/esm/components/LazyList/LazyList.js

@@ -0,0 +1,84 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _typeof from "@babel/runtime/helpers/typeof";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.reduce.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.reduce.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useMemo } from 'react';
+import { List } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { useLoadMoreSentinel } from "../../helpers/useLoadMoreSentinel";
+import { ListSpinner } from "../ListSpinner";
+import "./LazyList.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-lazy-list');
+var SENTINEL_ROW_HEIGHT = 1;
+var isSentinelRow = function isSentinelRow(row) {
+  return Boolean(row) && _typeof(row) === 'object' && '__sentinel' in row;
+};
+export var 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 = useLoadMoreSentinel(hasMore, onLoadMore);
+  var rows = useMemo(function () {
+    return hasMore ? [].concat(_toConsumableArray(items), [{
+      __sentinel: true
+    }]) : items;
+  }, [items, hasMore]);
+  var getRowHeight = function getRowHeight(row) {
+    return isSentinelRow(row) ? SENTINEL_ROW_HEIGHT : itemHeight(row);
+  };
+  if (error) {
+    return /*#__PURE__*/_jsx(React.Fragment, {
+      children: error
+    });
+  }
+  var empty = isEmpty !== null && isEmpty !== void 0 ? isEmpty : !items.length;
+  if (loading && empty) {
+    return /*#__PURE__*/_jsx(ListSpinner, {
+      className: block('spinner', className)
+    });
+  }
+  if (empty) {
+    return /*#__PURE__*/_jsx(React.Fragment, {
+      children: emptyContent
+    });
+  }
+  return /*#__PURE__*/_jsx(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__*/_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/esm/components/LazyList/LazyList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","List","cn","useLoadMoreSentinel","ListSpinner","jsx","_jsx","block","SENTINEL_ROW_HEIGHT","isSentinelRow","row","Boolean","_typeof","LazyList","_ref","items","itemHeight","renderItem","hasMore","onLoadMore","onItemClick","selectedItemIndex","_ref$filterable","filterable","loading","error","emptyContent","isEmpty","className","sentinelRef","rows","concat","_toConsumableArray","__sentinel","getRowHeight","Fragment","children","empty","length","itemsHeight","listRows","reduce","total","isActive","index","ref"],"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/esm/components/LazyList/LazyList.scss

@@ -0,0 +1,13 @@
+.qp-lazy-list {
+  .g-list__item_selected:hover {
+    background-color: var(--g-color-base-selection-hover);
+  }
+}
+
+.qp-lazy-list__sentinel {
+  height: 1px;
+}
+
+.qp-lazy-list__spinner {
+  height: 100%;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { LazyList } from "./LazyList";
+// #sourceMappingURL=index.js.map

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

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

package/build/esm/components/ListSpinner/ListSpinner.css

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

package/build/esm/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/esm/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/esm/components/ListSpinner/ListSpinner.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Flex, Spin } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import "./ListSpinner.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-list-spinner');
+export var ListSpinner = function ListSpinner(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/_jsx(Flex, {
+    alignItems: "center",
+    justifyContent: "center",
+    className: block(null, className),
+    children: /*#__PURE__*/_jsx(Spin, {
+      size: "m"
+    })
+  });
+};
+// #sourceMappingURL=ListSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Spin","cn","jsx","_jsx","block","ListSpinner","_ref","className","alignItems","justifyContent","children","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,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAA4B,SAAAC,GAAA,IAAAC,IAAA;AAE5B,IAAMC,KAAK,GAAGH,EAAE,CAAC,iBAAiB,CAAC;AAMnC,OAAO,IAAMI,WAAiC,GAAG,SAApCA,WAAiCA,CAAAC,IAAA,EAAoB;EAAA,IAAfC,SAAS,GAAAD,IAAA,CAATC,SAAS;EACxD,oBACIJ,IAAA,CAACJ,IAAI;IAACS,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACF,SAAS,EAAEH,KAAK,CAAC,IAAI,EAAEG,SAAS,CAAE;IAAAG,QAAA,eAChFP,IAAA,CAACH,IAAI;MAACW,IAAI,EAAC;IAAG,CAAE;EAAC,CACf,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/ListSpinner/ListSpinner.scss

@@ -0,0 +1,3 @@
+.qp-list-spinner {
+    height: 100%;
+}

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

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

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

@@ -0,0 +1,2 @@
+export { ListSpinner } from "./ListSpinner";
+// #sourceMappingURL=index.js.map

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

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

package/build/esm/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/esm/components/NavigationActionButtons/NavigationActionButtons.js

@@ -0,0 +1,44 @@
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React from 'react';
+import { Button, Flex } from '@gravity-ui/uikit';
+import { jsx as _jsx } from "react/jsx-runtime";
+export 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__*/_jsx(Flex, {
+    gap: 1,
+    shrink: 0,
+    className: className,
+    children: visibleActions.map(function (action) {
+      return /*#__PURE__*/_jsx(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/esm/components/NavigationActionButtons/NavigationActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Flex","jsx","_jsx","NavigationActionButtons","_ref","_actions$filter","actions","arg","className","buttonClassName","visibleActions","filter","action","hidden","length","gap","shrink","children","map","view","size","disabled","title","qa","onClick","e","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU/C,OAAO,SAASC,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,oBACIZ,IAAA,CAACF,IAAI;IAACe,GAAG,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACR,SAAS,EAAEA,SAAU;IAAAS,QAAA,EACzCP,cAAc,CAACQ,GAAG,CAAC,UAACN,MAAM;MAAA,oBACvBV,IAAA,CAACH,MAAM;QAEHoB,IAAI,EAAC,MAAM;QACXC,IAAI,EAAC,GAAG;QACRC,QAAQ,EAAET,MAAM,CAACS,QAAS;QAC1BC,KAAK,EAAEV,MAAM,CAACU,KAAM;QACpB,cAAYV,MAAM,CAACU,KAAM;QACzBC,EAAE,EAAEX,MAAM,CAACW,EAAG;QACdf,SAAS,EAAEC,eAAgB;QAC3Be,OAAO,EAAE,SAATA,OAAOA,CAAGC,CAAC,EAAK;UACZA,CAAC,CAACC,eAAe,CAAC,CAAC;UACnBd,MAAM,CAACY,OAAO,CAACjB,GAAG,CAAC;QACvB,CAAE;QAAAU,QAAA,EAEDL,MAAM,CAACe;MAAO,GAbVf,MAAM,CAACgB,EAcR,CAAC;IAAA,CACZ;EAAC,CACA,CAAC;AAEf","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+export { NavigationActionButtons } from "./NavigationActionButtons";
+// #sourceMappingURL=index.js.map

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

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

package/build/esm/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/esm/components/NavigationItemRow/NavigationItemRow.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Flex, Icon, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { getDefaultNavigationIcon } from "../../helpers/getDefaultNavigationIcon";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-item-row');
+export var NavigationItemRow = function NavigationItemRow(_ref) {
+  var _item$icon;
+  var item = _ref.item;
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 2,
+    alignItems: "center",
+    className: block({
+      disabled: item.disabled
+    }),
+    children: [(_item$icon = item.icon) !== null && _item$icon !== void 0 ? _item$icon : /*#__PURE__*/_jsx(Icon, {
+      data: getDefaultNavigationIcon(item.kind, item.targetPathBroken),
+      size: 16
+    }), /*#__PURE__*/_jsx(Text, {
+      className: block('title'),
+      color: item.disabled ? 'secondary' : undefined,
+      ellipsis: true,
+      children: item.title
+    })]
+  });
+};
+// #sourceMappingURL=NavigationItemRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","Icon","Text","cn","getDefaultNavigationIcon","jsx","_jsx","jsxs","_jsxs","block","NavigationItemRow","_ref","_item$icon","item","gap","alignItems","className","disabled","children","icon","data","kind","targetPathBroken","size","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,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAClD,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,wBAAwB;AAAgD,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhF,IAAMC,KAAK,GAAGN,EAAE,CAAC,wBAAwB,CAAC;AAM1C,OAAO,IAAMO,iBAA6C,GAAG,SAAhDA,iBAA6CA,CAAAC,IAAA,EAAe;EAAA,IAAAC,UAAA;EAAA,IAAVC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAC/D,oBACIL,KAAA,CAACR,IAAI;IAACc,GAAG,EAAE,CAAE;IAACC,UAAU,EAAC,QAAQ;IAACC,SAAS,EAAEP,KAAK,CAAC;MAACQ,QAAQ,EAAEJ,IAAI,CAACI;IAAQ,CAAC,CAAE;IAAAC,QAAA,IAAAN,UAAA,GACzEC,IAAI,CAACM,IAAI,cAAAP,UAAA,cAAAA,UAAA,gBACNN,IAAA,CAACL,IAAI;MAACmB,IAAI,EAAEhB,wBAAwB,CAACS,IAAI,CAACQ,IAAI,EAAER,IAAI,CAACS,gBAAgB,CAAE;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,eAExFjB,IAAA,CAACJ,IAAI;MACDc,SAAS,EAAEP,KAAK,CAAC,OAAO,CAAE;MAC1Be,KAAK,EAAEX,IAAI,CAACI,QAAQ,GAAG,WAAW,GAAGQ,SAAU;MAC/CC,QAAQ;MAAAR,QAAA,EAEPL,IAAI,CAACc;IAAK,CACT,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+export { NavigationItemRow } from "./NavigationItemRow";
+// #sourceMappingURL=index.js.map

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

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

package/build/esm/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/esm/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/esm/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>;