@gravity-ui/querieskit 1.1.0 → 1.3.0

package/src/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/src/components/AttachmentList/index.ts

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

package/src/components/AttachmentList/internal/AttachmentItem/AttachmentItem.scss

@@ -0,0 +1,23 @@
+.qp-attachment-item {
+    &__info {
+        flex: 1;
+        min-width: 0;
+    }
+
+    &__actions {
+        flex-shrink: 0;
+    }
+
+    &__attachment-name {
+        flex: 1;
+        min-width: 0;
+    }
+
+    &_wasAdded {
+        background-color: var(--g-color-base-positive-light);
+    }
+
+    &_wasEdited {
+        background-color: var(--g-color-base-info-light);
+    }
+}

package/src/components/AttachmentList/internal/AttachmentItem/AttachmentItem.tsx

@@ -0,0 +1,75 @@
+import React, {useMemo, useState} from 'react';
+import {Button, Flex, Icon, Text} from '@gravity-ui/uikit';
+import {ArrowRotateLeft, Link, Pencil, TrashBin} from '@gravity-ui/icons';
+import {getAttachmentIcon} from '../../helpers/getIconByAttachmentName';
+import cn from 'bem-cn-lite';
+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;
+};
+
+const block = cn('qp-attachment-item');
+
+export const AttachmentItem = ({
+    attachment,
+    wasAdded,
+    wasEdited,
+    onEdit,
+    onDelete,
+    onRevert,
+    isDeleted,
+}: AttachmentItemProps) => {
+    const [isHovered, setIsHovered] = useState(false);
+
+    const attachmentIcon = useMemo(() => {
+        if (typeof attachment.link === 'string') return Link;
+        return getAttachmentIcon(attachment.name);
+    }, [attachment.name, attachment.link]);
+
+    return (
+        <Flex
+            width="100%"
+            height="32px"
+            onMouseEnter={() => setIsHovered(true)}
+            onMouseLeave={() => setIsHovered(false)}
+            alignItems="center"
+            justifyContent="space-between"
+            spacing={{px: 4}}
+            className={block({wasEdited, wasAdded})}
+        >
+            <Flex gap={2} alignItems="center" className={block('info')}>
+                <Icon width={16} className={block('attachment-icon')} data={attachmentIcon} />
+                <Text variant="body-1" ellipsis className={block('attachment-name')}>
+                    {attachment.name}
+                </Text>
+            </Flex>
+
+            {isHovered && !isDeleted && (
+                <Flex gap={1} className={block('actions')}>
+                    <Button size="s" view="flat" onClick={() => onEdit?.(attachment)}>
+                        <Icon data={Pencil} />
+                    </Button>
+
+                    <Button size="s" view="flat" onClick={() => onDelete?.(attachment)}>
+                        <Icon data={TrashBin} />
+                    </Button>
+                </Flex>
+            )}
+
+            {isHovered && isDeleted && (
+                <Flex gap={1} className={block('actions')}>
+                    <Button size="s" view="flat" onClick={() => onRevert?.(attachment)}>
+                        <Icon data={ArrowRotateLeft} />
+                    </Button>
+                </Flex>
+            )}
+        </Flex>
+    );
+};

package/src/components/AttachmentList/internal/AttachmentItem/index.ts

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

package/src/components/AttachmentList/internal/EditAttachmentItem/EditAttachmentItem.tsx

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

package/src/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/src/components/AttachmentList/internal/EditAttachmentItem/EditLinkItem.tsx

@@ -0,0 +1,194 @@
+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, objectLinkValidator} from '../../helpers/objectLinkValidator';
+import cn from 'bem-cn-lite';
+
+import i18n from '../../i18n';
+
+import './EditLinkItem.scss';
+
+export type EditLinkValues = {
+    link: string;
+    token: string;
+    name: string;
+};
+
+type EditLinkErrors = {
+    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;
+};
+
+const block = cn('edit-link-item');
+
+export const EditLinkItem = ({
+    linkLabel: cutomerLinkLabel,
+    tokenLabel: customerTokenLabel,
+    nameLabel: customeNameLabel,
+    onAccept,
+    onCancel,
+    onChange,
+    tokens,
+    values: customerValues,
+    validator = objectLinkValidator,
+    defaultValues,
+}: EditLinkItemProps) => {
+    const [innerValues, setInnerValues] = useState<EditLinkValues>({
+        link: '',
+        token: '',
+        name: '',
+        ...customerValues,
+        ...(defaultValues ?? {}),
+    });
+
+    const [errors, setErrors] = useState<Partial<EditLinkErrors> | null>(null);
+
+    const linkInputId = useId();
+
+    const linkLabel = cutomerLinkLabel ?? i18n('field_link');
+    const tokenLabel = customerTokenLabel ?? i18n('field_token');
+    const nameLabel = customeNameLabel ?? i18n('field_name');
+
+    const values = customerValues ?? innerValues;
+
+    const {labelRef, labelWidth} = useLabelRef(linkLabel);
+
+    const wasSubmittedRef = useRef(false);
+
+    const isTokenRequired = tokens && tokens?.length > 0;
+
+    const handleUpdate = (key: string, patcValue: string) => {
+        const newValues: EditLinkValues = {...values, [key]: patcValue};
+
+        if (errors || wasSubmittedRef.current) {
+            setErrors(validator(newValues, isTokenRequired));
+        }
+
+        setInnerValues(newValues);
+        onChange?.(newValues);
+    };
+
+    const handleAccept = () => {
+        const validResult = validator(values, isTokenRequired);
+
+        wasSubmittedRef.current = true;
+
+        if (validResult) {
+            setErrors(validResult);
+            return;
+        }
+
+        onAccept?.(values);
+    };
+
+    const handleCancel = () => {
+        onCancel?.();
+    };
+
+    const handleLinkScroll = (event: React.UIEvent<HTMLTextAreaElement>) => {
+        if (labelRef.current) {
+            labelRef.current.style.transform = `translateY(-${event.currentTarget.scrollTop}px)`;
+        }
+    };
+
+    const {handleEditorKeyDown, handleInputKeyDown} = useKeyDownFormControl(
+        handleAccept,
+        handleCancel,
+    );
+
+    return (
+        <Flex
+            onKeyDown={handleEditorKeyDown}
+            className={block()}
+            width="100%"
+            spacing={{px: 4, py: 3}}
+            direction="column"
+            gap={2}
+        >
+            <Box overflow="hidden" className={block('link-field-container')} position="relative">
+                <Text
+                    ref={labelRef}
+                    as="label"
+                    htmlFor={linkInputId}
+                    className={block('link-field-label')}
+                >
+                    {linkLabel}
+                </Text>
+
+                <TextArea
+                    id={linkInputId}
+                    value={values.link}
+                    minRows={3}
+                    maxRows={5}
+                    hasClear
+                    autoFocus
+                    error={errors?.link}
+                    errorMessage={errors?.link}
+                    onKeyDown={handleInputKeyDown}
+                    onUpdate={(v) => handleUpdate('link', v)}
+                    controlProps={{
+                        onScroll: handleLinkScroll,
+                        style: {
+                            textIndent: labelWidth ? labelWidth + 2 : undefined,
+                        },
+                    }}
+                />
+            </Box>
+
+            {tokens && (
+                <Select
+                    filterable
+                    value={[values.token]}
+                    label={tokenLabel}
+                    errorMessage={errors?.token}
+                    validationState={errors?.token ? 'invalid' : undefined}
+                    onUpdate={(v) => handleUpdate('token', v[0])}
+                >
+                    {tokens.map((token) => (
+                        <Select.Option
+                            key={token.value}
+                            value={token.value}
+                            content={token.title}
+                        />
+                    ))}
+                </Select>
+            )}
+
+            <TextInput
+                value={values.name}
+                label={nameLabel}
+                hasClear
+                error={errors?.name}
+                onKeyDown={handleInputKeyDown}
+                onUpdate={(v) => handleUpdate('name', v)}
+            />
+
+            <Flex gap={2}>
+                <Button view="flat" onClick={handleAccept}>
+                    <Icon data={Check} />
+                    {i18n('action_save')}
+                </Button>
+                <Button view="flat" onClick={onCancel}>
+                    <Icon data={Xmark} />
+                    {i18n('action_cancel')}
+                </Button>
+            </Flex>
+        </Flex>
+    );
+};

package/src/components/AttachmentList/internal/EditAttachmentItem/FileEdit.tsx

@@ -0,0 +1,92 @@
+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 {Validator, stringRequiredValidator} from '../../helpers/stringRequiredValidator';
+
+import i18n from '../../i18n';
+
+export type EditFileItemProps = {
+    fileName?: string;
+    fileLabel?: string;
+    defaultFileName?: string;
+    onChangeFileName?: (fileName: string) => void;
+    onAccept?: (newFileName: string) => void;
+    onCancel?: () => void;
+    validator?: Validator;
+};
+
+export const FileEdit = ({
+    fileLabel: customerFileLabel,
+    fileName: customerFileName,
+    defaultFileName,
+    onChangeFileName,
+    onAccept,
+    onCancel,
+    validator = stringRequiredValidator,
+}: EditFileItemProps) => {
+    const [innerFileName, setInnerFileName] = useState<string>(
+        defaultFileName ?? customerFileName ?? '',
+    );
+
+    const [errorMsg, setErrorMsg] = useState<string | null>(null);
+
+    const wasSubmittedRef = useRef(false);
+
+    const label = customerFileLabel ?? i18n('field_name');
+
+    const fileName = customerFileName ?? innerFileName;
+
+    const handleChangeFileName = (patchFileName: string) => {
+        if (errorMsg || wasSubmittedRef.current) {
+            setErrorMsg(validator(patchFileName));
+        }
+
+        setInnerFileName(patchFileName);
+        onChangeFileName?.(patchFileName);
+    };
+
+    const handleAccept = () => {
+        const error = validator(fileName);
+
+        wasSubmittedRef.current = true;
+
+        if (error) {
+            setErrorMsg(error);
+            return;
+        }
+
+        onAccept?.(fileName);
+    };
+
+    const handleCancel = () => {
+        onCancel?.();
+    };
+
+    const {handleEditorKeyDown, handleInputKeyDown} = useKeyDownFormControl(
+        handleAccept,
+        handleCancel,
+    );
+
+    return (
+        <Flex onKeyDown={handleEditorKeyDown} spacing={{px: 4, py: 1}} width="100%" gap={2}>
+            <TextInput
+                autoFocus
+                label={label}
+                value={fileName}
+                error={Boolean(errorMsg)}
+                errorMessage={errorMsg}
+                onKeyDown={handleInputKeyDown}
+                onUpdate={handleChangeFileName}
+            />
+
+            <Button view="flat" onClick={handleAccept}>
+                <Icon data={Check} />
+            </Button>
+
+            <Button view="flat" onClick={onCancel}>
+                <Icon data={Xmark} />
+            </Button>
+        </Flex>
+    );
+};

package/src/components/AttachmentList/internal/EditAttachmentItem/index.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/src/components/AttachmentListPlaceholder/AttachmentListPlaceholder.scss

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

package/src/components/AttachmentListPlaceholder/AttachmentListPlaceholder.stories.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import {AttachmentListPlaceholder} from './AttachmentListPlaceholder';
+import type {Meta, StoryObj} from '@storybook/react';
+
+const meta = {
+    title: 'Components/AttachmentListPlaceholder',
+    component: AttachmentListPlaceholder,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    decorators: [
+        (Story) => (
+            <div style={{width: 324, height: 622}}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        title: 'No attachments',
+        description: 'Add attachment for use in the request',
+        linkForDoc: '#attachments-help',
+    },
+} satisfies Meta<typeof AttachmentListPlaceholder>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Empty state with documentation and two secondary actions, matching the Figma example. */
+export const Default: Story = {};

package/src/components/AttachmentListPlaceholder/AttachmentListPlaceholder.tsx

@@ -0,0 +1,72 @@
+import React, {ReactNode} 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.scss';
+
+export type AttachmentListPlaceholderProps = {
+    title?: ReactNode;
+    description?: ReactNode;
+    linkForDoc?: string;
+    linkText?: string;
+    className?: string;
+    onAddFile?: () => void;
+    onAddLink?: () => void;
+    qa?: string;
+};
+
+const block = cn('qp-attachment-list-placeholder');
+
+export const AttachmentListPlaceholder = ({
+    title: customerTitle,
+    description: customerDescription,
+    linkForDoc,
+    linkText: customerLinkText,
+    className,
+    onAddFile,
+    onAddLink,
+    qa,
+}: AttachmentListPlaceholderProps) => {
+    const title = customerTitle ?? i18n('title_no-attachments');
+    const description = customerDescription ?? i18n('context_add-attachment-for-request');
+    const linkText = customerLinkText ?? i18n('action_attachments-help');
+
+    return (
+        <Flex
+            direction="column"
+            alignItems="center"
+            justifyContent="center"
+            gap={5}
+            width="100%"
+            height="100%"
+            className={block(null, className)}
+            data-qa={qa}
+        >
+            <img src={`${image}`} alt="empty-attachments-image" />
+
+            <Flex gap={1} direction="column" alignItems="center">
+                <Text variant="subheader-1">{title}</Text>
+                <Text variant="body-1">{description}</Text>
+                {linkForDoc && (
+                    <Link className={block('doc-link')} href={linkForDoc}>
+                        {linkText}
+                    </Link>
+                )}
+            </Flex>
+
+            <Flex gap={2}>
+                <Button onClick={onAddFile}>
+                    <Icon data={Plus} />
+                    {i18n('action_add-file')}
+                </Button>
+
+                <Button onClick={onAddLink} view="outlined">
+                    <Icon data={Plus} />
+                    {i18n('action_add-link')}
+                </Button>
+            </Flex>
+        </Flex>
+    );
+};

package/src/components/AttachmentListPlaceholder/assets/empty-attachments.svg

@@ -0,0 +1,14 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M94.0776 64.1746H92.8792V50.1996C92.8792 49.1496 92.0304 48.2996 90.9818 48.2996H75.5028L75.5278 11.1996C75.5278 11.1496 75.4779 11.0996 75.4279 11.0996H50.6366C45.7183 11.0996 45.169 13.8496 45.169 16.8496V53.4746H38.8277V40.0246C38.8277 39.0996 38.0787 38.3746 37.1799 38.3746H13.7118C12.788 38.3746 12.064 39.1246 12.064 40.0246V64.1496H10.641C9.59238 64.1496 8.74353 64.9996 8.74353 66.0496V73.5246C8.74353 74.5746 9.59238 75.4246 10.641 75.4246H94.1026C95.1511 75.4246 96 74.5746 96 73.5246V66.0496C95.975 65.0246 95.1262 64.1746 94.0776 64.1746Z" fill="#F0F3F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.7962 55.7246C6.61927 55.7246 6.44777 55.7444 6.28355 55.7816C6.01423 55.8426 5.74643 55.6738 5.68539 55.4045C5.62435 55.1352 5.79318 54.8674 6.06249 54.8063C6.29888 54.7528 6.54451 54.7246 6.7962 54.7246H7.33535C7.61149 54.7246 7.83535 54.9485 7.83535 55.2246C7.83535 55.5008 7.61149 55.7246 7.33535 55.7246H6.7962ZM9.53109 55.2246C9.53109 54.9485 9.75495 54.7246 10.0311 54.7246H11.1094C11.3855 54.7246 11.6094 54.9485 11.6094 55.2246C11.6094 55.5008 11.3855 55.7246 11.1094 55.7246H10.0311C9.75495 55.7246 9.53109 55.5008 9.53109 55.2246ZM13.3051 55.2246C13.3051 54.9485 13.529 54.7246 13.8051 54.7246H14.8834C15.1596 54.7246 15.3834 54.9485 15.3834 55.2246C15.3834 55.5008 15.1596 55.7246 14.8834 55.7246H13.8051C13.529 55.7246 13.3051 55.5008 13.3051 55.2246ZM17.0792 55.2246C17.0792 54.9485 17.303 54.7246 17.5792 54.7246H18.6575C18.9336 54.7246 19.1575 54.9485 19.1575 55.2246C19.1575 55.5008 18.9336 55.7246 18.6575 55.7246H17.5792C17.303 55.7246 17.0792 55.5008 17.0792 55.2246ZM20.8532 55.2246C20.8532 54.9485 21.0771 54.7246 21.3532 54.7246H22.4315C22.7076 54.7246 22.9315 54.9485 22.9315 55.2246C22.9315 55.5008 22.7076 55.7246 22.4315 55.7246H21.3532C21.0771 55.7246 20.8532 55.5008 20.8532 55.2246ZM24.6272 55.2246C24.6272 54.9485 24.8511 54.7246 25.1272 54.7246H26.2055C26.4817 54.7246 26.7055 54.9485 26.7055 55.2246C26.7055 55.5008 26.4817 55.7246 26.2055 55.7246H25.1272C24.8511 55.7246 24.6272 55.5008 24.6272 55.2246ZM28.4013 55.2246C28.4013 54.9485 28.6251 54.7246 28.9013 54.7246H29.4404C29.6921 54.7246 29.9378 54.7528 30.1741 54.8063C30.4435 54.8674 30.6123 55.1352 30.5512 55.4045C30.4902 55.6738 30.2224 55.8426 29.9531 55.7816C29.7889 55.7444 29.6174 55.7246 29.4404 55.7246H28.9013C28.6251 55.7246 28.4013 55.5008 28.4013 55.2246ZM4.17918 56.9137C4.44855 56.9745 4.61762 57.2421 4.55681 57.5115C4.51971 57.6759 4.5 57.8475 4.5 58.0246V58.5018C4.5 58.778 4.27614 59.0018 4 59.0018C3.72386 59.0018 3.5 58.778 3.5 58.5018V58.0246C3.5 57.7731 3.52802 57.5276 3.58136 57.2913C3.64216 57.0219 3.90982 56.8529 4.17918 56.9137ZM32.0575 56.9137C32.3268 56.8529 32.5945 57.0219 32.6553 57.2913C32.7086 57.5276 32.7366 57.7731 32.7366 58.0246V58.5018C32.7366 58.778 32.5128 59.0018 32.2366 59.0018C31.9605 59.0018 31.7366 58.778 31.7366 58.5018V58.0246C31.7366 57.8475 31.7169 57.6759 31.6798 57.5115C31.619 57.2421 31.7881 56.9745 32.0575 56.9137ZM4 60.388C4.27614 60.388 4.5 60.6119 4.5 60.888V61.8425C4.5 62.1186 4.27614 62.3425 4 62.3425C3.72386 62.3425 3.5 62.1186 3.5 61.8425V60.888C3.5 60.6119 3.72386 60.388 4 60.388ZM32.2366 60.388C32.5128 60.388 32.7366 60.6119 32.7366 60.888V61.8425C32.7366 62.1186 32.5128 62.3425 32.2366 62.3425C31.9605 62.3425 31.7366 62.1186 31.7366 61.8425V60.888C31.7366 60.6119 31.9605 60.388 32.2366 60.388ZM32.2366 63.7286C32.5128 63.7286 32.7366 63.9525 32.7366 64.2286V65.1831C32.7366 65.4592 32.5128 65.6831 32.2366 65.6831C31.9605 65.6831 31.7366 65.4592 31.7366 65.1831V64.2286C31.7366 63.9525 31.9605 63.7286 32.2366 63.7286ZM4 63.7286C4.27614 63.7286 4.5 63.9525 4.5 64.2286V65.1831C4.5 65.4592 4.27614 65.6831 4 65.6831C3.72386 65.6831 3.5 65.4592 3.5 65.1831V64.2286C3.5 63.9525 3.72386 63.7286 4 63.7286ZM4 67.0693C4.27614 67.0693 4.5 67.2931 4.5 67.5693V68.5237C4.5 68.7999 4.27614 69.0237 4 69.0237C3.72386 69.0237 3.5 68.7999 3.5 68.5237V67.5693C3.5 67.2931 3.72386 67.0693 4 67.0693ZM32.2366 67.0693C32.5128 67.0693 32.7366 67.2931 32.7366 67.5693V68.5237C32.7366 68.7999 32.5128 69.0237 32.2366 69.0237C31.9605 69.0237 31.7366 68.7999 31.7366 68.5237V67.5693C31.7366 67.2931 31.9605 67.0693 32.2366 67.0693ZM4 70.4099C4.27614 70.4099 4.5 70.6337 4.5 70.9099V71.8643C4.5 72.1405 4.27614 72.3643 4 72.3643C3.72386 72.3643 3.5 72.1405 3.5 71.8643V70.9099C3.5 70.6337 3.72386 70.4099 4 70.4099ZM32.2366 70.4099C32.5128 70.4099 32.7366 70.6337 32.7366 70.9099V71.8643C32.7366 72.1405 32.5128 72.3643 32.2366 72.3643C31.9605 72.3643 31.7366 72.1405 31.7366 71.8643V70.9099C31.7366 70.6337 31.9605 70.4099 32.2366 70.4099ZM4 73.7505C4.27614 73.7505 4.5 73.9744 4.5 74.2505V75.205C4.5 75.4811 4.27614 75.705 4 75.705C3.72386 75.705 3.5 75.4811 3.5 75.205V74.2505C3.5 73.9744 3.72386 73.7505 4 73.7505ZM32.2366 73.7505C32.5128 73.7505 32.7366 73.9744 32.7366 74.2505V75.205C32.7366 75.4811 32.5128 75.705 32.2366 75.705C31.9605 75.705 31.7366 75.4811 31.7366 75.205V74.2505C31.7366 73.9744 31.9605 73.7505 32.2366 73.7505ZM4 77.0911C4.27614 77.0911 4.5 77.315 4.5 77.5911V78.5456C4.5 78.8217 4.27614 79.0456 4 79.0456C3.72386 79.0456 3.5 78.8217 3.5 78.5456V77.5911C3.5 77.315 3.72386 77.0911 4 77.0911ZM32.2366 77.0911C32.5128 77.0911 32.7366 77.315 32.7366 77.5911V78.5456C32.7366 78.8217 32.5128 79.0456 32.2366 79.0456C31.9605 79.0456 31.7366 78.8217 31.7366 78.5456V77.5911C31.7366 77.315 31.9605 77.0911 32.2366 77.0911ZM4 80.4318C4.27614 80.4318 4.5 80.6556 4.5 80.9318V81.8862C4.5 82.1624 4.27614 82.3862 4 82.3862C3.72386 82.3862 3.5 82.1624 3.5 81.8862V80.9318C3.5 80.6556 3.72386 80.4318 4 80.4318ZM32.2366 80.4318C32.5128 80.4318 32.7366 80.6556 32.7366 80.9318V81.8862C32.7366 82.1624 32.5128 82.3862 32.2366 82.3862C31.9605 82.3862 31.7366 82.1624 31.7366 81.8862V80.9318C31.7366 80.6556 31.9605 80.4318 32.2366 80.4318ZM4 83.7724C4.27614 83.7724 4.5 83.9962 4.5 84.2724V84.7496C4.5 84.9267 4.51971 85.0984 4.55681 85.2627C4.61762 85.5321 4.44855 85.7998 4.17918 85.8606C3.90982 85.9214 3.64216 85.7523 3.58136 85.4829C3.52802 85.2466 3.5 85.0011 3.5 84.7496V84.2724C3.5 83.9962 3.72386 83.7724 4 83.7724ZM32.2366 83.7724C32.5128 83.7724 32.7366 83.9962 32.7366 84.2724V84.7496C32.7366 85.0011 32.7086 85.2466 32.6553 85.4829C32.5945 85.7523 32.3268 85.9214 32.0575 85.8606C31.7881 85.7998 31.619 85.5321 31.6798 85.2627C31.7169 85.0984 31.7366 84.9267 31.7366 84.7496V84.2724C31.7366 83.9962 31.9605 83.7724 32.2366 83.7724ZM5.68539 87.3697C5.74643 87.1004 6.01423 86.9316 6.28355 86.9926C6.44777 87.0298 6.61927 87.0496 6.7962 87.0496H7.33535C7.61149 87.0496 7.83535 87.2735 7.83535 87.5496C7.83535 87.8258 7.61149 88.0496 7.33535 88.0496H6.7962C6.54451 88.0496 6.29888 88.0215 6.06249 87.9679C5.79318 87.9068 5.62435 87.639 5.68539 87.3697ZM30.5512 87.3697C30.6123 87.639 30.4435 87.9068 30.1741 87.9679C29.9378 88.0215 29.6921 88.0496 29.4404 88.0496H28.9013C28.6251 88.0496 28.4013 87.8258 28.4013 87.5496C28.4013 87.2735 28.6251 87.0496 28.9013 87.0496H29.4404C29.6174 87.0496 29.7889 87.0298 29.9531 86.9926C30.2224 86.9316 30.4902 87.1004 30.5512 87.3697ZM9.53109 87.5496C9.53109 87.2735 9.75495 87.0496 10.0311 87.0496H11.1094C11.3855 87.0496 11.6094 87.2735 11.6094 87.5496C11.6094 87.8258 11.3855 88.0496 11.1094 88.0496H10.0311C9.75495 88.0496 9.53109 87.8258 9.53109 87.5496ZM13.3051 87.5496C13.3051 87.2735 13.529 87.0496 13.8051 87.0496H14.8834C15.1596 87.0496 15.3834 87.2735 15.3834 87.5496C15.3834 87.8258 15.1596 88.0496 14.8834 88.0496H13.8051C13.529 88.0496 13.3051 87.8258 13.3051 87.5496ZM17.0792 87.5496C17.0792 87.2735 17.303 87.0496 17.5792 87.0496H18.6575C18.9336 87.0496 19.1575 87.2735 19.1575 87.5496C19.1575 87.8258 18.9336 88.0496 18.6575 88.0496H17.5792C17.303 88.0496 17.0792 87.8258 17.0792 87.5496ZM20.8532 87.5496C20.8532 87.2735 21.0771 87.0496 21.3532 87.0496H22.4315C22.7076 87.0496 22.9315 87.2735 22.9315 87.5496C22.9315 87.8258 22.7076 88.0496 22.4315 88.0496H21.3532C21.0771 88.0496 20.8532 87.8258 20.8532 87.5496ZM24.6272 87.5496C24.6272 87.2735 24.8511 87.0496 25.1272 87.0496H26.2055C26.4817 87.0496 26.7055 87.2735 26.7055 87.5496C26.7055 87.8258 26.4817 88.0496 26.2055 88.0496H25.1272C24.8511 88.0496 24.6272 87.8258 24.6272 87.5496Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.12415 60.6287C8.27421 60.3969 8.58378 60.3307 8.81559 60.4807L13.7589 63.6807C13.9006 63.7725 13.9865 63.9296 13.9872 64.0984C13.9879 64.2672 13.9033 64.425 13.7623 64.5179L8.86896 67.7429C8.63839 67.8949 8.32829 67.8312 8.17633 67.6006C8.02437 67.37 8.0881 67.0599 8.31867 66.908L12.5729 64.1042L8.27217 61.3202C8.04036 61.1701 7.97409 60.8606 8.12415 60.6287ZM15.0593 71.3255C15.0593 71.0493 15.2831 70.8255 15.5593 70.8255H20.7522C21.0283 70.8255 21.2522 71.0493 21.2522 71.3255C21.2522 71.6016 21.0283 71.8255 20.7522 71.8255H15.5593C15.2831 71.8255 15.0593 71.6016 15.0593 71.3255Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M84.465 15.4004C84.465 15.1242 84.6888 14.9004 84.965 14.9004H85.4643C85.597 14.9004 85.7243 14.9532 85.8181 15.0471L86.1676 15.3971C86.3627 15.5925 86.3625 15.9091 86.1671 16.1042C85.9717 16.2993 85.6551 16.2991 85.46 16.1037L85.257 15.9004H84.965C84.6888 15.9004 84.465 15.6765 84.465 15.4004Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.3158 14.9759C52.531 14.9265 52.7546 14.9004 52.9835 14.9004H53.5096C53.7857 14.9004 54.0096 15.1242 54.0096 15.4004C54.0096 15.6765 53.7857 15.9004 53.5096 15.9004H52.9835C52.8307 15.9004 52.6823 15.9178 52.5398 15.9505C52.2707 16.0124 52.0023 15.8444 51.9405 15.5752C51.8786 15.3061 52.0466 15.0378 52.3158 14.9759ZM55.6399 15.4004C55.6399 15.1242 55.8638 14.9004 56.1399 14.9004H57.1921C57.4682 14.9004 57.6921 15.1242 57.6921 15.4004C57.6921 15.6765 57.4682 15.9004 57.1921 15.9004H56.1399C55.8638 15.9004 55.6399 15.6765 55.6399 15.4004ZM59.3224 15.4004C59.3224 15.1242 59.5463 14.9004 59.8224 14.9004H60.8746C61.1507 14.9004 61.3746 15.1242 61.3746 15.4004C61.3746 15.6765 61.1507 15.9004 60.8746 15.9004H59.8224C59.5463 15.9004 59.3224 15.6765 59.3224 15.4004ZM63.0049 15.4004C63.0049 15.1242 63.2288 14.9004 63.5049 14.9004H64.5571C64.8332 14.9004 65.0571 15.1242 65.0571 15.4004C65.0571 15.6765 64.8332 15.9004 64.5571 15.9004H63.5049C63.2288 15.9004 63.0049 15.6765 63.0049 15.4004ZM66.6874 15.4004C66.6874 15.1242 66.9113 14.9004 67.1874 14.9004H68.2395C68.5157 14.9004 68.7395 15.1242 68.7395 15.4004C68.7395 15.6765 68.5157 15.9004 68.2395 15.9004H67.1874C66.9113 15.9004 66.6874 15.6765 66.6874 15.4004ZM70.3699 15.4004C70.3699 15.1242 70.5938 14.9004 70.8699 14.9004H71.922C72.1982 14.9004 72.422 15.1242 72.422 15.4004C72.422 15.6765 72.1982 15.9004 71.922 15.9004H70.8699C70.5938 15.9004 70.3699 15.6765 70.3699 15.4004ZM74.0524 15.4004C74.0524 15.1242 74.2762 14.9004 74.5524 14.9004H75.6045C75.8807 14.9004 76.1045 15.1242 76.1045 15.4004C76.1045 15.6765 75.8807 15.9004 75.6045 15.9004H74.5524C74.2762 15.9004 74.0524 15.6765 74.0524 15.4004ZM77.7349 15.4004C77.7349 15.1242 77.9587 14.9004 78.2349 14.9004H79.287C79.5632 14.9004 79.787 15.1242 79.787 15.4004C79.787 15.6765 79.5632 15.9004 79.287 15.9004H78.2349C77.9587 15.9004 77.7349 15.6765 77.7349 15.4004ZM81.4174 15.4004C81.4174 15.1242 81.6412 14.9004 81.9174 14.9004H82.4435C82.7196 14.9004 82.9435 15.1242 82.9435 15.4004C82.9435 15.6765 82.7196 15.9004 82.4435 15.9004H81.9174C81.6412 15.9004 81.4174 15.6765 81.4174 15.4004ZM86.3337 16.2973C86.5287 16.1018 86.8453 16.1014 87.0408 16.2964L87.3559 16.6107C87.5514 16.8057 87.5518 17.1223 87.3567 17.3178C87.1617 17.5133 86.8451 17.5137 86.6496 17.3187L86.3346 17.0044C86.1391 16.8093 86.1387 16.4928 86.3337 16.2973ZM50.6611 16.8572C50.9302 16.9189 51.0985 17.187 51.0369 17.4562C51.0042 17.5989 50.9869 17.7475 50.9869 17.9004V18.4185C50.9869 18.6946 50.763 18.9185 50.4869 18.9185C50.2107 18.9185 49.9869 18.6946 49.9869 18.4185V17.9004C49.9869 17.6716 50.0128 17.4482 50.0621 17.2331C50.1237 16.9639 50.3919 16.7956 50.6611 16.8572ZM88.224 18.183C88.419 17.9875 88.7356 17.9871 88.9311 18.1821L89.5612 18.8107C89.7567 19.0057 89.7571 19.3223 89.5621 19.5178C89.367 19.7133 89.0505 19.7137 88.855 19.5187L88.2249 18.8901C88.0294 18.6951 88.029 18.3785 88.224 18.183ZM90.4293 20.383C90.6244 20.1875 90.9409 20.1871 91.1364 20.3821L91.7665 21.0107C91.962 21.2057 91.9624 21.5223 91.7674 21.7178C91.5724 21.9133 91.2558 21.9137 91.0603 21.7187L90.4302 21.0901C90.2347 20.8951 90.2343 20.5785 90.4293 20.383ZM50.4869 20.5091C50.763 20.5091 50.9869 20.7329 50.9869 21.0091V22.0453C50.9869 22.3214 50.763 22.5453 50.4869 22.5453C50.2107 22.5453 49.9869 22.3214 49.9869 22.0453V21.0091C49.9869 20.7329 50.2107 20.5091 50.4869 20.5091ZM92.6347 22.583C92.8297 22.3875 93.1463 22.3871 93.3418 22.5821L93.6568 22.8964C93.7509 22.9902 93.8037 23.1176 93.8037 23.2504V23.7496C93.8037 24.0257 93.5798 24.2496 93.3037 24.2496C93.0276 24.2496 92.8037 24.0257 92.8037 23.7496V23.4579L92.6355 23.2901C92.44 23.0951 92.4396 22.7785 92.6347 22.583ZM50.4869 24.1358C50.763 24.1358 50.9869 24.3597 50.9869 24.6358V25.6721C50.9869 25.9482 50.763 26.1721 50.4869 26.1721C50.2107 26.1721 49.9869 25.9482 49.9869 25.6721V24.6358C49.9869 24.3597 50.2107 24.1358 50.4869 24.1358ZM93.3037 25.7454C93.5798 25.7454 93.8037 25.9693 93.8037 26.2454V27.2438C93.8037 27.5199 93.5798 27.7438 93.3037 27.7438C93.0276 27.7438 92.8037 27.5199 92.8037 27.2438V26.2454C92.8037 25.9693 93.0276 25.7454 93.3037 25.7454ZM50.4869 27.7626C50.763 27.7626 50.9869 27.9865 50.9869 28.2626V29.2989C50.9869 29.575 50.763 29.7989 50.4869 29.7989C50.2107 29.7989 49.9869 29.575 49.9869 29.2989V28.2626C49.9869 27.9865 50.2107 27.7626 50.4869 27.7626ZM93.3037 29.2397C93.5798 29.2397 93.8037 29.4635 93.8037 29.7397V30.738C93.8037 31.0142 93.5798 31.238 93.3037 31.238C93.0276 31.238 92.8037 31.0142 92.8037 30.738V29.7397C92.8037 29.4635 93.0276 29.2397 93.3037 29.2397ZM50.4869 31.3894C50.763 31.3894 50.9869 31.6133 50.9869 31.8894V32.9256C50.9869 33.2018 50.763 33.4256 50.4869 33.4256C50.2107 33.4256 49.9869 33.2018 49.9869 32.9256V31.8894C49.9869 31.6133 50.2107 31.3894 50.4869 31.3894ZM93.3037 32.7339C93.5798 32.7339 93.8037 32.9578 93.8037 33.2339V34.2323C93.8037 34.5084 93.5798 34.7323 93.3037 34.7323C93.0276 34.7323 92.8037 34.5084 92.8037 34.2323V33.2339C92.8037 32.9578 93.0276 32.7339 93.3037 32.7339ZM50.4869 35.0162C50.763 35.0162 50.9869 35.2401 50.9869 35.5162V36.5524C50.9869 36.8286 50.763 37.0524 50.4869 37.0524C50.2107 37.0524 49.9869 36.8286 49.9869 36.5524V35.5162C49.9869 35.2401 50.2107 35.0162 50.4869 35.0162ZM93.3037 36.2281C93.5798 36.2281 93.8037 36.452 93.8037 36.7281V37.7265C93.8037 38.0026 93.5798 38.2265 93.3037 38.2265C93.0276 38.2265 92.8037 38.0026 92.8037 37.7265V36.7281C92.8037 36.452 93.0276 36.2281 93.3037 36.2281ZM50.4869 38.643C50.763 38.643 50.9869 38.8668 50.9869 39.143V40.1792C50.9869 40.4554 50.763 40.6792 50.4869 40.6792C50.2107 40.6792 49.9869 40.4554 49.9869 40.1792V39.143C49.9869 38.8668 50.2107 38.643 50.4869 38.643ZM93.3037 39.7224C93.5798 39.7224 93.8037 39.9462 93.8037 40.2224V41.2207C93.8037 41.4969 93.5798 41.7207 93.3037 41.7207C93.0276 41.7207 92.8037 41.4969 92.8037 41.2207V40.2224C92.8037 39.9462 93.0276 39.7224 93.3037 39.7224ZM50.4869 42.2698C50.763 42.2698 50.9869 42.4936 50.9869 42.7698V43.806C50.9869 44.0821 50.763 44.306 50.4869 44.306C50.2107 44.306 49.9869 44.0821 49.9869 43.806V42.7698C49.9869 42.4936 50.2107 42.2698 50.4869 42.2698ZM93.3037 43.2166C93.5798 43.2166 93.8037 43.4405 93.8037 43.7166V44.715C93.8037 44.9911 93.5798 45.215 93.3037 45.215C93.0276 45.215 92.8037 44.9911 92.8037 44.715V43.7166C92.8037 43.4405 93.0276 43.2166 93.3037 43.2166ZM50.4869 45.8966C50.763 45.8966 50.9869 46.1204 50.9869 46.3966V47.4328C50.9869 47.7089 50.763 47.9328 50.4869 47.9328C50.2107 47.9328 49.9869 47.7089 49.9869 47.4328V46.3966C49.9869 46.1204 50.2107 45.8966 50.4869 45.8966ZM93.3037 46.7108C93.5798 46.7108 93.8037 46.9347 93.8037 47.2108V48.2092C93.8037 48.4853 93.5798 48.7092 93.3037 48.7092C93.0276 48.7092 92.8037 48.4853 92.8037 48.2092V47.2108C92.8037 46.9347 93.0276 46.7108 93.3037 46.7108ZM50.4869 49.5233C50.763 49.5233 50.9869 49.7472 50.9869 50.0233V51.0596C50.9869 51.3357 50.763 51.5596 50.4869 51.5596C50.2107 51.5596 49.9869 51.3357 49.9869 51.0596V50.0233C49.9869 49.7472 50.2107 49.5233 50.4869 49.5233ZM93.3037 50.2051C93.5798 50.2051 93.8037 50.4289 93.8037 50.7051V51.7034C93.8037 51.9796 93.5798 52.2034 93.3037 52.2034C93.0276 52.2034 92.8037 51.9796 92.8037 51.7034V50.7051C92.8037 50.4289 93.0276 50.2051 93.3037 50.2051ZM50.4869 53.1501C50.763 53.1501 50.9869 53.374 50.9869 53.6501V54.6864C50.9869 54.9625 50.763 55.1864 50.4869 55.1864C50.2107 55.1864 49.9869 54.9625 49.9869 54.6864V53.6501C49.9869 53.374 50.2107 53.1501 50.4869 53.1501ZM93.3037 53.6993C93.5798 53.6993 93.8037 53.9231 93.8037 54.1993V55.1977C93.8037 55.4738 93.5798 55.6977 93.3037 55.6977C93.0276 55.6977 92.8037 55.4738 92.8037 55.1977V54.1993C92.8037 53.9231 93.0276 53.6993 93.3037 53.6993ZM50.4869 56.7769C50.763 56.7769 50.9869 57.0008 50.9869 57.2769V58.3131C50.9869 58.5893 50.763 58.8131 50.4869 58.8131C50.2107 58.8131 49.9869 58.5893 49.9869 58.3131V57.2769C49.9869 57.0008 50.2107 56.7769 50.4869 56.7769ZM93.3037 57.1935C93.5798 57.1935 93.8037 57.4174 93.8037 57.6935V58.6919C93.8037 58.968 93.5798 59.1919 93.3037 59.1919C93.0276 59.1919 92.8037 58.968 92.8037 58.6919V57.6935C92.8037 57.4174 93.0276 57.1935 93.3037 57.1935ZM50.4869 60.4037C50.763 60.4037 50.9869 60.6276 50.9869 60.9037V61.9399C50.9869 62.2161 50.763 62.4399 50.4869 62.4399C50.2107 62.4399 49.9869 62.2161 49.9869 61.9399V60.9037C49.9869 60.6276 50.2107 60.4037 50.4869 60.4037ZM93.3037 60.6878C93.5798 60.6878 93.8037 60.9116 93.8037 61.1878V62.1861C93.8037 62.4623 93.5798 62.6861 93.3037 62.6861C93.0276 62.6861 92.8037 62.4623 92.8037 62.1861V61.1878C92.8037 60.9116 93.0276 60.6878 93.3037 60.6878ZM50.4869 64.0305C50.763 64.0305 50.9869 64.2543 50.9869 64.5305V65.5667C50.9869 65.8429 50.763 66.0667 50.4869 66.0667C50.2107 66.0667 49.9869 65.8429 49.9869 65.5667V64.5305C49.9869 64.2543 50.2107 64.0305 50.4869 64.0305ZM93.3037 64.182C93.5798 64.182 93.8037 64.4058 93.8037 64.682V65.6803C93.8037 65.9565 93.5798 66.1803 93.3037 66.1803C93.0276 66.1803 92.8037 65.9565 92.8037 65.6803V64.682C92.8037 64.4058 93.0276 64.182 93.3037 64.182ZM50.4869 67.6573C50.763 67.6573 50.9869 67.8811 50.9869 68.1573V68.6754C50.9869 68.8283 51.0042 68.9769 51.0369 69.1196C51.0985 69.3887 50.9302 69.6569 50.6611 69.7185C50.3919 69.7802 50.1237 69.6119 50.0621 69.3427C50.0128 69.1276 49.9869 68.9042 49.9869 68.6754V68.1573C49.9869 67.8811 50.2107 67.6573 50.4869 67.6573ZM93.3037 67.6762C93.5798 67.6762 93.8037 67.9001 93.8037 68.1762V68.6754C93.8037 68.9042 93.7777 69.1276 93.7285 69.3427C93.6669 69.6119 93.3987 69.7802 93.1295 69.7185C92.8604 69.6569 92.6921 69.3887 92.7537 69.1196C92.7864 68.9769 92.8037 68.8283 92.8037 68.6754V68.1762C92.8037 67.9001 93.0276 67.6762 93.3037 67.6762ZM51.9405 71.0005C52.0023 70.7314 52.2707 70.5634 52.5398 70.6253C52.6823 70.658 52.8307 70.6754 52.9835 70.6754H53.4747C53.7508 70.6754 53.9747 70.8993 53.9747 71.1754C53.9747 71.4515 53.7508 71.6754 53.4747 71.6754H52.9835C52.7546 71.6754 52.531 71.6493 52.3158 71.5998C52.0466 71.538 51.8786 71.2697 51.9405 71.0005ZM91.8501 71.0005C91.912 71.2697 91.7439 71.538 91.4748 71.5998C91.2596 71.6493 91.036 71.6754 90.8071 71.6754H90.3159C90.0397 71.6754 89.8159 71.4515 89.8159 71.1754C89.8159 70.8993 90.0397 70.6754 90.3159 70.6754H90.8071C90.9599 70.6754 91.1083 70.658 91.2508 70.6253C91.5199 70.5634 91.7882 70.7314 91.8501 71.0005ZM55.4308 71.1754C55.4308 70.8993 55.6546 70.6754 55.9308 70.6754H56.9132C57.1894 70.6754 57.4132 70.8993 57.4132 71.1754C57.4132 71.4515 57.1894 71.6754 56.9132 71.6754H55.9308C55.6546 71.6754 55.4308 71.4515 55.4308 71.1754ZM58.8693 71.1754C58.8693 70.8993 59.0931 70.6754 59.3693 70.6754H60.3517C60.6279 70.6754 60.8517 70.8993 60.8517 71.1754C60.8517 71.4515 60.6279 71.6754 60.3517 71.6754H59.3693C59.0931 71.6754 58.8693 71.4515 58.8693 71.1754ZM62.3078 71.1754C62.3078 70.8993 62.5317 70.6754 62.8078 70.6754H63.7902C64.0664 70.6754 64.2902 70.8993 64.2902 71.1754C64.2902 71.4515 64.0664 71.6754 63.7902 71.6754H62.8078C62.5317 71.6754 62.3078 71.4515 62.3078 71.1754ZM65.7463 71.1754C65.7463 70.8993 65.9702 70.6754 66.2463 70.6754H67.2287C67.5049 70.6754 67.7287 70.8993 67.7287 71.1754C67.7287 71.4515 67.5049 71.6754 67.2287 71.6754H66.2463C65.9702 71.6754 65.7463 71.4515 65.7463 71.1754ZM69.1848 71.1754C69.1848 70.8993 69.4087 70.6754 69.6848 70.6754H70.6673C70.9434 70.6754 71.1673 70.8993 71.1673 71.1754C71.1673 71.4515 70.9434 71.6754 70.6673 71.6754H69.6848C69.4087 71.6754 69.1848 71.4515 69.1848 71.1754ZM72.6233 71.1754C72.6233 70.8993 72.8472 70.6754 73.1233 70.6754H74.1058C74.3819 70.6754 74.6058 70.8993 74.6058 71.1754C74.6058 71.4515 74.3819 71.6754 74.1058 71.6754H73.1233C72.8472 71.6754 72.6233 71.4515 72.6233 71.1754ZM76.0618 71.1754C76.0618 70.8993 76.2857 70.6754 76.5618 70.6754H77.5443C77.8204 70.6754 78.0443 70.8993 78.0443 71.1754C78.0443 71.4515 77.8204 71.6754 77.5443 71.6754H76.5618C76.2857 71.6754 76.0618 71.4515 76.0618 71.1754ZM79.5003 71.1754C79.5003 70.8993 79.7242 70.6754 80.0003 70.6754H80.9828C81.2589 70.6754 81.4828 70.8993 81.4828 71.1754C81.4828 71.4515 81.2589 71.6754 80.9828 71.6754H80.0003C79.7242 71.6754 79.5003 71.4515 79.5003 71.1754ZM82.9389 71.1754C82.9389 70.8993 83.1627 70.6754 83.4389 70.6754H84.4213C84.6974 70.6754 84.9213 70.8993 84.9213 71.1754C84.9213 71.4515 84.6974 71.6754 84.4213 71.6754H83.4389C83.1627 71.6754 82.9389 71.4515 82.9389 71.1754ZM86.3774 71.1754C86.3774 70.8993 86.6012 70.6754 86.8774 70.6754H87.8598C88.1359 70.6754 88.3598 70.8993 88.3598 71.1754C88.3598 71.4515 88.1359 71.6754 87.8598 71.6754H86.8774C86.6012 71.6754 86.3774 71.4515 86.3774 71.1754Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M85.4643 14.9004C85.7404 14.9004 85.9643 15.1242 85.9643 15.4004V15.9004C85.9643 16.1765 85.7404 16.4004 85.4643 16.4004C85.1882 16.4004 84.9643 16.1765 84.9643 15.9004V15.4004C84.9643 15.1242 85.1882 14.9004 85.4643 14.9004Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M85.4642 18.0762C85.7404 18.0762 85.9642 18.3 85.9642 18.5762V18.9797C85.9642 19.2559 85.7404 19.4797 85.4642 19.4797C85.1881 19.4797 84.9642 19.2559 84.9642 18.9797V18.5762C84.9642 18.3 85.1881 18.0762 85.4642 18.0762ZM85.4642 20.4976C85.7404 20.4976 85.9642 20.7215 85.9642 20.9976V21.4012C85.9642 21.5057 85.9758 21.6067 85.9976 21.7031C86.0583 21.9725 85.8891 22.2401 85.6197 22.3008C85.3503 22.3615 85.0827 22.1923 85.022 21.9229C84.9841 21.7546 84.9642 21.58 84.9642 21.4012V20.9976C84.9642 20.7215 85.1881 20.4976 85.4642 20.4976ZM86.4122 23.0951C86.4732 22.8258 86.7409 22.6568 87.0102 22.7178C87.1065 22.7395 87.2074 22.7512 87.3117 22.7512H87.9038C88.1799 22.7512 88.4038 22.975 88.4038 23.2512C88.4038 23.5273 88.1799 23.7512 87.9038 23.7512H87.3117C87.1328 23.7512 86.958 23.7312 86.7896 23.6931C86.5202 23.6322 86.3513 23.3644 86.4122 23.0951ZM90.364 23.2512C90.364 22.975 90.5879 22.7512 90.864 22.7512H91.4561C91.7322 22.7512 91.9561 22.975 91.9561 23.2512C91.9561 23.5273 91.7322 23.7512 91.4561 23.7512H90.864C90.5879 23.7512 90.364 23.5273 90.364 23.2512Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M92.2792 23.25C92.2792 22.9739 92.5031 22.75 92.7792 22.75H93.2786C93.5547 22.75 93.7786 22.9739 93.7786 23.25C93.7786 23.5261 93.5547 23.75 93.2786 23.75H92.7792C92.5031 23.75 92.2792 23.5261 92.2792 23.25Z" fill="#999999"/>
+<path d="M19.6538 80.9003L20.228 32.0003C20.253 30.0753 21.6012 28.5253 23.199 28.6003L78.2492 31.4753C79.3976 31.5253 80.2964 32.5003 80.2964 33.6753V78.5503L19.6538 80.9003Z" fill="#FFBE5C"/>
+<path d="M56.3789 35.9511C56.6535 34.4511 58.1015 33.2761 59.5995 33.3511L87.2619 34.5761C88.6351 34.6261 89.5338 35.8261 89.2592 37.2511L81.8693 78.3011C81.6196 79.7011 80.2964 80.8761 78.9233 80.9511L22.2503 83.3011C20.5526 83.3761 19.4041 82.1511 19.6788 80.6011L26.5195 40.5761C26.7941 39.0011 28.3669 37.7511 30.0397 37.8261L53.0834 38.6261C54.6812 38.6261 56.3789 35.9511 56.3789 35.9511Z" fill="#FFD493"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.848 9.25C24.1242 9.25 24.348 9.47386 24.348 9.75V12.45C24.348 12.7261 24.1242 12.95 23.848 12.95C23.5719 12.95 23.348 12.7261 23.348 12.45V9.75C23.348 9.47386 23.5719 9.25 23.848 9.25ZM17.7058 15.4004C17.7058 15.1242 17.9297 14.9004 18.2058 14.9004H20.9021C21.1783 14.9004 21.4021 15.1242 21.4021 15.4004C21.4021 15.6765 21.1783 15.9004 20.9021 15.9004H18.2058C17.9297 15.9004 17.7058 15.6765 17.7058 15.4004ZM26.2691 15.4004C26.2691 15.1242 26.493 14.9004 26.7691 14.9004H29.4904C29.7666 14.9004 29.9904 15.1242 29.9904 15.4004C29.9904 15.6765 29.7666 15.9004 29.4904 15.9004H26.7691C26.493 15.9004 26.2691 15.6765 26.2691 15.4004ZM23.848 17.625C24.1242 17.625 24.348 17.8489 24.348 18.125V21.05C24.348 21.3261 24.1242 21.55 23.848 21.55C23.5719 21.55 23.348 21.3261 23.348 21.05V18.125C23.348 17.8489 23.5719 17.625 23.848 17.625Z" fill="#999999"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M88.4603 84.125C88.7364 84.125 88.9603 84.3489 88.9603 84.625V86.025C88.9603 86.3011 88.7364 86.525 88.4603 86.525C88.1841 86.525 87.9603 86.3011 87.9603 86.025V84.625C87.9603 84.3489 88.1841 84.125 88.4603 84.125ZM85.0143 87.55C85.0143 87.2739 85.2381 87.05 85.5143 87.05H86.9373C87.2135 87.05 87.4373 87.2739 87.4373 87.55C87.4373 87.8261 87.2135 88.05 86.9373 88.05H85.5143C85.2381 88.05 85.0143 87.8261 85.0143 87.55ZM89.4833 87.55C89.4833 87.2739 89.7072 87.05 89.9833 87.05H91.4064C91.6825 87.05 91.9064 87.2739 91.9064 87.55C91.9064 87.8261 91.6825 88.05 91.4064 88.05H89.9833C89.7072 88.05 89.4833 87.8261 89.4833 87.55ZM88.4602 88.4746C88.7364 88.4746 88.9602 88.6985 88.9602 88.9746V90.4996C88.9602 90.7758 88.7364 90.9996 88.4602 90.9996C88.1841 90.9996 87.9602 90.7758 87.9602 90.4996V88.9746C87.9602 88.6985 88.1841 88.4746 88.4602 88.4746Z" fill="#999999"/>
+</svg>

package/src/components/AttachmentListPlaceholder/i18n/dicts.ts

@@ -0,0 +1,4 @@
+import en from './en.json';
+import ru from './ru.json';
+
+export default {en, ru};

package/src/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/src/components/AttachmentListPlaceholder/i18n/index.ts

@@ -0,0 +1,5 @@
+import {addI18Keysets} from '../../../i18n';
+
+import dicts from './dicts';
+
+export default addI18Keysets('qp:attachment-list-placeholder', dicts);

package/src/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": "Добавить ссылку"
+}