@gravity-ui/querieskit 1.0.4 → 1.2.0

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/RowActionsMenu/RowActionsMenu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryListRow, QueryListRowAction } from '../../types/queryList';
+export type RowActionsMenuProps<T extends QueryListRow = QueryListRow> = {
+    item: T;
+    actions?: QueryListRowAction<T>[];
+};
+export declare const RowActionsMenu: <T extends QueryListRow>({ item, actions }: RowActionsMenuProps<T>) => React.JSX.Element | null;

package/build/cjs/{modules/HistoryRow/HistoryRowMenu.js → components/RowActionsMenu/RowActionsMenu.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HistoryRowMenu = void 0;
+exports.RowActionsMenu = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.iterator.constructor.js");
@@ -31,18 +31,20 @@ EllipsisIcon.defaultProps = {
   fill: "none",
   viewBox: "0 0 16 16"
 };
-var HistoryRowMenu = exports.HistoryRowMenu = function HistoryRowMenu(_ref) {
+var RowActionsMenu = exports.RowActionsMenu = function RowActionsMenu(_ref) {
   var item = _ref.item,
     actions = _ref.actions;
   var items = (0, _react.useMemo)(function () {
     return actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2) {
       var icon = _ref2.icon,
         text = _ref2.text,
+        theme = _ref2.theme,
         hidden = _ref2.hidden,
         disabled = _ref2.disabled,
         onClick = _ref2.onClick;
       return {
         text: text,
+        theme: theme,
         hidden: hidden,
         disabled: disabled,
         iconStart: icon,
@@ -52,9 +54,10 @@ var HistoryRowMenu = exports.HistoryRowMenu = function HistoryRowMenu(_ref) {
       };
     });
   }, [actions, item]);
-  if (!actions || !actions.length) return null;
-  var handleClick = function handleClick(e) {
-    e.preventDefault();
+  if (!(actions !== null && actions !== void 0 && actions.length)) return null;
+  var handleClick = function handleClick(event) {
+    event.preventDefault();
+    event.stopPropagation();
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     onClick: handleClick,
@@ -73,4 +76,4 @@ var HistoryRowMenu = exports.HistoryRowMenu = function HistoryRowMenu(_ref) {
     })
   });
 };
-// #sourceMappingURL=HistoryRowMenu.js.map
+// #sourceMappingURL=RowActionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","EllipsisIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","RowActionsMenu","exports","_ref","item","actions","items","useMemo","map","_ref2","icon","text","theme","hidden","disabled","onClick","iconStart","action","length","handleClick","event","preventDefault","stopPropagation","DropdownMenu","size","renderSwitcher","Button","Icon","data"],"sources":["RowActionsMenu.tsx"],"sourcesContent":["import React, {MouseEvent, useMemo} from 'react';\nimport {Button, DropdownMenu, DropdownMenuItem, Icon} from '@gravity-ui/uikit';\nimport EllipsisIcon from '@gravity-ui/icons/svgs/ellipsis.svg';\nimport {QueryListRow, QueryListRowAction} from '../../types/queryList';\n\nexport type RowActionsMenuProps<T extends QueryListRow = QueryListRow> = {\n    item: T;\n    actions?: QueryListRowAction<T>[];\n};\n\nexport const RowActionsMenu = <T extends QueryListRow>({item, actions}: RowActionsMenuProps<T>) => {\n    const items = useMemo(() => {\n        return actions?.map<DropdownMenuItem>(({icon, text, theme, hidden, disabled, onClick}) => {\n            return {\n                text,\n                theme,\n                hidden,\n                disabled,\n                iconStart: icon,\n                action: () => {\n                    onClick(item);\n                },\n            };\n        });\n    }, [actions, item]);\n\n    if (!actions?.length) return null;\n\n    const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n        event.preventDefault();\n        event.stopPropagation();\n    };\n\n    return (\n        <div onClick={handleClick}>\n            <DropdownMenu\n                size=\"s\"\n                renderSwitcher={(props) => (\n                    <Button {...props} size=\"xs\">\n                        <Icon data={EllipsisIcon} size={12} />\n                    </Button>\n                )}\n                items={items}\n            />\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_RowActionsMenu","require"],"sources":["index.ts"],"sourcesContent":["export {RowActionsMenu} from './RowActionsMenu';\nexport type {RowActionsMenuProps} from './RowActionsMenu';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,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;