@gravity-ui/querieskit 1.0.4 → 1.2.0

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

@@ -0,0 +1,68 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import "core-js/modules/es.error.cause.js";
+import "core-js/modules/es.error.to-string.js";
+import { action } from 'storybook/actions';
+import { PathEditor } from "./PathEditor";
+import { mockLoadPathSuggestions } from "./PathEditor.stories.helpers";
+var meta = {
+  title: 'Components/PathEditor',
+  component: PathEditor,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+export var Default = {
+  args: {
+    defaultPath: '/home/user',
+    autoFocus: true,
+    onLoadSuggestions: mockLoadPathSuggestions,
+    onChange: action('onChange'),
+    onApply: action('onApply'),
+    onCancel: action('onCancel'),
+    onBlur: action('onBlur')
+  }
+};
+export var WithClear = {
+  args: {
+    defaultPath: '/home/user/projects',
+    hasClear: true,
+    onLoadSuggestions: mockLoadPathSuggestions,
+    onApply: action('onApply')
+  }
+};
+export var Disabled = {
+  args: {
+    defaultPath: '/home/user',
+    disabled: true,
+    onLoadSuggestions: mockLoadPathSuggestions
+  }
+};
+export var SuggestionsError = {
+  args: {
+    defaultPath: '/home/user',
+    autoFocus: true,
+    suggestionsError: true,
+    errorMessage: 'Failed to load suggestions',
+    onLoadSuggestions: function () {
+      var _onLoadSuggestions = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        return _regeneratorRuntime().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/esm/components/PathEditor/PathEditor.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["action","PathEditor","mockLoadPathSuggestions","meta","title","component","tags","parameters","layout","Default","args","defaultPath","autoFocus","onLoadSuggestions","onChange","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,SAAQA,MAAM,QAAO,mBAAmB;AACxC,SAAQC,UAAU;AAClB,SAAQC,uBAAuB;AAE/B,IAAMC,IAA6B,GAAG;EAClCC,KAAK,EAAE,uBAAuB;EAC9BC,SAAS,EAAEJ,UAAU;EACrBK,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeL,IAAI;AAGnB,OAAO,IAAMM,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFC,WAAW,EAAE,YAAY;IACzBC,SAAS,EAAE,IAAI;IACfC,iBAAiB,EAAEX,uBAAuB;IAC1CY,QAAQ,EAAEd,MAAM,CAAC,UAAU,CAAC;IAC5Be,OAAO,EAAEf,MAAM,CAAC,SAAS,CAAC;IAC1BgB,QAAQ,EAAEhB,MAAM,CAAC,UAAU,CAAC;IAC5BiB,MAAM,EAAEjB,MAAM,CAAC,QAAQ;EAC3B;AACJ,CAAC;AAED,OAAO,IAAMkB,SAAgB,GAAG;EAC5BR,IAAI,EAAE;IACFC,WAAW,EAAE,qBAAqB;IAClCQ,QAAQ,EAAE,IAAI;IACdN,iBAAiB,EAAEX,uBAAuB;IAC1Ca,OAAO,EAAEf,MAAM,CAAC,SAAS;EAC7B;AACJ,CAAC;AAED,OAAO,IAAMoB,QAAe,GAAG;EAC3BV,IAAI,EAAE;IACFC,WAAW,EAAE,YAAY;IACzBU,QAAQ,EAAE,IAAI;IACdR,iBAAiB,EAAEX;EACvB;AACJ,CAAC;AAED,OAAO,IAAMoB,gBAAuB,GAAG;EACnCZ,IAAI,EAAE;IACFC,WAAW,EAAE,YAAY;IACzBC,SAAS,EAAE,IAAI;IACfW,gBAAgB,EAAE,IAAI;IACtBC,YAAY,EAAE,4BAA4B;IAC1CX,iBAAiB;MAAA,IAAAY,kBAAA,GAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAE,SAAAC,QAAA;QAAA,OAAAF,mBAAA,GAAAG,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,SAFDhB,iBAAiBA,CAAA;QAAA,OAAAY,kBAAA,CAAAW,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAjBxB,iBAAiB;IAAA;EAGrB;AACJ,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/PathEditor/helpers/suggestions.js

@@ -0,0 +1,33 @@
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.starts-with.js";
+export 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;
+  });
+}
+export function getNextSelectedIndex(suggestions, selectedIndex) {
+  if (selectedIndex === -1 || selectedIndex === suggestions.length - 1) {
+    return 0;
+  }
+  return selectedIndex + 1;
+}
+export function getPrevSelectedIndex(suggestions, selectedIndex) {
+  if (selectedIndex === -1 || selectedIndex === 0) {
+    return suggestions.length - 1;
+  }
+  return selectedIndex - 1;
+}
+export function getCompletedPath(suggestion) {
+  return suggestion.kind === 'folder' ? "".concat(suggestion.path, "/") : suggestion.path;
+}
+export function getLastFragment(path) {
+  var segments = path.split('/').filter(Boolean);
+  return segments[segments.length - 1];
+}
+// #sourceMappingURL=suggestions.js.map

package/build/esm/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":";;;;;AAEA,OAAO,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;AAEA,OAAO,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;AAEA,OAAO,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;AAEA,OAAO,SAASG,gBAAgBA,CAACC,UAAgC,EAAE;EAC/D,OAAOA,UAAU,CAACN,IAAI,KAAK,QAAQ,MAAAO,MAAA,CAAMD,UAAU,CAACb,IAAI,SAAMa,UAAU,CAACb,IAAI;AACjF;AAEA,OAAO,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/esm/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/esm/components/PathEditor/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

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

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

package/build/esm/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/esm/components/PathEditor/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:path-editor', dicts);
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,gBAAgB,EAAEC,KAAK,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

package/build/esm/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/esm/{modules/HistoryRow/HistoryRowMenu.js → components/RowActionsMenu/RowActionsMenu.js}

@@ -23,18 +23,20 @@ EllipsisIcon.defaultProps = {
   fill: "none",
   viewBox: "0 0 16 16"
 };
-export var HistoryRowMenu = function HistoryRowMenu(_ref) {
+export var RowActionsMenu = function RowActionsMenu(_ref) {
   var item = _ref.item,
     actions = _ref.actions;
   var items = 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,
@@ -44,9 +46,10 @@ export var 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__*/_jsx("div", {
     onClick: handleClick,
@@ -65,4 +68,4 @@ export var HistoryRowMenu = function HistoryRowMenu(_ref) {
     })
   });
 };
-// #sourceMappingURL=HistoryRowMenu.js.map
+// #sourceMappingURL=RowActionsMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Button","DropdownMenu","Icon","jsx","_jsx","EllipsisIcon","props","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","RowActionsMenu","_ref","item","actions","items","map","_ref2","icon","text","theme","hidden","disabled","onClick","iconStart","action","length","handleClick","event","preventDefault","stopPropagation","size","renderSwitcher","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":";;;;;AAAA,OAAOA,KAAK,IAAeC,OAAO,QAAO,OAAO;AAChD,SAAQC,MAAM,EAAEC,YAAY,EAAoBC,IAAI,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,IACxEC,YAAY,YAAZA,YAAYA,CAAAC,KAAA;EAAA,oBAAAF,IAAA,QAAAG,aAAA,CAAAA,aAAA,KAAAD,KAAA;IAAAE,QAAA,eAAAJ,IAAA;MAAAK,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAAZP,YAAY,CAAAQ,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAQnB,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAwE;EAAA,IAA3CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACjE,IAAMC,KAAK,GAAGvB,OAAO,CAAC,YAAM;IACxB,OAAOsB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,GAAG,CAAmB,UAAAC,KAAA,EAAoD;MAAA,IAAlDC,IAAI,GAAAD,KAAA,CAAJC,IAAI;QAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;QAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;QAAEC,MAAM,GAAAJ,KAAA,CAANI,MAAM;QAAEC,QAAQ,GAAAL,KAAA,CAARK,QAAQ;QAAEC,OAAO,GAAAN,KAAA,CAAPM,OAAO;MAChF,OAAO;QACHJ,IAAI,EAAJA,IAAI;QACJC,KAAK,EAALA,KAAK;QACLC,MAAM,EAANA,MAAM;QACNC,QAAQ,EAARA,QAAQ;QACRE,SAAS,EAAEN,IAAI;QACfO,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;UACVF,OAAO,CAACV,IAAI,CAAC;QACjB;MACJ,CAAC;IACL,CAAC,CAAC;EACN,CAAC,EAAE,CAACC,OAAO,EAAED,IAAI,CAAC,CAAC;EAEnB,IAAI,EAACC,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEY,MAAM,GAAE,OAAO,IAAI;EAEjC,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAiC,EAAK;IACvDA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBD,KAAK,CAACE,eAAe,CAAC,CAAC;EAC3B,CAAC;EAED,oBACIjC,IAAA;IAAK0B,OAAO,EAAEI,WAAY;IAAA1B,QAAA,eACtBJ,IAAA,CAACH,YAAY;MACTqC,IAAI,EAAC,GAAG;MACRC,cAAc,EAAE,SAAhBA,cAAcA,CAAGjC,KAAK;QAAA,oBAClBF,IAAA,CAACJ,MAAM,EAAAO,aAAA,CAAAA,aAAA,KAAKD,KAAK;UAAEgC,IAAI,EAAC,IAAI;UAAA9B,QAAA,eACxBJ,IAAA,CAACF,IAAI;YAACsC,IAAI,EAAEnC,YAAa;YAACiC,IAAI,EAAE;UAAG,CAAE;QAAC,EAClC,CAAC;MAAA,CACX;MACFhB,KAAK,EAAEA;IAAM,CAChB;EAAC,CACD,CAAC;AAEd,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1,49 @@
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React from 'react';
+import { Flex, TextInput } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import "./SearchWithButtons.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-search-with-buttons');
+var renderButtons = function renderButtons(buttons) {
+  return buttons.map(function (button, index) {
+    return /*#__PURE__*/_jsx(React.Fragment, {
+      children: button
+    }, index);
+  });
+};
+export var 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__*/_jsxs(Flex, {
+    gap: 1,
+    className: block(null, className),
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      className: block('input'),
+      value: value,
+      placeholder: placeholder,
+      hasClear: hasClear,
+      onUpdate: onUpdate,
+      endContent: hasInnerButtons ? /*#__PURE__*/_jsx(Flex, {
+        gap: 1,
+        className: block('inner-buttons'),
+        children: renderButtons(innerButtons)
+      }) : undefined
+    }), hasEndButtons && /*#__PURE__*/_jsx(Flex, {
+      gap: 1,
+      className: block('end-buttons'),
+      children: renderButtons(endButtons)
+    })]
+  });
+};
+// #sourceMappingURL=SearchWithButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Flex","TextInput","cn","jsx","_jsx","jsxs","_jsxs","block","renderButtons","buttons","map","button","index","Fragment","children","SearchWithButtons","_ref","value","placeholder","hasClear","innerButtons","endButtons","onUpdate","className","hasInnerButtons","Boolean","length","hasEndButtons","gap","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,OAAOA,KAAK,MAAY,OAAO;AAC/B,SAAQC,IAAI,EAAEC,SAAS,QAAO,mBAAmB;AACjD,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAkC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYlC,IAAMC,KAAK,GAAGL,EAAE,CAAC,wBAAwB,CAAC;AAE1C,IAAMM,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAA0B;EAAA,OAC7CA,OAAO,CAACC,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;IAAA,oBAAKR,IAAA,CAACL,KAAK,CAACc,QAAQ;MAAAC,QAAA,EAAcH;IAAM,GAAdC,KAA+B,CAAC;EAAA,EAAC;AAAA;AAEzF,OAAO,IAAMG,iBAA6C,GAAG,SAAhDA,iBAA6CA,CAAAC,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,oBACIpB,KAAA,CAACN,IAAI;IAAC4B,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAAAT,QAAA,gBAC5CV,IAAA,CAACH,SAAS;MACNsB,SAAS,EAAEhB,KAAK,CAAC,OAAO,CAAE;MAC1BU,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBG,QAAQ,EAAEA,QAAS;MACnBO,UAAU,EACNL,eAAe,gBACXpB,IAAA,CAACJ,IAAI;QAAC4B,GAAG,EAAE,CAAE;QAACL,SAAS,EAAEhB,KAAK,CAAC,eAAe,CAAE;QAAAO,QAAA,EAC3CN,aAAa,CAACY,YAAiC;MAAC,CAC/C,CAAC,GACPU;IACP,CACJ,CAAC,EACDH,aAAa,iBACVvB,IAAA,CAACJ,IAAI;MAAC4B,GAAG,EAAE,CAAE;MAACL,SAAS,EAAEhB,KAAK,CAAC,aAAa,CAAE;MAAAO,QAAA,EACzCN,aAAa,CAACa,UAA+B;IAAC,CAC7C,CACT;EAAA,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/SearchWithButtons/SearchWithButtons.scss

@@ -0,0 +1,10 @@
+.qp-search-with-buttons {
+  &__input {
+    flex-grow: 1;
+    min-width: 0;
+  }
+
+  &__inner-buttons {
+    margin-right: 4px;
+  }
+}

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

package/build/esm/components/SearchWithButtons/SearchWithButtons.stories.js

@@ -0,0 +1,193 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Button, Icon } from '@gravity-ui/uikit';
+var ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/_jsx("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06zM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("defs", {
+      children: /*#__PURE__*/_jsx("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/_jsx("path", {
+          fill: "currentColor",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  }));
+};
+ChevronsExpandHorizontalIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FunnelIcon = function FunnelIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M12.5 4c0 .174-.071.513-.885.888S9.538 5.5 8 5.5s-2.799-.237-3.615-.612C3.57 4.513 3.5 4.174 3.5 4s.071-.513.885-.888S6.462 2.5 8 2.5s2.799.237 3.615.612c.814.375.885.714.885.888m-1.448 2.66C10.158 6.888 9.115 7 8 7s-2.158-.113-3.052-.34l1.98 2.905c.21.308.322.672.322 1.044v3.37q.088.02.25.021c.422 0 .749-.14.95-.316.185-.162.3-.38.3-.684v-2.39c0-.373.112-.737.322-1.045zM8 1c3.314 0 6 1 6 3a3.24 3.24 0 0 1-.563 1.826l-3.125 4.584a.35.35 0 0 0-.062.2V13c0 1.5-1.25 2.5-2.75 2.5s-1.75-1-1.75-1v-3.89a.35.35 0 0 0-.061-.2L2.563 5.826A3.24 3.24 0 0 1 2 4c0-2 2.686-3 6-3m-.88 12.936q-.015-.008-.013-.01z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FunnelIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var GearIcon = function GearIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+GearIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import { SearchWithButtons } from "./SearchWithButtons";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/SearchWithButtons',
+  component: SearchWithButtons,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var PlainStory = function PlainStory() {
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue
+  });
+};
+var WithInnerButtonStory = function WithInnerButtonStory() {
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    active = _useState6[0],
+    setActive = _useState6[1];
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue,
+    innerButtons: [/*#__PURE__*/_jsx(Button, {
+      size: "xs",
+      view: active ? 'action' : undefined,
+      onClick: function onClick() {
+        return setActive(!active);
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: ChevronsExpandHorizontalIcon,
+        size: 12
+      })
+    }, "full-search")]
+  });
+};
+var WithEndButtonsStory = function WithEndButtonsStory() {
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue,
+    endButtons: [/*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: FunnelIcon,
+        size: 16
+      })
+    }, "filter"), /*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: GearIcon,
+        size: 16
+      })
+    }, "settings")]
+  });
+};
+var WithBothSlotsStory = function WithBothSlotsStory() {
+  var _useState9 = useState(''),
+    _useState0 = _slicedToArray(_useState9, 2),
+    value = _useState0[0],
+    setValue = _useState0[1];
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue,
+    innerButtons: [/*#__PURE__*/_jsx(Button, {
+      size: "xs",
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: ChevronsExpandHorizontalIcon,
+        size: 12
+      })
+    }, "full-search")],
+    endButtons: [/*#__PURE__*/_jsx(Button, {
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: FunnelIcon,
+        size: 16
+      })
+    }, "filter")]
+  });
+};
+
+/** Just the search input, without any buttons */
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(PlainStory, {});
+  }
+};
+
+/** A toggle button rendered inside the input */
+export var WithInnerButton = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithInnerButtonStory, {});
+  }
+};
+
+/** Several buttons rendered after the input */
+export var WithEndButtons = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithEndButtonsStory, {});
+  }
+};
+
+/** Both slots are filled at the same time */
+export var WithBothSlots = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(WithBothSlotsStory, {});
+  }
+};
+// #sourceMappingURL=SearchWithButtons.stories.js.map

package/build/esm/components/SearchWithButtons/SearchWithButtons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Button","Icon","ChevronsExpandHorizontalIcon","props","_jsxs","_objectSpread","children","_jsx","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","FunnelIcon","GearIcon","SearchWithButtons","jsx","jsxs","meta","title","component","tags","parameters","layout","PlainStory","_useState","_useState2","_slicedToArray","value","setValue","placeholder","hasClear","onUpdate","WithInnerButtonStory","_useState3","_useState4","_useState5","_useState6","active","setActive","innerButtons","size","view","undefined","onClick","data","WithEndButtonsStory","_useState7","_useState8","endButtons","WithBothSlotsStory","_useState9","_useState0","Default","render","WithInnerButton","WithEndButtons","WithBothSlots"],"sources":["SearchWithButtons.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';\nimport FunnelIcon from '@gravity-ui/icons/svgs/funnel.svg';\nimport GearIcon from '@gravity-ui/icons/svgs/gear.svg';\nimport {SearchWithButtons} from './SearchWithButtons';\n\nconst meta: Meta<typeof SearchWithButtons> = {\n    title: 'Components/SearchWithButtons',\n    component: SearchWithButtons,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SearchWithButtons>;\n\nconst PlainStory = () => {\n    const [value, setValue] = useState('');\n\n    return (\n        <SearchWithButtons value={value} placeholder=\"Search\" hasClear={true} onUpdate={setValue} />\n    );\n};\n\nconst WithInnerButtonStory = () => {\n    const [value, setValue] = useState('');\n    const [active, setActive] = useState(false);\n\n    return (\n        <SearchWithButtons\n            value={value}\n            placeholder=\"Search\"\n            hasClear={true}\n            onUpdate={setValue}\n            innerButtons={[\n                <Button\n                    key=\"full-search\"\n                    size=\"xs\"\n                    view={active ? 'action' : undefined}\n                    onClick={() => setActive(!active)}\n                >\n                    <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n                </Button>,\n            ]}\n        />\n    );\n};\n\nconst WithEndButtonsStory = () => {\n    const [value, setValue] = useState('');\n\n    return (\n        <SearchWithButtons\n            value={value}\n            placeholder=\"Search\"\n            hasClear={true}\n            onUpdate={setValue}\n            endButtons={[\n                <Button key=\"filter\">\n                    <Icon data={FunnelIcon} size={16} />\n                </Button>,\n                <Button key=\"settings\">\n                    <Icon data={GearIcon} size={16} />\n                </Button>,\n            ]}\n        />\n    );\n};\n\nconst WithBothSlotsStory = () => {\n    const [value, setValue] = useState('');\n\n    return (\n        <SearchWithButtons\n            value={value}\n            placeholder=\"Search\"\n            hasClear={true}\n            onUpdate={setValue}\n            innerButtons={[\n                <Button key=\"full-search\" size=\"xs\">\n                    <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n                </Button>,\n            ]}\n            endButtons={[\n                <Button key=\"filter\">\n                    <Icon data={FunnelIcon} size={16} />\n                </Button>,\n            ]}\n        />\n    );\n};\n\n/** Just the search input, without any buttons */\nexport const Default: Story = {render: () => <PlainStory />};\n\n/** A toggle button rendered inside the input */\nexport const WithInnerButton: Story = {render: () => <WithInnerButtonStory />};\n\n/** Several buttons rendered after the input */\nexport const WithEndButtons: Story = {render: () => <WithEndButtonsStory />};\n\n/** Both slots are filled at the same time */\nexport const WithBothSlots: Story = {render: () => <WithBothSlotsStory />};\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export type SkeletonRowsProps = {
+    count?: number;
+    className?: string;
+    rowClassName?: string;
+};
+export declare const SkeletonRows: FC<SkeletonRowsProps>;