@gravity-ui/querieskit 1.1.0 → 1.3.0

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/FileEdit.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileEdit = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _icons = require("@gravity-ui/icons");
+var _useKeyDownFormControl = require("../../hooks/useKeyDownFormControl");
+var _stringRequiredValidator = require("../../helpers/stringRequiredValidator");
+var _i18n = _interopRequireDefault(require("../../i18n"));
+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 FileEdit = exports.FileEdit = function FileEdit(_ref) {
+  var _ref2;
+  var customerFileLabel = _ref.fileLabel,
+    customerFileName = _ref.fileName,
+    defaultFileName = _ref.defaultFileName,
+    onChangeFileName = _ref.onChangeFileName,
+    onAccept = _ref.onAccept,
+    onCancel = _ref.onCancel,
+    _ref$validator = _ref.validator,
+    validator = _ref$validator === void 0 ? _stringRequiredValidator.stringRequiredValidator : _ref$validator;
+  var _useState = (0, _react.useState)((_ref2 = defaultFileName !== null && defaultFileName !== void 0 ? defaultFileName : customerFileName) !== null && _ref2 !== void 0 ? _ref2 : ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    innerFileName = _useState2[0],
+    setInnerFileName = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    errorMsg = _useState4[0],
+    setErrorMsg = _useState4[1];
+  var wasSubmittedRef = (0, _react.useRef)(false);
+  var label = customerFileLabel !== null && customerFileLabel !== void 0 ? customerFileLabel : (0, _i18n.default)('field_name');
+  var fileName = customerFileName !== null && customerFileName !== void 0 ? customerFileName : innerFileName;
+  var handleChangeFileName = function handleChangeFileName(patchFileName) {
+    if (errorMsg || wasSubmittedRef.current) {
+      setErrorMsg(validator(patchFileName));
+    }
+    setInnerFileName(patchFileName);
+    onChangeFileName === null || onChangeFileName === void 0 || onChangeFileName(patchFileName);
+  };
+  var handleAccept = function handleAccept() {
+    var error = validator(fileName);
+    wasSubmittedRef.current = true;
+    if (error) {
+      setErrorMsg(error);
+      return;
+    }
+    onAccept === null || onAccept === void 0 || onAccept(fileName);
+  };
+  var handleCancel = function handleCancel() {
+    onCancel === null || onCancel === void 0 || onCancel();
+  };
+  var _useKeyDownFormContro = (0, _useKeyDownFormControl.useKeyDownFormControl)(handleAccept, handleCancel),
+    handleEditorKeyDown = _useKeyDownFormContro.handleEditorKeyDown,
+    handleInputKeyDown = _useKeyDownFormContro.handleInputKeyDown;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    onKeyDown: handleEditorKeyDown,
+    spacing: {
+      px: 4,
+      py: 1
+    },
+    width: "100%",
+    gap: 2,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+      autoFocus: true,
+      label: label,
+      value: fileName,
+      error: Boolean(errorMsg),
+      errorMessage: errorMsg,
+      onKeyDown: handleInputKeyDown,
+      onUpdate: handleChangeFileName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      view: "flat",
+      onClick: handleAccept,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: _icons.Check
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      view: "flat",
+      onClick: onCancel,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: _icons.Xmark
+      })
+    })]
+  });
+};
+// #sourceMappingURL=FileEdit.js.map

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/FileEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_icons","_useKeyDownFormControl","_stringRequiredValidator","_i18n","_interopRequireDefault","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FileEdit","exports","_ref","_ref2","customerFileLabel","fileLabel","customerFileName","fileName","defaultFileName","onChangeFileName","onAccept","onCancel","_ref$validator","validator","stringRequiredValidator","_useState","useState","_useState2","_slicedToArray","innerFileName","setInnerFileName","_useState3","_useState4","errorMsg","setErrorMsg","wasSubmittedRef","useRef","label","i18n","handleChangeFileName","patchFileName","current","handleAccept","error","handleCancel","_useKeyDownFormContro","useKeyDownFormControl","handleEditorKeyDown","handleInputKeyDown","_jsxs","Flex","onKeyDown","spacing","px","py","width","gap","children","_jsx","TextInput","autoFocus","value","Boolean","errorMessage","onUpdate","Button","view","onClick","Icon","data","Check","Xmark"],"sources":["FileEdit.tsx"],"sourcesContent":["import React, {useRef, useState} from 'react';\nimport {Button, Flex, Icon, TextInput} from '@gravity-ui/uikit';\nimport {Check, Xmark} from '@gravity-ui/icons';\nimport {useKeyDownFormControl} from '../../hooks/useKeyDownFormControl';\nimport {Validator, stringRequiredValidator} from '../../helpers/stringRequiredValidator';\n\nimport i18n from '../../i18n';\n\nexport type EditFileItemProps = {\n    fileName?: string;\n    fileLabel?: string;\n    defaultFileName?: string;\n    onChangeFileName?: (fileName: string) => void;\n    onAccept?: (newFileName: string) => void;\n    onCancel?: () => void;\n    validator?: Validator;\n};\n\nexport const FileEdit = ({\n    fileLabel: customerFileLabel,\n    fileName: customerFileName,\n    defaultFileName,\n    onChangeFileName,\n    onAccept,\n    onCancel,\n    validator = stringRequiredValidator,\n}: EditFileItemProps) => {\n    const [innerFileName, setInnerFileName] = useState<string>(\n        defaultFileName ?? customerFileName ?? '',\n    );\n\n    const [errorMsg, setErrorMsg] = useState<string | null>(null);\n\n    const wasSubmittedRef = useRef(false);\n\n    const label = customerFileLabel ?? i18n('field_name');\n\n    const fileName = customerFileName ?? innerFileName;\n\n    const handleChangeFileName = (patchFileName: string) => {\n        if (errorMsg || wasSubmittedRef.current) {\n            setErrorMsg(validator(patchFileName));\n        }\n\n        setInnerFileName(patchFileName);\n        onChangeFileName?.(patchFileName);\n    };\n\n    const handleAccept = () => {\n        const error = validator(fileName);\n\n        wasSubmittedRef.current = true;\n\n        if (error) {\n            setErrorMsg(error);\n            return;\n        }\n\n        onAccept?.(fileName);\n    };\n\n    const handleCancel = () => {\n        onCancel?.();\n    };\n\n    const {handleEditorKeyDown, handleInputKeyDown} = useKeyDownFormControl(\n        handleAccept,\n        handleCancel,\n    );\n\n    return (\n        <Flex onKeyDown={handleEditorKeyDown} spacing={{px: 4, py: 1}} width=\"100%\" gap={2}>\n            <TextInput\n                autoFocus\n                label={label}\n                value={fileName}\n                error={Boolean(errorMsg)}\n                errorMessage={errorMsg}\n                onKeyDown={handleInputKeyDown}\n                onUpdate={handleChangeFileName}\n            />\n\n            <Button view=\"flat\" onClick={handleAccept}>\n                <Icon data={Check} />\n            </Button>\n\n            <Button view=\"flat\" onClick={onCancel}>\n                <Icon data={Xmark} />\n            </Button>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/index.d.ts

@@ -0,0 +1,4 @@
+export { EditAttachmentItem } from './EditAttachmentItem';
+export type { EditAttachmentItemProps } from './EditAttachmentItem';
+export type { EditLinkItemProps, EditLinkValues } from './EditLinkItem';
+export type { EditFileItemProps } from './FileEdit';

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/index.js

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

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EditAttachmentItem","require"],"sources":["index.ts"],"sourcesContent":["export {EditAttachmentItem} from './EditAttachmentItem';\nexport type {EditAttachmentItemProps} from './EditAttachmentItem';\nexport type {EditLinkItemProps, EditLinkValues} from './EditLinkItem';\nexport type {EditFileItemProps} from './FileEdit';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/AttachmentListPlaceholder/AttachmentListPlaceholder.css

@@ -0,0 +1,4 @@
+.qp-attachment-list-placeholder__doc-link {
+  margin-top: var(--g-spacing-2);
+}
+/*# sourceMappingURL=AttachmentListPlaceholder.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentListPlaceholder.scss"],"names":[],"mappings":"AACI;EACI,8BAAA;AAAR","file":"AttachmentListPlaceholder.css","sourcesContent":[".qp-attachment-list-placeholder {\n    &__doc-link {\n        margin-top: var(--g-spacing-2);\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import './AttachmentListPlaceholder.scss';
+export type AttachmentListPlaceholderProps = {
+    title?: ReactNode;
+    description?: ReactNode;
+    linkForDoc?: string;
+    linkText?: string;
+    className?: string;
+    onAddFile?: () => void;
+    onAddLink?: () => void;
+    qa?: string;
+};
+export declare const AttachmentListPlaceholder: ({ title: customerTitle, description: customerDescription, linkForDoc, linkText: customerLinkText, className, onAddFile, onAddLink, qa, }: AttachmentListPlaceholderProps) => React.JSX.Element;

package/build/cjs/components/AttachmentListPlaceholder/AttachmentListPlaceholder.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentListPlaceholder = void 0;
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _icons = require("@gravity-ui/icons");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _emptyAttachments = _interopRequireDefault(require("./assets/empty-attachments.svg"));
+var _i18n = _interopRequireDefault(require("./i18n"));
+require("./AttachmentListPlaceholder.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-attachment-list-placeholder');
+var AttachmentListPlaceholder = exports.AttachmentListPlaceholder = function AttachmentListPlaceholder(_ref) {
+  var customerTitle = _ref.title,
+    customerDescription = _ref.description,
+    linkForDoc = _ref.linkForDoc,
+    customerLinkText = _ref.linkText,
+    className = _ref.className,
+    onAddFile = _ref.onAddFile,
+    onAddLink = _ref.onAddLink,
+    qa = _ref.qa;
+  var title = customerTitle !== null && customerTitle !== void 0 ? customerTitle : (0, _i18n.default)('title_no-attachments');
+  var description = customerDescription !== null && customerDescription !== void 0 ? customerDescription : (0, _i18n.default)('context_add-attachment-for-request');
+  var linkText = customerLinkText !== null && customerLinkText !== void 0 ? customerLinkText : (0, _i18n.default)('action_attachments-help');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 5,
+    width: "100%",
+    height: "100%",
+    className: block(null, className),
+    "data-qa": qa,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      src: "".concat(_emptyAttachments.default),
+      alt: "empty-attachments-image"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 1,
+      direction: "column",
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        variant: "subheader-1",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        variant: "body-1",
+        children: description
+      }), linkForDoc && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Link, {
+        className: block('doc-link'),
+        href: linkForDoc,
+        children: linkText
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        onClick: onAddFile,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Plus
+        }), (0, _i18n.default)('action_add-file')]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        onClick: onAddLink,
+        view: "outlined",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Plus
+        }), (0, _i18n.default)('action_add-link')]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=AttachmentListPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_icons","_bemCnLite","_emptyAttachments","_i18n","_jsxRuntime","e","__esModule","default","block","cn","AttachmentListPlaceholder","exports","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","i18n","_jsxs","Flex","direction","alignItems","justifyContent","gap","width","height","children","_jsx","src","concat","image","alt","Text","variant","Link","href","Button","onClick","Icon","data","Plus","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {Plus} from '@gravity-ui/icons';\nimport cn from 'bem-cn-lite';\nimport image from './assets/empty-attachments.svg';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n    title?: ReactNode;\n    description?: ReactNode;\n    linkForDoc?: string;\n    linkText?: string;\n    className?: string;\n    onAddFile?: () => void;\n    onAddLink?: () => void;\n    qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n    title: customerTitle,\n    description: customerDescription,\n    linkForDoc,\n    linkText: customerLinkText,\n    className,\n    onAddFile,\n    onAddLink,\n    qa,\n}: AttachmentListPlaceholderProps) => {\n    const title = customerTitle ?? i18n('title_no-attachments');\n    const description = customerDescription ?? i18n('context_add-attachment-for-request');\n    const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n    return (\n        <Flex\n            direction=\"column\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap={5}\n            width=\"100%\"\n            height=\"100%\"\n            className={block(null, className)}\n            data-qa={qa}\n        >\n            <img src={`${image}`} alt=\"empty-attachments-image\" />\n\n            <Flex gap={1} direction=\"column\" alignItems=\"center\">\n                <Text variant=\"subheader-1\">{title}</Text>\n                <Text variant=\"body-1\">{description}</Text>\n                {linkForDoc && (\n                    <Link className={block('doc-link')} href={linkForDoc}>\n                        {linkText}\n                    </Link>\n                )}\n            </Flex>\n\n            <Flex gap={2}>\n                <Button onClick={onAddFile}>\n                    <Icon data={Plus} />\n                    {i18n('action_add-file')}\n                </Button>\n\n                <Button onClick={onAddLink} view=\"outlined\">\n                    <Icon data={Plus} />\n                    {i18n('action_add-link')}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ title: customerTitle, description: customerDescription, linkForDoc, linkText: customerLinkText, className, onAddFile, onAddLink, qa, }: import("./AttachmentListPlaceholder").AttachmentListPlaceholderProps) => React.JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        title?: React.ReactNode;
+        description?: React.ReactNode;
+        linkForDoc?: string | undefined;
+        linkText?: string | undefined;
+        className?: string | undefined;
+        onAddFile?: (() => void) | undefined;
+        onAddLink?: (() => void) | undefined;
+        qa?: string | undefined;
+    }>) => React.JSX.Element)[];
+    args: {
+        title: string;
+        description: string;
+        linkForDoc: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Empty state with documentation and two secondary actions, matching the Figma example. */
+export declare const Default: Story;

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _AttachmentListPlaceholder = require("./AttachmentListPlaceholder");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Components/AttachmentListPlaceholder',
+  component: _AttachmentListPlaceholder.AttachmentListPlaceholder,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 324,
+        height: 622
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }],
+  args: {
+    title: 'No attachments',
+    description: 'Add attachment for use in the request',
+    linkForDoc: '#attachments-help'
+  }
+};
+var _default = exports.default = meta;
+/** Empty state with documentation and two secondary actions, matching the Figma example. */
+var Default = exports.Default = {};
+// #sourceMappingURL=AttachmentListPlaceholder.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_AttachmentListPlaceholder","_jsxRuntime","e","__esModule","default","meta","title","component","AttachmentListPlaceholder","tags","parameters","layout","decorators","Story","_jsx","style","width","height","children","args","description","linkForDoc","_default","exports","Default"],"sources":["AttachmentListPlaceholder.stories.tsx"],"sourcesContent":["import React from 'react';\nimport {AttachmentListPlaceholder} from './AttachmentListPlaceholder';\nimport type {Meta, StoryObj} from '@storybook/react';\n\nconst meta = {\n    title: 'Components/AttachmentListPlaceholder',\n    component: AttachmentListPlaceholder,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 324, height: 622}}>\n                <Story />\n            </div>\n        ),\n    ],\n    args: {\n        title: 'No attachments',\n        description: 'Add attachment for use in the request',\n        linkForDoc: '#attachments-help',\n    },\n} satisfies Meta<typeof AttachmentListPlaceholder>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/** Empty state with documentation and two secondary actions, matching the Figma example. */\nexport const Default: Story = {};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGtE,IAAMG,IAAI,GAAG;EACTC,KAAK,EAAE,sCAAsC;EAC7CC,SAAS,EAAEC,oDAAyB;EACpCC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACF,IAAAC,eAAA;MAAKC,KAAK,EAAE;QAACC,KAAK,EAAE,GAAG;QAAEC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eAClC,IAAAJ,eAAA,EAACD,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT,CACJ;EACDM,IAAI,EAAE;IACFb,KAAK,EAAE,gBAAgB;IACvBc,WAAW,EAAE,uCAAuC;IACpDC,UAAU,EAAE;EAChB;AACJ,CAAkD;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEnCC,IAAI;AAGnB;AACO,IAAMmB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+declare const _default: {
+    en: {
+        "title_no-attachments": string;
+        "context_add-attachment-for-request": string;
+        "action_attachments-help": string;
+        "action_add-file": string;
+        "action_add-link": string;
+    };
+    ru: {
+        "title_no-attachments": string;
+        "context_add-attachment-for-request": string;
+        "action_attachments-help": string;
+        "action_add-file": string;
+        "action_add-link": string;
+    };
+};
+export default _default;

package/build/cjs/components/AttachmentListPlaceholder/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/AttachmentListPlaceholder/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/AttachmentListPlaceholder/i18n/en.json

@@ -0,0 +1,7 @@
+{
+  "title_no-attachments": "No attachments",
+  "context_add-attachment-for-request": "Add attachment for use in the request",
+  "action_attachments-help": "How to work with attachments",
+  "action_add-file": "Add file",
+  "action_add-link": "Add Link"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "title_no-attachments" | "context_add-attachment-for-request" | "action_attachments-help" | "action_add-file" | "action_add-link", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:attachment-list-placeholder": Record<"title_no-attachments" | "context_add-attachment-for-request" | "action_attachments-help" | "action_add-file" | "action_add-link", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/components/AttachmentListPlaceholder/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:attachment-list-placeholder', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/components/AttachmentListPlaceholder/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:attachment-list-placeholder', 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,gCAAgC,EAAEC,cAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+{
+  "title_no-attachments": "Нет вложений",
+  "context_add-attachment-for-request": "Добавьте вложение, чтобы использовать его в запросе",
+  "action_attachments-help": "Как работать с вложениями",
+  "action_add-file": "Добавить файл",
+  "action_add-link": "Добавить ссылку"
+}

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

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

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

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

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

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

package/build/cjs/components/DataTable/DataTable.css

@@ -18,11 +18,4 @@
 .qp-data-table__content_empty.qp-data-table__content_align_center {
   justify-content: center;
 }
-.qp-data-table__no-data-placeholder {
-  width: 100%;
-  max-width: 120px;
-  height: var(--g-text-body-1-line-height);
-  border-radius: 4px;
-  background-color: var(--g-color-base-generic);
-}
 /*# sourceMappingURL=DataTable.css.map */

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

@@ -1 +1 @@
-{"version":3,"sources":["DataTable.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,YAAA;AACF;AACE;EACE,OAAA;AACJ;AAGI;EACE,oDAAA;AADN;AAKE;EACE,aAAA;AAHJ;AAKI;EACE,yBAAA;AAHN;AAMI;EACE,uBAAA;AAJN;AAQE;EACE,WAAA;EACA,gBAAA;EACA,wCAAA;EACA,kBAAA;EACA,6CAAA;AANJ","file":"DataTable.css","sourcesContent":[".qp-data-table {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  &__empty {\n    flex: 1;\n  }\n\n  &__tr_empty {\n    .qp-data-table__td_empty {\n      border-bottom: 1px solid var(--g-color-line-generic);\n    }\n  }\n\n  &__content_empty {\n    display: flex;\n\n    &.qp-data-table__content_align_right {\n      justify-content: flex-end;\n    }\n\n    &.qp-data-table__content_align_center {\n      justify-content: center;\n    }\n  }\n\n  &__no-data-placeholder {\n    width: 100%;\n    max-width: 120px;\n    height: var(--g-text-body-1-line-height);\n    border-radius: 4px;\n    background-color: var(--g-color-base-generic);\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["DataTable.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,YAAA;AACJ;AACI;EACI,OAAA;AACR;AAGQ;EACI,oDAAA;AADZ;AAKI;EACI,aAAA;AAHR;AAKQ;EACI,yBAAA;AAHZ;AAMQ;EACI,uBAAA;AAJZ","file":"DataTable.css","sourcesContent":[".qp-data-table {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n\n    &__empty {\n        flex: 1;\n    }\n\n    &__tr_empty {\n        .qp-data-table__td_empty {\n            border-bottom: 1px solid var(--g-color-line-generic);\n        }\n    }\n\n    &__content_empty {\n        display: flex;\n\n        &.qp-data-table__content_align_right {\n            justify-content: flex-end;\n        }\n\n        &.qp-data-table__content_align_center {\n            justify-content: center;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/DataTable/DataTable.js

@@ -11,10 +11,12 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.iterator.constructor.js");
 require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 var _react = _interopRequireDefault(require("react"));
 var _reactDataTable = _interopRequireDefault(require("@gravity-ui/react-data-table"));
+var _uikit = require("@gravity-ui/uikit");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 var _EmptyContent = require("../EmptyContent");
 require("./DataTable.css");
@@ -23,7 +25,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var _excluded = ["loading", "loaded", "className", "emptyVariant", "columns", "data", "settings"];
 var block = (0, _bemCnLite.default)('qp-data-table');
 var SKELETON_ROWS_COUNT = 4;
-function renderEmptyCell(key, align) {
+function getSkeletonWidth(rowIndex, columnIndex) {
+  var widths = [72, 120, 180, 96];
+  return widths[(rowIndex + columnIndex) % widths.length];
+}
+function renderEmptyCell(key, rowIndex, columnIndex, align) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
     className: block('td', {
       empty: true
@@ -33,8 +39,9 @@ function renderEmptyCell(key, align) {
         empty: true,
         align: align
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: block('no-data-placeholder')
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Skeleton, {
+        variant: "text",
+        width: getSkeletonWidth(rowIndex, columnIndex)
       })
     })
   }, key);
@@ -47,8 +54,8 @@ function renderLoadingSkeleton(columns, displayIndices) {
       className: block('tr', {
         empty: true
       }),
-      children: [displayIndices && renderEmptyCell('__index'), columns.map(function (column) {
-        return renderEmptyCell(column.name, column.align);
+      children: [displayIndices && renderEmptyCell('__index', index, 0), columns.map(function (column, columnIndex) {
+        return renderEmptyCell(column.name, index, columnIndex + Number(displayIndices), column.align);
       })]
     }, index);
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactDataTable","_bemCnLite","_EmptyContent","_jsxRuntime","e","__esModule","default","block","cn","SKELETON_ROWS_COUNT","renderEmptyCell","key","align","_jsx","className","empty","children","renderLoadingSkeleton","columns","displayIndices","Array","from","length","_","index","_jsxs","map","column","name","DataTable","props","loading","loaded","_props$emptyVariant","emptyVariant","data","settings","rest","_objectWithoutProperties","_excluded","isEmpty","renderEmptyRow","BaseDataTable","_objectSpread","theme","emptyDataMessage","EmptyContent","variant"],"sources":["DataTable.tsx"],"sourcesContent":["import React from 'react';\nimport BaseDataTable, {\n    DataTableProps as BaseDataTableProps,\n    Column,\n} from '@gravity-ui/react-data-table';\nimport cn from 'bem-cn-lite';\n\nimport {EmptyContent, EmptyContentVariant} from '../EmptyContent';\n\nimport './DataTable.scss';\n\nexport type {Column};\n\nconst block = cn('qp-data-table');\n\nconst SKELETON_ROWS_COUNT = 4;\n\nexport type DataTableProps<T> = {\n    loading?: boolean;\n    loaded?: boolean;\n    className?: string;\n    emptyVariant?: EmptyContentVariant;\n} & Omit<BaseDataTableProps<T>, 'theme'>;\n\nfunction renderEmptyCell(key: string, align?: Column<unknown>['align']) {\n    return (\n        <td key={key} className={block('td', {empty: true})}>\n            <div className={block('content', {empty: true, align})}>\n                <div className={block('no-data-placeholder')} />\n            </div>\n        </td>\n    );\n}\n\nfunction renderLoadingSkeleton<T>(columns: Array<Column<T>>, displayIndices: boolean) {\n    return Array.from({length: SKELETON_ROWS_COUNT}, (_, index) => (\n        <tr key={index} className={block('tr', {empty: true})}>\n            {displayIndices && renderEmptyCell('__index')}\n            {columns.map((column) => renderEmptyCell(column.name, column.align))}\n        </tr>\n    ));\n}\n\nexport function DataTable<T>(props: DataTableProps<T>) {\n    const {\n        loading,\n        loaded,\n        className,\n        emptyVariant = 'no-data',\n        columns,\n        data,\n        settings,\n        ...rest\n    } = props;\n\n    const isEmpty = loaded && data.length === 0;\n    const displayIndices = settings?.displayIndices !== false;\n\n    const renderEmptyRow = () => {\n        if (loading && !loaded) {\n            return renderLoadingSkeleton(columns, displayIndices);\n        }\n\n        return null;\n    };\n\n    return (\n        <div className={block(null, className)}>\n            <BaseDataTable\n                {...rest}\n                columns={columns}\n                data={data}\n                settings={settings}\n                theme=\"yandex-cloud\"\n                emptyDataMessage=\"\"\n                renderEmptyRow={renderEmptyRow}\n            />\n            {isEmpty && <EmptyContent variant={emptyVariant} className={block('empty')} />}\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDataTable","_uikit","_bemCnLite","_EmptyContent","_jsxRuntime","e","__esModule","default","block","cn","SKELETON_ROWS_COUNT","getSkeletonWidth","rowIndex","columnIndex","widths","length","renderEmptyCell","key","align","_jsx","className","empty","children","Skeleton","variant","width","renderLoadingSkeleton","columns","displayIndices","Array","from","_","index","_jsxs","map","column","name","Number","DataTable","props","loading","loaded","_props$emptyVariant","emptyVariant","data","settings","rest","_objectWithoutProperties","_excluded","isEmpty","renderEmptyRow","BaseDataTable","_objectSpread","theme","emptyDataMessage","EmptyContent"],"sources":["DataTable.tsx"],"sourcesContent":["import React from 'react';\nimport BaseDataTable, {\n    DataTableProps as BaseDataTableProps,\n    Column,\n} from '@gravity-ui/react-data-table';\nimport {Skeleton} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {EmptyContent, EmptyContentVariant} from '../EmptyContent';\n\nimport './DataTable.scss';\n\nexport type {Column};\n\nconst block = cn('qp-data-table');\n\nconst SKELETON_ROWS_COUNT = 4;\n\nexport type DataTableProps<T> = {\n    loading?: boolean;\n    loaded?: boolean;\n    className?: string;\n    emptyVariant?: EmptyContentVariant;\n} & Omit<BaseDataTableProps<T>, 'theme'>;\n\nfunction getSkeletonWidth(rowIndex: number, columnIndex: number) {\n    const widths = [72, 120, 180, 96];\n\n    return widths[(rowIndex + columnIndex) % widths.length];\n}\n\nfunction renderEmptyCell(\n    key: string,\n    rowIndex: number,\n    columnIndex: number,\n    align?: Column<unknown>['align'],\n) {\n    return (\n        <td key={key} className={block('td', {empty: true})}>\n            <div className={block('content', {empty: true, align})}>\n                <Skeleton variant=\"text\" width={getSkeletonWidth(rowIndex, columnIndex)} />\n            </div>\n        </td>\n    );\n}\n\nfunction renderLoadingSkeleton<T>(columns: Array<Column<T>>, displayIndices: boolean) {\n    return Array.from({length: SKELETON_ROWS_COUNT}, (_, index) => (\n        <tr key={index} className={block('tr', {empty: true})}>\n            {displayIndices && renderEmptyCell('__index', index, 0)}\n            {columns.map((column, columnIndex) =>\n                renderEmptyCell(\n                    column.name,\n                    index,\n                    columnIndex + Number(displayIndices),\n                    column.align,\n                ),\n            )}\n        </tr>\n    ));\n}\n\nexport function DataTable<T>(props: DataTableProps<T>) {\n    const {\n        loading,\n        loaded,\n        className,\n        emptyVariant = 'no-data',\n        columns,\n        data,\n        settings,\n        ...rest\n    } = props;\n\n    const isEmpty = loaded && data.length === 0;\n    const displayIndices = settings?.displayIndices !== false;\n\n    const renderEmptyRow = () => {\n        if (loading && !loaded) {\n            return renderLoadingSkeleton(columns, displayIndices);\n        }\n\n        return null;\n    };\n\n    return (\n        <div className={block(null, className)}>\n            <BaseDataTable\n                {...rest}\n                columns={columns}\n                data={data}\n                settings={settings}\n                theme=\"yandex-cloud\"\n                emptyDataMessage=\"\"\n                renderEmptyRow={renderEmptyRow}\n            />\n            {isEmpty && <EmptyContent variant={emptyVariant} className={block('empty')} />}\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryListEditingRenderData, QueryListRow } from '../../types/queryList';
+export type EditableRowTitleProps<T extends QueryListRow = QueryListRow> = {
+    item: T;
+    editing?: QueryListEditingRenderData<T>;
+};
+export declare const EditableRowTitle: <T extends QueryListRow>({ item, editing, }: EditableRowTitleProps<T>) => React.JSX.Element;

package/build/cjs/{modules/HistoryRow/HistoryRowTitle.js → components/EditableRowTitle/EditableRowTitle.js}

@@ -3,16 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HistoryRowTitle = void 0;
+exports.EditableRowTitle = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.string.trim.js");
 var _react = _interopRequireWildcard(require("react"));
 var _uikit = require("@gravity-ui/uikit");
-require("./HistoryRow.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 HistoryRowTitle = exports.HistoryRowTitle = function HistoryRowTitle(_ref) {
+var EditableRowTitle = exports.EditableRowTitle = function EditableRowTitle(_ref) {
   var item = _ref.item,
     editing = _ref.editing;
   var _useState = (0, _react.useState)(item.title),
@@ -21,7 +20,7 @@ var HistoryRowTitle = exports.HistoryRowTitle = function HistoryRowTitle(_ref) {
     setTitle = _useState2[1];
   var isEditing = Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled);
   var isTitleEmpty = !title.trim();
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     setTitle(item.title);
   }, [item.id, item.title]);
   var handleKeyDown = function handleKeyDown(event) {
@@ -66,9 +65,8 @@ var HistoryRowTitle = exports.HistoryRowTitle = function HistoryRowTitle(_ref) {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
-    variant: "subheader-1",
     ellipsis: true,
     children: item.title
   });
 };
-// #sourceMappingURL=HistoryRowTitle.js.map
+// #sourceMappingURL=EditableRowTitle.js.map

package/build/cjs/components/EditableRowTitle/EditableRowTitle.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","EditableRowTitle","exports","_ref","item","editing","_useState","useState","title","_useState2","_slicedToArray","setTitle","isEditing","Boolean","enabled","isTitleEmpty","trim","useEffect","id","handleKeyDown","event","stopPropagation","key","_editing$onSubmit","preventDefault","nextTitle","_editing$onCancel","onCancel","onSubmit","_editing$onCancel2","_jsx","onClick","onMouseDown","children","TextInput","autoFocus","value","size","validationState","undefined","onKeyDown","onUpdate","Text","ellipsis"],"sources":["EditableRowTitle.tsx"],"sourcesContent":["import React, {KeyboardEvent, useEffect, useState} from 'react';\nimport {Text, TextInput} from '@gravity-ui/uikit';\nimport {QueryListEditingRenderData, QueryListRow} from '../../types/queryList';\n\nexport type EditableRowTitleProps<T extends QueryListRow = QueryListRow> = {\n    item: T;\n    editing?: QueryListEditingRenderData<T>;\n};\n\nexport const EditableRowTitle = <T extends QueryListRow>({\n    item,\n    editing,\n}: EditableRowTitleProps<T>) => {\n    const [title, setTitle] = useState(item.title);\n    const isEditing = Boolean(editing?.enabled);\n    const isTitleEmpty = !title.trim();\n\n    useEffect(() => {\n        setTitle(item.title);\n    }, [item.id, item.title]);\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n        event.stopPropagation();\n\n        if (event.key === 'Enter') {\n            event.preventDefault();\n            const nextTitle = title.trim();\n\n            if (!nextTitle) {\n                return;\n            }\n\n            if (nextTitle === item.title) {\n                editing?.onCancel?.(item);\n                setTitle(item.title);\n                return;\n            }\n\n            editing?.onSubmit?.(item, nextTitle);\n        }\n\n        if (event.key === 'Escape') {\n            editing?.onCancel?.(item);\n            setTitle(item.title);\n        }\n    };\n\n    if (isEditing) {\n        return (\n            <div\n                onClick={(event) => event.stopPropagation()}\n                onMouseDown={(event) => event.stopPropagation()}\n            >\n                <TextInput\n                    autoFocus\n                    value={title}\n                    size=\"s\"\n                    validationState={isTitleEmpty ? 'invalid' : undefined}\n                    onKeyDown={handleKeyDown}\n                    onUpdate={setTitle}\n                />\n            </div>\n        );\n    }\n\n    return <Text ellipsis>{item.title}</Text>;\n};\n"],"mappings":"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","ignoreList":[]}

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

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