@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/esm/components/FieldsSearchToolbar/FieldsSearchToolbar.js

@@ -0,0 +1,29 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React from 'react';
+import { FieldsSelector } from "../FieldsSelector";
+import { SearchWithButtons } from "../SearchWithButtons";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FieldsSearchToolbar(_ref) {
+  var search = _ref.search,
+    onSearchUpdate = _ref.onSearchUpdate,
+    searchPlaceholder = _ref.searchPlaceholder,
+    fields = _ref.fields,
+    visibleFields = _ref.visibleFields,
+    onVisibleFieldsChange = _ref.onVisibleFieldsChange,
+    hideFieldsSelector = _ref.hideFieldsSelector,
+    className = _ref.className;
+  var showFieldsSelector = !hideFieldsSelector && fields.length > 0;
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    value: search,
+    placeholder: searchPlaceholder,
+    onUpdate: onSearchUpdate,
+    className: className,
+    endButtons: showFieldsSelector ? [/*#__PURE__*/_jsx(FieldsSelector, {
+      fields: fields,
+      value: visibleFields,
+      onChange: onVisibleFieldsChange
+    }, "fields-selector")] : undefined
+  });
+}
+// #sourceMappingURL=FieldsSearchToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FieldsSelector","SearchWithButtons","jsx","_jsx","FieldsSearchToolbar","_ref","search","onSearchUpdate","searchPlaceholder","fields","visibleFields","onVisibleFieldsChange","hideFieldsSelector","className","showFieldsSelector","length","value","placeholder","onUpdate","endButtons","onChange","undefined"],"sources":["FieldsSearchToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport {FieldsSelector, type FieldsSelectorOption} from '../FieldsSelector';\nimport {SearchWithButtons} from '../SearchWithButtons';\n\nexport type FieldsSearchToolbarProps<K extends string = string> = {\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n    fields: FieldsSelectorOption<K>[];\n    visibleFields: K[];\n    onVisibleFieldsChange: (value: K[]) => void;\n    hideFieldsSelector?: boolean;\n    className?: string;\n};\n\nexport function FieldsSearchToolbar<K extends string = string>({\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    fields,\n    visibleFields,\n    onVisibleFieldsChange,\n    hideFieldsSelector,\n    className,\n}: FieldsSearchToolbarProps<K>) {\n    const showFieldsSelector = !hideFieldsSelector && fields.length > 0;\n\n    return (\n        <SearchWithButtons\n            value={search}\n            placeholder={searchPlaceholder}\n            onUpdate={onSearchUpdate}\n            className={className}\n            endButtons={\n                showFieldsSelector\n                    ? [\n                          <FieldsSelector<K>\n                              key=\"fields-selector\"\n                              fields={fields}\n                              value={visibleFields}\n                              onChange={onVisibleFieldsChange}\n                          />,\n                      ]\n                    : undefined\n            }\n        />\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,cAAc;AACtB,SAAQC,iBAAiB;AAA8B,SAAAC,GAAA,IAAAC,IAAA;AAavD,OAAO,SAASC,mBAAmBA,CAAAC,IAAA,EASH;EAAA,IAR5BC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;IACjBC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,qBAAqB,GAAAN,IAAA,CAArBM,qBAAqB;IACrBC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IAClBC,SAAS,GAAAR,IAAA,CAATQ,SAAS;EAET,IAAMC,kBAAkB,GAAG,CAACF,kBAAkB,IAAIH,MAAM,CAACM,MAAM,GAAG,CAAC;EAEnE,oBACIZ,IAAA,CAACF,iBAAiB;IACde,KAAK,EAAEV,MAAO;IACdW,WAAW,EAAET,iBAAkB;IAC/BU,QAAQ,EAAEX,cAAe;IACzBM,SAAS,EAAEA,SAAU;IACrBM,UAAU,EACNL,kBAAkB,GACZ,cACIX,IAAA,CAACH,cAAc;MAEXS,MAAM,EAAEA,MAAO;MACfO,KAAK,EAAEN,aAAc;MACrBU,QAAQ,EAAET;IAAsB,GAH5B,iBAIP,CAAC,CACL,GACDU;EACT,CACJ,CAAC;AAEV","ignoreList":[]}

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

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

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

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

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

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

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

@@ -1 +1,2 @@
 export { FieldsSelector } from './FieldsSelector';
+export type { FieldsSelectorOption, FieldsSelectorProps } from './FieldsSelector';

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

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

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

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { QueryHistoryFilterConfig } from '../../types/history';
+import { QueryListFilterConfig } from '../../types/queryList';
 import './HistoryFilter.scss';
-export declare const HistoryFilter: FC<QueryHistoryFilterConfig>;
+export declare const HistoryFilter: FC<QueryListFilterConfig>;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Button","Flex","Icon","Popup","FunnelIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowRotateLeftIcon","useToggle","cn","SimpleForm","i18n","jsx","jsxs","_jsxs","Fragment","_Fragment","block","HistoryFilter","_ref","_ref2","_ref$fields","fields","values","initialValues","isChanged","onApply","onReset","_useState","_useState2","_slicedToArray","buttonElement","setButtonElement","_useToggle","_useToggle2","open","toggleOpen","valuesRef","ref","onClick","view","data","size","anchorElement","onOpenChange","className","placement","onValuesChange","nextValues","current","gap"],"sources":["HistoryFilter.tsx"],"sourcesContent":["import React, {FC, useRef, useState} from 'react';\nimport {Button, Flex, Icon, Popup} from '@gravity-ui/uikit';\nimport FunnelIcon from '@gravity-ui/icons/svgs/funnel.svg';\nimport ArrowRotateLeftIcon from '@gravity-ui/icons/svgs/arrow-rotate-left.svg';\nimport {useToggle} from '../../helpers/useToggle';\nimport {QueryHistoryFilterConfig} from '../../types/history';\nimport cn from 'bem-cn-lite';\nimport {SimpleForm} from '../SimpleForm';\nimport i18n from './i18n';\nimport './HistoryFilter.scss';\n\nconst block = cn('qp-history-filter');\n\nexport const HistoryFilter: FC<QueryHistoryFilterConfig> = ({\n    fields = [],\n    values,\n    initialValues,\n    isChanged,\n    onApply,\n    onReset,\n}) => {\n    const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null);\n    const [open, toggleOpen] = useToggle(false);\n    const valuesRef = useRef<Record<string, any>>(values ?? initialValues ?? {});\n\n    return (\n        <>\n            <Button\n                ref={setButtonElement}\n                onClick={toggleOpen}\n                view={isChanged ? 'action' : 'normal'}\n            >\n                <Icon data={FunnelIcon} size={16} />\n            </Button>\n            <Popup\n                anchorElement={buttonElement}\n                open={open}\n                onOpenChange={toggleOpen}\n                className={block()}\n                placement=\"bottom-start\"\n            >\n                <div className={block('container')}>\n                    <SimpleForm\n                        fields={fields}\n                        values={values}\n                        initialValues={initialValues}\n                        onValuesChange={(nextValues) => {\n                            valuesRef.current = nextValues;\n                        }}\n                    />\n                </div>\n                <Flex gap={3} className={block('container')}>\n                    <Button view=\"action\" onClick={() => onApply?.(valuesRef.current)}>\n                        {i18n('action_apply')}\n                    </Button>\n                    <Button onClick={onReset}>\n                        <Icon data={ArrowRotateLeftIcon} size={16} />\n                        {i18n('action_reset')}\n                    </Button>\n                </Flex>\n            </Popup>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useRef","useState","Button","Flex","Icon","Popup","FunnelIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","ArrowRotateLeftIcon","useToggle","cn","SimpleForm","i18n","jsx","jsxs","_jsxs","Fragment","_Fragment","block","HistoryFilter","_ref","_ref2","_ref$fields","fields","values","initialValues","isChanged","onApply","onReset","_useState","_useState2","_slicedToArray","buttonElement","setButtonElement","_useToggle","_useToggle2","open","toggleOpen","valuesRef","ref","onClick","view","data","size","anchorElement","onOpenChange","className","placement","onValuesChange","nextValues","current","gap"],"sources":["HistoryFilter.tsx"],"sourcesContent":["import React, {FC, useRef, useState} from 'react';\nimport {Button, Flex, Icon, Popup} from '@gravity-ui/uikit';\nimport FunnelIcon from '@gravity-ui/icons/svgs/funnel.svg';\nimport ArrowRotateLeftIcon from '@gravity-ui/icons/svgs/arrow-rotate-left.svg';\nimport {useToggle} from '../../helpers/useToggle';\nimport {QueryListFilterConfig} from '../../types/queryList';\nimport cn from 'bem-cn-lite';\nimport {SimpleForm} from '../SimpleForm';\nimport i18n from './i18n';\nimport './HistoryFilter.scss';\n\nconst block = cn('qp-history-filter');\n\nexport const HistoryFilter: FC<QueryListFilterConfig> = ({\n    fields = [],\n    values,\n    initialValues,\n    isChanged,\n    onApply,\n    onReset,\n}) => {\n    const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null);\n    const [open, toggleOpen] = useToggle(false);\n    const valuesRef = useRef<Record<string, any>>(values ?? initialValues ?? {});\n\n    return (\n        <>\n            <Button\n                ref={setButtonElement}\n                onClick={toggleOpen}\n                view={isChanged ? 'action' : 'normal'}\n            >\n                <Icon data={FunnelIcon} size={16} />\n            </Button>\n            <Popup\n                anchorElement={buttonElement}\n                open={open}\n                onOpenChange={toggleOpen}\n                className={block()}\n                placement=\"bottom-start\"\n            >\n                <div className={block('container')}>\n                    <SimpleForm\n                        fields={fields}\n                        values={values}\n                        initialValues={initialValues}\n                        onValuesChange={(nextValues) => {\n                            valuesRef.current = nextValues;\n                        }}\n                    />\n                </div>\n                <Flex gap={3} className={block('container')}>\n                    <Button view=\"action\" onClick={() => onApply?.(valuesRef.current)}>\n                        {i18n('action_apply')}\n                    </Button>\n                    <Button onClick={onReset}>\n                        <Icon data={ArrowRotateLeftIcon} size={16} />\n                        {i18n('action_reset')}\n                    </Button>\n                </Flex>\n            </Popup>\n        </>\n    );\n};\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAOC,MAAM,EAAEC,QAAQ,QAAO,OAAO;AACjD,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,QAAO,mBAAmB;AAAC,IACrDC,UAAU,YAAVA,UAAUA,CAAAC,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAVR,UAAU,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAAA,IACVC,mBAAmB,YAAnBA,mBAAmBA,CAAAb,KAAA;EAAA,oBAAAC,IAAA,QAAAC,aAAA,CAAAA,aAAA,KAAAF,KAAA;IAAAG,QAAA,eAAAF,IAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAnBM,mBAAmB,CAAAL,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAC1B,SAAQE,SAAS;AAEjB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,UAAU;AAClB,OAAOC,IAAI;AACX;AAA8B,SAAAC,GAAA,IAAAjB,IAAA,EAAAkB,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE9B,IAAMC,KAAK,GAAGR,EAAE,CAAC,mBAAmB,CAAC;AAErC,OAAO,IAAMS,aAAwC,GAAG,SAA3CA,aAAwCA,CAAAC,IAAA,EAO/C;EAAA,IAAAC,KAAA;EAAA,IAAAC,WAAA,GAAAF,IAAA,CANFG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IACXE,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;EAEP,IAAAC,SAAA,GAA0CxC,QAAQ,CAA2B,IAAI,CAAC;IAAAyC,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA3EG,aAAa,GAAAF,UAAA;IAAEG,gBAAgB,GAAAH,UAAA;EACtC,IAAAI,UAAA,GAA2BzB,SAAS,CAAC,KAAK,CAAC;IAAA0B,WAAA,GAAAJ,cAAA,CAAAG,UAAA;IAApCE,IAAI,GAAAD,WAAA;IAAEE,UAAU,GAAAF,WAAA;EACvB,IAAMG,SAAS,GAAGlD,MAAM,EAAAiC,KAAA,GAAsBG,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIC,aAAa,cAAAJ,KAAA,cAAAA,KAAA,GAAI,CAAC,CAAC,CAAC;EAE5E,oBACIN,KAAA,CAAAE,SAAA;IAAAnB,QAAA,gBACIF,IAAA,CAACN,MAAM;MACHiD,GAAG,EAAEN,gBAAiB;MACtBO,OAAO,EAAEH,UAAW;MACpBI,IAAI,EAAEf,SAAS,GAAG,QAAQ,GAAG,QAAS;MAAA5B,QAAA,eAEtCF,IAAA,CAACJ,IAAI;QAACkD,IAAI,EAAEhD,UAAW;QAACiD,IAAI,EAAE;MAAG,CAAE;IAAC,CAChC,CAAC,eACT5B,KAAA,CAACtB,KAAK;MACFmD,aAAa,EAAEZ,aAAc;MAC7BI,IAAI,EAAEA,IAAK;MACXS,YAAY,EAAER,UAAW;MACzBS,SAAS,EAAE5B,KAAK,CAAC,CAAE;MACnB6B,SAAS,EAAC,cAAc;MAAAjD,QAAA,gBAExBF,IAAA;QAAKkD,SAAS,EAAE5B,KAAK,CAAC,WAAW,CAAE;QAAApB,QAAA,eAC/BF,IAAA,CAACe,UAAU;UACPY,MAAM,EAAEA,MAAO;UACfC,MAAM,EAAEA,MAAO;UACfC,aAAa,EAAEA,aAAc;UAC7BuB,cAAc,EAAE,SAAhBA,cAAcA,CAAGC,UAAU,EAAK;YAC5BX,SAAS,CAACY,OAAO,GAAGD,UAAU;UAClC;QAAE,CACL;MAAC,CACD,CAAC,eACNlC,KAAA,CAACxB,IAAI;QAAC4D,GAAG,EAAE,CAAE;QAACL,SAAS,EAAE5B,KAAK,CAAC,WAAW,CAAE;QAAApB,QAAA,gBACxCF,IAAA,CAACN,MAAM;UAACmD,IAAI,EAAC,QAAQ;UAACD,OAAO,EAAE,SAATA,OAAOA,CAAA;YAAA,OAAQb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGW,SAAS,CAACY,OAAO,CAAC;UAAA,CAAC;UAAApD,QAAA,EAC7Dc,IAAI,CAAC,cAAc;QAAC,CACjB,CAAC,eACTG,KAAA,CAACzB,MAAM;UAACkD,OAAO,EAAEZ,OAAQ;UAAA9B,QAAA,gBACrBF,IAAA,CAACJ,IAAI;YAACkD,IAAI,EAAElC,mBAAoB;YAACmC,IAAI,EAAE;UAAG,CAAE,CAAC,EAC5C/B,IAAI,CAAC,cAAc,CAAC;QAAA,CACjB,CAAC;MAAA,CACP,CAAC;IAAA,CACJ,CAAC;EAAA,CACV,CAAC;AAEX,CAAC","ignoreList":[]}

package/build/esm/components/HistoryFilter/i18n/index.d.ts

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

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

@@ -0,0 +1,10 @@
+.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;AAGE;EACE,WAAA;AADJ;AAIE;EACE,YAAA;AAFJ","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  &__sentinel {\n    height: 1px;\n  }\n\n  &__spinner {\n    height: 100%;\n  }\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);
+  }
+
+  &__sentinel {
+    height: 1px;
+  }
+
+  &__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>;