@gravity-ui/querieskit 1.4.0 → 1.5.1

package/build/esm/modules/Attachments/Attachments.css

@@ -1,5 +1,12 @@
+.qp-attachments {
+  display: flex;
+  flex-direction: column;
+}
 .qp-attachments__panel {
-  flex: 1;
+  flex: 1 1 0;
+  min-height: 0;
+  max-height: 100%;
+  overflow: hidden;
 }
 .qp-attachments__tab .g-tab__title {
   display: flex;
@@ -8,5 +15,10 @@
 .qp-attachments__tab-list {
   padding-left: var(--g-spacing-4);
   padding-right: var(--g-spacing-4);
+  flex-shrink: 0;
+}
+.qp-attachments__list {
+  min-height: 0;
+  overflow-y: auto;
 }
 /*# sourceMappingURL=Attachments.css.map */

package/build/esm/modules/Attachments/Attachments.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AACI;EACI,OAAA;AAAR;AAGI;EACI,aAAA;EACA,uBAAA;AADR;AAII;EACI,gCAAA;EACA,iCAAA;AAFR","file":"Attachments.css","sourcesContent":[".qp-attachments {\n    &__panel {\n        flex: 1;\n    }\n\n    &__tab .g-tab__title {\n        display: flex;\n        gap: var(--g-spacing-2)\n    }\n\n    &__tab-list {\n        padding-left: var(--g-spacing-4);\n        padding-right: var(--g-spacing-4);\n    }\n}"],"sourceRoot":""}
+{"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;AACJ;AACI;EACI,WAAA;EACA,aAAA;EACA,gBAAA;EACA,gBAAA;AACR;AAEI;EACI,aAAA;EACA,uBAAA;AAAR;AAGI;EACI,gCAAA;EACA,iCAAA;EACA,cAAA;AADR;AAII;EACI,aAAA;EACA,gBAAA;AAFR","file":"Attachments.css","sourcesContent":[".qp-attachments {\n    display: flex;\n    flex-direction: column;\n    \n    &__panel {\n        flex: 1 1 0;\n        min-height: 0;\n        max-height: 100%;\n        overflow: hidden;\n    }\n\n    &__tab .g-tab__title {\n        display: flex;\n        gap: var(--g-spacing-2)\n    }\n\n    &__tab-list {\n        padding-left: var(--g-spacing-4);\n        padding-right: var(--g-spacing-4);\n        flex-shrink: 0;\n    }\n\n    &__list {\n        min-height: 0;\n        overflow-y: auto;\n    }\n}"],"sourceRoot":""}

package/build/esm/modules/Attachments/Attachments.js

@@ -15,7 +15,7 @@ import "core-js/modules/es.iterator.some.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.string.link.js";
 import React, { useMemo, useRef, useState } from 'react';
-import { Button, Flex, Icon, Tab, TabList, TabPanel, TabProvider, Text } from '@gravity-ui/uikit';
+import { Box, Button, Flex, Icon, Tab, TabList, TabPanel, TabProvider, Text } from '@gravity-ui/uikit';
 import { AttachmentList, AttachmentListPlaceholder, EditAttachmentItem } from "../../components";
 import { createUuid } from "../../helpers/createUuid";
 import { isObjectEqual } from "../../helpers/isObjectEqual";
@@ -245,11 +245,10 @@ export var Attachments = function Attachments(_ref) {
       deletedAttachments: patchDeletedAttachList
     });
   };
-  return /*#__PURE__*/_jsx(Flex, {
+  return /*#__PURE__*/_jsx(Box, {
     className: block(),
-    direction: "column",
-    width: "100%",
     height: "100%",
+    overflow: "hidden",
     children: /*#__PURE__*/_jsxs(TabProvider, {
       value: currentTab,
       onUpdate: function onUpdate(tab) {
@@ -285,11 +284,12 @@ export var Attachments = function Attachments(_ref) {
         value: "Current",
         children: /*#__PURE__*/_jsxs(Flex, {
           spacing: {
-            pt: 3
+            py: 3
           },
           direction: "column",
           width: "100%",
           height: "100%",
+          gap: 3,
           children: [attachList.length ? /*#__PURE__*/_jsx(AttachmentList, _objectSpread(_objectSpread({}, attachmentListProps), {}, {
             attachments: attachList,
             wasAddedIds: wasAddedIds,

package/build/esm/modules/Attachments/Attachments.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","useState","Button","Flex","Icon","Tab","TabList","TabPanel","TabProvider","Text","AttachmentList","AttachmentListPlaceholder","EditAttachmentItem","createUuid","isObjectEqual","Plus","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","Attachments","_ref","tokens","placeholderProps","attachmentListProps","onChange","onItemClick","customerAttachments","attachments","customerDeletedAttachments","deletedAttachments","_useState","_useState2","_slicedToArray","currentTab","setCurrentTab","_useState3","_useState4","innerAttachList","setInnerAttachList","_useState5","_useState6","innerDeletedAttachList","setInnerDeletedAttachList","_useState7","_useState8","editingIds","setEditingIds","_useState9","_useState0","wasAddedIds","setWasAddedIds","_useState1","_useState10","wasEdited","setWasEditedIds","attachList","deletedAttachList","attachCount","filter","a","isNew","length","defaultAttachList","getDefaultValuesForLink","linkId","_currentLink$name","_currentLink$link","_currentLink$token","currentLink","find","id","name","link","token","runAfterAttachAdded","attachId","newAttach","editedAttach","current","concat","_toConsumableArray","handleAddEmptyFile","patchAttachList","handleAddEmptyLink","handleAcceptFile","fileId","fileName","patchedFile","patchEditingIds","map","attach","handleAcceptLink","patchedLink","_objectSpread","handleCancelEdit","wasItNewAttach","some","handleEdit","editAttachId","handleDelete","deletedAttachmen","patchDeletedAttachList","handleDeleteAll","handleRevertDelete","revertAttach","className","direction","width","height","children","value","onUpdate","tab","variant","color","spacing","pt","wasEditedIds","onEdit","onDelete","renderEditForm","isLink","defaultLinkValues","type","onAccept","defaultValues","onCancel","defaultFileName","pathName","onAddFile","onAddLink","Boolean","px","gap","onClick","data","view","isDeleted","onRevert"],"sources":["Attachments.tsx"],"sourcesContent":["import React, {useMemo, useRef, useState} from 'react';\nimport {Button, Flex, Icon, Tab, TabList, TabPanel, TabProvider, Text} from '@gravity-ui/uikit';\nimport {AttachmentList, AttachmentListPlaceholder, EditAttachmentItem} from '../../components';\nimport {createUuid} from '../../helpers/createUuid';\nimport {isObjectEqual} from '../../helpers/isObjectEqual';\nimport {Plus} from '@gravity-ui/icons';\nimport type {\n    AttachmentItemProps,\n    AttachmentListPlaceholderProps,\n    AttachmentListProps,\n    EditLinkValues,\n} from '../../components';\nimport cn from 'bem-cn-lite';\n\nimport i18n from './i18n';\n\nimport './Attachments.scss';\n\ntype TabVariants = 'Current' | 'Deleted';\n\nexport type AttachItem = AttachmentItemProps['attachment'] & {token?: string; isNew?: boolean};\n\nexport type AttachmentsProps = {\n    tokens?: {value: string; title: string}[];\n    placeholderProps?: Omit<AttachmentListPlaceholderProps, 'onAddFile' | 'onAddLink'>;\n    attachmentListProps?: Pick<AttachmentListProps, 'className'>;\n    attachments?: AttachItem[];\n    deletedAttachments?: AttachItem[];\n    onItemClick?: AttachmentListProps<AttachItem>['onItemClick'];\n    onChange?: (payload: {attachments: AttachItem[]; deletedAttachments: AttachItem[]}) => void;\n};\n\nconst block = cn('qp-attachments');\n\nexport const Attachments = ({\n    tokens,\n    placeholderProps,\n    attachmentListProps,\n    onChange,\n    onItemClick,\n    attachments: customerAttachments,\n    deletedAttachments: customerDeletedAttachments,\n}: AttachmentsProps) => {\n    const [currentTab, setCurrentTab] = useState<'Current' | 'Deleted'>('Current');\n\n    const [innerAttachList, setInnerAttachList] = useState<AttachItem[]>(customerAttachments ?? []);\n    const [innerDeletedAttachList, setInnerDeletedAttachList] = useState<AttachItem[]>(\n        customerDeletedAttachments ?? [],\n    );\n\n    const [editingIds, setEditingIds] = useState<string[]>([]);\n    const [wasAddedIds, setWasAddedIds] = useState<string[]>([]);\n    const [wasEdited, setWasEditedIds] = useState<string[]>([]);\n\n    const attachList = customerAttachments ?? innerAttachList;\n    const deletedAttachList = customerDeletedAttachments ?? innerDeletedAttachList;\n\n    const attachCount = useMemo(() => attachList.filter((a) => !a.isNew).length, [attachList]);\n\n    const defaultAttachList = useRef(attachList);\n\n    const getDefaultValuesForLink = (linkId: string) => {\n        const currentLink = attachList.find((a) => a.id === linkId);\n        return {\n            name: currentLink?.name ?? '',\n            link: currentLink?.link ?? '',\n            token: currentLink?.token ?? '',\n        };\n    };\n\n    const runAfterAttachAdded = (attachId: string, newAttach: AttachItem) => {\n        const editedAttach = defaultAttachList.current.find((a) => a.id === attachId);\n\n        if (!editedAttach) return;\n\n        if (isObjectEqual(editedAttach, newAttach)) {\n            setWasEditedIds(wasEdited.filter((id) => id !== attachId));\n            return;\n        }\n\n        setWasEditedIds([...wasEdited, attachId]);\n    };\n\n    const handleAddEmptyFile = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAddEmptyLink = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', token: '', link: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAcceptFile = (fileId: string, fileName: string) => {\n        const patchedFile = attachList.find((a) => a.id === fileId);\n        if (!patchedFile) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === fileId) return {id: fileId, name: fileName};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(fileId, {id: fileId, name: fileName});\n    };\n\n    const handleAcceptLink = (linkId: string, link: EditLinkValues) => {\n        const patchedLink = attachList.find((a) => a.id === linkId);\n        if (!patchedLink) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== linkId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === linkId) return {id: linkId, ...link};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(linkId, {id: linkId, ...link});\n    };\n\n    const handleCancelEdit = (fileId: string) => {\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.filter((a) => !a.isNew);\n\n        const wasItNewAttach = attachList.some((a) => a.isNew);\n        if (wasItNewAttach) {\n            setWasAddedIds(wasAddedIds.filter((id) => id !== fileId));\n        }\n\n        setInnerAttachList(patchAttachList);\n        setEditingIds(patchEditingIds);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleEdit = (editAttachId: string) => {\n        const patchEditingIds = [...editingIds, editAttachId];\n\n        setEditingIds(patchEditingIds);\n    };\n\n    const handleDelete = (attachId: string) => {\n        const deletedAttachmen = attachList.find((a) => a.id === attachId);\n\n        if (!deletedAttachmen) return;\n\n        const patchAttachList = attachList.filter((a) => a.id !== attachId);\n        const patchDeletedAttachList = [...deletedAttachList, deletedAttachmen];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleDeleteAll = () => {\n        const patchAttachList: never[] = [];\n        const patchDeletedAttachList = [\n            ...deletedAttachList,\n            ...attachList.filter((a) => !a.isNew),\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleRevertDelete = (attachId: string) => {\n        const revertAttach = deletedAttachList.find((a) => a.id === attachId);\n\n        if (!revertAttach) return;\n\n        const patchAttachList = [...attachList, revertAttach];\n        const patchDeletedAttachList = deletedAttachList.filter((a) => a.id !== attachId);\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    return (\n        <Flex className={block()} direction=\"column\" width=\"100%\" height=\"100%\">\n            <TabProvider value={currentTab} onUpdate={(tab) => setCurrentTab(tab as TabVariants)}>\n                <TabList className={block('tab-list')}>\n                    <Tab className={block('tab')} value=\"Current\">\n                        <Text variant=\"body-1\">Current</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {attachCount}\n                        </Text>\n                    </Tab>\n                    <Tab className={block('tab')} value=\"Deleted\">\n                        <Text variant=\"body-1\">Deleted</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {deletedAttachList.length}\n                        </Text>\n                    </Tab>\n                </TabList>\n\n                <TabPanel className={block('panel')} value=\"Current\">\n                    <Flex spacing={{pt: 3}} direction=\"column\" width=\"100%\" height=\"100%\">\n                        {attachList.length ? (\n                            <AttachmentList\n                                {...attachmentListProps}\n                                attachments={attachList}\n                                wasAddedIds={wasAddedIds}\n                                wasEditedIds={wasEdited}\n                                editingIds={editingIds}\n                                onEdit={(attach) => handleEdit(attach.id)}\n                                onDelete={(attach) => handleDelete(attach.id)}\n                                onItemClick={onItemClick}\n                                renderEditForm={(attach) => {\n                                    const isLink = typeof attach.link === 'string';\n\n                                    if (isLink) {\n                                        const defaultLinkValues = getDefaultValuesForLink(\n                                            attach.id,\n                                        );\n\n                                        return (\n                                            <EditAttachmentItem\n                                                type=\"link\"\n                                                onAccept={(link) =>\n                                                    handleAcceptLink(attach.id, link)\n                                                }\n                                                defaultValues={defaultLinkValues}\n                                                tokens={tokens}\n                                                onCancel={() => handleCancelEdit(attach.id)}\n                                            />\n                                        );\n                                    }\n\n                                    return (\n                                        <EditAttachmentItem\n                                            type=\"file\"\n                                            defaultFileName={attach.name}\n                                            onAccept={(pathName) =>\n                                                handleAcceptFile(attach.id, pathName)\n                                            }\n                                            onCancel={() => handleCancelEdit(attach.id)}\n                                        />\n                                    );\n                                }}\n                            />\n                        ) : (\n                            <AttachmentListPlaceholder\n                                onAddFile={handleAddEmptyFile}\n                                onAddLink={handleAddEmptyLink}\n                                {...placeholderProps}\n                            />\n                        )}\n                        {Boolean(attachList.length) && (\n                            <Flex spacing={{px: 4}} gap={2}>\n                                <Button onClick={handleAddEmptyFile}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-file')}\n                                </Button>\n\n                                <Button view=\"outlined\" onClick={handleAddEmptyLink}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-link')}\n                                </Button>\n\n                                <Button view=\"flat\" onClick={handleDeleteAll}>\n                                    {i18n('action_remove-all')}\n                                </Button>\n                            </Flex>\n                        )}\n                    </Flex>\n                </TabPanel>\n\n                <TabPanel className={block('panel')} value=\"Deleted\">\n                    <Flex spacing={{pt: 3}} width=\"100%\" height=\"100%\">\n                        <AttachmentList\n                            {...attachmentListProps}\n                            isDeleted\n                            attachments={deletedAttachList}\n                            onRevert={(attach) => handleRevertDelete(attach.id)}\n                            onItemClick={onItemClick}\n                        />\n                    </Flex>\n                </TabPanel>\n            </TabProvider>\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","useState","Box","Button","Flex","Icon","Tab","TabList","TabPanel","TabProvider","Text","AttachmentList","AttachmentListPlaceholder","EditAttachmentItem","createUuid","isObjectEqual","Plus","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","Attachments","_ref","tokens","placeholderProps","attachmentListProps","onChange","onItemClick","customerAttachments","attachments","customerDeletedAttachments","deletedAttachments","_useState","_useState2","_slicedToArray","currentTab","setCurrentTab","_useState3","_useState4","innerAttachList","setInnerAttachList","_useState5","_useState6","innerDeletedAttachList","setInnerDeletedAttachList","_useState7","_useState8","editingIds","setEditingIds","_useState9","_useState0","wasAddedIds","setWasAddedIds","_useState1","_useState10","wasEdited","setWasEditedIds","attachList","deletedAttachList","attachCount","filter","a","isNew","length","defaultAttachList","getDefaultValuesForLink","linkId","_currentLink$name","_currentLink$link","_currentLink$token","currentLink","find","id","name","link","token","runAfterAttachAdded","attachId","newAttach","editedAttach","current","concat","_toConsumableArray","handleAddEmptyFile","patchAttachList","handleAddEmptyLink","handleAcceptFile","fileId","fileName","patchedFile","patchEditingIds","map","attach","handleAcceptLink","patchedLink","_objectSpread","handleCancelEdit","wasItNewAttach","some","handleEdit","editAttachId","handleDelete","deletedAttachmen","patchDeletedAttachList","handleDeleteAll","handleRevertDelete","revertAttach","className","height","overflow","children","value","onUpdate","tab","variant","color","spacing","py","direction","width","gap","wasEditedIds","onEdit","onDelete","renderEditForm","isLink","defaultLinkValues","type","onAccept","defaultValues","onCancel","defaultFileName","pathName","onAddFile","onAddLink","Boolean","px","onClick","data","view","pt","isDeleted","onRevert"],"sources":["Attachments.tsx"],"sourcesContent":["import React, {useMemo, useRef, useState} from 'react';\nimport {\n    Box,\n    Button,\n    Flex,\n    Icon,\n    Tab,\n    TabList,\n    TabPanel,\n    TabProvider,\n    Text,\n} from '@gravity-ui/uikit';\nimport {AttachmentList, AttachmentListPlaceholder, EditAttachmentItem} from '../../components';\nimport {createUuid} from '../../helpers/createUuid';\nimport {isObjectEqual} from '../../helpers/isObjectEqual';\nimport {Plus} from '@gravity-ui/icons';\nimport type {\n    AttachmentItemProps,\n    AttachmentListPlaceholderProps,\n    AttachmentListProps,\n    EditLinkValues,\n} from '../../components';\nimport cn from 'bem-cn-lite';\n\nimport i18n from './i18n';\n\nimport './Attachments.scss';\n\ntype TabVariants = 'Current' | 'Deleted';\n\nexport type AttachItem = AttachmentItemProps['attachment'] & {token?: string; isNew?: boolean};\n\nexport type AttachmentsProps = {\n    tokens?: {value: string; title: string}[];\n    placeholderProps?: Omit<AttachmentListPlaceholderProps, 'onAddFile' | 'onAddLink'>;\n    attachmentListProps?: Pick<AttachmentListProps, 'className'>;\n    attachments?: AttachItem[];\n    deletedAttachments?: AttachItem[];\n    onItemClick?: AttachmentListProps<AttachItem>['onItemClick'];\n    onChange?: (payload: {attachments: AttachItem[]; deletedAttachments: AttachItem[]}) => void;\n};\n\nconst block = cn('qp-attachments');\n\nexport const Attachments = ({\n    tokens,\n    placeholderProps,\n    attachmentListProps,\n    onChange,\n    onItemClick,\n    attachments: customerAttachments,\n    deletedAttachments: customerDeletedAttachments,\n}: AttachmentsProps) => {\n    const [currentTab, setCurrentTab] = useState<'Current' | 'Deleted'>('Current');\n\n    const [innerAttachList, setInnerAttachList] = useState<AttachItem[]>(customerAttachments ?? []);\n    const [innerDeletedAttachList, setInnerDeletedAttachList] = useState<AttachItem[]>(\n        customerDeletedAttachments ?? [],\n    );\n\n    const [editingIds, setEditingIds] = useState<string[]>([]);\n    const [wasAddedIds, setWasAddedIds] = useState<string[]>([]);\n    const [wasEdited, setWasEditedIds] = useState<string[]>([]);\n\n    const attachList = customerAttachments ?? innerAttachList;\n    const deletedAttachList = customerDeletedAttachments ?? innerDeletedAttachList;\n\n    const attachCount = useMemo(() => attachList.filter((a) => !a.isNew).length, [attachList]);\n\n    const defaultAttachList = useRef(attachList);\n\n    const getDefaultValuesForLink = (linkId: string) => {\n        const currentLink = attachList.find((a) => a.id === linkId);\n        return {\n            name: currentLink?.name ?? '',\n            link: currentLink?.link ?? '',\n            token: currentLink?.token ?? '',\n        };\n    };\n\n    const runAfterAttachAdded = (attachId: string, newAttach: AttachItem) => {\n        const editedAttach = defaultAttachList.current.find((a) => a.id === attachId);\n\n        if (!editedAttach) return;\n\n        if (isObjectEqual(editedAttach, newAttach)) {\n            setWasEditedIds(wasEdited.filter((id) => id !== attachId));\n            return;\n        }\n\n        setWasEditedIds([...wasEdited, attachId]);\n    };\n\n    const handleAddEmptyFile = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAddEmptyLink = () => {\n        const id = createUuid();\n\n        const patchAttachList = [\n            ...attachList.filter((a) => !a.isNew),\n            {id, name: '', token: '', link: '', isNew: true},\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setWasAddedIds([...wasAddedIds, id]);\n        setEditingIds([...editingIds, id]);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleAcceptFile = (fileId: string, fileName: string) => {\n        const patchedFile = attachList.find((a) => a.id === fileId);\n        if (!patchedFile) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === fileId) return {id: fileId, name: fileName};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(fileId, {id: fileId, name: fileName});\n    };\n\n    const handleAcceptLink = (linkId: string, link: EditLinkValues) => {\n        const patchedLink = attachList.find((a) => a.id === linkId);\n        if (!patchedLink) return;\n\n        const patchEditingIds = editingIds.filter((id) => id !== linkId);\n        const patchAttachList = attachList.map((attach) => {\n            if (attach.id === linkId) return {id: linkId, ...link};\n            return attach;\n        });\n\n        setEditingIds(patchEditingIds);\n        setInnerAttachList(patchAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n\n        runAfterAttachAdded(linkId, {id: linkId, ...link});\n    };\n\n    const handleCancelEdit = (fileId: string) => {\n        const patchEditingIds = editingIds.filter((id) => id !== fileId);\n        const patchAttachList = attachList.filter((a) => !a.isNew);\n\n        const wasItNewAttach = attachList.some((a) => a.isNew);\n        if (wasItNewAttach) {\n            setWasAddedIds(wasAddedIds.filter((id) => id !== fileId));\n        }\n\n        setInnerAttachList(patchAttachList);\n        setEditingIds(patchEditingIds);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: deletedAttachList,\n        });\n    };\n\n    const handleEdit = (editAttachId: string) => {\n        const patchEditingIds = [...editingIds, editAttachId];\n\n        setEditingIds(patchEditingIds);\n    };\n\n    const handleDelete = (attachId: string) => {\n        const deletedAttachmen = attachList.find((a) => a.id === attachId);\n\n        if (!deletedAttachmen) return;\n\n        const patchAttachList = attachList.filter((a) => a.id !== attachId);\n        const patchDeletedAttachList = [...deletedAttachList, deletedAttachmen];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleDeleteAll = () => {\n        const patchAttachList: never[] = [];\n        const patchDeletedAttachList = [\n            ...deletedAttachList,\n            ...attachList.filter((a) => !a.isNew),\n        ];\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    const handleRevertDelete = (attachId: string) => {\n        const revertAttach = deletedAttachList.find((a) => a.id === attachId);\n\n        if (!revertAttach) return;\n\n        const patchAttachList = [...attachList, revertAttach];\n        const patchDeletedAttachList = deletedAttachList.filter((a) => a.id !== attachId);\n\n        setInnerAttachList(patchAttachList);\n        setInnerDeletedAttachList(patchDeletedAttachList);\n\n        onChange?.({\n            attachments: patchAttachList,\n            deletedAttachments: patchDeletedAttachList,\n        });\n    };\n\n    return (\n        <Box className={block()} height=\"100%\" overflow=\"hidden\">\n            <TabProvider value={currentTab} onUpdate={(tab) => setCurrentTab(tab as TabVariants)}>\n                <TabList className={block('tab-list')}>\n                    <Tab className={block('tab')} value=\"Current\">\n                        <Text variant=\"body-1\">Current</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {attachCount}\n                        </Text>\n                    </Tab>\n                    <Tab className={block('tab')} value=\"Deleted\">\n                        <Text variant=\"body-1\">Deleted</Text>\n                        <Text color=\"hint\" variant=\"body-1\">\n                            {deletedAttachList.length}\n                        </Text>\n                    </Tab>\n                </TabList>\n\n                <TabPanel className={block('panel')} value=\"Current\">\n                    <Flex spacing={{py: 3}} direction=\"column\" width=\"100%\" height=\"100%\" gap={3}>\n                        {attachList.length ? (\n                            <AttachmentList\n                                {...attachmentListProps}\n                                attachments={attachList}\n                                wasAddedIds={wasAddedIds}\n                                wasEditedIds={wasEdited}\n                                editingIds={editingIds}\n                                onEdit={(attach) => handleEdit(attach.id)}\n                                onDelete={(attach) => handleDelete(attach.id)}\n                                onItemClick={onItemClick}\n                                renderEditForm={(attach) => {\n                                    const isLink = typeof attach.link === 'string';\n\n                                    if (isLink) {\n                                        const defaultLinkValues = getDefaultValuesForLink(\n                                            attach.id,\n                                        );\n\n                                        return (\n                                            <EditAttachmentItem\n                                                type=\"link\"\n                                                onAccept={(link) =>\n                                                    handleAcceptLink(attach.id, link)\n                                                }\n                                                defaultValues={defaultLinkValues}\n                                                tokens={tokens}\n                                                onCancel={() => handleCancelEdit(attach.id)}\n                                            />\n                                        );\n                                    }\n\n                                    return (\n                                        <EditAttachmentItem\n                                            type=\"file\"\n                                            defaultFileName={attach.name}\n                                            onAccept={(pathName) =>\n                                                handleAcceptFile(attach.id, pathName)\n                                            }\n                                            onCancel={() => handleCancelEdit(attach.id)}\n                                        />\n                                    );\n                                }}\n                            />\n                        ) : (\n                            <AttachmentListPlaceholder\n                                onAddFile={handleAddEmptyFile}\n                                onAddLink={handleAddEmptyLink}\n                                {...placeholderProps}\n                            />\n                        )}\n                        {Boolean(attachList.length) && (\n                            <Flex spacing={{px: 4}} gap={2}>\n                                <Button onClick={handleAddEmptyFile}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-file')}\n                                </Button>\n\n                                <Button view=\"outlined\" onClick={handleAddEmptyLink}>\n                                    <Icon data={Plus} />\n                                    {i18n('action_add-link')}\n                                </Button>\n\n                                <Button view=\"flat\" onClick={handleDeleteAll}>\n                                    {i18n('action_remove-all')}\n                                </Button>\n                            </Flex>\n                        )}\n                    </Flex>\n                </TabPanel>\n\n                <TabPanel className={block('panel')} value=\"Deleted\">\n                    <Flex spacing={{pt: 3}} width=\"100%\" height=\"100%\">\n                        <AttachmentList\n                            {...attachmentListProps}\n                            isDeleted\n                            attachments={deletedAttachList}\n                            onRevert={(attach) => handleRevertDelete(attach.id)}\n                            onItemClick={onItemClick}\n                        />\n                    </Flex>\n                </TabPanel>\n            </TabProvider>\n        </Box>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/Attachments/Attachments.scss

@@ -1,6 +1,12 @@
 .qp-attachments {
+    display: flex;
+    flex-direction: column;
+    
     &__panel {
-        flex: 1;
+        flex: 1 1 0;
+        min-height: 0;
+        max-height: 100%;
+        overflow: hidden;
     }
 
     &__tab .g-tab__title {
@@ -11,5 +17,11 @@
     &__tab-list {
         padding-left: var(--g-spacing-4);
         padding-right: var(--g-spacing-4);
+        flex-shrink: 0;
+    }
+
+    &__list {
+        min-height: 0;
+        overflow-y: auto;
     }
 }

package/build/esm/modules/Attachments/Attachments.stories.d.ts

@@ -38,5 +38,6 @@ export declare const Default: Story;
 export declare const WithAttachments: Story;
 /** Current and deleted collections. Open the Deleted tab to restore an attachment. */
 export declare const WithDeletedAttachments: Story;
+export declare const WithLongList: Story;
 /** Controlled usage: every edit, delete, restore, or addition is applied from `onChange`. */
 export declare const Controlled: Story;

package/build/esm/modules/Attachments/Attachments.stories.js

@@ -16,6 +16,87 @@ var attachments = [{
   link: 'https://example.com/docs/query',
   token: 'documentation-token'
 }];
+var attachmentsLongList = [{
+  id: 'readme',
+  name: 'README.md'
+}, {
+  id: 'query',
+  name: 'daily-report.sql'
+}, {
+  id: 'schema',
+  name: 'schema.json'
+}, {
+  id: 'changelog',
+  name: 'CHANGELOG.md'
+}, {
+  id: 'weekly-report',
+  name: 'weekly-report.sql'
+}, {
+  id: 'monthly-report',
+  name: 'monthly-report.sql'
+}, {
+  id: 'data-export',
+  name: 'data-export.csv'
+}, {
+  id: 'users-dump',
+  name: 'users-dump.csv'
+}, {
+  id: 'metrics',
+  name: 'metrics.tsv'
+}, {
+  id: 'notes',
+  name: 'notes.txt'
+}, {
+  id: 'documentation',
+  name: 'Query documentation',
+  link: 'https://example.com/docs/query',
+  token: 'documentation-token'
+}, {
+  id: 'dashboard',
+  name: 'Main dashboard',
+  link: 'https://example.com/dashboards/main',
+  token: 'dashboard-token'
+}, {
+  id: 'runbook',
+  name: 'Incident runbook',
+  link: 'https://example.com/docs/runbook',
+  token: 'documentation-token'
+}, {
+  id: 'api-reference',
+  name: 'API reference',
+  link: 'https://example.com/docs/api',
+  token: 'documentation-token'
+}, {
+  id: 'grafana',
+  name: 'Grafana board',
+  link: 'https://example.com/grafana/board',
+  token: 'dashboard-token'
+}, {
+  id: 'kibana',
+  name: 'Kibana logs',
+  link: 'https://example.com/kibana/logs',
+  token: 'dashboard-token'
+}, {
+  id: 'wiki',
+  name: 'Team wiki',
+  link: 'https://example.com/wiki/team',
+  token: 'documentation-token'
+}, {
+  id: 'design-doc',
+  name: 'Design document',
+  link: 'https://example.com/docs/design',
+  token: 'documentation-token'
+}, {
+  id: 'roadmap',
+  name: 'Product roadmap',
+  link: 'https://example.com/roadmap',
+  token: 'documentation-token'
+}, {
+  id: 'analytics',
+  name: 'Analytics dashboard',
+  link: 'https://example.com/dashboards/analytics',
+  token: 'dashboard-token'
+}];
 var deletedAttachments = [{
   id: 'archive',
   name: 'archive.csv'
@@ -43,7 +124,8 @@ var meta = {
     return /*#__PURE__*/_jsx("div", {
       style: {
         height: 500,
-        width: 322
+        width: 322,
+        overflow: 'hidden'
       },
       children: /*#__PURE__*/_jsx(Story, {})
     });
@@ -71,6 +153,7 @@ export var Default = {
 export var WithAttachments = {
   args: {
     attachments: attachments,
+    deletedAttachments: [],
     onItemClick: console.info
   }
 };
@@ -83,6 +166,13 @@ export var WithDeletedAttachments = {
     onItemClick: console.info
   }
 };
+export var WithLongList = {
+  args: {
+    attachments: attachmentsLongList,
+    deletedAttachments: [],
+    onItemClick: console.info
+  }
+};
 var ControlledAttachments = function ControlledAttachments(props) {
   var _props$attachments, _props$deletedAttachm;
   var _useState = useState((_props$attachments = props.attachments) !== null && _props$attachments !== void 0 ? _props$attachments : []),

package/build/esm/modules/Attachments/Attachments.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","fn","Attachments","jsx","_jsx","attachments","id","name","link","token","deletedAttachments","tokens","value","title","meta","component","tags","parameters","layout","decorators","Story","style","height","width","children","args","onChange","Default","placeholderProps","description","linkForDoc","linkText","onItemClick","console","info","WithAttachments","WithDeletedAttachments","ControlledAttachments","props","_props$attachments","_props$deletedAttachm","_useState","_useState2","_slicedToArray","currentAttachments","setCurrentAttachments","_useState3","_useState4","currentDeletedAttachments","setCurrentDeletedAttachments","_objectSpread","payload","_props$onChange","call","Controlled","render"],"sources":["Attachments.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\nimport {Attachments} from './Attachments';\n\ntype AttachmentsProps = React.ComponentProps<typeof Attachments>;\ntype Attachment = NonNullable<AttachmentsProps['attachments']>[number];\n\nconst attachments: Attachment[] = [\n    {id: 'readme', name: 'README.md'},\n    {id: 'query', name: 'daily-report.sql'},\n    {\n        id: 'documentation',\n        name: 'Query documentation',\n        link: 'https://example.com/docs/query',\n        token: 'documentation-token',\n    },\n];\n\nconst deletedAttachments: Attachment[] = [\n    {id: 'archive', name: 'archive.csv'},\n    {\n        id: 'old-dashboard',\n        name: 'Old dashboard',\n        link: 'https://example.com/dashboards/old',\n        token: 'dashboard-token',\n    },\n];\n\nconst tokens: NonNullable<AttachmentsProps['tokens']> = [\n    {value: 'documentation-token', title: 'Documentation token'},\n    {value: 'dashboard-token', title: 'Dashboard token'},\n];\n\nconst meta = {\n    title: 'Modules/Attachments',\n    component: Attachments,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{height: 500, width: 322}}>\n                <Story />\n            </div>\n        ),\n    ],\n    args: {\n        tokens,\n        onChange: fn(),\n    },\n} satisfies Meta<typeof Attachments>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/** Empty state with content configured through `placeholderProps`. */\nexport const Default: Story = {\n    args: {\n        placeholderProps: {\n            title: 'No attachments',\n            description: 'Add files or links that should be available to the query.',\n            linkForDoc: '#attachments-help',\n            linkText: 'About attachments',\n        },\n        onItemClick: console.info,\n    },\n};\n\n/** Initial files and links supplied through the uncontrolled `attachments` API. */\nexport const WithAttachments: Story = {\n    args: {\n        attachments,\n        onItemClick: console.info,\n    },\n};\n\n/** Current and deleted collections. Open the Deleted tab to restore an attachment. */\nexport const WithDeletedAttachments: Story = {\n    args: {\n        attachments,\n        deletedAttachments,\n        onItemClick: console.info,\n    },\n};\n\nconst ControlledAttachments = (props: AttachmentsProps) => {\n    const [currentAttachments, setCurrentAttachments] = useState(props.attachments ?? []);\n    const [currentDeletedAttachments, setCurrentDeletedAttachments] = useState(\n        props.deletedAttachments ?? [],\n    );\n\n    return (\n        <Attachments\n            {...props}\n            attachments={currentAttachments}\n            deletedAttachments={currentDeletedAttachments}\n            onItemClick={console.info}\n            onChange={(payload) => {\n                setCurrentAttachments(payload.attachments);\n                setCurrentDeletedAttachments(payload.deletedAttachments);\n                props.onChange?.(payload);\n            }}\n        />\n    );\n};\n\n/** Controlled usage: every edit, delete, restore, or addition is applied from `onChange`. */\nexport const Controlled: Story = {\n    args: {\n        attachments,\n        deletedAttachments,\n    },\n    render: (args) => <ControlledAttachments {...args} />,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","fn","Attachments","jsx","_jsx","attachments","id","name","link","token","attachmentsLongList","deletedAttachments","tokens","value","title","meta","component","tags","parameters","layout","decorators","Story","style","height","width","overflow","children","args","onChange","Default","placeholderProps","description","linkForDoc","linkText","onItemClick","console","info","WithAttachments","WithDeletedAttachments","WithLongList","ControlledAttachments","props","_props$attachments","_props$deletedAttachm","_useState","_useState2","_slicedToArray","currentAttachments","setCurrentAttachments","_useState3","_useState4","currentDeletedAttachments","setCurrentDeletedAttachments","_objectSpread","payload","_props$onChange","call","Controlled","render"],"sources":["Attachments.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\nimport {Attachments} from './Attachments';\n\ntype AttachmentsProps = React.ComponentProps<typeof Attachments>;\ntype Attachment = NonNullable<AttachmentsProps['attachments']>[number];\n\nconst attachments: Attachment[] = [\n    {id: 'readme', name: 'README.md'},\n    {id: 'query', name: 'daily-report.sql'},\n    {\n        id: 'documentation',\n        name: 'Query documentation',\n        link: 'https://example.com/docs/query',\n        token: 'documentation-token',\n    },\n];\n\nconst attachmentsLongList: Attachment[] = [\n    {id: 'readme', name: 'README.md'},\n    {id: 'query', name: 'daily-report.sql'},\n    {id: 'schema', name: 'schema.json'},\n    {id: 'changelog', name: 'CHANGELOG.md'},\n    {id: 'weekly-report', name: 'weekly-report.sql'},\n    {id: 'monthly-report', name: 'monthly-report.sql'},\n    {id: 'data-export', name: 'data-export.csv'},\n    {id: 'users-dump', name: 'users-dump.csv'},\n    {id: 'metrics', name: 'metrics.tsv'},\n    {id: 'notes', name: 'notes.txt'},\n    {\n        id: 'documentation',\n        name: 'Query documentation',\n        link: 'https://example.com/docs/query',\n        token: 'documentation-token',\n    },\n    {\n        id: 'dashboard',\n        name: 'Main dashboard',\n        link: 'https://example.com/dashboards/main',\n        token: 'dashboard-token',\n    },\n    {\n        id: 'runbook',\n        name: 'Incident runbook',\n        link: 'https://example.com/docs/runbook',\n        token: 'documentation-token',\n    },\n    {\n        id: 'api-reference',\n        name: 'API reference',\n        link: 'https://example.com/docs/api',\n        token: 'documentation-token',\n    },\n    {\n        id: 'grafana',\n        name: 'Grafana board',\n        link: 'https://example.com/grafana/board',\n        token: 'dashboard-token',\n    },\n    {\n        id: 'kibana',\n        name: 'Kibana logs',\n        link: 'https://example.com/kibana/logs',\n        token: 'dashboard-token',\n    },\n    {\n        id: 'wiki',\n        name: 'Team wiki',\n        link: 'https://example.com/wiki/team',\n        token: 'documentation-token',\n    },\n    {\n        id: 'design-doc',\n        name: 'Design document',\n        link: 'https://example.com/docs/design',\n        token: 'documentation-token',\n    },\n    {\n        id: 'roadmap',\n        name: 'Product roadmap',\n        link: 'https://example.com/roadmap',\n        token: 'documentation-token',\n    },\n    {\n        id: 'analytics',\n        name: 'Analytics dashboard',\n        link: 'https://example.com/dashboards/analytics',\n        token: 'dashboard-token',\n    },\n];\n\nconst deletedAttachments: Attachment[] = [\n    {id: 'archive', name: 'archive.csv'},\n    {\n        id: 'old-dashboard',\n        name: 'Old dashboard',\n        link: 'https://example.com/dashboards/old',\n        token: 'dashboard-token',\n    },\n];\n\nconst tokens: NonNullable<AttachmentsProps['tokens']> = [\n    {value: 'documentation-token', title: 'Documentation token'},\n    {value: 'dashboard-token', title: 'Dashboard token'},\n];\n\nconst meta = {\n    title: 'Modules/Attachments',\n    component: Attachments,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{height: 500, width: 322, overflow: 'hidden'}}>\n                <Story />\n            </div>\n        ),\n    ],\n    args: {\n        tokens,\n        onChange: fn(),\n    },\n} satisfies Meta<typeof Attachments>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/** Empty state with content configured through `placeholderProps`. */\nexport const Default: Story = {\n    args: {\n        placeholderProps: {\n            title: 'No attachments',\n            description: 'Add files or links that should be available to the query.',\n            linkForDoc: '#attachments-help',\n            linkText: 'About attachments',\n        },\n        onItemClick: console.info,\n    },\n};\n\n/** Initial files and links supplied through the uncontrolled `attachments` API. */\nexport const WithAttachments: Story = {\n    args: {\n        attachments,\n        deletedAttachments: [],\n        onItemClick: console.info,\n    },\n};\n\n/** Current and deleted collections. Open the Deleted tab to restore an attachment. */\nexport const WithDeletedAttachments: Story = {\n    args: {\n        attachments,\n        deletedAttachments,\n        onItemClick: console.info,\n    },\n};\n\nexport const WithLongList: Story = {\n    args: {\n        attachments: attachmentsLongList,\n        deletedAttachments: [],\n        onItemClick: console.info,\n    },\n};\n\nconst ControlledAttachments = (props: AttachmentsProps) => {\n    const [currentAttachments, setCurrentAttachments] = useState(props.attachments ?? []);\n    const [currentDeletedAttachments, setCurrentDeletedAttachments] = useState(\n        props.deletedAttachments ?? [],\n    );\n\n    return (\n        <Attachments\n            {...props}\n            attachments={currentAttachments}\n            deletedAttachments={currentDeletedAttachments}\n            onItemClick={console.info}\n            onChange={(payload) => {\n                setCurrentAttachments(payload.attachments);\n                setCurrentDeletedAttachments(payload.deletedAttachments);\n                props.onChange?.(payload);\n            }}\n        />\n    );\n};\n\n/** Controlled usage: every edit, delete, restore, or addition is applied from `onChange`. */\nexport const Controlled: Story = {\n    args: {\n        attachments,\n        deletedAttachments,\n    },\n    render: (args) => <ControlledAttachments {...args} />,\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/HistoryRow/HistoryRow.css

@@ -19,10 +19,11 @@
 }
 .qp-history-row__data {
   display: grid;
-  grid-template-columns: 52px 1fr;
+  grid-template-columns: minmax(64px, max-content) 1fr;
   grid-gap: 8px;
 }
 .qp-history-row__duration {
   text-align: center;
+  white-space: nowrap;
 }
 /*# sourceMappingURL=HistoryRow.css.map */

package/build/esm/modules/HistoryRow/HistoryRow.css.map

@@ -1 +1 @@
-{"version":3,"sources":["HistoryRow.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,aAAA;EACA,+BAAA;EACA,aAAA;EAAA,QAAA;AACF;AACE;EACE,mDAAA;AACJ;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,gBAAA;AAFJ;AAKE;EACE,aAAA;EACA,+BAAA;EACA,aAAA;AAHJ;AAME;EACE,kBAAA;AAJJ","file":"HistoryRow.css","sourcesContent":[".qp-history-row {\n  height: 100%;\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  gap: 4px;\n\n  &_compared {\n    background-color: var(--g-color-base-utility-light);\n  }\n\n  &__icon {\n    flex: 0 0 20px;\n  }\n\n  &__header {\n    height: 20px;\n  }\n\n  &__right-column {\n    overflow: hidden;\n  }\n\n  &__data {\n    display: grid;\n    grid-template-columns: 52px 1fr;\n    grid-gap: 8px;\n  }\n\n  &__duration {\n    text-align: center;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["HistoryRow.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;EACA,aAAA;EACA,+BAAA;EACA,aAAA;EAAA,QAAA;AACF;AACE;EACE,mDAAA;AACJ;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,YAAA;AADJ;AAIE;EACE,gBAAA;AAFJ;AAKE;EACE,aAAA;EACA,oDAAA;EACA,aAAA;AAHJ;AAME;EACE,kBAAA;EACA,mBAAA;AAJJ","file":"HistoryRow.css","sourcesContent":[".qp-history-row {\n  height: 100%;\n  display: grid;\n  grid-template-columns: 20px 1fr;\n  gap: 4px;\n\n  &_compared {\n    background-color: var(--g-color-base-utility-light);\n  }\n\n  &__icon {\n    flex: 0 0 20px;\n  }\n\n  &__header {\n    height: 20px;\n  }\n\n  &__right-column {\n    overflow: hidden;\n  }\n\n  &__data {\n    display: grid;\n    grid-template-columns: minmax(64px, max-content) 1fr;\n    grid-gap: 8px;\n  }\n\n  &__duration {\n    text-align: center;\n    white-space: nowrap;\n  }\n}\n"],"sourceRoot":""}

package/build/esm/modules/HistoryRow/HistoryRow.js

@@ -50,7 +50,7 @@ export var HistoryRow = function HistoryRow(_ref) {
         })]
       }), /*#__PURE__*/_jsxs("div", {
         className: block('data'),
-        children: [isFieldVisible(visibleFields, 'duration') && startTime && /*#__PURE__*/_jsx(QueryDuration, {
+        children: [isFieldVisible(visibleFields, 'duration') && startTime !== undefined && /*#__PURE__*/_jsx(QueryDuration, {
           className: block('duration'),
           status: status,
           startTime: startTime,
@@ -60,7 +60,7 @@ export var HistoryRow = function HistoryRow(_ref) {
           children: [isFieldVisible(visibleFields, 'mode') && mode && /*#__PURE__*/_jsx(Text, {
             color: "complementary",
             children: mode
-          }), isFieldVisible(visibleFields, 'startTime') && startTime && /*#__PURE__*/_jsx(Text, {
+          }), isFieldVisible(visibleFields, 'startTime') && startTime !== undefined && /*#__PURE__*/_jsx(Text, {
             color: "complementary",
             children: formatTime(startTime)
           }), isFieldVisible(visibleFields, 'engine') && engine && /*#__PURE__*/_jsx(Text, {

package/build/esm/modules/HistoryRow/HistoryRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Flex","Text","cn","EditableRowTitle","HistoryPrivateIcon","QueryDuration","QueryStatusIcon","RowActionsMenu","RowLink","formatTime","isFieldVisible","jsx","_jsx","jsxs","_jsxs","block","HistoryRow","_ref","item","actions","isActive","comparison","editing","visibleFields","renderLink","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","disabled","className","_defineProperty","children","direction","gap","justifyContent","color"],"sources":["HistoryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport './HistoryRow.scss';\nimport cn from 'bem-cn-lite';\nimport {\n    EditableRowTitle,\n    HistoryPrivateIcon,\n    QueryDuration,\n    QueryStatusIcon,\n    RowActionsMenu,\n    RowLink,\n} from '../../components';\nimport {formatTime} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nconst block = cn('qp-history-row');\n\nexport const HistoryRow = <T extends QueryHistoryRow>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n    renderLink,\n}: Props<T>) => {\n    const {href, status, mode, startTime, endTime, engine, isPrivate} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            renderLink={renderLink}\n            className={block({[status]: true, compared: isChecked})}\n        >\n            <QueryStatusIcon status={status} />\n            <Flex direction=\"column\" gap={1} className={block('right-column')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <EditableRowTitle item={item} editing={editing} />\n                    {showMenu && <RowActionsMenu item={item} actions={actions} />}\n                </Flex>\n                <div className={block('data')}>\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration\n                            className={block('duration')}\n                            status={status}\n                            startTime={startTime}\n                            endTime={endTime}\n                        />\n                    )}\n                    <Flex gap={2}>\n                        {isFieldVisible(visibleFields, 'mode') && mode && (\n                            <Text color=\"complementary\">{mode}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                            <Text color=\"complementary\">{formatTime(startTime)}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'engine') && engine && (\n                            <Text color=\"complementary\">{engine}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'isPrivate') && (\n                            <HistoryPrivateIcon isPrivate={isPrivate} />\n                        )}\n                    </Flex>\n                </div>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Flex","Text","cn","EditableRowTitle","HistoryPrivateIcon","QueryDuration","QueryStatusIcon","RowActionsMenu","RowLink","formatTime","isFieldVisible","jsx","_jsx","jsxs","_jsxs","block","HistoryRow","_ref","item","actions","isActive","comparison","editing","visibleFields","renderLink","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","disabled","className","_defineProperty","children","direction","gap","justifyContent","undefined","color"],"sources":["HistoryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport './HistoryRow.scss';\nimport cn from 'bem-cn-lite';\nimport {\n    EditableRowTitle,\n    HistoryPrivateIcon,\n    QueryDuration,\n    QueryStatusIcon,\n    RowActionsMenu,\n    RowLink,\n} from '../../components';\nimport {formatTime} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nconst block = cn('qp-history-row');\n\nexport const HistoryRow = <T extends QueryHistoryRow>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n    renderLink,\n}: Props<T>) => {\n    const {href, status, mode, startTime, endTime, engine, isPrivate} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            renderLink={renderLink}\n            className={block({[status]: true, compared: isChecked})}\n        >\n            <QueryStatusIcon status={status} />\n            <Flex direction=\"column\" gap={1} className={block('right-column')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <EditableRowTitle item={item} editing={editing} />\n                    {showMenu && <RowActionsMenu item={item} actions={actions} />}\n                </Flex>\n                <div className={block('data')}>\n                    {isFieldVisible(visibleFields, 'duration') && startTime !== undefined && (\n                        <QueryDuration\n                            className={block('duration')}\n                            status={status}\n                            startTime={startTime}\n                            endTime={endTime}\n                        />\n                    )}\n                    <Flex gap={2}>\n                        {isFieldVisible(visibleFields, 'mode') && mode && (\n                            <Text color=\"complementary\">{mode}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'startTime') && startTime !== undefined && (\n                            <Text color=\"complementary\">{formatTime(startTime)}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'engine') && engine && (\n                            <Text color=\"complementary\">{engine}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'isPrivate') && (\n                            <HistoryPrivateIcon isPrivate={isPrivate} />\n                        )}\n                    </Flex>\n                </div>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC5C;AACA,OAAOC,EAAE,MAAM,aAAa;AAC5B,SACIC,gBAAgB,EAChBC,kBAAkB,EAClBC,aAAa,EACbC,eAAe,EACfC,cAAc,EACdC,OAAO;AAEX,SAAQC,UAAU;AAClB,SAAQC,cAAc;AAAsC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM5D,IAAMC,KAAK,GAAGb,EAAE,CAAC,gBAAgB,CAAC;AAElC,OAAO,IAAMc,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAQP;EAAA,IAPZC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,UAAU,GAAAP,IAAA,CAAVO,UAAU;EAEV,IAAOC,IAAI,GAAyDP,IAAI,CAAjEO,IAAI;IAAEC,MAAM,GAAiDR,IAAI,CAA3DQ,MAAM;IAAEC,IAAI,GAA2CT,IAAI,CAAnDS,IAAI;IAAEC,SAAS,GAAgCV,IAAI,CAA7CU,SAAS;IAAEC,OAAO,GAAuBX,IAAI,CAAlCW,OAAO;IAAEC,MAAM,GAAeZ,IAAI,CAAzBY,MAAM;IAAEC,SAAS,GAAIb,IAAI,CAAjBa,SAAS;EAChE,IAAMC,SAAS,GAAGC,OAAO,CAACX,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEY,OAAO,CAAC;EAC3C,IAAMC,gBAAgB,GAAGF,OAAO,CAACZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEa,OAAO,CAAC;EACrD,IAAME,SAAS,GAAGH,OAAO,CAACZ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEgB,OAAO,CAAC;EAC9C,IAAMC,QAAQ,GAAGlB,QAAQ,IAAIa,OAAO,CAACd,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEoB,MAAM,CAAC,IAAI,CAACJ,gBAAgB;EAE1E,oBACIrB,KAAA,CAACN,OAAO;IACJiB,IAAI,EAAEA,IAAK;IACXe,QAAQ,EAAER,SAAS,IAAIG,gBAAiB;IACxCX,UAAU,EAAEA,UAAW;IACvBiB,SAAS,EAAE1B,KAAK,CAAA2B,eAAA,CAAAA,eAAA,KAAGhB,MAAM,EAAG,IAAI,eAAYU,SAAS,CAAC,CAAE;IAAAO,QAAA,gBAExD/B,IAAA,CAACN,eAAe;MAACoB,MAAM,EAAEA;IAAO,CAAE,CAAC,eACnCZ,KAAA,CAACd,IAAI;MAAC4C,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACJ,SAAS,EAAE1B,KAAK,CAAC,cAAc,CAAE;MAAA4B,QAAA,gBAC9D7B,KAAA,CAACd,IAAI;QAAC8C,cAAc,EAAC,eAAe;QAACL,SAAS,EAAE1B,KAAK,CAAC,QAAQ,CAAE;QAAA4B,QAAA,gBAC5D/B,IAAA,CAACT,gBAAgB;UAACe,IAAI,EAAEA,IAAK;UAACI,OAAO,EAAEA;QAAQ,CAAE,CAAC,EACjDgB,QAAQ,iBAAI1B,IAAA,CAACL,cAAc;UAACW,IAAI,EAAEA,IAAK;UAACC,OAAO,EAAEA;QAAQ,CAAE,CAAC;MAAA,CAC3D,CAAC,eACPL,KAAA;QAAK2B,SAAS,EAAE1B,KAAK,CAAC,MAAM,CAAE;QAAA4B,QAAA,GACzBjC,cAAc,CAACa,aAAa,EAAE,UAAU,CAAC,IAAIK,SAAS,KAAKmB,SAAS,iBACjEnC,IAAA,CAACP,aAAa;UACVoC,SAAS,EAAE1B,KAAK,CAAC,UAAU,CAAE;UAC7BW,MAAM,EAAEA,MAAO;UACfE,SAAS,EAAEA,SAAU;UACrBC,OAAO,EAAEA;QAAQ,CACpB,CACJ,eACDf,KAAA,CAACd,IAAI;UAAC6C,GAAG,EAAE,CAAE;UAAAF,QAAA,GACRjC,cAAc,CAACa,aAAa,EAAE,MAAM,CAAC,IAAII,IAAI,iBAC1Cf,IAAA,CAACX,IAAI;YAAC+C,KAAK,EAAC,eAAe;YAAAL,QAAA,EAAEhB;UAAI,CAAO,CAC3C,EACAjB,cAAc,CAACa,aAAa,EAAE,WAAW,CAAC,IAAIK,SAAS,KAAKmB,SAAS,iBAClEnC,IAAA,CAACX,IAAI;YAAC+C,KAAK,EAAC,eAAe;YAAAL,QAAA,EAAElC,UAAU,CAACmB,SAAS;UAAC,CAAO,CAC5D,EACAlB,cAAc,CAACa,aAAa,EAAE,QAAQ,CAAC,IAAIO,MAAM,iBAC9ClB,IAAA,CAACX,IAAI;YAAC+C,KAAK,EAAC,eAAe;YAAAL,QAAA,EAAEb;UAAM,CAAO,CAC7C,EACApB,cAAc,CAACa,aAAa,EAAE,WAAW,CAAC,iBACvCX,IAAA,CAACR,kBAAkB;YAAC2B,SAAS,EAAEA;UAAU,CAAE,CAC9C;QAAA,CACC,CAAC;MAAA,CACN,CAAC;IAAA,CACJ,CAAC;EAAA,CACF,CAAC;AAElB,CAAC","ignoreList":[]}

package/build/esm/modules/HistoryRow/HistoryRow.scss

@@ -22,11 +22,12 @@
 
   &__data {
     display: grid;
-    grid-template-columns: 52px 1fr;
+    grid-template-columns: minmax(64px, max-content) 1fr;
     grid-gap: 8px;
   }
 
   &__duration {
     text-align: center;
+    white-space: nowrap;
   }
 }

package/build/esm/widgets/QueriesHistory/QueriesHistory.stories.d.ts

@@ -7,6 +7,8 @@ export declare const Default: Story;
 export declare const Empty: Story;
 export declare const InitialLoading: Story;
 export declare const Paginated: Story;
+export declare const LoadingMore: Story;
+export declare const NarrowDuration: Story;
 export declare const FullSearchUnavailable: Story;
 export declare const RouterLinks: Story;
 export declare const CustomRowRenderer: Story;

package/build/esm/widgets/QueriesHistory/QueriesHistory.stories.js

@@ -10,6 +10,7 @@ import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.date.now.js";
+import "core-js/modules/es.date.to-string.js";
 import "core-js/modules/es.iterator.constructor.js";
 import "core-js/modules/es.iterator.filter.js";
 import "core-js/modules/es.object.to-string.js";
@@ -111,7 +112,39 @@ var LINK_ITEMS = BASE_ITEMS.map(function (item) {
     href: "/queries/".concat(item.id)
   }) : item;
 });
-var PAGINATION_PAGES = [LINK_ITEMS.slice(0, 3), LINK_ITEMS.slice(3, 6), LINK_ITEMS.slice(6)];
+var PAGINATION_PAGES = [LINK_ITEMS.slice(0, 6), LINK_ITEMS.slice(6)];
+var NARROW_HISTORY_START = Date.UTC(2024, 0, 15, 12, 0, 0);
+var NARROW_HISTORY_ITEMS = [{
+  id: 'five-minutes',
+  title: 'Five-minute query',
+  status: 'completed',
+  engine: 'YQL',
+  mode: 'Test',
+  isPrivate: false,
+  startTime: NARROW_HISTORY_START,
+  endTime: NARROW_HISTORY_START + 5 * min,
+  height: 52
+}, {
+  id: 'three-hours',
+  title: 'Three-hour query',
+  status: 'completed',
+  engine: 'YQL',
+  mode: 'Test',
+  isPrivate: true,
+  startTime: NARROW_HISTORY_START,
+  endTime: NARROW_HISTORY_START + 190 * min,
+  height: 52
+}, {
+  id: 'twenty-seven-hours',
+  title: 'Twenty-seven-hour query',
+  status: 'completed',
+  engine: 'YQL',
+  mode: 'Test',
+  isPrivate: false,
+  startTime: NARROW_HISTORY_START,
+  endTime: NARROW_HISTORY_START + 1635 * min,
+  height: 52
+}];
 var activeFields = ['duration', 'mode', 'startTime', 'engine', 'isPrivate'];
 var fields = [{
   id: 'duration',
@@ -408,7 +441,7 @@ var PaginatedStory = function PaginatedStory() {
         return currentPage + 1;
       });
       setLoading(false);
-    }, 700);
+    }, 1500);
   };
   return /*#__PURE__*/_jsx("div", {
     style: {
@@ -508,6 +541,26 @@ var CustomRowRendererStory = function CustomRowRendererStory() {
     })
   });
 };
+var NarrowDurationStory = function NarrowDurationStory() {
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 300,
+      height: 300
+    },
+    children: /*#__PURE__*/_jsx(QueriesHistory, {
+      title: "Duration examples",
+      items: NARROW_HISTORY_ITEMS,
+      visibleFields: {
+        value: activeFields,
+        fields: fields,
+        onChange: action('onVisibleFieldsChange')
+      },
+      search: {
+        onUpdate: action('onSearchUpdate')
+      }
+    })
+  });
+};
 export var Default = {
   render: function render() {
     return /*#__PURE__*/_jsx(DefaultStory, {});
@@ -542,6 +595,32 @@ export var Paginated = {
     return /*#__PURE__*/_jsx(PaginatedStory, {});
   }
 };
+export var LoadingMore = {
+  args: {
+    title: 'Loading next page',
+    items: LINK_ITEMS.slice(0, 3),
+    loading: true,
+    hasMore: true,
+    onLoadMore: action('onLoadMore'),
+    search: {
+      onUpdate: action('onSearchUpdate')
+    }
+  },
+  decorators: [function (StoryComponent) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 300,
+        height: 300
+      },
+      children: /*#__PURE__*/_jsx(StoryComponent, {})
+    });
+  }]
+};
+export var NarrowDuration = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(NarrowDurationStory, {});
+  }
+};
 export var FullSearchUnavailable = {
   render: function render() {
     return /*#__PURE__*/_jsx(FullSearchUnavailableStory, {});