@gravity-ui/querieskit 1.1.0 → 1.3.0

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

@@ -0,0 +1,167 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useId, useRef, useState } from 'react';
+import { Box, Button, Flex, Icon, Select, Text, TextArea, TextInput } from '@gravity-ui/uikit';
+import { Check, Xmark } from '@gravity-ui/icons';
+import { useLabelRef } from "../../hooks/useLabelRef";
+import { useKeyDownFormControl } from "../../hooks/useKeyDownFormControl";
+import { objectLinkValidator } from "../../helpers/objectLinkValidator";
+import cn from 'bem-cn-lite';
+import i18n from "../../i18n";
+import "./EditLinkItem.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('edit-link-item');
+export var 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 : _ref$validator,
+    defaultValues = _ref.defaultValues;
+  var _useState = useState(_objectSpread(_objectSpread({
+      link: '',
+      token: '',
+      name: ''
+    }, customerValues), defaultValues !== null && defaultValues !== void 0 ? defaultValues : {})),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValues = _useState2[0],
+    setInnerValues = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errors = _useState4[0],
+    setErrors = _useState4[1];
+  var linkInputId = useId();
+  var linkLabel = cutomerLinkLabel !== null && cutomerLinkLabel !== void 0 ? cutomerLinkLabel : i18n('field_link');
+  var tokenLabel = customerTokenLabel !== null && customerTokenLabel !== void 0 ? customerTokenLabel : i18n('field_token');
+  var nameLabel = customeNameLabel !== null && customeNameLabel !== void 0 ? customeNameLabel : i18n('field_name');
+  var values = customerValues !== null && customerValues !== void 0 ? customerValues : innerValues;
+  var _useLabelRef = useLabelRef(linkLabel),
+    labelRef = _useLabelRef.labelRef,
+    labelWidth = _useLabelRef.labelWidth;
+  var wasSubmittedRef = useRef(false);
+  var isTokenRequired = tokens && (tokens === null || tokens === void 0 ? void 0 : tokens.length) > 0;
+  var handleUpdate = function handleUpdate(key, patcValue) {
+    var newValues = _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, 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 = useKeyDownFormControl(handleAccept, handleCancel),
+    handleEditorKeyDown = _useKeyDownFormContro.handleEditorKeyDown,
+    handleInputKeyDown = _useKeyDownFormContro.handleInputKeyDown;
+  return /*#__PURE__*/_jsxs(Flex, {
+    onKeyDown: handleEditorKeyDown,
+    className: block(),
+    width: "100%",
+    spacing: {
+      px: 4,
+      py: 3
+    },
+    direction: "column",
+    gap: 2,
+    children: [/*#__PURE__*/_jsxs(Box, {
+      overflow: "hidden",
+      className: block('link-field-container'),
+      position: "relative",
+      children: [/*#__PURE__*/_jsx(Text, {
+        ref: labelRef,
+        as: "label",
+        htmlFor: linkInputId,
+        className: block('link-field-label'),
+        children: linkLabel
+      }), /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsx(Select.Option, {
+          value: token.value,
+          content: token.title
+        }, token.value);
+      })
+    }), /*#__PURE__*/_jsx(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__*/_jsxs(Flex, {
+      gap: 2,
+      children: [/*#__PURE__*/_jsxs(Button, {
+        view: "flat",
+        onClick: handleAccept,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: Check
+        }), i18n('action_save')]
+      }), /*#__PURE__*/_jsxs(Button, {
+        view: "flat",
+        onClick: onCancel,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: Xmark
+        }), i18n('action_cancel')]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=EditLinkItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useId","useRef","useState","Box","Button","Flex","Icon","Select","Text","TextArea","TextInput","Check","Xmark","useLabelRef","useKeyDownFormControl","objectLinkValidator","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","EditLinkItem","_ref","cutomerLinkLabel","linkLabel","customerTokenLabel","tokenLabel","customeNameLabel","nameLabel","onAccept","onCancel","onChange","tokens","customerValues","values","_ref$validator","validator","defaultValues","_useState","_objectSpread","link","token","name","_useState2","_slicedToArray","innerValues","setInnerValues","_useState3","_useState4","errors","setErrors","linkInputId","_useLabelRef","labelRef","labelWidth","wasSubmittedRef","isTokenRequired","length","handleUpdate","key","patcValue","newValues","_defineProperty","current","handleAccept","validResult","handleCancel","handleLinkScroll","event","style","transform","concat","currentTarget","scrollTop","_useKeyDownFormContro","handleEditorKeyDown","handleInputKeyDown","onKeyDown","className","width","spacing","px","py","direction","gap","children","overflow","position","ref","as","htmlFor","id","value","minRows","maxRows","hasClear","autoFocus","error","errorMessage","onUpdate","v","controlProps","onScroll","textIndent","undefined","filterable","label","validationState","map","Option","content","title","view","onClick","data"],"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/esm/components/AttachmentList/internal/EditAttachmentItem/EditLinkItem.scss

@@ -0,0 +1,21 @@
+.edit-link-item {
+    &__link-field-container {
+        padding: 1px;
+    }
+
+    &__link-field-label {
+        position: absolute;
+        z-index: 1;
+        inset-block-start: calc(var(--g-spacing-1) + 1px);
+        inset-inline-start: var(--g-spacing-2);
+        font-weight: 600;
+    }
+
+    .g-select {
+        padding: 1px;
+    }
+
+    .g-text-input {
+        padding: 1px;
+    }
+}

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

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

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useRef, useState } from 'react';
+import { Button, Flex, Icon, TextInput } from '@gravity-ui/uikit';
+import { Check, Xmark } from '@gravity-ui/icons';
+import { useKeyDownFormControl } from "../../hooks/useKeyDownFormControl";
+import { stringRequiredValidator } from "../../helpers/stringRequiredValidator";
+import i18n from "../../i18n";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var 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 : _ref$validator;
+  var _useState = useState((_ref2 = defaultFileName !== null && defaultFileName !== void 0 ? defaultFileName : customerFileName) !== null && _ref2 !== void 0 ? _ref2 : ''),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerFileName = _useState2[0],
+    setInnerFileName = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    errorMsg = _useState4[0],
+    setErrorMsg = _useState4[1];
+  var wasSubmittedRef = useRef(false);
+  var label = customerFileLabel !== null && customerFileLabel !== void 0 ? customerFileLabel : i18n('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 = useKeyDownFormControl(handleAccept, handleCancel),
+    handleEditorKeyDown = _useKeyDownFormContro.handleEditorKeyDown,
+    handleInputKeyDown = _useKeyDownFormContro.handleInputKeyDown;
+  return /*#__PURE__*/_jsxs(Flex, {
+    onKeyDown: handleEditorKeyDown,
+    spacing: {
+      px: 4,
+      py: 1
+    },
+    width: "100%",
+    gap: 2,
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      autoFocus: true,
+      label: label,
+      value: fileName,
+      error: Boolean(errorMsg),
+      errorMessage: errorMsg,
+      onKeyDown: handleInputKeyDown,
+      onUpdate: handleChangeFileName
+    }), /*#__PURE__*/_jsx(Button, {
+      view: "flat",
+      onClick: handleAccept,
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: Check
+      })
+    }), /*#__PURE__*/_jsx(Button, {
+      view: "flat",
+      onClick: onCancel,
+      children: /*#__PURE__*/_jsx(Icon, {
+        data: Xmark
+      })
+    })]
+  });
+};
+// #sourceMappingURL=FileEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","Button","Flex","Icon","TextInput","Check","Xmark","useKeyDownFormControl","stringRequiredValidator","i18n","jsx","_jsx","jsxs","_jsxs","FileEdit","_ref","_ref2","customerFileLabel","fileLabel","customerFileName","fileName","defaultFileName","onChangeFileName","onAccept","onCancel","_ref$validator","validator","_useState","_useState2","_slicedToArray","innerFileName","setInnerFileName","_useState3","_useState4","errorMsg","setErrorMsg","wasSubmittedRef","label","handleChangeFileName","patchFileName","current","handleAccept","error","handleCancel","_useKeyDownFormContro","handleEditorKeyDown","handleInputKeyDown","onKeyDown","spacing","px","py","width","gap","children","autoFocus","value","Boolean","errorMessage","onUpdate","view","onClick","data"],"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/esm/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/esm/components/AttachmentList/internal/EditAttachmentItem/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["EditAttachmentItem"],"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,SAAQA,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import React from 'react';
+import { Button, Flex, Icon, Link, Text } from '@gravity-ui/uikit';
+import { Plus } from '@gravity-ui/icons';
+import cn from 'bem-cn-lite';
+import image from "./assets/empty-attachments.svg";
+import i18n from "./i18n";
+import "./AttachmentListPlaceholder.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-attachment-list-placeholder');
+export var 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 : i18n('title_no-attachments');
+  var description = customerDescription !== null && customerDescription !== void 0 ? customerDescription : i18n('context_add-attachment-for-request');
+  var linkText = customerLinkText !== null && customerLinkText !== void 0 ? customerLinkText : i18n('action_attachments-help');
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 5,
+    width: "100%",
+    height: "100%",
+    className: block(null, className),
+    "data-qa": qa,
+    children: [/*#__PURE__*/_jsx("img", {
+      src: "".concat(image),
+      alt: "empty-attachments-image"
+    }), /*#__PURE__*/_jsxs(Flex, {
+      gap: 1,
+      direction: "column",
+      alignItems: "center",
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "subheader-1",
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-1",
+        children: description
+      }), linkForDoc && /*#__PURE__*/_jsx(Link, {
+        className: block('doc-link'),
+        href: linkForDoc,
+        children: linkText
+      })]
+    }), /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      children: [/*#__PURE__*/_jsxs(Button, {
+        onClick: onAddFile,
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: Plus
+        }), i18n('action_add-file')]
+      }), /*#__PURE__*/_jsxs(Button, {
+        onClick: onAddLink,
+        view: "outlined",
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: Plus
+        }), i18n('action_add-link')]
+      })]
+    })]
+  });
+};
+// #sourceMappingURL=AttachmentListPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Flex","Icon","Link","Text","Plus","cn","image","i18n","jsx","_jsx","jsxs","_jsxs","block","AttachmentListPlaceholder","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","direction","alignItems","justifyContent","gap","width","height","children","src","concat","alt","variant","href","onClick","data","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/esm/components/AttachmentListPlaceholder/AttachmentListPlaceholder.scss

@@ -0,0 +1,5 @@
+.qp-attachment-list-placeholder {
+    &__doc-link {
+        margin-top: var(--g-spacing-2);
+    }
+}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import { AttachmentListPlaceholder } from "./AttachmentListPlaceholder";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Components/AttachmentListPlaceholder',
+  component: AttachmentListPlaceholder,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'centered'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 324,
+        height: 622
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }],
+  args: {
+    title: 'No attachments',
+    description: 'Add attachment for use in the request',
+    linkForDoc: '#attachments-help'
+  }
+};
+export default meta;
+/** Empty state with documentation and two secondary actions, matching the Figma example. */
+export var Default = {};
+// #sourceMappingURL=AttachmentListPlaceholder.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","AttachmentListPlaceholder","jsx","_jsx","meta","title","component","tags","parameters","layout","decorators","Story","style","width","height","children","args","description","linkForDoc","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,yBAAyB;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAGtE,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,sCAAsC;EAC7CC,SAAS,EAAEL,yBAAyB;EACpCM,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFR,IAAA;MAAKS,KAAK,EAAE;QAACC,KAAK,EAAE,GAAG;QAAEC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eAClCZ,IAAA,CAACQ,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT,CACJ;EACDK,IAAI,EAAE;IACFX,KAAK,EAAE,gBAAgB;IACvBY,WAAW,EAAE,uCAAuC;IACpDC,UAAU,EAAE;EAChB;AACJ,CAAkD;AAElD,eAAed,IAAI;AAGnB;AACA,OAAO,IAAMe,OAAc,GAAG,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:attachment-list-placeholder', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AAErB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,gCAAgC,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/AttachmentListPlaceholder/index.d.ts

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

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

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

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

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

package/build/esm/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/esm/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":""}