@gravity-ui/querieskit 1.0.3 → 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_getDefaultNavigationIcon","_suggestions","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEBOUNCE_MS","block","cn","PathEditor","exports","_ref","_ref2","className","_ref$placeholder","placeholder","i18n","_ref$defaultPath","defaultPath","_ref$disabled","disabled","_ref$autoFocus","autoFocus","_ref$hasClear","hasClear","_ref$showErrors","showErrors","customFilter","cluster","suggestionsFromProps","suggestions","suggestionsErrorFromProps","suggestionsError","errorMessageFromProps","errorMessage","onLoadSuggestions","onChange","onFocus","onBlur","onApply","onCancel","inputRef","useRef","selectedItemRef","debounceTimerRef","undefined","requestIdRef","wasDisabledRef","_useState","useState","_useState2","_slicedToArray","rootElement","setRootElement","onLoadSuggestionsRef","current","onChangeRef","customFilterRef","_useState3","_useState4","path","setPath","_useState5","_useState6","loadedSuggestions","setLoadedSuggestions","_useState7","_useState8","internalError","setInternalError","_useState9","_useState0","internalErrorMessage","setInternalErrorMessage","_useState1","_useState10","inputFocus","setInputFocus","_useState11","_useState12","inputChange","setInputChange","_useState13","_useState14","selectedIndex","setSelectedIndex","_useState15","_useState16","inputWidth","setInputWidth","actualSuggestions","useMemo","length","filterByCurrentPath","loadSuggestions","useCallback","nextPath","load","requestId","Promise","resolve","then","result","error","Error","message","debounceLoading","clearTimeout","setTimeout","_onChangeRef$current","hideSuggestions","handleInputChange","handleInputFocus","event","handleInputBlur","handleEnterClick","preventDefault","inputPath","currentTarget","value","suggestion","getCompletedPath","handleEscClick","_inputRef$current","blur","handleTabClick","getNextSelectedIndex","handleKeyDown","key","getPrevSelectedIndex","useEffect","_inputRef$current2","focus","useLayoutEffect","offsetWidth","_selectedItemRef$curr","scrollIntoView","isPopupVisible","Boolean","_jsxs","ref","children","_jsx","TextInput","onKeyDown","onUpdate","controlRef","Popup","placement","onOpenChange","open","anchorElement","offset","mainAxis","crossAxis","disableEscapeKeyDown","disableFocusOut","style","width","role","Text","color","map","item","index","_item$icon","completedPath","isSelected","lastFragment","getLastFragment","handleMouseDown","onMouseDown","selected","icon","Icon","data","getDefaultNavigationIcon","kind","targetPathBroken","size","concat"],"sources":["PathEditor.tsx"],"sourcesContent":["import React, {\n    FC,\n    type FocusEvent,\n    type KeyboardEvent,\n    type MouseEvent,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport {Icon, Popup, Text, TextInput} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport type {\n    LoadPathSuggestions,\n    PathEditorEventPayload,\n    PathEditorSuggestion,\n    PathEditorSuggestionFilter,\n} from '../../types/pathEditor';\nimport {getDefaultNavigationIcon} from '../../helpers/getDefaultNavigationIcon';\nimport {\n    filterByCurrentPath,\n    getCompletedPath,\n    getLastFragment,\n    getNextSelectedIndex,\n    getPrevSelectedIndex,\n} from './helpers/suggestions';\nimport i18n from './i18n';\nimport './PathEditor.scss';\n\nconst DEBOUNCE_MS = 300;\nconst block = cn('qp-path-editor');\n\nexport type PathEditorProps = {\n    className?: string;\n    placeholder?: string;\n    defaultPath?: string;\n    disabled?: boolean;\n    autoFocus?: boolean;\n    hasClear?: boolean;\n    showErrors?: boolean;\n    customFilter?: PathEditorSuggestionFilter;\n    cluster?: string;\n    suggestions?: PathEditorSuggestion[];\n    suggestionsError?: boolean;\n    errorMessage?: string;\n    onLoadSuggestions?: LoadPathSuggestions;\n    onChange?: (path: string) => void;\n    onFocus?: (event: FocusEvent<HTMLInputElement>, payload: PathEditorEventPayload) => void;\n    onBlur?: (path: string) => void;\n    onApply?: (path: string) => void;\n    onCancel?: () => void;\n};\n\nexport const PathEditor: FC<PathEditorProps> = ({\n    className,\n    placeholder = i18n('field_placeholder'),\n    defaultPath = '',\n    disabled = false,\n    autoFocus = false,\n    hasClear = false,\n    showErrors = true,\n    customFilter,\n    cluster,\n    suggestions: suggestionsFromProps,\n    suggestionsError: suggestionsErrorFromProps,\n    errorMessage: errorMessageFromProps,\n    onLoadSuggestions,\n    onChange,\n    onFocus,\n    onBlur,\n    onApply,\n    onCancel,\n}) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const selectedItemRef = useRef<HTMLDivElement>(null);\n    const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const requestIdRef = useRef(0);\n    const wasDisabledRef = useRef(disabled);\n    const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null);\n\n    const onLoadSuggestionsRef = useRef(onLoadSuggestions);\n    onLoadSuggestionsRef.current = onLoadSuggestions;\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n    const customFilterRef = useRef(customFilter);\n    customFilterRef.current = customFilter;\n\n    const [path, setPath] = useState(defaultPath);\n    const [loadedSuggestions, setLoadedSuggestions] = useState<PathEditorSuggestion[]>([]);\n    const [internalError, setInternalError] = useState(false);\n    const [internalErrorMessage, setInternalErrorMessage] = useState<string>();\n    const [inputFocus, setInputFocus] = useState(false);\n    const [inputChange, setInputChange] = useState(false);\n    const [selectedIndex, setSelectedIndex] = useState(-1);\n    const [inputWidth, setInputWidth] = useState(0);\n\n    const suggestions = suggestionsFromProps ?? loadedSuggestions;\n    const suggestionsError = suggestionsErrorFromProps ?? internalError;\n    const errorMessage =\n        errorMessageFromProps ?? internalErrorMessage ?? i18n('message_error-default');\n\n    const actualSuggestions = useMemo(() => {\n        if (!inputFocus || !inputChange || !suggestions.length) {\n            return [];\n        }\n\n        return filterByCurrentPath(path, suggestions);\n    }, [inputFocus, inputChange, path, suggestions]);\n\n    const loadSuggestions = useCallback(\n        (nextPath: string) => {\n            const load = onLoadSuggestionsRef.current;\n            if (!load) {\n                return;\n            }\n\n            const requestId = ++requestIdRef.current;\n\n            Promise.resolve(\n                load({\n                    path: nextPath,\n                    customFilter: customFilterRef.current,\n                    cluster,\n                }),\n            )\n                .then((result) => {\n                    if (requestId !== requestIdRef.current) {\n                        return;\n                    }\n\n                    if (result) {\n                        setLoadedSuggestions(result);\n                    }\n                    setInternalError(false);\n                    setInternalErrorMessage(undefined);\n                })\n                .catch((error: unknown) => {\n                    if (requestId !== requestIdRef.current) {\n                        return;\n                    }\n\n                    setLoadedSuggestions([]);\n                    setInternalError(true);\n                    setInternalErrorMessage(error instanceof Error ? error.message : undefined);\n                });\n        },\n        [cluster],\n    );\n\n    const debounceLoading = useCallback(\n        (nextPath: string) => {\n            if (debounceTimerRef.current) {\n                clearTimeout(debounceTimerRef.current);\n            }\n\n            debounceTimerRef.current = setTimeout(() => {\n                loadSuggestions(nextPath);\n                onChangeRef.current?.(nextPath);\n            }, DEBOUNCE_MS);\n        },\n        [loadSuggestions],\n    );\n\n    const hideSuggestions = useCallback(() => {\n        setInputFocus(false);\n        setSelectedIndex(-1);\n    }, []);\n\n    const handleInputChange = useCallback(\n        (nextPath: string) => {\n            setPath(nextPath);\n            setSelectedIndex(-1);\n            setInputChange(true);\n            setInputFocus(true);\n            debounceLoading(nextPath);\n        },\n        [debounceLoading],\n    );\n\n    const handleInputFocus = useCallback(\n        (event: FocusEvent<HTMLInputElement>) => {\n            setInputFocus(true);\n            onFocus?.(event, {path});\n        },\n        [onFocus, path],\n    );\n\n    const handleInputBlur = useCallback(() => {\n        hideSuggestions();\n        onBlur?.(path);\n    }, [hideSuggestions, onBlur, path]);\n\n    const handleEnterClick = useCallback(\n        (event: KeyboardEvent<HTMLInputElement>) => {\n            event.preventDefault();\n\n            const inputPath = event.currentTarget.value;\n\n            if (selectedIndex === -1) {\n                setPath(inputPath);\n                setSelectedIndex(-1);\n                onApply?.(inputPath);\n                return;\n            }\n\n            const suggestion = actualSuggestions[selectedIndex];\n            if (suggestion) {\n                handleInputChange(getCompletedPath(suggestion));\n            }\n        },\n        [actualSuggestions, handleInputChange, onApply, selectedIndex],\n    );\n\n    const handleEscClick = useCallback(() => {\n        inputRef.current?.blur();\n        onCancel?.();\n    }, [onCancel]);\n\n    const handleTabClick = useCallback(\n        (event: KeyboardEvent<HTMLInputElement>) => {\n            event.preventDefault();\n\n            if (actualSuggestions.length === 1) {\n                handleInputChange(getCompletedPath(actualSuggestions[0]));\n            } else if (actualSuggestions.length > 1) {\n                setSelectedIndex((current) => getNextSelectedIndex(actualSuggestions, current));\n            }\n        },\n        [actualSuggestions, handleInputChange],\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLInputElement>) => {\n            switch (event.key) {\n                case 'ArrowDown':\n                    if (!actualSuggestions.length) {\n                        break;\n                    }\n                    event.preventDefault();\n                    setSelectedIndex((current) => getNextSelectedIndex(actualSuggestions, current));\n                    break;\n                case 'ArrowUp':\n                    if (!actualSuggestions.length) {\n                        break;\n                    }\n                    event.preventDefault();\n                    setSelectedIndex((current) => getPrevSelectedIndex(actualSuggestions, current));\n                    break;\n                case 'Enter':\n                    handleEnterClick(event);\n                    break;\n                case 'Escape':\n                    handleEscClick();\n                    break;\n                case 'Tab':\n                    if (!actualSuggestions.length) {\n                        break;\n                    }\n                    handleTabClick(event);\n                    break;\n            }\n        },\n        [actualSuggestions, handleEnterClick, handleEscClick, handleTabClick],\n    );\n\n    useEffect(() => {\n        if (path) {\n            loadSuggestions(path);\n        }\n\n        return () => {\n            requestIdRef.current += 1;\n            if (debounceTimerRef.current) {\n                clearTimeout(debounceTimerRef.current);\n            }\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    useEffect(() => {\n        if (wasDisabledRef.current && !disabled) {\n            inputRef.current?.focus();\n        }\n        wasDisabledRef.current = disabled;\n    }, [disabled]);\n\n    useLayoutEffect(() => {\n        if (inputFocus && rootElement) {\n            setInputWidth(rootElement.offsetWidth);\n        }\n    }, [inputFocus, path, rootElement]);\n\n    useLayoutEffect(() => {\n        selectedItemRef.current?.scrollIntoView({block: 'nearest'});\n    }, [selectedIndex]);\n\n    const isPopupVisible = Boolean(\n        (actualSuggestions.length || (suggestionsError && showErrors)) && inputFocus,\n    );\n\n    return (\n        <div className={block(null, className)} ref={setRootElement}>\n            <TextInput\n                onKeyDown={handleKeyDown}\n                onUpdate={handleInputChange}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                placeholder={placeholder}\n                hasClear={hasClear}\n                autoFocus={autoFocus}\n                disabled={disabled}\n                controlRef={inputRef}\n                value={path}\n            />\n            <Popup\n                className={block('popup')}\n                placement=\"bottom-start\"\n                onOpenChange={(open) => {\n                    if (!open) {\n                        hideSuggestions();\n                    }\n                }}\n                anchorElement={rootElement}\n                open={isPopupVisible}\n                offset={{mainAxis: 0, crossAxis: 0}}\n                disableEscapeKeyDown\n                disableFocusOut\n            >\n                <div\n                    className={block('items')}\n                    style={{width: inputWidth || undefined}}\n                    role=\"listbox\"\n                >\n                    {suggestionsError && showErrors ? (\n                        <Text className={block('item', {error: true})} color=\"danger\">\n                            {errorMessage}\n                        </Text>\n                    ) : (\n                        actualSuggestions.map((item, index) => {\n                            const completedPath = getCompletedPath(item);\n                            const isSelected = index === selectedIndex;\n                            const lastFragment = getLastFragment(item.path);\n\n                            const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n                                handleInputChange(completedPath);\n                                event.preventDefault();\n                            };\n\n                            return (\n                                <div\n                                    key={item.path}\n                                    ref={isSelected ? selectedItemRef : undefined}\n                                    onMouseDown={handleMouseDown}\n                                    className={block('item', {selected: isSelected})}\n                                    role=\"option\"\n                                    aria-selected={isSelected}\n                                >\n                                    {item.icon ?? (\n                                        <Icon\n                                            data={getDefaultNavigationIcon(\n                                                item.kind,\n                                                item.targetPathBroken,\n                                            )}\n                                            size={16}\n                                        />\n                                    )}\n                                    <span className={block('item-path')}>\n                                        {lastFragment ? `\\u2026/${lastFragment}` : item.path}\n                                    </span>\n                                </div>\n                            );\n                        })\n                    )}\n                </div>\n            </Popup>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PathEditor } from './PathEditor';
+declare const meta: Meta<typeof PathEditor>;
+export default meta;
+type Story = StoryObj<typeof PathEditor>;
+export declare const Default: Story;
+export declare const WithClear: Story;
+export declare const Disabled: Story;
+export declare const SuggestionsError: Story;

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

@@ -0,0 +1,2 @@
+import type { LoadPathSuggestionsParams, PathEditorSuggestion } from '../../types/pathEditor';
+export declare function mockLoadPathSuggestions({ path, }: LoadPathSuggestionsParams): Promise<PathEditorSuggestion[]>;

package/build/cjs/components/PathEditor/PathEditor.stories.helpers.js

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockLoadPathSuggestions = mockLoadPathSuggestions;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.array.last-index-of.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.iterator.find.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.ends-with.js");
+require("core-js/modules/web.timers.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var TREE = {
+  name: '',
+  kind: 'folder',
+  children: [{
+    name: 'home',
+    kind: 'folder',
+    children: [{
+      name: 'user',
+      kind: 'folder',
+      children: [{
+        name: 'projects',
+        kind: 'folder',
+        children: [{
+          name: 'favorites',
+          kind: 'folder'
+        }, {
+          name: 'query.sql',
+          kind: 'file'
+        }]
+      }, {
+        name: 'tmp',
+        kind: 'folder'
+      }, {
+        name: 'events',
+        kind: 'table'
+      }, {
+        name: 'events_dyn',
+        kind: 'table'
+      }]
+    }, {
+      name: 'my-projects',
+      kind: 'folder',
+      children: [{
+        name: 'favorites',
+        kind: 'folder'
+      }, {
+        name: 'very',
+        kind: 'folder',
+        children: [{
+          name: 'long',
+          kind: 'folder',
+          children: [{
+            name: 'nested',
+            kind: 'folder',
+            children: [{
+              name: 'directory',
+              kind: 'folder',
+              children: [{
+                name: 'structure',
+                kind: 'folder'
+              }]
+            }]
+          }]
+        }]
+      }]
+    }]
+  }, {
+    name: 'tmp',
+    kind: 'folder'
+  }, {
+    name: 'sys',
+    kind: 'unknown'
+  }]
+};
+function getParentPath(path) {
+  if (!path || path === '/') {
+    return '/';
+  }
+  var normalized = path.endsWith('/') ? path.slice(0, -1) : path;
+  var index = normalized.lastIndexOf('/');
+  return index <= 0 ? '/' : normalized.slice(0, index);
+}
+function findNode(path) {
+  if (path === '/' || path === '') {
+    return TREE;
+  }
+  var parts = path.split('/').filter(Boolean);
+  var current = TREE;
+  var _iterator = (0, _createForOfIteratorHelper2.default)(parts),
+    _step;
+  try {
+    var _loop = function _loop() {
+        var _current$children;
+        var part = _step.value;
+        current = (_current$children = current.children) === null || _current$children === void 0 ? void 0 : _current$children.find(function (child) {
+          return child.name === part;
+        });
+        if (!current) {
+          return {
+            v: undefined
+          };
+        }
+      },
+      _ret;
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _ret = _loop();
+      if (_ret) return _ret.v;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return current;
+}
+function mockLoadPathSuggestions(_x) {
+  return _mockLoadPathSuggestions.apply(this, arguments);
+}
+function _mockLoadPathSuggestions() {
+  _mockLoadPathSuggestions = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
+    var _parent$children;
+    var path, parentPath, parent, children, prefix;
+    return (0, _regeneratorRuntime2.default)().wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          path = _ref.path;
+          _context.next = 1;
+          return new Promise(function (resolve) {
+            return setTimeout(resolve, 150);
+          });
+        case 1:
+          parentPath = getParentPath(path);
+          parent = findNode(parentPath);
+          children = (_parent$children = parent === null || parent === void 0 ? void 0 : parent.children) !== null && _parent$children !== void 0 ? _parent$children : [];
+          prefix = parentPath === '/' ? '' : parentPath;
+          return _context.abrupt("return", children.map(function (child) {
+            return {
+              parentPath: parentPath,
+              childPath: "/".concat(child.name),
+              path: "".concat(prefix, "/").concat(child.name),
+              kind: child.kind
+            };
+          }).sort(function (a, b) {
+            return a.childPath.localeCompare(b.childPath);
+          }));
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _mockLoadPathSuggestions.apply(this, arguments);
+}
+// #sourceMappingURL=PathEditor.stories.helpers.js.map

package/build/cjs/components/PathEditor/PathEditor.stories.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TREE","name","kind","children","getParentPath","path","normalized","endsWith","slice","index","lastIndexOf","findNode","parts","split","filter","Boolean","current","_iterator","_createForOfIteratorHelper","_step","_loop","_current$children","part","value","find","child","v","undefined","_ret","s","n","done","err","e","f","mockLoadPathSuggestions","_x","_mockLoadPathSuggestions","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_ref","_parent$children","parentPath","parent","prefix","wrap","_context","prev","next","Promise","resolve","setTimeout","abrupt","map","childPath","concat","sort","a","b","localeCompare","stop"],"sources":["PathEditor.stories.helpers.ts"],"sourcesContent":["import type {LoadPathSuggestionsParams, PathEditorSuggestion} from '../../types/pathEditor';\nimport type {NavigationItemKind} from '../../types/navigation';\n\ntype MockNode = {\n    name: string;\n    kind: NavigationItemKind;\n    children?: MockNode[];\n};\n\nconst TREE: MockNode = {\n    name: '',\n    kind: 'folder',\n    children: [\n        {\n            name: 'home',\n            kind: 'folder',\n            children: [\n                {\n                    name: 'user',\n                    kind: 'folder',\n                    children: [\n                        {\n                            name: 'projects',\n                            kind: 'folder',\n                            children: [\n                                {name: 'favorites', kind: 'folder'},\n                                {name: 'query.sql', kind: 'file'},\n                            ],\n                        },\n                        {name: 'tmp', kind: 'folder'},\n                        {name: 'events', kind: 'table'},\n                        {name: 'events_dyn', kind: 'table'},\n                    ],\n                },\n                {\n                    name: 'my-projects',\n                    kind: 'folder',\n                    children: [\n                        {name: 'favorites', kind: 'folder'},\n                        {\n                            name: 'very',\n                            kind: 'folder',\n                            children: [\n                                {\n                                    name: 'long',\n                                    kind: 'folder',\n                                    children: [\n                                        {\n                                            name: 'nested',\n                                            kind: 'folder',\n                                            children: [\n                                                {\n                                                    name: 'directory',\n                                                    kind: 'folder',\n                                                    children: [{name: 'structure', kind: 'folder'}],\n                                                },\n                                            ],\n                                        },\n                                    ],\n                                },\n                            ],\n                        },\n                    ],\n                },\n            ],\n        },\n        {name: 'tmp', kind: 'folder'},\n        {name: 'sys', kind: 'unknown'},\n    ],\n};\n\nfunction getParentPath(path: string): string {\n    if (!path || path === '/') {\n        return '/';\n    }\n\n    const normalized = path.endsWith('/') ? path.slice(0, -1) : path;\n    const index = normalized.lastIndexOf('/');\n    return index <= 0 ? '/' : normalized.slice(0, index);\n}\n\nfunction findNode(path: string): MockNode | undefined {\n    if (path === '/' || path === '') {\n        return TREE;\n    }\n\n    const parts = path.split('/').filter(Boolean);\n    let current: MockNode | undefined = TREE;\n\n    for (const part of parts) {\n        current = current.children?.find((child) => child.name === part);\n        if (!current) {\n            return undefined;\n        }\n    }\n\n    return current;\n}\n\nexport async function mockLoadPathSuggestions({\n    path,\n}: LoadPathSuggestionsParams): Promise<PathEditorSuggestion[]> {\n    await new Promise((resolve) => setTimeout(resolve, 150));\n\n    const parentPath = getParentPath(path);\n    const parent = findNode(parentPath);\n    const children = parent?.children ?? [];\n    const prefix = parentPath === '/' ? '' : parentPath;\n\n    return children\n        .map((child) => ({\n            parentPath,\n            childPath: `/${child.name}`,\n            path: `${prefix}/${child.name}`,\n            kind: child.kind,\n        }))\n        .sort((a, b) => a.childPath.localeCompare(b.childPath));\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/PathEditor/PathEditor.stories.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithClear = exports.SuggestionsError = exports.Disabled = exports.Default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+var _actions = require("storybook/actions");
+var _PathEditor = require("./PathEditor");
+var _PathEditorStories = require("./PathEditor.stories.helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Components/PathEditor',
+  component: _PathEditor.PathEditor,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  args: {
+    defaultPath: '/home/user',
+    autoFocus: true,
+    onLoadSuggestions: _PathEditorStories.mockLoadPathSuggestions,
+    onChange: (0, _actions.action)('onChange'),
+    onApply: (0, _actions.action)('onApply'),
+    onCancel: (0, _actions.action)('onCancel'),
+    onBlur: (0, _actions.action)('onBlur')
+  }
+};
+var WithClear = exports.WithClear = {
+  args: {
+    defaultPath: '/home/user/projects',
+    hasClear: true,
+    onLoadSuggestions: _PathEditorStories.mockLoadPathSuggestions,
+    onApply: (0, _actions.action)('onApply')
+  }
+};
+var Disabled = exports.Disabled = {
+  args: {
+    defaultPath: '/home/user',
+    disabled: true,
+    onLoadSuggestions: _PathEditorStories.mockLoadPathSuggestions
+  }
+};
+var SuggestionsError = exports.SuggestionsError = {
+  args: {
+    defaultPath: '/home/user',
+    autoFocus: true,
+    suggestionsError: true,
+    errorMessage: 'Failed to load suggestions',
+    onLoadSuggestions: function () {
+      var _onLoadSuggestions = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        return (0, _regeneratorRuntime2.default)().wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              throw new Error('Failed to load suggestions');
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function onLoadSuggestions() {
+        return _onLoadSuggestions.apply(this, arguments);
+      }
+      return onLoadSuggestions;
+    }()
+  }
+};
+// #sourceMappingURL=PathEditor.stories.js.map

package/build/cjs/components/PathEditor/PathEditor.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_actions","require","_PathEditor","_PathEditorStories","_interopRequireDefault","e","__esModule","default","meta","title","component","PathEditor","tags","parameters","layout","_default","exports","Default","args","defaultPath","autoFocus","onLoadSuggestions","mockLoadPathSuggestions","onChange","action","onApply","onCancel","onBlur","WithClear","hasClear","Disabled","disabled","SuggestionsError","suggestionsError","errorMessage","_onLoadSuggestions","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","Error","stop","apply","arguments"],"sources":["PathEditor.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {action} from 'storybook/actions';\nimport {PathEditor} from './PathEditor';\nimport {mockLoadPathSuggestions} from './PathEditor.stories.helpers';\n\nconst meta: Meta<typeof PathEditor> = {\n    title: 'Components/PathEditor',\n    component: PathEditor,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof PathEditor>;\n\nexport const Default: Story = {\n    args: {\n        defaultPath: '/home/user',\n        autoFocus: true,\n        onLoadSuggestions: mockLoadPathSuggestions,\n        onChange: action('onChange'),\n        onApply: action('onApply'),\n        onCancel: action('onCancel'),\n        onBlur: action('onBlur'),\n    },\n};\n\nexport const WithClear: Story = {\n    args: {\n        defaultPath: '/home/user/projects',\n        hasClear: true,\n        onLoadSuggestions: mockLoadPathSuggestions,\n        onApply: action('onApply'),\n    },\n};\n\nexport const Disabled: Story = {\n    args: {\n        defaultPath: '/home/user',\n        disabled: true,\n        onLoadSuggestions: mockLoadPathSuggestions,\n    },\n};\n\nexport const SuggestionsError: Story = {\n    args: {\n        defaultPath: '/home/user',\n        autoFocus: true,\n        suggestionsError: true,\n        errorMessage: 'Failed to load suggestions',\n        onLoadSuggestions: async () => {\n            throw new Error('Failed to load suggestions');\n        },\n    },\n};\n"],"mappings":";;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA+B,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,IAAMG,IAA6B,GAAG;EAClCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEC,sBAAU;EACrBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEcC,IAAI;AAGZ,IAAMS,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG;EAC1BC,IAAI,EAAE;IACFC,WAAW,EAAE,YAAY;IACzBC,SAAS,EAAE,IAAI;IACfC,iBAAiB,EAAEC,0CAAuB;IAC1CC,QAAQ,EAAE,IAAAC,eAAM,EAAC,UAAU,CAAC;IAC5BC,OAAO,EAAE,IAAAD,eAAM,EAAC,SAAS,CAAC;IAC1BE,QAAQ,EAAE,IAAAF,eAAM,EAAC,UAAU,CAAC;IAC5BG,MAAM,EAAE,IAAAH,eAAM,EAAC,QAAQ;EAC3B;AACJ,CAAC;AAEM,IAAMI,SAAgB,GAAAZ,OAAA,CAAAY,SAAA,GAAG;EAC5BV,IAAI,EAAE;IACFC,WAAW,EAAE,qBAAqB;IAClCU,QAAQ,EAAE,IAAI;IACdR,iBAAiB,EAAEC,0CAAuB;IAC1CG,OAAO,EAAE,IAAAD,eAAM,EAAC,SAAS;EAC7B;AACJ,CAAC;AAEM,IAAMM,QAAe,GAAAd,OAAA,CAAAc,QAAA,GAAG;EAC3BZ,IAAI,EAAE;IACFC,WAAW,EAAE,YAAY;IACzBY,QAAQ,EAAE,IAAI;IACdV,iBAAiB,EAAEC;EACvB;AACJ,CAAC;AAEM,IAAMU,gBAAuB,GAAAhB,OAAA,CAAAgB,gBAAA,GAAG;EACnCd,IAAI,EAAE;IACFC,WAAW,EAAE,YAAY;IACzBC,SAAS,EAAE,IAAI;IACfa,gBAAgB,EAAE,IAAI;IACtBC,YAAY,EAAE,4BAA4B;IAC1Cb,iBAAiB;MAAA,IAAAc,kBAAA,OAAAC,0BAAA,mBAAAC,4BAAA,IAAAC,IAAA,CAAE,SAAAC,QAAA;QAAA,WAAAF,4BAAA,IAAAG,IAAA,WAAAC,QAAA;UAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;YAAA;cAAA,MACT,IAAIC,KAAK,CAAC,4BAA4B,CAAC;YAAA;YAAA;cAAA,OAAAH,QAAA,CAAAI,IAAA;UAAA;QAAA,GAAAN,OAAA;MAAA,CAChD;MAAA,SAFDlB,iBAAiBA,CAAA;QAAA,OAAAc,kBAAA,CAAAW,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAjB1B,iBAAiB;IAAA;EAGrB;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+import type { PathEditorSuggestion } from '../../../types/pathEditor';
+export declare function filterByCurrentPath(currentPath: string, suggestions: PathEditorSuggestion[]): PathEditorSuggestion[];
+export declare function getNextSelectedIndex(suggestions: PathEditorSuggestion[], selectedIndex: number): number;
+export declare function getPrevSelectedIndex(suggestions: PathEditorSuggestion[], selectedIndex: number): number;
+export declare function getCompletedPath(suggestion: PathEditorSuggestion): string;
+export declare function getLastFragment(path: string): string | undefined;

package/build/cjs/components/PathEditor/helpers/suggestions.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterByCurrentPath = filterByCurrentPath;
+exports.getCompletedPath = getCompletedPath;
+exports.getLastFragment = getLastFragment;
+exports.getNextSelectedIndex = getNextSelectedIndex;
+exports.getPrevSelectedIndex = getPrevSelectedIndex;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.starts-with.js");
+function filterByCurrentPath(currentPath, suggestions) {
+  var path = currentPath.toLowerCase();
+  return suggestions.filter(function (child) {
+    var hasPartOfPath = child.path.toLowerCase().startsWith(path);
+    var isShowCurrentChild = child.path.toLowerCase() !== path || child.kind === 'folder';
+    return hasPartOfPath && isShowCurrentChild;
+  });
+}
+function getNextSelectedIndex(suggestions, selectedIndex) {
+  if (selectedIndex === -1 || selectedIndex === suggestions.length - 1) {
+    return 0;
+  }
+  return selectedIndex + 1;
+}
+function getPrevSelectedIndex(suggestions, selectedIndex) {
+  if (selectedIndex === -1 || selectedIndex === 0) {
+    return suggestions.length - 1;
+  }
+  return selectedIndex - 1;
+}
+function getCompletedPath(suggestion) {
+  return suggestion.kind === 'folder' ? "".concat(suggestion.path, "/") : suggestion.path;
+}
+function getLastFragment(path) {
+  var segments = path.split('/').filter(Boolean);
+  return segments[segments.length - 1];
+}
+// #sourceMappingURL=suggestions.js.map

package/build/cjs/components/PathEditor/helpers/suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filterByCurrentPath","currentPath","suggestions","path","toLowerCase","filter","child","hasPartOfPath","startsWith","isShowCurrentChild","kind","getNextSelectedIndex","selectedIndex","length","getPrevSelectedIndex","getCompletedPath","suggestion","concat","getLastFragment","segments","split","Boolean"],"sources":["suggestions.ts"],"sourcesContent":["import type {PathEditorSuggestion} from '../../../types/pathEditor';\n\nexport function filterByCurrentPath(\n    currentPath: string,\n    suggestions: PathEditorSuggestion[],\n): PathEditorSuggestion[] {\n    const path = currentPath.toLowerCase();\n\n    return suggestions.filter((child) => {\n        const hasPartOfPath = child.path.toLowerCase().startsWith(path);\n        const isShowCurrentChild = child.path.toLowerCase() !== path || child.kind === 'folder';\n\n        return hasPartOfPath && isShowCurrentChild;\n    });\n}\n\nexport function getNextSelectedIndex(suggestions: PathEditorSuggestion[], selectedIndex: number) {\n    if (selectedIndex === -1 || selectedIndex === suggestions.length - 1) {\n        return 0;\n    }\n\n    return selectedIndex + 1;\n}\n\nexport function getPrevSelectedIndex(suggestions: PathEditorSuggestion[], selectedIndex: number) {\n    if (selectedIndex === -1 || selectedIndex === 0) {\n        return suggestions.length - 1;\n    }\n\n    return selectedIndex - 1;\n}\n\nexport function getCompletedPath(suggestion: PathEditorSuggestion) {\n    return suggestion.kind === 'folder' ? `${suggestion.path}/` : suggestion.path;\n}\n\nexport function getLastFragment(path: string): string | undefined {\n    const segments = path.split('/').filter(Boolean);\n    return segments[segments.length - 1];\n}\n"],"mappings":";;;;;;;;;;;;;;;AAEO,SAASA,mBAAmBA,CAC/BC,WAAmB,EACnBC,WAAmC,EACb;EACtB,IAAMC,IAAI,GAAGF,WAAW,CAACG,WAAW,CAAC,CAAC;EAEtC,OAAOF,WAAW,CAACG,MAAM,CAAC,UAACC,KAAK,EAAK;IACjC,IAAMC,aAAa,GAAGD,KAAK,CAACH,IAAI,CAACC,WAAW,CAAC,CAAC,CAACI,UAAU,CAACL,IAAI,CAAC;IAC/D,IAAMM,kBAAkB,GAAGH,KAAK,CAACH,IAAI,CAACC,WAAW,CAAC,CAAC,KAAKD,IAAI,IAAIG,KAAK,CAACI,IAAI,KAAK,QAAQ;IAEvF,OAAOH,aAAa,IAAIE,kBAAkB;EAC9C,CAAC,CAAC;AACN;AAEO,SAASE,oBAAoBA,CAACT,WAAmC,EAAEU,aAAqB,EAAE;EAC7F,IAAIA,aAAa,KAAK,CAAC,CAAC,IAAIA,aAAa,KAAKV,WAAW,CAACW,MAAM,GAAG,CAAC,EAAE;IAClE,OAAO,CAAC;EACZ;EAEA,OAAOD,aAAa,GAAG,CAAC;AAC5B;AAEO,SAASE,oBAAoBA,CAACZ,WAAmC,EAAEU,aAAqB,EAAE;EAC7F,IAAIA,aAAa,KAAK,CAAC,CAAC,IAAIA,aAAa,KAAK,CAAC,EAAE;IAC7C,OAAOV,WAAW,CAACW,MAAM,GAAG,CAAC;EACjC;EAEA,OAAOD,aAAa,GAAG,CAAC;AAC5B;AAEO,SAASG,gBAAgBA,CAACC,UAAgC,EAAE;EAC/D,OAAOA,UAAU,CAACN,IAAI,KAAK,QAAQ,MAAAO,MAAA,CAAMD,UAAU,CAACb,IAAI,SAAMa,UAAU,CAACb,IAAI;AACjF;AAEO,SAASe,eAAeA,CAACf,IAAY,EAAsB;EAC9D,IAAMgB,QAAQ,GAAGhB,IAAI,CAACiB,KAAK,CAAC,GAAG,CAAC,CAACf,MAAM,CAACgB,OAAO,CAAC;EAChD,OAAOF,QAAQ,CAACA,QAAQ,CAACN,MAAM,GAAG,CAAC,CAAC;AACxC","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    en: {
+        "message_error-default": string;
+        field_placeholder: string;
+    };
+    ru: {
+        "message_error-default": string;
+        field_placeholder: string;
+    };
+};
+export default _default;

package/build/cjs/components/PathEditor/i18n/dicts.js

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

package/build/cjs/components/PathEditor/i18n/dicts.js.map

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

package/build/cjs/components/PathEditor/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "message_error-default": "Oops, something went wrong",
+  "field_placeholder": "Enter the path..."
+}

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

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

package/build/cjs/components/PathEditor/i18n/index.js

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

package/build/cjs/components/PathEditor/i18n/index.js.map

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

package/build/cjs/components/PathEditor/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "message_error-default": "Что-то пошло не так",
+  "field_placeholder": "Введите путь..."
+}

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

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

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

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

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

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

package/build/cjs/components/SearchWithButtons/SearchWithButtons.css

@@ -0,0 +1,8 @@
+.qp-search-with-buttons__input {
+  flex-grow: 1;
+  min-width: 0;
+}
+.qp-search-with-buttons__inner-buttons {
+  margin-right: 4px;
+}
+/*# sourceMappingURL=SearchWithButtons.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SearchWithButtons.scss"],"names":[],"mappings":"AACE;EACE,YAAA;EACA,YAAA;AAAJ;AAGE;EACE,iBAAA;AADJ","file":"SearchWithButtons.css","sourcesContent":[".qp-search-with-buttons {\n  &__input {\n    flex-grow: 1;\n    min-width: 0;\n  }\n\n  &__inner-buttons {\n    margin-right: 4px;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import './SearchWithButtons.scss';
+export type SearchWithButtonsProps = {
+    value?: string;
+    placeholder?: string;
+    hasClear?: boolean;
+    innerButtons?: React.ReactNode[];
+    endButtons?: React.ReactNode[];
+    onUpdate?: (value: string) => void;
+    className?: string;
+};
+export declare const SearchWithButtons: FC<SearchWithButtonsProps>;

package/build/cjs/components/SearchWithButtons/SearchWithButtons.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchWithButtons = void 0;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./SearchWithButtons.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-search-with-buttons');
+var renderButtons = function renderButtons(buttons) {
+  return buttons.map(function (button, index) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: button
+    }, index);
+  });
+};
+var SearchWithButtons = exports.SearchWithButtons = function SearchWithButtons(_ref) {
+  var value = _ref.value,
+    placeholder = _ref.placeholder,
+    hasClear = _ref.hasClear,
+    innerButtons = _ref.innerButtons,
+    endButtons = _ref.endButtons,
+    onUpdate = _ref.onUpdate,
+    className = _ref.className;
+  var hasInnerButtons = Boolean(innerButtons === null || innerButtons === void 0 ? void 0 : innerButtons.length);
+  var hasEndButtons = Boolean(endButtons === null || endButtons === void 0 ? void 0 : endButtons.length);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    gap: 1,
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+      className: block('input'),
+      value: value,
+      placeholder: placeholder,
+      hasClear: hasClear,
+      onUpdate: onUpdate,
+      endContent: hasInnerButtons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+        gap: 1,
+        className: block('inner-buttons'),
+        children: renderButtons(innerButtons)
+      }) : undefined
+    }), hasEndButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+      gap: 1,
+      className: block('end-buttons'),
+      children: renderButtons(endButtons)
+    })]
+  });
+};
+// #sourceMappingURL=SearchWithButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","renderButtons","buttons","map","button","index","_jsx","React","Fragment","children","SearchWithButtons","exports","_ref","value","placeholder","hasClear","innerButtons","endButtons","onUpdate","className","hasInnerButtons","Boolean","length","hasEndButtons","_jsxs","Flex","gap","TextInput","endContent","undefined"],"sources":["SearchWithButtons.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, TextInput} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './SearchWithButtons.scss';\n\nexport type SearchWithButtonsProps = {\n    value?: string;\n    placeholder?: string;\n    hasClear?: boolean;\n    innerButtons?: React.ReactNode[];\n    endButtons?: React.ReactNode[];\n    onUpdate?: (value: string) => void;\n    className?: string;\n};\n\nconst block = cn('qp-search-with-buttons');\n\nconst renderButtons = (buttons: React.ReactNode[]) =>\n    buttons.map((button, index) => <React.Fragment key={index}>{button}</React.Fragment>);\n\nexport const SearchWithButtons: FC<SearchWithButtonsProps> = ({\n    value,\n    placeholder,\n    hasClear,\n    innerButtons,\n    endButtons,\n    onUpdate,\n    className,\n}) => {\n    const hasInnerButtons = Boolean(innerButtons?.length);\n    const hasEndButtons = Boolean(endButtons?.length);\n\n    return (\n        <Flex gap={1} className={block(null, className)}>\n            <TextInput\n                className={block('input')}\n                value={value}\n                placeholder={placeholder}\n                hasClear={hasClear}\n                onUpdate={onUpdate}\n                endContent={\n                    hasInnerButtons ? (\n                        <Flex gap={1} className={block('inner-buttons')}>\n                            {renderButtons(innerButtons as React.ReactNode[])}\n                        </Flex>\n                    ) : undefined\n                }\n            />\n            {hasEndButtons && (\n                <Flex gap={1} className={block('end-buttons')}>\n                    {renderButtons(endButtons as React.ReactNode[])}\n                </Flex>\n            )}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAAkC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYlC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,wBAAwB,CAAC;AAE1C,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAA0B;EAAA,OAC7CA,OAAO,CAACC,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;IAAA,oBAAK,IAAAC,eAAA,EAACC,cAAK,CAACC,QAAQ;MAAAC,QAAA,EAAcL;IAAM,GAAdC,KAA+B,CAAC;EAAA,EAAC;AAAA;AAElF,IAAMK,iBAA6C,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAAhDA,iBAA6CA,CAAAE,IAAA,EAQpD;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IACZC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,SAAS,GAAAP,IAAA,CAATO,SAAS;EAET,IAAMC,eAAe,GAAGC,OAAO,CAACL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEM,MAAM,CAAC;EACrD,IAAMC,aAAa,GAAGF,OAAO,CAACJ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEK,MAAM,CAAC;EAEjD,oBACI,IAAAE,gBAAA,EAACC,WAAI;IAACC,GAAG,EAAE,CAAE;IAACP,SAAS,EAAEpB,KAAK,CAAC,IAAI,EAAEoB,SAAS,CAAE;IAAAV,QAAA,gBAC5C,IAAAH,eAAA,EAACqB,gBAAS;MACNR,SAAS,EAAEpB,KAAK,CAAC,OAAO,CAAE;MAC1Bc,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBG,QAAQ,EAAEA,QAAS;MACnBU,UAAU,EACNR,eAAe,gBACX,IAAAd,eAAA,EAACmB,WAAI;QAACC,GAAG,EAAE,CAAE;QAACP,SAAS,EAAEpB,KAAK,CAAC,eAAe,CAAE;QAAAU,QAAA,EAC3CR,aAAa,CAACe,YAAiC;MAAC,CAC/C,CAAC,GACPa;IACP,CACJ,CAAC,EACDN,aAAa,iBACV,IAAAjB,eAAA,EAACmB,WAAI;MAACC,GAAG,EAAE,CAAE;MAACP,SAAS,EAAEpB,KAAK,CAAC,aAAa,CAAE;MAAAU,QAAA,EACzCR,aAAa,CAACgB,UAA+B;IAAC,CAC7C,CACT;EAAA,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/SearchWithButtons/SearchWithButtons.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SearchWithButtons } from './SearchWithButtons';
+declare const meta: Meta<typeof SearchWithButtons>;
+export default meta;
+type Story = StoryObj<typeof SearchWithButtons>;
+/** Just the search input, without any buttons */
+export declare const Default: Story;
+/** A toggle button rendered inside the input */
+export declare const WithInnerButton: Story;
+/** Several buttons rendered after the input */
+export declare const WithEndButtons: Story;
+/** Both slots are filled at the same time */
+export declare const WithBothSlots: Story;