@gravity-ui/querieskit 1.0.3 → 1.1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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