@gravity-ui/querieskit 1.1.0 → 1.3.0

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

@@ -0,0 +1,10 @@
+{
+  "field_link": "Link:",
+  "field_token": "Token:",
+  "field_name": "Name:",
+  "action_save": "Save",
+  "action_cancel": "Cancel",
+  "alert_value-must-be-string": "Value must be a string",
+  "alert_required-field": "Required field",
+  "alert_max-length": "Maximum length is {{maxLength}}"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "field_link" | "field_token" | "field_name" | "action_save" | "action_cancel" | "alert_value-must-be-string" | "alert_required-field" | "alert_max-length", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:attachment-list": Record<"field_link" | "field_token" | "field_name" | "action_save" | "action_cancel" | "alert_value-must-be-string" | "alert_required-field" | "alert_max-length", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

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

package/build/cjs/components/AttachmentList/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', 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,oBAAoB,EAAEC,cAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+{
+  "field_link": "Ссылка:",
+  "field_token": "Токен:",
+  "field_name": "Имя:",
+  "action_save": "Сохранить",
+  "action_cancel": "Отменить",
+  "alert_value-must-be-string": "Значение должно быть строкой",
+  "alert_required-field": "Обязательное поле",
+  "alert_max-length": "Максимальная длина — {{maxLength}}"
+}

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

@@ -0,0 +1,4 @@
+export { AttachmentList } from './AttachmentList';
+export type { AttachmentListProps } from './AttachmentList';
+export * from './internal/EditAttachmentItem';
+export * from './internal/AttachmentItem';

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AttachmentList: true
+};
+Object.defineProperty(exports, "AttachmentList", {
+  enumerable: true,
+  get: function () {
+    return _AttachmentList.AttachmentList;
+  }
+});
+var _AttachmentList = require("./AttachmentList");
+var _EditAttachmentItem = require("./internal/EditAttachmentItem");
+Object.keys(_EditAttachmentItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EditAttachmentItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _EditAttachmentItem[key];
+    }
+  });
+});
+var _AttachmentItem = require("./internal/AttachmentItem");
+Object.keys(_AttachmentItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AttachmentItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AttachmentItem[key];
+    }
+  });
+});
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_AttachmentList","require","_EditAttachmentItem","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_AttachmentItem"],"sources":["index.ts"],"sourcesContent":["export {AttachmentList} from './AttachmentList';\nexport type {AttachmentListProps} from './AttachmentList';\nexport * from './internal/EditAttachmentItem';\nexport * from './internal/AttachmentItem';\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,mBAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,mBAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,mBAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,eAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,eAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,eAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/build/cjs/components/AttachmentList/internal/AttachmentItem/AttachmentItem.css

@@ -0,0 +1,18 @@
+.qp-attachment-item__info {
+  flex: 1;
+  min-width: 0;
+}
+.qp-attachment-item__actions {
+  flex-shrink: 0;
+}
+.qp-attachment-item__attachment-name {
+  flex: 1;
+  min-width: 0;
+}
+.qp-attachment-item_wasAdded {
+  background-color: var(--g-color-base-positive-light);
+}
+.qp-attachment-item_wasEdited {
+  background-color: var(--g-color-base-info-light);
+}
+/*# sourceMappingURL=AttachmentItem.css.map */

package/build/cjs/components/AttachmentList/internal/AttachmentItem/AttachmentItem.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentItem.scss"],"names":[],"mappings":"AACI;EACI,OAAA;EACA,YAAA;AAAR;AAGI;EACI,cAAA;AADR;AAII;EACI,OAAA;EACA,YAAA;AAFR;AAKI;EACI,oDAAA;AAHR;AAMI;EACI,gDAAA;AAJR","file":"AttachmentItem.css","sourcesContent":[".qp-attachment-item {\n    &__info {\n        flex: 1;\n        min-width: 0;\n    }\n\n    &__actions {\n        flex-shrink: 0;\n    }\n\n    &__attachment-name {\n        flex: 1;\n        min-width: 0;\n    }\n\n    &_wasAdded {\n        background-color: var(--g-color-base-positive-light);\n    }\n\n    &_wasEdited {\n        background-color: var(--g-color-base-info-light);\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/AttachmentList/internal/AttachmentItem/AttachmentItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './AttachmentItem.scss';
+export type AttachmentItemProps = {
+    attachment: {
+        id: string;
+        name: string;
+        link?: string;
+    };
+    wasEdited?: boolean;
+    wasAdded?: boolean;
+    onEdit?: (attachment: AttachmentItemProps['attachment']) => void;
+    onDelete?: (attachment: AttachmentItemProps['attachment']) => void;
+    onRevert?: (attachment: AttachmentItemProps['attachment']) => void;
+    isDeleted?: boolean;
+};
+export declare const AttachmentItem: ({ attachment, wasAdded, wasEdited, onEdit, onDelete, onRevert, isDeleted, }: AttachmentItemProps) => React.JSX.Element;

package/build/cjs/components/AttachmentList/internal/AttachmentItem/AttachmentItem.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttachmentItem = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.string.link.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _icons = require("@gravity-ui/icons");
+var _getIconByAttachmentName = require("../../helpers/getIconByAttachmentName");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./AttachmentItem.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 block = (0, _bemCnLite.default)('qp-attachment-item');
+var AttachmentItem = exports.AttachmentItem = function AttachmentItem(_ref) {
+  var attachment = _ref.attachment,
+    wasAdded = _ref.wasAdded,
+    wasEdited = _ref.wasEdited,
+    onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete,
+    onRevert = _ref.onRevert,
+    isDeleted = _ref.isDeleted;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
+  var attachmentIcon = (0, _react.useMemo)(function () {
+    if (typeof attachment.link === 'string') return _icons.Link;
+    return (0, _getIconByAttachmentName.getAttachmentIcon)(attachment.name);
+  }, [attachment.name, attachment.link]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    width: "100%",
+    height: "32px",
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovered(false);
+    },
+    alignItems: "center",
+    justifyContent: "space-between",
+    spacing: {
+      px: 4
+    },
+    className: block({
+      wasEdited: wasEdited,
+      wasAdded: wasAdded
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 2,
+      alignItems: "center",
+      className: block('info'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        width: 16,
+        className: block('attachment-icon'),
+        data: attachmentIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        variant: "body-1",
+        ellipsis: true,
+        className: block('attachment-name'),
+        children: attachment.name
+      })]
+    }), isHovered && !isDeleted && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 1,
+      className: block('actions'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        size: "s",
+        view: "flat",
+        onClick: function onClick() {
+          return onEdit === null || onEdit === void 0 ? void 0 : onEdit(attachment);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Pencil
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        size: "s",
+        view: "flat",
+        onClick: function onClick() {
+          return onDelete === null || onDelete === void 0 ? void 0 : onDelete(attachment);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.TrashBin
+        })
+      })]
+    }), isHovered && isDeleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+      gap: 1,
+      className: block('actions'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        size: "s",
+        view: "flat",
+        onClick: function onClick() {
+          return onRevert === null || onRevert === void 0 ? void 0 : onRevert(attachment);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.ArrowRotateLeft
+        })
+      })
+    })]
+  });
+};
+// #sourceMappingURL=AttachmentItem.js.map

package/build/cjs/components/AttachmentList/internal/AttachmentItem/AttachmentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_icons","_getIconByAttachmentName","_bemCnLite","_interopRequireDefault","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","AttachmentItem","exports","_ref","attachment","wasAdded","wasEdited","onEdit","onDelete","onRevert","isDeleted","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","attachmentIcon","useMemo","link","Link","getAttachmentIcon","name","_jsxs","Flex","width","height","onMouseEnter","onMouseLeave","alignItems","justifyContent","spacing","px","className","children","gap","_jsx","Icon","data","Text","variant","ellipsis","Button","size","view","onClick","Pencil","TrashBin","ArrowRotateLeft"],"sources":["AttachmentItem.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport {Button, Flex, Icon, Text} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft, Link, Pencil, TrashBin} from '@gravity-ui/icons';\nimport {getAttachmentIcon} from '../../helpers/getIconByAttachmentName';\nimport cn from 'bem-cn-lite';\nimport './AttachmentItem.scss';\n\nexport type AttachmentItemProps = {\n    attachment: {id: string; name: string; link?: string};\n    wasEdited?: boolean;\n    wasAdded?: boolean;\n    onEdit?: (attachment: AttachmentItemProps['attachment']) => void;\n    onDelete?: (attachment: AttachmentItemProps['attachment']) => void;\n    onRevert?: (attachment: AttachmentItemProps['attachment']) => void;\n    isDeleted?: boolean;\n};\n\nconst block = cn('qp-attachment-item');\n\nexport const AttachmentItem = ({\n    attachment,\n    wasAdded,\n    wasEdited,\n    onEdit,\n    onDelete,\n    onRevert,\n    isDeleted,\n}: AttachmentItemProps) => {\n    const [isHovered, setIsHovered] = useState(false);\n\n    const attachmentIcon = useMemo(() => {\n        if (typeof attachment.link === 'string') return Link;\n        return getAttachmentIcon(attachment.name);\n    }, [attachment.name, attachment.link]);\n\n    return (\n        <Flex\n            width=\"100%\"\n            height=\"32px\"\n            onMouseEnter={() => setIsHovered(true)}\n            onMouseLeave={() => setIsHovered(false)}\n            alignItems=\"center\"\n            justifyContent=\"space-between\"\n            spacing={{px: 4}}\n            className={block({wasEdited, wasAdded})}\n        >\n            <Flex gap={2} alignItems=\"center\" className={block('info')}>\n                <Icon width={16} className={block('attachment-icon')} data={attachmentIcon} />\n                <Text variant=\"body-1\" ellipsis className={block('attachment-name')}>\n                    {attachment.name}\n                </Text>\n            </Flex>\n\n            {isHovered && !isDeleted && (\n                <Flex gap={1} className={block('actions')}>\n                    <Button size=\"s\" view=\"flat\" onClick={() => onEdit?.(attachment)}>\n                        <Icon data={Pencil} />\n                    </Button>\n\n                    <Button size=\"s\" view=\"flat\" onClick={() => onDelete?.(attachment)}>\n                        <Icon data={TrashBin} />\n                    </Button>\n                </Flex>\n            )}\n\n            {isHovered && isDeleted && (\n                <Flex gap={1} className={block('actions')}>\n                    <Button size=\"s\" view=\"flat\" onClick={() => onRevert?.(attachment)}>\n                        <Icon data={ArrowRotateLeft} />\n                    </Button>\n                </Flex>\n            )}\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { EditFileItemProps } from './FileEdit';
+import type { EditLinkItemProps } from './EditLinkItem';
+export type EditAttachmentItemProps = (EditFileItemProps & {
+    type: 'file';
+}) | (EditLinkItemProps & {
+    type: 'link';
+});
+export declare const EditAttachmentItem: ({ ...props }: EditAttachmentItemProps) => React.JSX.Element;

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditAttachmentItem = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+require("core-js/modules/es.object.assign.js");
+var _react = _interopRequireDefault(require("react"));
+var _FileEdit = require("./FileEdit");
+var _EditLinkItem = require("./EditLinkItem");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var EditAttachmentItem = exports.EditAttachmentItem = function EditAttachmentItem(_ref) {
+  var props = Object.assign({}, ((0, _objectDestructuringEmpty2.default)(_ref), _ref));
+  if (props.type === 'file') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileEdit.FileEdit, (0, _objectSpread2.default)({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditLinkItem.EditLinkItem, (0, _objectSpread2.default)({}, props));
+};
+// #sourceMappingURL=EditAttachmentItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_FileEdit","_EditLinkItem","_jsxRuntime","e","__esModule","default","EditAttachmentItem","exports","_ref","props","Object","assign","_objectDestructuringEmpty","type","_jsx","FileEdit","_objectSpread","EditLinkItem"],"sources":["EditAttachmentItem.tsx"],"sourcesContent":["import React from 'react';\nimport {FileEdit} from './FileEdit';\nimport {EditLinkItem} from './EditLinkItem';\nimport type {EditFileItemProps} from './FileEdit';\nimport type {EditLinkItemProps} from './EditLinkItem';\n\nexport type EditAttachmentItemProps =\n    | (EditFileItemProps & {\n          type: 'file';\n      })\n    | (EditLinkItemProps & {\n          type: 'link';\n      });\n\nexport const EditAttachmentItem = ({...props}: EditAttachmentItemProps) => {\n    if (props.type === 'file') {\n        return <FileEdit {...props} />;\n    }\n\n    return <EditLinkItem {...props} />;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAA4C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAYrC,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAAE,IAAA,EAA4C;EAAA,IAApCC,KAAK,GAAAC,MAAA,CAAAC,MAAA,UAAAC,kCAAA,EAAAJ,IAAA,GAAAA,IAAA;EACxC,IAAIC,KAAK,CAACI,IAAI,KAAK,MAAM,EAAE;IACvB,oBAAO,IAAAC,eAAA,EAACC,kBAAQ,MAAAC,sBAAA,MAAKP,KAAK,CAAG,CAAC;EAClC;EAEA,oBAAO,IAAAK,eAAA,EAACG,0BAAY,MAAAD,sBAAA,MAAKP,KAAK,CAAG,CAAC;AACtC,CAAC","ignoreList":[]}

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/EditLinkItem.css

@@ -0,0 +1,17 @@
+.edit-link-item__link-field-container {
+  padding: 1px;
+}
+.edit-link-item__link-field-label {
+  position: absolute;
+  z-index: 1;
+  top: calc(var(--g-spacing-1) + 1px);
+  left: var(--g-spacing-2);
+  font-weight: 600;
+}
+.edit-link-item .g-select {
+  padding: 1px;
+}
+.edit-link-item .g-text-input {
+  padding: 1px;
+}
+/*# sourceMappingURL=EditLinkItem.css.map */

package/build/cjs/components/AttachmentList/internal/EditAttachmentItem/EditLinkItem.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["EditLinkItem.scss"],"names":[],"mappings":"AACI;EACI,YAAA;AAAR;AAGI;EACI,kBAAA;EACA,UAAA;EACA,mCAAA;EACA,wBAAA;EACA,gBAAA;AADR;AAII;EACI,YAAA;AAFR;AAKI;EACI,YAAA;AAHR","file":"EditLinkItem.css","sourcesContent":[".edit-link-item {\n    &__link-field-container {\n        padding: 1px;\n    }\n\n    &__link-field-label {\n        position: absolute;\n        z-index: 1;\n        inset-block-start: calc(var(--g-spacing-1) + 1px);\n        inset-inline-start: var(--g-spacing-2);\n        font-weight: 600;\n    }\n\n    .g-select {\n        padding: 1px;\n    }\n\n    .g-text-input {\n        padding: 1px;\n    }\n}"],"sourceRoot":""}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { ObjectLinkValidator } from '../../helpers/objectLinkValidator';
+import './EditLinkItem.scss';
+export type EditLinkValues = {
+    link: string;
+    token: string;
+    name: string;
+};
+export type EditLinkItemProps = {
+    linkLabel?: string;
+    tokenLabel?: string;
+    nameLabel?: string;
+    onAccept?: (values: EditLinkValues) => void;
+    onCancel?: () => void;
+    onChange?: (pathedValues: EditLinkValues) => void;
+    tokens?: {
+        value: string;
+        title: string;
+    }[];
+    values?: EditLinkValues;
+    defaultValues?: EditLinkValues;
+    validator?: ObjectLinkValidator;
+};
+export declare const EditLinkItem: ({ linkLabel: cutomerLinkLabel, tokenLabel: customerTokenLabel, nameLabel: customeNameLabel, onAccept, onCancel, onChange, tokens, values: customerValues, validator, defaultValues, }: EditLinkItemProps) => React.JSX.Element;

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

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditLinkItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.iterator.js");
+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.object.to-string.js");
+require("core-js/modules/es.string.link.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _icons = require("@gravity-ui/icons");
+var _useLabelRef2 = require("../../hooks/useLabelRef");
+var _useKeyDownFormControl = require("../../hooks/useKeyDownFormControl");
+var _objectLinkValidator = require("../../helpers/objectLinkValidator");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _i18n = _interopRequireDefault(require("../../i18n"));
+require("./EditLinkItem.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 block = (0, _bemCnLite.default)('edit-link-item');
+var EditLinkItem = exports.EditLinkItem = function EditLinkItem(_ref) {
+  var cutomerLinkLabel = _ref.linkLabel,
+    customerTokenLabel = _ref.tokenLabel,
+    customeNameLabel = _ref.nameLabel,
+    onAccept = _ref.onAccept,
+    onCancel = _ref.onCancel,
+    onChange = _ref.onChange,
+    tokens = _ref.tokens,
+    customerValues = _ref.values,
+    _ref$validator = _ref.validator,
+    validator = _ref$validator === void 0 ? _objectLinkValidator.objectLinkValidator : _ref$validator,
+    defaultValues = _ref.defaultValues;
+  var _useState = (0, _react.useState)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+      link: '',
+      token: '',
+      name: ''
+    }, customerValues), defaultValues !== null && defaultValues !== void 0 ? defaultValues : {})),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    innerValues = _useState2[0],
+    setInnerValues = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    errors = _useState4[0],
+    setErrors = _useState4[1];
+  var linkInputId = (0, _react.useId)();
+  var linkLabel = cutomerLinkLabel !== null && cutomerLinkLabel !== void 0 ? cutomerLinkLabel : (0, _i18n.default)('field_link');
+  var tokenLabel = customerTokenLabel !== null && customerTokenLabel !== void 0 ? customerTokenLabel : (0, _i18n.default)('field_token');
+  var nameLabel = customeNameLabel !== null && customeNameLabel !== void 0 ? customeNameLabel : (0, _i18n.default)('field_name');
+  var values = customerValues !== null && customerValues !== void 0 ? customerValues : innerValues;
+  var _useLabelRef = (0, _useLabelRef2.useLabelRef)(linkLabel),
+    labelRef = _useLabelRef.labelRef,
+    labelWidth = _useLabelRef.labelWidth;
+  var wasSubmittedRef = (0, _react.useRef)(false);
+  var isTokenRequired = tokens && (tokens === null || tokens === void 0 ? void 0 : tokens.length) > 0;
+  var handleUpdate = function handleUpdate(key, patcValue) {
+    var newValues = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, values), {}, (0, _defineProperty2.default)({}, key, patcValue));
+    if (errors || wasSubmittedRef.current) {
+      setErrors(validator(newValues, isTokenRequired));
+    }
+    setInnerValues(newValues);
+    onChange === null || onChange === void 0 || onChange(newValues);
+  };
+  var handleAccept = function handleAccept() {
+    var validResult = validator(values, isTokenRequired);
+    wasSubmittedRef.current = true;
+    if (validResult) {
+      setErrors(validResult);
+      return;
+    }
+    onAccept === null || onAccept === void 0 || onAccept(values);
+  };
+  var handleCancel = function handleCancel() {
+    onCancel === null || onCancel === void 0 || onCancel();
+  };
+  var handleLinkScroll = function handleLinkScroll(event) {
+    if (labelRef.current) {
+      labelRef.current.style.transform = "translateY(-".concat(event.currentTarget.scrollTop, "px)");
+    }
+  };
+  var _useKeyDownFormContro = (0, _useKeyDownFormControl.useKeyDownFormControl)(handleAccept, handleCancel),
+    handleEditorKeyDown = _useKeyDownFormContro.handleEditorKeyDown,
+    handleInputKeyDown = _useKeyDownFormContro.handleInputKeyDown;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    onKeyDown: handleEditorKeyDown,
+    className: block(),
+    width: "100%",
+    spacing: {
+      px: 4,
+      py: 3
+    },
+    direction: "column",
+    gap: 2,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Box, {
+      overflow: "hidden",
+      className: block('link-field-container'),
+      position: "relative",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        ref: labelRef,
+        as: "label",
+        htmlFor: linkInputId,
+        className: block('link-field-label'),
+        children: linkLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextArea, {
+        id: linkInputId,
+        value: values.link,
+        minRows: 3,
+        maxRows: 5,
+        hasClear: true,
+        autoFocus: true,
+        error: errors === null || errors === void 0 ? void 0 : errors.link,
+        errorMessage: errors === null || errors === void 0 ? void 0 : errors.link,
+        onKeyDown: handleInputKeyDown,
+        onUpdate: function onUpdate(v) {
+          return handleUpdate('link', v);
+        },
+        controlProps: {
+          onScroll: handleLinkScroll,
+          style: {
+            textIndent: labelWidth ? labelWidth + 2 : undefined
+          }
+        }
+      })]
+    }), tokens && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Select, {
+      filterable: true,
+      value: [values.token],
+      label: tokenLabel,
+      errorMessage: errors === null || errors === void 0 ? void 0 : errors.token,
+      validationState: errors !== null && errors !== void 0 && errors.token ? 'invalid' : undefined,
+      onUpdate: function onUpdate(v) {
+        return handleUpdate('token', v[0]);
+      },
+      children: tokens.map(function (token) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Select.Option, {
+          value: token.value,
+          content: token.title
+        }, token.value);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+      value: values.name,
+      label: nameLabel,
+      hasClear: true,
+      error: errors === null || errors === void 0 ? void 0 : errors.name,
+      onKeyDown: handleInputKeyDown,
+      onUpdate: function onUpdate(v) {
+        return handleUpdate('name', v);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        view: "flat",
+        onClick: handleAccept,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Check
+        }), (0, _i18n.default)('action_save')]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        view: "flat",
+        onClick: onCancel,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Xmark
+        }), (0, _i18n.default)('action_cancel')]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=EditLinkItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_icons","_useLabelRef2","_useKeyDownFormControl","_objectLinkValidator","_bemCnLite","_interopRequireDefault","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","EditLinkItem","exports","_ref","cutomerLinkLabel","linkLabel","customerTokenLabel","tokenLabel","customeNameLabel","nameLabel","onAccept","onCancel","onChange","tokens","customerValues","values","_ref$validator","validator","objectLinkValidator","defaultValues","_useState","useState","_objectSpread","link","token","name","_useState2","_slicedToArray","innerValues","setInnerValues","_useState3","_useState4","errors","setErrors","linkInputId","useId","i18n","_useLabelRef","useLabelRef","labelRef","labelWidth","wasSubmittedRef","useRef","isTokenRequired","length","handleUpdate","key","patcValue","newValues","_defineProperty","current","handleAccept","validResult","handleCancel","handleLinkScroll","event","style","transform","concat","currentTarget","scrollTop","_useKeyDownFormContro","useKeyDownFormControl","handleEditorKeyDown","handleInputKeyDown","_jsxs","Flex","onKeyDown","className","width","spacing","px","py","direction","gap","children","Box","overflow","position","_jsx","Text","ref","as","htmlFor","TextArea","id","value","minRows","maxRows","hasClear","autoFocus","error","errorMessage","onUpdate","v","controlProps","onScroll","textIndent","undefined","Select","filterable","label","validationState","map","Option","content","title","TextInput","Button","view","onClick","Icon","data","Check","Xmark"],"sources":["EditLinkItem.tsx"],"sourcesContent":["import React, {useId, useRef, useState} from 'react';\nimport {Box, Button, Flex, Icon, Select, Text, TextArea, TextInput} from '@gravity-ui/uikit';\nimport {Check, Xmark} from '@gravity-ui/icons';\nimport {useLabelRef} from '../../hooks/useLabelRef';\nimport {useKeyDownFormControl} from '../../hooks/useKeyDownFormControl';\nimport {ObjectLinkValidator, objectLinkValidator} from '../../helpers/objectLinkValidator';\nimport cn from 'bem-cn-lite';\n\nimport i18n from '../../i18n';\n\nimport './EditLinkItem.scss';\n\nexport type EditLinkValues = {\n    link: string;\n    token: string;\n    name: string;\n};\n\ntype EditLinkErrors = {\n    link: string;\n    token: string;\n    name: string;\n};\n\nexport type EditLinkItemProps = {\n    linkLabel?: string;\n    tokenLabel?: string;\n    nameLabel?: string;\n    onAccept?: (values: EditLinkValues) => void;\n    onCancel?: () => void;\n    onChange?: (pathedValues: EditLinkValues) => void;\n    tokens?: {value: string; title: string}[];\n    values?: EditLinkValues;\n    defaultValues?: EditLinkValues;\n    validator?: ObjectLinkValidator;\n};\n\nconst block = cn('edit-link-item');\n\nexport const EditLinkItem = ({\n    linkLabel: cutomerLinkLabel,\n    tokenLabel: customerTokenLabel,\n    nameLabel: customeNameLabel,\n    onAccept,\n    onCancel,\n    onChange,\n    tokens,\n    values: customerValues,\n    validator = objectLinkValidator,\n    defaultValues,\n}: EditLinkItemProps) => {\n    const [innerValues, setInnerValues] = useState<EditLinkValues>({\n        link: '',\n        token: '',\n        name: '',\n        ...customerValues,\n        ...(defaultValues ?? {}),\n    });\n\n    const [errors, setErrors] = useState<Partial<EditLinkErrors> | null>(null);\n\n    const linkInputId = useId();\n\n    const linkLabel = cutomerLinkLabel ?? i18n('field_link');\n    const tokenLabel = customerTokenLabel ?? i18n('field_token');\n    const nameLabel = customeNameLabel ?? i18n('field_name');\n\n    const values = customerValues ?? innerValues;\n\n    const {labelRef, labelWidth} = useLabelRef(linkLabel);\n\n    const wasSubmittedRef = useRef(false);\n\n    const isTokenRequired = tokens && tokens?.length > 0;\n\n    const handleUpdate = (key: string, patcValue: string) => {\n        const newValues: EditLinkValues = {...values, [key]: patcValue};\n\n        if (errors || wasSubmittedRef.current) {\n            setErrors(validator(newValues, isTokenRequired));\n        }\n\n        setInnerValues(newValues);\n        onChange?.(newValues);\n    };\n\n    const handleAccept = () => {\n        const validResult = validator(values, isTokenRequired);\n\n        wasSubmittedRef.current = true;\n\n        if (validResult) {\n            setErrors(validResult);\n            return;\n        }\n\n        onAccept?.(values);\n    };\n\n    const handleCancel = () => {\n        onCancel?.();\n    };\n\n    const handleLinkScroll = (event: React.UIEvent<HTMLTextAreaElement>) => {\n        if (labelRef.current) {\n            labelRef.current.style.transform = `translateY(-${event.currentTarget.scrollTop}px)`;\n        }\n    };\n\n    const {handleEditorKeyDown, handleInputKeyDown} = useKeyDownFormControl(\n        handleAccept,\n        handleCancel,\n    );\n\n    return (\n        <Flex\n            onKeyDown={handleEditorKeyDown}\n            className={block()}\n            width=\"100%\"\n            spacing={{px: 4, py: 3}}\n            direction=\"column\"\n            gap={2}\n        >\n            <Box overflow=\"hidden\" className={block('link-field-container')} position=\"relative\">\n                <Text\n                    ref={labelRef}\n                    as=\"label\"\n                    htmlFor={linkInputId}\n                    className={block('link-field-label')}\n                >\n                    {linkLabel}\n                </Text>\n\n                <TextArea\n                    id={linkInputId}\n                    value={values.link}\n                    minRows={3}\n                    maxRows={5}\n                    hasClear\n                    autoFocus\n                    error={errors?.link}\n                    errorMessage={errors?.link}\n                    onKeyDown={handleInputKeyDown}\n                    onUpdate={(v) => handleUpdate('link', v)}\n                    controlProps={{\n                        onScroll: handleLinkScroll,\n                        style: {\n                            textIndent: labelWidth ? labelWidth + 2 : undefined,\n                        },\n                    }}\n                />\n            </Box>\n\n            {tokens && (\n                <Select\n                    filterable\n                    value={[values.token]}\n                    label={tokenLabel}\n                    errorMessage={errors?.token}\n                    validationState={errors?.token ? 'invalid' : undefined}\n                    onUpdate={(v) => handleUpdate('token', v[0])}\n                >\n                    {tokens.map((token) => (\n                        <Select.Option\n                            key={token.value}\n                            value={token.value}\n                            content={token.title}\n                        />\n                    ))}\n                </Select>\n            )}\n\n            <TextInput\n                value={values.name}\n                label={nameLabel}\n                hasClear\n                error={errors?.name}\n                onKeyDown={handleInputKeyDown}\n                onUpdate={(v) => handleUpdate('name', v)}\n            />\n\n            <Flex gap={2}>\n                <Button view=\"flat\" onClick={handleAccept}>\n                    <Icon data={Check} />\n                    {i18n('action_save')}\n                </Button>\n                <Button view=\"flat\" onClick={onCancel}>\n                    <Icon data={Xmark} />\n                    {i18n('action_cancel')}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Validator } from '../../helpers/stringRequiredValidator';
+export type EditFileItemProps = {
+    fileName?: string;
+    fileLabel?: string;
+    defaultFileName?: string;
+    onChangeFileName?: (fileName: string) => void;
+    onAccept?: (newFileName: string) => void;
+    onCancel?: () => void;
+    validator?: Validator;
+};
+export declare const FileEdit: ({ fileLabel: customerFileLabel, fileName: customerFileName, defaultFileName, onChangeFileName, onAccept, onCancel, validator, }: EditFileItemProps) => React.JSX.Element;