@gravity-ui/querieskit 1.2.0 → 1.3.0

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

@@ -0,0 +1,323 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Sortable = exports.Loading = exports.InteractiveActions = exports.Filterable = exports.Empty = exports.Default = exports.CustomEditForm = exports.ChangeStates = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.splice.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.link.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _EditAttachmentItem = require("./internal/EditAttachmentItem");
+var _test = require("storybook/test");
+var _AttachmentList = require("./AttachmentList");
+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 attachments = [{
+  id: 'readme',
+  name: 'README'
+}, {
+  id: 'javascript',
+  name: 'index.js'
+}, {
+  id: 'python',
+  name: 'main.py'
+}, {
+  id: 'csv',
+  name: 'sales.csv'
+}, {
+  id: 'link-image',
+  name: 'https://home/tutorial',
+  link: 'https://home/tutorial'
+}, {
+  id: 'excel',
+  name: 'forecast.xlsx'
+}, {
+  id: 'cpp',
+  name: 'processor.cpp'
+}, {
+  id: 'ql',
+  name: 'analytics.ql'
+}, {
+  id: 'yql',
+  name: 'events.yql'
+}, {
+  id: 'sql',
+  name: 'report.sql'
+}, {
+  id: 'link',
+  name: 'link to file.cpp',
+  link: 'link/to/file.cpp'
+}];
+var meta = {
+  title: 'Components/AttachmentList',
+  component: _AttachmentList.AttachmentList,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        width: 360,
+        height: 360
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }],
+  args: {
+    attachments: attachments,
+    onDelete: (0, _test.fn)(),
+    onEdit: (0, _test.fn)()
+  }
+};
+var _default = exports.default = meta;
+/** Attachments with supported extensions use their corresponding icons. Row actions appear on hover. */
+var Default = exports.Default = {};
+
+/** `wasAddedIds` and `wasEditedIds` highlight attachments with their current change state. */
+var ChangeStates = exports.ChangeStates = {
+  args: {
+    wasAddedIds: ['javascript', 'csv'],
+    wasEditedIds: ['python', 'sql']
+  }
+};
+
+/** The inherited List filtering API can be enabled when a consumer needs local attachment search. */
+var Filterable = exports.Filterable = {
+  args: {
+    filterable: true,
+    filterPlaceholder: 'Filter by attachment name',
+    filterItem: function filterItem(filter) {
+      return function (attachment) {
+        return attachment.name.toLocaleLowerCase().includes(filter.toLocaleLowerCase());
+      };
+    }
+  }
+};
+var InteractiveAttachmentList = function InteractiveAttachmentList(props) {
+  var _useState = (0, _react.useState)(props.attachments),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    currentAttachments = _useState2[0],
+    setCurrentAttachments = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    editedIds = _useState4[0],
+    setEditedIds = _useState4[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AttachmentList.AttachmentList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    attachments: currentAttachments,
+    wasEditedIds: editedIds,
+    onDelete: function onDelete(attachment) {
+      var _props$onDelete;
+      (_props$onDelete = props.onDelete) === null || _props$onDelete === void 0 || _props$onDelete.call(props, attachment);
+      setCurrentAttachments(function (current) {
+        return current.filter(function (item) {
+          return item.id !== attachment.id;
+        });
+      });
+      setEditedIds(function (current) {
+        return current.filter(function (id) {
+          return id !== attachment.id;
+        });
+      });
+    },
+    onEdit: function onEdit(attachment) {
+      var _props$onEdit;
+      (_props$onEdit = props.onEdit) === null || _props$onEdit === void 0 || _props$onEdit.call(props, attachment);
+      setEditedIds(function (current) {
+        return current.includes(attachment.id) ? current.filter(function (id) {
+          return id !== attachment.id;
+        }) : [].concat((0, _toConsumableArray2.default)(current), [attachment.id]);
+      });
+    }
+  }));
+};
+
+/** Hover a row: edit toggles its edited state and delete removes it from the list. */
+var InteractiveActions = exports.InteractiveActions = {
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(InteractiveAttachmentList, (0, _objectSpread2.default)({}, args));
+  }
+};
+var EditableAttachmentList = function EditableAttachmentList(props) {
+  var _useState5 = (0, _react.useState)(props.attachments),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    currentAttachments = _useState6[0],
+    setCurrentAttachments = _useState6[1];
+  var _useState7 = (0, _react.useState)(),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    editingId = _useState8[0],
+    setEditingId = _useState8[1];
+  var _useState9 = (0, _react.useState)(''),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    draftName = _useState0[0],
+    setDraftName = _useState0[1];
+  var _useState1 = (0, _react.useState)({
+      link: '',
+      token: '',
+      name: ''
+    }),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    draftLink = _useState10[0],
+    setDraftLink = _useState10[1];
+  var handleAcceptDraft = function handleAcceptDraft() {
+    setCurrentAttachments(function (prevState) {
+      return prevState.map(function (attach) {
+        if (attach.id === editingId && attach.link === undefined) {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attach), {}, {
+            name: draftName
+          });
+        }
+        if (attach.id === editingId && typeof attach.link === 'string') {
+          return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, attach), {}, {
+            name: draftLink.name,
+            link: draftLink.link
+          });
+        }
+        return attach;
+      });
+    });
+    setDraftName('');
+    setEditingId('');
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AttachmentList.AttachmentList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    attachments: currentAttachments,
+    editingIds: editingId ? [editingId] : [],
+    onDelete: function onDelete(attach) {
+      return setCurrentAttachments(function (list) {
+        return list.filter(function (l) {
+          return l.id !== attach.id;
+        });
+      });
+    },
+    onEdit: function onEdit(attachment) {
+      var _props$onEdit2;
+      (_props$onEdit2 = props.onEdit) === null || _props$onEdit2 === void 0 || _props$onEdit2.call(props, attachment);
+      setEditingId(attachment.id);
+      setDraftName(attachment.name);
+      if (typeof attachment.link === 'string') {
+        setDraftLink((0, _objectSpread2.default)((0, _objectSpread2.default)({}, draftLink), {}, {
+          name: attachment.name,
+          link: attachment.link
+        }));
+      }
+    },
+    renderEditForm: function renderEditForm(attachment) {
+      var isLink = typeof attachment.link === 'string';
+      if (isLink) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditAttachmentItem.EditAttachmentItem, {
+          onCancel: function onCancel() {
+            return setEditingId('');
+          },
+          onAccept: handleAcceptDraft,
+          values: draftLink,
+          onChange: setDraftLink,
+          tokens: [{
+            value: 'default_database_logs',
+            title: 'default_database_logs'
+          }, {
+            value: 'default_yt',
+            title: 'default_yt'
+          }, {
+            value: 'default_yql',
+            title: 'default_yql'
+          }, {
+            value: 'default_long_token_title',
+            title: 'default_long_token_title'
+          }],
+          type: 'link'
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditAttachmentItem.EditAttachmentItem, {
+        fileName: draftName,
+        onChangeFileName: setDraftName,
+        onCancel: function onCancel() {
+          return setEditingId('');
+        },
+        onAccept: handleAcceptDraft,
+        type: 'file'
+      });
+    }
+  }));
+};
+
+/** Hover a row and click edit to replace it with a consumer-provided rename form. */
+var CustomEditForm = exports.CustomEditForm = {
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditableAttachmentList, (0, _objectSpread2.default)({}, args));
+  }
+};
+var SortableAttachmentList = function SortableAttachmentList(props) {
+  var _useState11 = (0, _react.useState)(props.attachments),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    orderedAttachments = _useState12[0],
+    setOrderedAttachments = _useState12[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AttachmentList.AttachmentList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    attachments: orderedAttachments,
+    onSortEnd: function onSortEnd(_ref) {
+      var _props$onSortEnd;
+      var oldIndex = _ref.oldIndex,
+        newIndex = _ref.newIndex;
+      (_props$onSortEnd = props.onSortEnd) === null || _props$onSortEnd === void 0 || _props$onSortEnd.call(props, {
+        oldIndex: oldIndex,
+        newIndex: newIndex
+      });
+      setOrderedAttachments(function (current) {
+        var next = (0, _toConsumableArray2.default)(current);
+        var _next$splice = next.splice(oldIndex, 1),
+          _next$splice2 = (0, _slicedToArray2.default)(_next$splice, 1),
+          movedAttachment = _next$splice2[0];
+        if (movedAttachment) {
+          next.splice(newIndex, 0, movedAttachment);
+        }
+        return next;
+      });
+    }
+  }));
+};
+
+/** Drag attachments by the handle to reorder them using the inherited List sorting API. */
+var Sortable = exports.Sortable = {
+  args: {
+    sortable: true,
+    sortHandleAlign: 'left',
+    onSortEnd: (0, _test.fn)()
+  },
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SortableAttachmentList, (0, _objectSpread2.default)({}, args));
+  }
+};
+
+/** Consumer-provided content is displayed when the attachment array is empty. */
+var Empty = exports.Empty = {
+  args: {
+    attachments: [],
+    emptyPlaceholder: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      color: "secondary",
+      children: "No attachments yet"
+    })
+  }
+};
+
+/** The inherited loading state can be used while the attachment collection is being fetched. */
+var Loading = exports.Loading = {
+  args: {
+    attachments: [],
+    loading: true
+  }
+};
+// #sourceMappingURL=AttachmentList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_EditAttachmentItem","_test","_AttachmentList","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","attachments","id","name","link","meta","title","component","AttachmentList","tags","parameters","layout","decorators","Story","_jsx","style","width","height","children","args","onDelete","fn","onEdit","_default","exports","Default","ChangeStates","wasAddedIds","wasEditedIds","Filterable","filterable","filterPlaceholder","filterItem","filter","attachment","toLocaleLowerCase","includes","InteractiveAttachmentList","props","_useState","useState","_useState2","_slicedToArray","currentAttachments","setCurrentAttachments","_useState3","_useState4","editedIds","setEditedIds","_objectSpread","_props$onDelete","current","item","_props$onEdit","concat","_toConsumableArray","InteractiveActions","render","EditableAttachmentList","_useState5","_useState6","_useState7","_useState8","editingId","setEditingId","_useState9","_useState0","draftName","setDraftName","_useState1","token","_useState10","draftLink","setDraftLink","handleAcceptDraft","prevState","map","attach","undefined","editingIds","list","l","_props$onEdit2","renderEditForm","isLink","EditAttachmentItem","onCancel","onAccept","values","onChange","tokens","value","type","fileName","onChangeFileName","CustomEditForm","SortableAttachmentList","_useState11","_useState12","orderedAttachments","setOrderedAttachments","onSortEnd","_ref","_props$onSortEnd","oldIndex","newIndex","next","_next$splice","splice","_next$splice2","movedAttachment","Sortable","sortable","sortHandleAlign","Empty","emptyPlaceholder","Text","color","Loading","loading"],"sources":["AttachmentList.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {EditAttachmentItem, EditLinkValues} from './internal/EditAttachmentItem';\nimport {fn} from 'storybook/test';\n\nimport {AttachmentList, type AttachmentListProps} from './AttachmentList';\n\nconst attachments: AttachmentListProps['attachments'] = [\n    {id: 'readme', name: 'README'},\n    {id: 'javascript', name: 'index.js'},\n    {id: 'python', name: 'main.py'},\n    {id: 'csv', name: 'sales.csv'},\n    {id: 'link-image', name: 'https://home/tutorial', link: 'https://home/tutorial'},\n    {id: 'excel', name: 'forecast.xlsx'},\n    {id: 'cpp', name: 'processor.cpp'},\n    {id: 'ql', name: 'analytics.ql'},\n    {id: 'yql', name: 'events.yql'},\n    {id: 'sql', name: 'report.sql'},\n    {id: 'link', name: 'link to file.cpp', link: 'link/to/file.cpp'},\n];\n\nconst meta = {\n    title: 'Components/AttachmentList',\n    component: AttachmentList,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 360, height: 360}}>\n                <Story />\n            </div>\n        ),\n    ],\n    args: {\n        attachments,\n        onDelete: fn(),\n        onEdit: fn(),\n    },\n} satisfies Meta<typeof AttachmentList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/** Attachments with supported extensions use their corresponding icons. Row actions appear on hover. */\nexport const Default: Story = {};\n\n/** `wasAddedIds` and `wasEditedIds` highlight attachments with their current change state. */\nexport const ChangeStates: Story = {\n    args: {\n        wasAddedIds: ['javascript', 'csv'],\n        wasEditedIds: ['python', 'sql'],\n    },\n};\n\n/** The inherited List filtering API can be enabled when a consumer needs local attachment search. */\nexport const Filterable: Story = {\n    args: {\n        filterable: true,\n        filterPlaceholder: 'Filter by attachment name',\n        filterItem: (filter) => (attachment) =>\n            (attachment as AttachmentListProps['attachments'][number]).name\n                .toLocaleLowerCase()\n                .includes(filter.toLocaleLowerCase()),\n    },\n};\n\nconst InteractiveAttachmentList = (props: AttachmentListProps) => {\n    const [currentAttachments, setCurrentAttachments] = useState(props.attachments);\n    const [editedIds, setEditedIds] = useState<string[]>([]);\n\n    return (\n        <AttachmentList\n            {...props}\n            attachments={currentAttachments}\n            wasEditedIds={editedIds}\n            onDelete={(attachment) => {\n                props.onDelete?.(attachment);\n                setCurrentAttachments((current) =>\n                    current.filter((item) => item.id !== attachment.id),\n                );\n                setEditedIds((current) => current.filter((id) => id !== attachment.id));\n            }}\n            onEdit={(attachment) => {\n                props.onEdit?.(attachment);\n                setEditedIds((current) =>\n                    current.includes(attachment.id)\n                        ? current.filter((id) => id !== attachment.id)\n                        : [...current, attachment.id],\n                );\n            }}\n        />\n    );\n};\n\n/** Hover a row: edit toggles its edited state and delete removes it from the list. */\nexport const InteractiveActions: Story = {\n    render: (args) => <InteractiveAttachmentList {...args} />,\n};\n\nconst EditableAttachmentList = (props: AttachmentListProps) => {\n    const [currentAttachments, setCurrentAttachments] = useState(props.attachments);\n    const [editingId, setEditingId] = useState<string>();\n    const [draftName, setDraftName] = useState('');\n    const [draftLink, setDraftLink] = useState<EditLinkValues>({\n        link: '',\n        token: '',\n        name: '',\n    });\n\n    const handleAcceptDraft = () => {\n        setCurrentAttachments((prevState) => {\n            return prevState.map((attach) => {\n                if (attach.id === editingId && attach.link === undefined) {\n                    return {\n                        ...attach,\n                        name: draftName,\n                    };\n                }\n                if (attach.id === editingId && typeof attach.link === 'string') {\n                    return {\n                        ...attach,\n                        name: draftLink.name,\n                        link: draftLink.link,\n                    };\n                }\n                return attach;\n            });\n        });\n        setDraftName('');\n        setEditingId('');\n    };\n\n    return (\n        <AttachmentList\n            {...props}\n            attachments={currentAttachments}\n            editingIds={editingId ? [editingId] : []}\n            onDelete={(attach) =>\n                setCurrentAttachments((list) => list.filter((l) => l.id !== attach.id))\n            }\n            onEdit={(attachment) => {\n                props.onEdit?.(attachment);\n                setEditingId(attachment.id);\n                setDraftName(attachment.name);\n                if (typeof attachment.link === 'string') {\n                    setDraftLink({...draftLink, name: attachment.name, link: attachment.link});\n                }\n            }}\n            renderEditForm={(attachment) => {\n                const isLink = typeof attachment.link === 'string';\n\n                if (isLink) {\n                    return (\n                        <EditAttachmentItem\n                            onCancel={() => setEditingId('')}\n                            onAccept={handleAcceptDraft}\n                            values={draftLink}\n                            onChange={setDraftLink}\n                            tokens={[\n                                {value: 'default_database_logs', title: 'default_database_logs'},\n                                {value: 'default_yt', title: 'default_yt'},\n                                {value: 'default_yql', title: 'default_yql'},\n                                {\n                                    value: 'default_long_token_title',\n                                    title: 'default_long_token_title',\n                                },\n                            ]}\n                            type={'link'}\n                        />\n                    );\n                }\n\n                return (\n                    <EditAttachmentItem\n                        fileName={draftName}\n                        onChangeFileName={setDraftName}\n                        onCancel={() => setEditingId('')}\n                        onAccept={handleAcceptDraft}\n                        type={'file'}\n                    />\n                );\n            }}\n        />\n    );\n};\n\n/** Hover a row and click edit to replace it with a consumer-provided rename form. */\nexport const CustomEditForm: Story = {\n    render: (args) => <EditableAttachmentList {...args} />,\n};\n\nconst SortableAttachmentList = (props: AttachmentListProps) => {\n    const [orderedAttachments, setOrderedAttachments] = useState(props.attachments);\n\n    return (\n        <AttachmentList\n            {...props}\n            attachments={orderedAttachments}\n            onSortEnd={({oldIndex, newIndex}) => {\n                props.onSortEnd?.({oldIndex, newIndex});\n                setOrderedAttachments((current) => {\n                    const next = [...current];\n                    const [movedAttachment] = next.splice(oldIndex, 1);\n\n                    if (movedAttachment) {\n                        next.splice(newIndex, 0, movedAttachment);\n                    }\n\n                    return next;\n                });\n            }}\n        />\n    );\n};\n\n/** Drag attachments by the handle to reorder them using the inherited List sorting API. */\nexport const Sortable: Story = {\n    args: {\n        sortable: true,\n        sortHandleAlign: 'left',\n        onSortEnd: fn(),\n    },\n    render: (args) => <SortableAttachmentList {...args} />,\n};\n\n/** Consumer-provided content is displayed when the attachment array is empty. */\nexport const Empty: Story = {\n    args: {\n        attachments: [],\n        emptyPlaceholder: <Text color=\"secondary\">No attachments yet</Text>,\n    },\n};\n\n/** The inherited loading state can be used while the attachment collection is being fetched. */\nexport const Loading: Story = {\n    args: {\n        attachments: [],\n        loading: true,\n    },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/AttachmentList/helpers/getIconByAttachmentName.d.ts

@@ -0,0 +1,2 @@
+export declare const getAttachmentExtension: (attachmentName: string) => "unknown" | "yql" | "js" | "ql" | "sql" | "py" | "csv" | "xls" | "xlsx" | "cpp";
+export declare const getAttachmentIcon: (attachmentName: string) => (() => import("react").JSX.Element) | ((props: import("react").SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: import("react").SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: import("react").SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: import("react").SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: import("react").SVGProps<SVGSVGElement>) => React.JSX.Element) | ((props: import("react").SVGProps<SVGSVGElement>) => React.JSX.Element);

package/build/cjs/components/AttachmentList/helpers/getIconByAttachmentName.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAttachmentIcon = exports.getAttachmentExtension = void 0;
+require("core-js/modules/es.array.last-index-of.js");
+require("core-js/modules/es.array.slice.js");
+var _icons = require("@gravity-ui/icons");
+var _Icons = require("../../Icons");
+var iconMatcher = {
+  js: _icons.LogoNodejs,
+  ql: _icons.AbbrQl,
+  sql: _icons.AbbrSql,
+  yql: _icons.AbbrSql,
+  py: _icons.LogoPython,
+  csv: _icons.LayoutList,
+  xls: _icons.LayoutList,
+  xlsx: _icons.LayoutList,
+  cpp: _Icons.LogoCPlusPlus,
+  unknown: _icons.FileCode
+};
+var getAttachmentExtension = exports.getAttachmentExtension = function getAttachmentExtension(attachmentName) {
+  var name = attachmentName.split('/').pop();
+  if (name === undefined) return 'unknown';
+  var index = name === null || name === void 0 ? void 0 : name.lastIndexOf('.');
+  if (index === undefined) return 'unknown';
+  var extension = index > 0 ? name.slice(index + 1) : '';
+  if (extension in iconMatcher) return extension;
+  return 'unknown';
+};
+var getAttachmentIcon = exports.getAttachmentIcon = function getAttachmentIcon(attachmentName) {
+  var extension = getAttachmentExtension(attachmentName);
+  return iconMatcher[extension];
+};
+// #sourceMappingURL=getIconByAttachmentName.js.map

package/build/cjs/components/AttachmentList/helpers/getIconByAttachmentName.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","_Icons","iconMatcher","js","LogoNodejs","ql","AbbrQl","sql","AbbrSql","yql","py","LogoPython","csv","LayoutList","xls","xlsx","cpp","LogoCPlusPlus","unknown","FileCode","getAttachmentExtension","exports","attachmentName","name","split","pop","undefined","index","lastIndexOf","extension","slice","getAttachmentIcon"],"sources":["getIconByAttachmentName.ts"],"sourcesContent":["import {AbbrQl, AbbrSql, FileCode, LayoutList, LogoNodejs, LogoPython} from '@gravity-ui/icons';\nimport {LogoCPlusPlus} from '../../Icons';\n\nconst iconMatcher = {\n    js: LogoNodejs,\n    ql: AbbrQl,\n    sql: AbbrSql,\n    yql: AbbrSql,\n    py: LogoPython,\n    csv: LayoutList,\n    xls: LayoutList,\n    xlsx: LayoutList,\n    cpp: LogoCPlusPlus,\n    unknown: FileCode,\n} as const;\n\nexport const getAttachmentExtension = (attachmentName: string) => {\n    const name = attachmentName.split('/').pop();\n\n    if (name === undefined) return 'unknown';\n\n    const index = name?.lastIndexOf('.');\n\n    if (index === undefined) return 'unknown';\n\n    const extension = index > 0 ? name.slice(index + 1) : '';\n\n    if (extension in iconMatcher) return extension as keyof typeof iconMatcher;\n\n    return 'unknown';\n};\n\nexport const getAttachmentIcon = (attachmentName: string) => {\n    const extension = getAttachmentExtension(attachmentName);\n    return iconMatcher[extension];\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,WAAW,GAAG;EAChBC,EAAE,EAAEC,iBAAU;EACdC,EAAE,EAAEC,aAAM;EACVC,GAAG,EAAEC,cAAO;EACZC,GAAG,EAAED,cAAO;EACZE,EAAE,EAAEC,iBAAU;EACdC,GAAG,EAAEC,iBAAU;EACfC,GAAG,EAAED,iBAAU;EACfE,IAAI,EAAEF,iBAAU;EAChBG,GAAG,EAAEC,oBAAa;EAClBC,OAAO,EAAEC;AACb,CAAU;AAEH,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIE,cAAsB,EAAK;EAC9D,IAAMC,IAAI,GAAGD,cAAc,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC;EAE5C,IAAIF,IAAI,KAAKG,SAAS,EAAE,OAAO,SAAS;EAExC,IAAMC,KAAK,GAAGJ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEK,WAAW,CAAC,GAAG,CAAC;EAEpC,IAAID,KAAK,KAAKD,SAAS,EAAE,OAAO,SAAS;EAEzC,IAAMG,SAAS,GAAGF,KAAK,GAAG,CAAC,GAAGJ,IAAI,CAACO,KAAK,CAACH,KAAK,GAAG,CAAC,CAAC,GAAG,EAAE;EAExD,IAAIE,SAAS,IAAI3B,WAAW,EAAE,OAAO2B,SAAS;EAE9C,OAAO,SAAS;AACpB,CAAC;AAEM,IAAME,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIT,cAAsB,EAAK;EACzD,IAAMO,SAAS,GAAGT,sBAAsB,CAACE,cAAc,CAAC;EACxD,OAAOpB,WAAW,CAAC2B,SAAS,CAAC;AACjC,CAAC","ignoreList":[]}

package/build/cjs/components/AttachmentList/helpers/objectLinkValidator.d.ts

@@ -0,0 +1,11 @@
+export type EditLinkErrors = Partial<{
+    link: string;
+    token: string;
+    name: string;
+}>;
+export type ObjectLinkValidator = (values: Record<string, unknown>, isTokenRequired?: boolean) => EditLinkErrors | null;
+export declare const objectLinkValidator: (values: Record<string, unknown>, isTokenRequired?: boolean) => Partial<Partial<{
+    link: string;
+    token: string;
+    name: string;
+}>> | null;

package/build/cjs/components/AttachmentList/helpers/objectLinkValidator.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.objectLinkValidator = void 0;
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.string.link.js");
+var _stringRequiredValidator = require("./stringRequiredValidator");
+var objectLinkValidator = exports.objectLinkValidator = function objectLinkValidator(values, isTokenRequired) {
+  var patchErrors = {};
+  var linkError = (0, _stringRequiredValidator.stringRequiredValidator)(values.link);
+  if (linkError) {
+    patchErrors['link'] = linkError;
+  }
+  var tokenError = isTokenRequired ? (0, _stringRequiredValidator.stringRequiredValidator)(values.token) : null;
+  if (tokenError) {
+    patchErrors['token'] = tokenError;
+  }
+  var nameError = (0, _stringRequiredValidator.stringRequiredValidator)(values.name);
+  if (nameError) {
+    patchErrors['name'] = nameError;
+  }
+  if (Object.keys(patchErrors).length === 0) {
+    return null;
+  }
+  return patchErrors;
+};
+// #sourceMappingURL=objectLinkValidator.js.map

package/build/cjs/components/AttachmentList/helpers/objectLinkValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stringRequiredValidator","require","objectLinkValidator","exports","values","isTokenRequired","patchErrors","linkError","stringRequiredValidator","link","tokenError","token","nameError","name","Object","keys","length"],"sources":["objectLinkValidator.ts"],"sourcesContent":["import {stringRequiredValidator} from './stringRequiredValidator';\n\nexport type EditLinkErrors = Partial<{\n    link: string;\n    token: string;\n    name: string;\n}>;\n\nexport type ObjectLinkValidator = (\n    values: Record<string, unknown>,\n    isTokenRequired?: boolean,\n) => EditLinkErrors | null;\n\nexport const objectLinkValidator = (values: Record<string, unknown>, isTokenRequired?: boolean) => {\n    const patchErrors: Partial<EditLinkErrors> = {};\n\n    const linkError = stringRequiredValidator(values.link);\n\n    if (linkError) {\n        patchErrors['link'] = linkError;\n    }\n\n    const tokenError = isTokenRequired ? stringRequiredValidator(values.token) : null;\n\n    if (tokenError) {\n        patchErrors['token'] = tokenError;\n    }\n\n    const nameError = stringRequiredValidator(values.name);\n\n    if (nameError) {\n        patchErrors['name'] = nameError;\n    }\n\n    if (Object.keys(patchErrors).length === 0) {\n        return null;\n    }\n\n    return patchErrors;\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAaO,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,MAA+B,EAAEC,eAAyB,EAAK;EAC/F,IAAMC,WAAoC,GAAG,CAAC,CAAC;EAE/C,IAAMC,SAAS,GAAG,IAAAC,gDAAuB,EAACJ,MAAM,CAACK,IAAI,CAAC;EAEtD,IAAIF,SAAS,EAAE;IACXD,WAAW,CAAC,MAAM,CAAC,GAAGC,SAAS;EACnC;EAEA,IAAMG,UAAU,GAAGL,eAAe,GAAG,IAAAG,gDAAuB,EAACJ,MAAM,CAACO,KAAK,CAAC,GAAG,IAAI;EAEjF,IAAID,UAAU,EAAE;IACZJ,WAAW,CAAC,OAAO,CAAC,GAAGI,UAAU;EACrC;EAEA,IAAME,SAAS,GAAG,IAAAJ,gDAAuB,EAACJ,MAAM,CAACS,IAAI,CAAC;EAEtD,IAAID,SAAS,EAAE;IACXN,WAAW,CAAC,MAAM,CAAC,GAAGM,SAAS;EACnC;EAEA,IAAIE,MAAM,CAACC,IAAI,CAACT,WAAW,CAAC,CAACU,MAAM,KAAK,CAAC,EAAE;IACvC,OAAO,IAAI;EACf;EAEA,OAAOV,WAAW;AACtB,CAAC","ignoreList":[]}

package/build/cjs/components/AttachmentList/helpers/stringRequiredValidator.d.ts

@@ -0,0 +1,2 @@
+export type Validator = (value: unknown) => string | null;
+export declare const stringRequiredValidator: Validator;

package/build/cjs/components/AttachmentList/helpers/stringRequiredValidator.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringRequiredValidator = void 0;
+require("core-js/modules/es.string.trim.js");
+var _i18n = _interopRequireDefault(require("../i18n"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var DEFAULT_MAX_LENGTH = 256;
+var stringRequiredValidator = exports.stringRequiredValidator = function stringRequiredValidator(value) {
+  var maxLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_MAX_LENGTH;
+  if (typeof value !== 'string') {
+    return (0, _i18n.default)('alert_value-must-be-string');
+  }
+  if (!value.trim()) {
+    return (0, _i18n.default)('alert_required-field');
+  }
+  if (value.length > maxLength) {
+    return (0, _i18n.default)('alert_max-length', {
+      maxLength: maxLength
+    });
+  }
+  return null;
+};
+// #sourceMappingURL=stringRequiredValidator.js.map

package/build/cjs/components/AttachmentList/helpers/stringRequiredValidator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","_interopRequireDefault","require","e","__esModule","default","DEFAULT_MAX_LENGTH","stringRequiredValidator","exports","value","maxLength","arguments","length","undefined","i18n","trim"],"sources":["stringRequiredValidator.ts"],"sourcesContent":["import i18n from '../i18n';\n\nconst DEFAULT_MAX_LENGTH = 256;\n\nexport type Validator = (value: unknown) => string | null;\n\nexport const stringRequiredValidator: Validator = (\n    value: unknown,\n    maxLength: number = DEFAULT_MAX_LENGTH,\n) => {\n    if (typeof value !== 'string') {\n        return i18n('alert_value-must-be-string');\n    }\n\n    if (!value.trim()) {\n        return i18n('alert_required-field');\n    }\n\n    if (value.length > maxLength) {\n        return i18n('alert_max-length', {maxLength});\n    }\n\n    return null;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAW,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEX,IAAMG,kBAAkB,GAAG,GAAG;AAIvB,IAAMC,uBAAkC,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAArCA,uBAAkCA,CAC3CE,KAAc,EAEb;EAAA,IADDC,SAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGL,kBAAkB;EAEtC,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAO,IAAAK,aAAI,EAAC,4BAA4B,CAAC;EAC7C;EAEA,IAAI,CAACL,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE;IACf,OAAO,IAAAD,aAAI,EAAC,sBAAsB,CAAC;EACvC;EAEA,IAAIL,KAAK,CAACG,MAAM,GAAGF,SAAS,EAAE;IAC1B,OAAO,IAAAI,aAAI,EAAC,kBAAkB,EAAE;MAACJ,SAAS,EAATA;IAAS,CAAC,CAAC;EAChD;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/build/cjs/components/AttachmentList/hooks/useKeyDownFormControl.d.ts

@@ -0,0 +1,4 @@
+export declare const useKeyDownFormControl: (onAccept: () => void, onCancel: () => void) => {
+    handleInputKeyDown: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleEditorKeyDown: (event: React.KeyboardEvent<"div">) => void;
+};

package/build/cjs/components/AttachmentList/hooks/useKeyDownFormControl.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyDownFormControl = void 0;
+var useKeyDownFormControl = exports.useKeyDownFormControl = function useKeyDownFormControl(onAccept, onCancel) {
+  var handleInputKeyDown = function handleInputKeyDown(event) {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault();
+      onAccept();
+    }
+  };
+  var handleEditorKeyDown = function handleEditorKeyDown(event) {
+    if (event.key !== 'Escape' || event.nativeEvent.isComposing) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    onCancel === null || onCancel === void 0 || onCancel();
+  };
+  return {
+    handleInputKeyDown: handleInputKeyDown,
+    handleEditorKeyDown: handleEditorKeyDown
+  };
+};
+// #sourceMappingURL=useKeyDownFormControl.js.map

package/build/cjs/components/AttachmentList/hooks/useKeyDownFormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useKeyDownFormControl","exports","onAccept","onCancel","handleInputKeyDown","event","key","shiftKey","preventDefault","handleEditorKeyDown","nativeEvent","isComposing","stopPropagation"],"sources":["useKeyDownFormControl.ts"],"sourcesContent":["export const useKeyDownFormControl = (onAccept: () => void, onCancel: () => void) => {\n    const handleInputKeyDown = (\n        event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>,\n    ) => {\n        if (event.key === 'Enter' && !event.shiftKey) {\n            event.preventDefault();\n            onAccept();\n        }\n    };\n\n    const handleEditorKeyDown = (event: React.KeyboardEvent<'div'>) => {\n        if (event.key !== 'Escape' || event.nativeEvent.isComposing) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        onCancel?.();\n    };\n\n    return {handleInputKeyDown, handleEditorKeyDown};\n};\n"],"mappings":";;;;;;AAAO,IAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIE,QAAoB,EAAEC,QAAoB,EAAK;EACjF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CACpBC,KAAkE,EACjE;IACD,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAI,CAACD,KAAK,CAACE,QAAQ,EAAE;MAC1CF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBN,QAAQ,CAAC,CAAC;IACd;EACJ,CAAC;EAED,IAAMO,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIJ,KAAiC,EAAK;IAC/D,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAID,KAAK,CAACK,WAAW,CAACC,WAAW,EAAE;MACzD;IACJ;IAEAN,KAAK,CAACG,cAAc,CAAC,CAAC;IACtBH,KAAK,CAACO,eAAe,CAAC,CAAC;IACvBT,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,CAAC;EAChB,CAAC;EAED,OAAO;IAACC,kBAAkB,EAAlBA,kBAAkB;IAAEK,mBAAmB,EAAnBA;EAAmB,CAAC;AACpD,CAAC","ignoreList":[]}

package/build/cjs/components/AttachmentList/hooks/useLabelRef.d.ts

@@ -0,0 +1,4 @@
+export declare const useLabelRef: (labelText: string) => {
+    labelRef: import("react").RefObject<HTMLLabelElement | null>;
+    labelWidth: number;
+};

package/build/cjs/components/AttachmentList/hooks/useLabelRef.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLabelRef = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var useLabelRef = exports.useLabelRef = function useLabelRef(labelText) {
+  var labelRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    labelWidth = _useState2[0],
+    setLabelWidth = _useState2[1];
+  (0, _react.useLayoutEffect)(function () {
+    var label = labelRef.current;
+    if (!label) return undefined;
+    var updateLabelWidth = function updateLabelWidth() {
+      return setLabelWidth(label.offsetWidth);
+    };
+    updateLabelWidth();
+    if (typeof ResizeObserver === 'undefined') return undefined;
+    var observer = new ResizeObserver(updateLabelWidth);
+    observer.observe(label);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [labelText]);
+  return {
+    labelRef: labelRef,
+    labelWidth: labelWidth
+  };
+};
+// #sourceMappingURL=useLabelRef.js.map

package/build/cjs/components/AttachmentList/hooks/useLabelRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_interopRequireDefault","e","__esModule","default","useLabelRef","exports","labelText","labelRef","useRef","_useState","useState","_useState2","_slicedToArray","labelWidth","setLabelWidth","useLayoutEffect","label","current","undefined","updateLabelWidth","offsetWidth","ResizeObserver","observer","observe","disconnect"],"sources":["useLabelRef.ts"],"sourcesContent":["import {useLayoutEffect, useRef, useState} from 'react';\n\nexport const useLabelRef = (labelText: string) => {\n    const labelRef = useRef<HTMLLabelElement>(null);\n    const [labelWidth, setLabelWidth] = useState(0);\n\n    useLayoutEffect(() => {\n        const label = labelRef.current;\n\n        if (!label) return undefined;\n\n        const updateLabelWidth = () => setLabelWidth(label.offsetWidth);\n\n        updateLabelWidth();\n\n        if (typeof ResizeObserver === 'undefined') return undefined;\n\n        const observer = new ResizeObserver(updateLabelWidth);\n        observer.observe(label);\n\n        return () => observer.disconnect();\n    }, [labelText]);\n\n    return {labelRef, labelWidth};\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAuD,SAAAC,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhD,IAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,SAAiB,EAAK;EAC9C,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAC/C,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAAxCI,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAEhC,IAAAI,sBAAe,EAAC,YAAM;IAClB,IAAMC,KAAK,GAAGT,QAAQ,CAACU,OAAO;IAE9B,IAAI,CAACD,KAAK,EAAE,OAAOE,SAAS;IAE5B,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;MAAA,OAASL,aAAa,CAACE,KAAK,CAACI,WAAW,CAAC;IAAA;IAE/DD,gBAAgB,CAAC,CAAC;IAElB,IAAI,OAAOE,cAAc,KAAK,WAAW,EAAE,OAAOH,SAAS;IAE3D,IAAMI,QAAQ,GAAG,IAAID,cAAc,CAACF,gBAAgB,CAAC;IACrDG,QAAQ,CAACC,OAAO,CAACP,KAAK,CAAC;IAEvB,OAAO;MAAA,OAAMM,QAAQ,CAACE,UAAU,CAAC,CAAC;IAAA;EACtC,CAAC,EAAE,CAAClB,SAAS,CAAC,CAAC;EAEf,OAAO;IAACC,QAAQ,EAARA,QAAQ;IAAEM,UAAU,EAAVA;EAAU,CAAC;AACjC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    en: {
+        field_link: string;
+        field_token: string;
+        field_name: string;
+        action_save: string;
+        action_cancel: string;
+        "alert_value-must-be-string": string;
+        "alert_required-field": string;
+        "alert_max-length": string;
+    };
+    ru: {
+        field_link: string;
+        field_token: string;
+        field_name: string;
+        action_save: string;
+        action_cancel: string;
+        "alert_value-must-be-string": string;
+        "alert_required-field": string;
+        "alert_max-length": string;
+    };
+};
+export default _default;

package/build/cjs/components/AttachmentList/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/AttachmentList/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":[]}