npm - @gravity-ui/querieskit - Versions diffs - 1.3.0 → 1.3.2 - Mend

@gravity-ui/querieskit 1.3.0 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (546) hide show

package/build/cjs/widgets/SavedQueries/SavedQueries.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_actions","_SavedQueries","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","SavedQueries","tags","parameters","layout","_default","exports","SavedQueriesStory","_useState","useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","useMemo","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","_jsx","style","width","children","hasClear","onUpdate","onApply","action","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","Text","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n QueryListFieldKey,\n QueryListFilterConfig,\n QueryListItem,\n QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n session_id,\n COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n {\n id: 1,\n title: 'New Query',\n savedAt: '2026-04-29T12:00:00.000Z',\n engine: 'SQL',\n author: 'Anna Petrova',\n query: QUERY,\n height: 52,\n },\n {\n id: 2,\n title: 'Daily conversion report',\n savedAt: '2026-04-29T11:00:00.000Z',\n engine: 'YQL',\n author: 'Pavel Sidorov',\n query: QUERY,\n height: 52,\n },\n {\n id: 3,\n title: 'Product funnel',\n savedAt: '2026-04-28T09:00:00.000Z',\n engine: 'SQL',\n author: 'Maria Volkova',\n query: 'SELECT 1;',\n height: 52,\n },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n {\n id: 'engine',\n type: 'checkboxGroup',\n title: 'Engine',\n initialValue: [],\n items: [\n {id: 'yql', title: 'YQL'},\n {id: 'sql', title: 'SQL'},\n ],\n },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n {id: 'savedAt', title: 'Saved date'},\n {id: 'engine', title: 'Engine'},\n {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n title: 'Widgets/SavedQueries',\n component: SavedQueries,\n tags: ['autodocs'],\n parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n const [items, setItems] = useState(BASE_ITEMS);\n const [search, setSearch] = useState({value: '', fullSearch: false});\n const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n 'savedAt',\n 'engine',\n 'author',\n ]);\n const [comparedRowIds, setComparedRowIds] = useState<number[]>([]);\n const [editingRowId, setEditingRowId] = useState<number>();\n\n const filteredItems = useMemo(() => {\n if (!search.value) return items;\n\n const value = search.value.toLowerCase();\n return items.filter((item) => {\n if ('header' in item) return false;\n\n return search.fullSearch\n ? item.title.toLowerCase().includes(value) \|\|\n item.query?.toLowerCase().includes(value)\n : item.title.toLowerCase().includes(value);\n });\n }, [items, search]);\n\n const updateTitle = (item: SavedQuery, title: string) => {\n setItems((currentItems) =>\n currentItems.map((currentItem) =>\n 'id' in currentItem && currentItem.id === item.id\n ? {...currentItem, title}\n : currentItem,\n ),\n );\n setEditingRowId(undefined);\n };\n\n return (\n <div style={{width: 360, height: 560}}>\n <SavedQueries\n items={filteredItems}\n search={{...search, hasClear: true, onUpdate: setSearch}}\n filter={{\n fields: filterFields,\n onApply: action('onFilterApply'),\n onReset: action('onFilterReset'),\n }}\n visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n editing={{\n rowId: editingRowId,\n onSubmit: updateTitle,\n onCancel: () => setEditingRowId(undefined),\n }}\n comparison={{\n enabled: Boolean(comparedRowIds.length),\n comparedRowIds,\n onChange: (item, selected) => {\n setComparedRowIds((currentIds) =>\n selected\n ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n : currentIds.filter((id) => id !== item.id),\n );\n },\n onCancel: () => setComparedRowIds([]),\n onCompare: () => action('onCompare')(comparedRowIds),\n }}\n getRowActions={(item) => [\n {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n {\n text: 'Compare with baseline',\n onClick: () => setComparedRowIds([item.id]),\n },\n {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n ]}\n />\n </div>\n );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n 'header' in item ? item : {...item, team: 'Analytics'},\n );\n const [search, setSearch] = useState({value: '', fullSearch: false});\n\n return (\n <div style={{width: 360, height: 280}}>\n <SavedQueries\n items={items}\n search={{...search, hasClear: true, onUpdate: setSearch}}\n renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n />\n </div>\n );\n};\n\nconst EmptyStory = () => {\n const [search, setSearch] = useState({value: '', fullSearch: false});\n\n return (\n <div style={{width: 360, height: 280}}>\n <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n </div>\n );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_actions","_SavedQueries","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","SavedQueries","tags","parameters","layout","_default","exports","SavedQueriesStory","_useState","useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","useMemo","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","_jsx","style","width","children","hasClear","onUpdate","onApply","action","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","Text","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n QueryListFieldKey,\n QueryListFilterConfig,\n QueryListItem,\n QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n session_id,\n COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n {\n id: 1,\n title: 'New Query',\n savedAt: '2026-04-29T12:00:00.000Z',\n engine: 'SQL',\n author: 'Anna Petrova',\n query: QUERY,\n height: 52,\n },\n {\n id: 2,\n title: 'Daily conversion report',\n savedAt: '2026-04-29T11:00:00.000Z',\n engine: 'YQL',\n author: 'Pavel Sidorov',\n query: QUERY,\n height: 52,\n },\n {\n id: 3,\n title: 'Product funnel',\n savedAt: '2026-04-28T09:00:00.000Z',\n engine: 'SQL',\n author: 'Maria Volkova',\n query: 'SELECT 1;',\n height: 52,\n },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n {\n id: 'engine',\n type: 'checkboxGroup',\n title: 'Engine',\n initialValue: [],\n items: [\n {id: 'yql', title: 'YQL'},\n {id: 'sql', title: 'SQL'},\n ],\n },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n {id: 'savedAt', title: 'Saved date'},\n {id: 'engine', title: 'Engine'},\n {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n title: 'Widgets/SavedQueries',\n component: SavedQueries,\n tags: ['autodocs'],\n parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n const [items, setItems] = useState(BASE_ITEMS);\n const [search, setSearch] = useState({value: '', fullSearch: false});\n const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n 'savedAt',\n 'engine',\n 'author',\n ]);\n const [comparedRowIds, setComparedRowIds] = useState<(number \| string)[]>([]);\n const [editingRowId, setEditingRowId] = useState<number \| string>();\n\n const filteredItems = useMemo(() => {\n if (!search.value) return items;\n\n const value = search.value.toLowerCase();\n return items.filter((item) => {\n if ('header' in item) return false;\n\n return search.fullSearch\n ? item.title.toLowerCase().includes(value) \|\|\n item.query?.toLowerCase().includes(value)\n : item.title.toLowerCase().includes(value);\n });\n }, [items, search]);\n\n const updateTitle = (item: SavedQuery, title: string) => {\n setItems((currentItems) =>\n currentItems.map((currentItem) =>\n 'id' in currentItem && currentItem.id === item.id\n ? {...currentItem, title}\n : currentItem,\n ),\n );\n setEditingRowId(undefined);\n };\n\n return (\n <div style={{width: 360, height: 560}}>\n <SavedQueries\n items={filteredItems}\n search={{...search, hasClear: true, onUpdate: setSearch}}\n filter={{\n fields: filterFields,\n onApply: action('onFilterApply'),\n onReset: action('onFilterReset'),\n }}\n visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n editing={{\n rowId: editingRowId,\n onSubmit: updateTitle,\n onCancel: () => setEditingRowId(undefined),\n }}\n comparison={{\n enabled: Boolean(comparedRowIds.length),\n comparedRowIds,\n onChange: (item, selected) => {\n setComparedRowIds((currentIds) =>\n selected\n ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n : currentIds.filter((id) => id !== item.id),\n );\n },\n onCancel: () => setComparedRowIds([]),\n onCompare: () => action('onCompare')(comparedRowIds),\n }}\n getRowActions={(item) => [\n {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n {\n text: 'Compare with baseline',\n onClick: () => setComparedRowIds([item.id]),\n },\n {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n ]}\n />\n </div>\n );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n 'header' in item ? item : {...item, team: 'Analytics'},\n );\n const [search, setSearch] = useState({value: '', fullSearch: false});\n\n return (\n <div style={{width: 360, height: 280}}>\n <SavedQueries\n items={items}\n search={{...search, hasClear: true, onUpdate: setSearch}}\n renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n />\n </div>\n );\n};\n\nconst EmptyStory = () => {\n const [search, setSearch] = useState({value: '', fullSearch: false});\n\n return (\n <div style={{width: 360, height: 280}}>\n <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n </div>\n );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/AttachmentList/AttachmentList.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { ListProps } from '@gravity-ui/uikit';
 import { AttachmentItemProps } from './internal/AttachmentItem/AttachmentItem';
 import './AttachmentList.scss';
-export type AttachmentListProps = Omit<ListProps, 'items' | 'selectedItemIndex' | 'virtualized'> & {
+export type AttachmentListProps<T extends AttachmentItemProps['attachment'] = AttachmentItemProps['attachment']> = Omit<ListProps<T>, 'items' | 'selectedItemIndex' | 'virtualized'> & {
     attachments: AttachmentItemProps['attachment'][];
     className?: string;
     onDelete?: (attachment: AttachmentItemProps['attachment']) => void;
@@ -14,4 +14,4 @@ export type AttachmentListProps = Omit<ListProps, 'items' | 'selectedItemIndex'
     editingIds?: string[];
     isDeleted?: boolean;
 };
-export declare const AttachmentList: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, ...listProps }: AttachmentListProps) => React.JSX.Element;
+export declare const AttachmentList: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, onItemClick, ...listProps }: AttachmentListProps) => React.JSX.Element;

package/build/esm/components/AttachmentList/AttachmentList.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["attachments", "onEdit", "onDelete", "onRevert", "wasAddedIds", "wasEditedIds", "editingIds", "renderEditForm", "className", "isDeleted"];
+var _excluded = ["attachments", "onEdit", "onDelete", "onRevert", "wasAddedIds", "wasEditedIds", "editingIds", "renderEditForm", "className", "isDeleted", "onItemClick"];
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.set.js";
@@ -16,6 +16,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useMemo } from 'react';
 import { Flex, List } from '@gravity-ui/uikit';
 import { AttachmentItem } from "./internal/AttachmentItem/AttachmentItem";
+import { isInteractiveTarget } from "./helpers/isInteractiveTarget";
 import "./AttachmentList.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var AttachmentList = function AttachmentList(_ref) {
@@ -29,6 +30,7 @@ export var AttachmentList = function AttachmentList(_ref) {
     renderEditForm = _ref.renderEditForm,
     className = _ref.className,
     isDeleted = _ref.isDeleted,
+    onItemClick = _ref.onItemClick,
     listProps = _objectWithoutProperties(_ref, _excluded);
   var addedIdsSet = useMemo(function () {
     return new Set(wasAddedIds);
@@ -39,6 +41,11 @@ export var AttachmentList = function AttachmentList(_ref) {
   var editingIdsSet = useMemo(function () {
     return new Set(editingIds);
   }, [editingIds]);
+  var handleItemClick = function handleItemClick(item, index, fromKeyboard, event) {
+    if (editingIdsSet.has(item.id)) return;
+    if (isInteractiveTarget(event === null || event === void 0 ? void 0 : event.target)) return;
+    onItemClick === null || onItemClick === void 0 || onItemClick(item, index, fromKeyboard, event);
+  };
   return /*#__PURE__*/_jsx(Flex, {
     className: className,
     width: "100%",
@@ -47,6 +54,7 @@ export var AttachmentList = function AttachmentList(_ref) {
       filterable: false,
       virtualized: false,
       items: attachments,
+      onItemClick: handleItemClick,
       renderItem: function renderItem(attachment) {
         if (editingIdsSet.has(attachment.id)) {
           return renderEditForm === null || renderEditForm === void 0 ? void 0 : renderEditForm(attachment);

package/build/esm/components/AttachmentList/AttachmentList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","Flex","List","AttachmentItem","jsx","_jsx","AttachmentList","_ref","attachments","onEdit","onDelete","onRevert","wasAddedIds","wasEditedIds","editingIds","renderEditForm","className","isDeleted","listProps","_objectWithoutProperties","_excluded","addedIdsSet","Set","editedIdsSet","editingIdsSet","width","height","children","_objectSpread","filterable","virtualized","items","renderItem","attachment","~~has","id","~~wasAdded","wasEdited"],"sources":["AttachmentList.tsx"],"sourcesContent":["import React, {ReactNode, useMemo} from 'react';\nimport {Flex, List, ListProps} from '@gravity-ui/uikit';\nimport {AttachmentItem, AttachmentItemProps} from './internal/AttachmentItem/AttachmentItem';\nimport './AttachmentList.scss';\n\nexport type AttachmentListProps = Omit<ListProps, 'items' \| 'selectedItemIndex' \| 'virtualized'> & {\n attachments: AttachmentItemProps['attachment'][];\n className?: string;\n onDelete?: (attachment: AttachmentItemProps['attachment']) => void;\n onEdit?: (attachment: AttachmentItemProps['attachment']) => void;\n onRevert?: (attachment: AttachmentItemProps['attachment']) => void;\n\n renderEditForm?: (attachment: AttachmentItemProps['attachment']) => ReactNode;\n\n wasAddedIds?: string[];\n wasEditedIds?: string[];\n\n editingIds?: string[];\n\n isDeleted?: boolean;\n};\n\nexport const AttachmentList = ({\n attachments,\n onEdit,\n onDelete,\n onRevert,\n wasAddedIds,\n wasEditedIds,\n editingIds,\n renderEditForm,\n className,\n isDeleted,\n ...listProps\n}: AttachmentListProps) => {\n const addedIdsSet = useMemo(() => new Set(wasAddedIds), [wasAddedIds]);\n const editedIdsSet = useMemo(() => new Set(wasEditedIds), [wasEditedIds]);\n const editingIdsSet = useMemo(() => new Set(editingIds), [editingIds]);\n\n return (\n <Flex className={className} width=\"100%\" height=\"100%\">\n <List<AttachmentListProps['attachments'][number]>\n filterable={false}\n virtualized={false}\n items={attachments}\n renderItem={(attachment) => {\n if (editingIdsSet.has(attachment.id)) {\n return renderEditForm?.(attachment);\n }\n\n return (\n <AttachmentItem\n attachment={attachment}\n wasAdded={addedIdsSet.has(attachment.id)}\n wasEdited={editedIdsSet.has(attachment.id)}\n onEdit={onEdit}\n onRevert={onRevert}\n onDelete={onDelete}\n isDeleted={isDeleted}\n />\n );\n }}\n {...listProps}\n />\n </Flex>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAcC,OAAO,QAAO,OAAO;AAC/C,SAAQC,IAAI,EAAEC,IAAI,QAAkB,mBAAmB;AACvD,SAAQC,cAAc;AACtB;AAA+B,SAAAC,GAAA,IAAAC,IAAA;~~AAmB~~/B,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,~~EAYA~~;EAAA,~~IAXvBC~~,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,SAAS,GAAAV,IAAA,CAATU,SAAS;~~IACNC~~,SAAS,GAAAC,wBAAA,~~CAAAZ~~,IAAA,~~EAAAa~~,SAAA;EAEZ,IAAMC,WAAW,~~GAAGrB~~,OAAO,CAAC;IAAA,OAAM,~~IAAIsB~~,GAAG,~~CAACV~~,WAAW,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EACtE,~~IAAMW~~,YAAY,~~GAAGvB~~,OAAO,CAAC;IAAA,OAAM,~~IAAIsB~~,GAAG,~~CAACT~~,YAAY,CAAC;EAAA,GAAE,CAACA,YAAY,CAAC,CAAC;EACzE,~~IAAMW~~,aAAa,~~GAAGxB~~,OAAO,CAAC;IAAA,OAAM,~~IAAIsB~~,GAAG,~~CAACR~~,UAAU,CAAC;EAAA,GAAE,CAACA,UAAU,CAAC,CAAC;EAEtE,~~oBACIT~~,~~IAAA~~,CAACJ,IAAI;~~IAACe~~,SAAS,EAAEA,SAAU;~~IAACS~~,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAAAC,QAAA,~~eAClDtB~~,IAAA,~~CAACH~~,IAAI,~~EAAA0B~~,aAAA;MACDC,UAAU,EAAE,KAAM;MAClBC,WAAW,EAAE,KAAM;MACnBC,KAAK,~~EAAEvB~~,WAAY;~~MACnBwB~~,UAAU,EAAE,SAAZA,UAAUA,CAAGC,UAAU,EAAK;QACxB,~~IAAIT~~,aAAa,~~CAACU~~,GAAG,~~CAACD~~,UAAU,~~CAACE~~,EAAE,CAAC,EAAE;UAClC,~~OAAOpB~~,cAAc,aAAdA,cAAc,uBAAdA,cAAc,~~CAAGkB~~,UAAU,CAAC;QACvC;QAEA,~~oBACI5B~~,IAAA,~~CAACF~~,cAAc;~~UACX8B~~,UAAU,EAAEA,UAAW;~~UACvBG~~,QAAQ,~~EAAEf~~,WAAW,~~CAACa~~,GAAG,~~CAACD~~,UAAU,~~CAACE~~,EAAE,CAAE;~~UACzCE~~,SAAS,~~EAAEd~~,YAAY,~~CAACW~~,GAAG,~~CAACD~~,UAAU,~~CAACE~~,EAAE,CAAE;~~UAC3C1B~~,MAAM,EAAEA,MAAO;UACfE,QAAQ,EAAEA,QAAS;UACnBD,QAAQ,EAAEA,QAAS;UACnBO,SAAS,EAAEA;QAAU,CACxB,CAAC;MAEV;IAAE,~~GACEC~~,SAAS,CAChB;EAAC,CACA,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","Flex","List","AttachmentItem","isInteractiveTarget","jsx","_jsx","AttachmentList","_ref","attachments","onEdit","onDelete","onRevert","wasAddedIds","wasEditedIds","editingIds","renderEditForm","className","isDeleted","onItemClick","listProps","_objectWithoutProperties","_excluded","addedIdsSet","Set","editedIdsSet","editingIdsSet","handleItemClick","item","index","fromKeyboard","event","has","id","target","width","height","children","_objectSpread","filterable","virtualized","items","renderItem","attachment","wasAdded","wasEdited"],"sources":["AttachmentList.tsx"],"sourcesContent":["import React, {ReactNode, useMemo} from 'react';\nimport {Flex, List, ListProps} from '@gravity-ui/uikit';\nimport {AttachmentItem, AttachmentItemProps} from './internal/AttachmentItem/AttachmentItem';\nimport {isInteractiveTarget} from './helpers/isInteractiveTarget';\nimport './AttachmentList.scss';\n\nexport type AttachmentListProps<\n T extends AttachmentItemProps['attachment'] = AttachmentItemProps['attachment'],\n> = Omit<ListProps<T>, 'items' \| 'selectedItemIndex' \| 'virtualized'> & {\n attachments: AttachmentItemProps['attachment'][];\n className?: string;\n onDelete?: (attachment: AttachmentItemProps['attachment']) => void;\n onEdit?: (attachment: AttachmentItemProps['attachment']) => void;\n onRevert?: (attachment: AttachmentItemProps['attachment']) => void;\n\n renderEditForm?: (attachment: AttachmentItemProps['attachment']) => ReactNode;\n\n wasAddedIds?: string[];\n wasEditedIds?: string[];\n\n editingIds?: string[];\n\n isDeleted?: boolean;\n};\n\nexport const AttachmentList = ({\n attachments,\n onEdit,\n onDelete,\n onRevert,\n wasAddedIds,\n wasEditedIds,\n editingIds,\n renderEditForm,\n className,\n isDeleted,\n onItemClick,\n ...listProps\n}: AttachmentListProps) => {\n const addedIdsSet = useMemo(() => new Set(wasAddedIds), [wasAddedIds]);\n const editedIdsSet = useMemo(() => new Set(wasEditedIds), [wasEditedIds]);\n const editingIdsSet = useMemo(() => new Set(editingIds), [editingIds]);\n\n const handleItemClick: AttachmentListProps['onItemClick'] = (\n item,\n index,\n fromKeyboard,\n event,\n ) => {\n if (editingIdsSet.has(item.id)) return;\n if (isInteractiveTarget(event?.target)) return;\n onItemClick?.(item, index, fromKeyboard, event);\n };\n\n return (\n <Flex className={className} width=\"100%\" height=\"100%\">\n <List<AttachmentListProps['attachments'][number]>\n filterable={false}\n virtualized={false}\n items={attachments}\n onItemClick={handleItemClick}\n renderItem={(attachment) => {\n if (editingIdsSet.has(attachment.id)) {\n return renderEditForm?.(attachment);\n }\n\n return (\n <AttachmentItem\n attachment={attachment}\n wasAdded={addedIdsSet.has(attachment.id)}\n wasEdited={editedIdsSet.has(attachment.id)}\n onEdit={onEdit}\n onRevert={onRevert}\n onDelete={onDelete}\n isDeleted={isDeleted}\n />\n );\n }}\n {...listProps}\n />\n </Flex>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAcC,OAAO,QAAO,OAAO;AAC/C,SAAQC,IAAI,EAAEC,IAAI,QAAkB,mBAAmB;AACvD,SAAQC,cAAc;AACtB,SAAQC,mBAAmB;AAC3B;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAqB/B,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAaA;EAAA,IAZvBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACRC,SAAS,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA;EAEZ,IAAMC,WAAW,GAAGvB,OAAO,CAAC;IAAA,OAAM,IAAIwB,GAAG,CAACX,WAAW,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EACtE,IAAMY,YAAY,GAAGzB,OAAO,CAAC;IAAA,OAAM,IAAIwB,GAAG,CAACV,YAAY,CAAC;EAAA,GAAE,CAACA,YAAY,CAAC,CAAC;EACzE,IAAMY,aAAa,GAAG1B,OAAO,CAAC;IAAA,OAAM,IAAIwB,GAAG,CAACT,UAAU,CAAC;EAAA,GAAE,CAACA,UAAU,CAAC,CAAC;EAEtE,IAAMY,eAAmD,GAAG,SAAtDA,eAAmDA,CACrDC,IAAI,EACJC,KAAK,EACLC,YAAY,EACZC,KAAK,EACJ;IACD,IAAIL,aAAa,CAACM,GAAG,CAACJ,IAAI,CAACK,EAAE,CAAC,EAAE;IAChC,IAAI7B,mBAAmB,CAAC2B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,MAAM,CAAC,EAAE;IACxCf,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGS,IAAI,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,CAAC;EACnD,CAAC;EAED,oBACIzB,IAAA,CAACL,IAAI;IAACgB,SAAS,EAAEA,SAAU;IAACkB,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAAAC,QAAA,eAClD/B,IAAA,CAACJ,IAAI,EAAAoC,aAAA;MACDC,UAAU,EAAE,KAAM;MAClBC,WAAW,EAAE,KAAM;MACnBC,KAAK,EAAEhC,WAAY;MACnBU,WAAW,EAAEQ,eAAgB;MAC7Be,UAAU,EAAE,SAAZA,UAAUA,CAAGC,UAAU,EAAK;QACxB,IAAIjB,aAAa,CAACM,GAAG,CAACW,UAAU,CAACV,EAAE,CAAC,EAAE;UAClC,OAAOjB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG2B,UAAU,CAAC;QACvC;QAEA,oBACIrC,IAAA,CAACH,cAAc;UACXwC,UAAU,EAAEA,UAAW;UACvBC,QAAQ,EAAErB,WAAW,CAACS,GAAG,CAACW,UAAU,CAACV,EAAE,CAAE;UACzCY,SAAS,EAAEpB,YAAY,CAACO,GAAG,CAACW,UAAU,CAACV,EAAE,CAAE;UAC3CvB,MAAM,EAAEA,MAAO;UACfE,QAAQ,EAAEA,QAAS;UACnBD,QAAQ,EAAEA,QAAS;UACnBO,SAAS,EAAEA;QAAU,CACxB,CAAC;MAEV;IAAE,GACEE,SAAS,CAChB;EAAC,CACA,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/AttachmentList/AttachmentList.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
 import { type AttachmentListProps } from './AttachmentList';
 declare const meta: {
     title: string;
-    component: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, ...listProps }: AttachmentListProps) => React.JSX.Element;
+    component: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, onItemClick, ...listProps }: AttachmentListProps) => React.JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
@@ -18,16 +18,22 @@ declare const meta: {
         loading?: boolean | undefined;
         size?: import("@gravity-ui/uikit").TextInputSize | undefined;
         sortable?: boolean | undefined;
-        itemHeight?: number | ((item: {
-            disabled?: boolean;
-        }, itemIndex: number) => number) | undefined;
-        renderItem?: ((item: {
-            disabled?: boolean;
-        }, isItemActive: boolean, itemIndex: number) => React.ReactNode) | undefined;
+        itemHeight?: number | ((item: import("@gravity-ui/uikit").ListItemData<{
+            id: string;
+            name: string;
+            link?: string;
+        }>, itemIndex: number) => number) | undefined;
+        renderItem?: ((item: import("@gravity-ui/uikit").ListItemData<{
+            id: string;
+            name: string;
+            link?: string;
+        }>, isItemActive: boolean, itemIndex: number) => React.ReactNode) | undefined;
         onLoadMore?: (() => void) | undefined;
-        onItemClick?: ((item: {
-            disabled?: boolean;
-        }, index: number, fromKeyboard?: boolean, event?: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void) | undefined;
+        onItemClick?: ((item: import("@gravity-ui/uikit").ListItemData<{
+            id: string;
+            name: string;
+            link?: string;
+        }>, index: number, fromKeyboard?: boolean, event?: React.MouseEvent<HTMLDivElement, MouseEvent> | React.KeyboardEvent<HTMLElement>) => void) | undefined;
         filterable?: boolean | undefined;
         itemClassName?: string | undefined;
         itemsClassName?: string | undefined;
@@ -35,20 +41,30 @@ declare const meta: {
         emptyPlaceholder?: React.ReactNode;
         filterPlaceholder?: string | undefined;
         activeItemIndex?: number | undefined;
-        itemKey?: ((item: {
-            disabled?: boolean;
-        }) => string) | undefined;
-        itemsHeight?: number | ((items: unknown[]) => number) | undefined;
+        itemKey?: ((item: import("@gravity-ui/uikit").ListItemData<{
+            id: string;
+            name: string;
+            link?: string;
+        }>) => string) | undefined;
+        itemsHeight?: number | ((items: {
+            id: string;
+            name: string;
+            link?: string;
+        }[]) => number) | undefined;
         deactivateOnLeave?: boolean | undefined;
         sortHandleAlign?: import("@gravity-ui/uikit").ListSortHandleAlign | undefined;
-        filterItem?: ((filter: string) => (item: {
-            disabled?: boolean;
-        }) => boolean) | undefined;
+        filterItem?: ((filter: string) => (item: import("@gravity-ui/uikit").ListItemData<{
+            id: string;
+            name: string;
+            link?: string;
+        }>) => boolean) | undefined;
         onFilterUpdate?: ((filter: string) => void) | undefined;
         onFilterEnd?: (({ items }: {
-            items: {
-                disabled?: boolean;
-            }[];
+            items: import("@gravity-ui/uikit").ListItemData<{
+                id: string;
+                name: string;
+                link?: string;
+            }>[];
         }) => void) | undefined;
         onSortEnd?: ((params: import("@gravity-ui/uikit").ListSortParams) => void) | undefined;
         onChangeActive?: ((index?: number) => void) | undefined;

package/build/esm/components/AttachmentList/AttachmentList.stories.js CHANGED Viewed

@@ -127,6 +127,7 @@ var InteractiveAttachmentList = function InteractiveAttachmentList(props) {
         });
       });
     },
+    onItemClick: console.info,
     onEdit: function onEdit(attachment) {
       var _props$onEdit;
       (_props$onEdit = props.onEdit) === null || _props$onEdit === void 0 || _props$onEdit.call(props, attachment);
@@ -208,6 +209,7 @@ var EditableAttachmentList = function EditableAttachmentList(props) {
         }));
       }
     },
+    onItemClick: console.info,
     renderEditForm: function renderEditForm(attachment) {
       var isLink = typeof attachment.link === 'string';
       if (isLink) {
@@ -260,6 +262,7 @@ var SortableAttachmentList = function SortableAttachmentList(props) {
     setOrderedAttachments = _useState12[1];
   return /*#__PURE__*/_jsx(AttachmentList, _objectSpread(_objectSpread({}, props), {}, {
     attachments: orderedAttachments,
+    onItemClick: console.info,
     onSortEnd: function onSortEnd(_ref) {
       var _props$onSortEnd;
       var oldIndex = _ref.oldIndex,

package/build/esm/components/AttachmentList/AttachmentList.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","Text","EditAttachmentItem","fn","AttachmentList","jsx","_jsx","attachments","id","name","link","meta","title","component","tags","parameters","layout","decorators","Story","style","width","height","children","args","onDelete","onEdit","Default","ChangeStates","wasAddedIds","wasEditedIds","Filterable","filterable","filterPlaceholder","filterItem","filter","attachment","toLocaleLowerCase","includes","InteractiveAttachmentList","props","_useState","_useState2","_slicedToArray","currentAttachments","setCurrentAttachments","_useState3","_useState4","editedIds","setEditedIds","_objectSpread","_props$onDelete","call","current","item","_props$onEdit","concat","_toConsumableArray","InteractiveActions","render","EditableAttachmentList","_useState5","_useState6","_useState7","_useState8","editingId","setEditingId","_useState9","_useState0","draftName","setDraftName","_useState1","token","_useState10","draftLink","setDraftLink","handleAcceptDraft","prevState","map","attach","undefined","editingIds","list","l","_props$onEdit2","renderEditForm","isLink","onCancel","onAccept","values","onChange","tokens","value","type","fileName","onChangeFileName","CustomEditForm","SortableAttachmentList","_useState11","_useState12","orderedAttachments","setOrderedAttachments","onSortEnd","_ref","_props$onSortEnd","oldIndex","newIndex","next","_next$splice","splice","_next$splice2","movedAttachment","Sortable","sortable","sortHandleAlign","Empty","emptyPlaceholder","color","Loading","loading"],"sources":["AttachmentList.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {EditAttachmentItem, EditLinkValues} from './internal/EditAttachmentItem';\nimport {fn} from 'storybook/test';\n\nimport {AttachmentList, type AttachmentListProps} from './AttachmentList';\n\nconst attachments: AttachmentListProps['attachments'] = [\n {id: 'readme', name: 'README'},\n {id: 'javascript', name: 'index.js'},\n {id: 'python', name: 'main.py'},\n {id: 'csv', name: 'sales.csv'},\n {id: 'link-image', name: 'https://home/tutorial', link: 'https://home/tutorial'},\n {id: 'excel', name: 'forecast.xlsx'},\n {id: 'cpp', name: 'processor.cpp'},\n {id: 'ql', name: 'analytics.ql'},\n {id: 'yql', name: 'events.yql'},\n {id: 'sql', name: 'report.sql'},\n {id: 'link', name: 'link to file.cpp', link: 'link/to/file.cpp'},\n];\n\nconst meta = {\n title: 'Components/AttachmentList',\n component: AttachmentList,\n tags: ['autodocs'],\n parameters: {\n layout: 'padded',\n },\n decorators: [\n (Story) => (\n <div style={{width: 360, height: 360}}>\n <Story />\n </div>\n ),\n ],\n args: {\n attachments,\n onDelete: fn(),\n onEdit: fn(),\n },\n} satisfies Meta<typeof AttachmentList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/** Attachments with supported extensions use their corresponding icons. Row actions appear on hover. /\nexport const Default: Story = {};\n\n/* `wasAddedIds` and `wasEditedIds` highlight attachments with their current change state. /\nexport const ChangeStates: Story = {\n args: {\n wasAddedIds: ['javascript', 'csv'],\n wasEditedIds: ['python', 'sql'],\n },\n};\n\n/* The inherited List filtering API can be enabled when a consumer needs local attachment search. /\nexport const Filterable: Story = {\n args: {\n filterable: true,\n filterPlaceholder: 'Filter by attachment name',\n filterItem: (filter) => (attachment) =>\n (attachment as AttachmentListProps['attachments'][number]).name\n .toLocaleLowerCase()\n .includes(filter.toLocaleLowerCase()),\n },\n};\n\nconst InteractiveAttachmentList = (props: AttachmentListProps) => {\n const [currentAttachments, setCurrentAttachments] = useState(props.attachments);\n const [editedIds, setEditedIds] = useState<string[]>([]);\n\n return (\n <AttachmentList\n {...props}\n attachments={currentAttachments}\n wasEditedIds={editedIds}\n onDelete={(attachment) => {\n props.onDelete?.(attachment);\n setCurrentAttachments((current) =>\n current.filter((item) => item.id !== attachment.id),\n );\n setEditedIds((current) => current.filter((id) => id !== attachment.id));\n }}\n onEdit={(attachment) => {\n props.onEdit?.(attachment);\n setEditedIds((current) =>\n current.includes(attachment.id)\n ? current.filter((id) => id !== attachment.id)\n : [...current, attachment.id],\n );\n }}\n />\n );\n};\n\n/* Hover a row: edit toggles its edited state and delete removes it from the list. /\nexport const InteractiveActions: Story = {\n render: (args) => <InteractiveAttachmentList {...args} />,\n};\n\nconst EditableAttachmentList = (props: AttachmentListProps) => {\n const [currentAttachments, setCurrentAttachments] = useState(props.attachments);\n const [editingId, setEditingId] = useState<string>();\n const [draftName, setDraftName] = useState('');\n const [draftLink, setDraftLink] = useState<EditLinkValues>({\n link: '',\n token: '',\n name: '',\n });\n\n const handleAcceptDraft = () => {\n setCurrentAttachments((prevState) => {\n return prevState.map((attach) => {\n if (attach.id === editingId && attach.link === undefined) {\n return {\n ...attach,\n name: draftName,\n };\n }\n if (attach.id === editingId && typeof attach.link === 'string') {\n return {\n ...attach,\n name: draftLink.name,\n link: draftLink.link,\n };\n }\n return attach;\n });\n });\n setDraftName('');\n setEditingId('');\n };\n\n return (\n <AttachmentList\n {...props}\n attachments={currentAttachments}\n editingIds={editingId ? [editingId] : []}\n onDelete={(attach) =>\n setCurrentAttachments((list) => list.filter((l) => l.id !== attach.id))\n }\n onEdit={(attachment) => {\n props.onEdit?.(attachment);\n setEditingId(attachment.id);\n setDraftName(attachment.name);\n if (typeof attachment.link === 'string') {\n setDraftLink({...draftLink, name: attachment.name, link: attachment.link});\n }\n }}\n renderEditForm={(attachment) => {\n const isLink = typeof attachment.link === 'string';\n\n if (isLink) {\n return (\n <EditAttachmentItem\n onCancel={() => setEditingId('')}\n onAccept={handleAcceptDraft}\n values={draftLink}\n onChange={setDraftLink}\n tokens={[\n {value: 'default_database_logs', title: 'default_database_logs'},\n {value: 'default_yt', title: 'default_yt'},\n {value: 'default_yql', title: 'default_yql'},\n {\n value: 'default_long_token_title',\n title: 'default_long_token_title',\n },\n ]}\n type={'link'}\n />\n );\n }\n\n return (\n <EditAttachmentItem\n fileName={draftName}\n onChangeFileName={setDraftName}\n onCancel={() => setEditingId('')}\n onAccept={handleAcceptDraft}\n type={'file'}\n />\n );\n }}\n />\n );\n};\n\n/* Hover a row and click edit to replace it with a consumer-provided rename form. /\nexport const CustomEditForm: Story = {\n render: (args) => <EditableAttachmentList {...args} />,\n};\n\nconst SortableAttachmentList = (props: AttachmentListProps) => {\n const [orderedAttachments, setOrderedAttachments] = useState(props.attachments);\n\n return (\n <AttachmentList\n {...props}\n attachments={orderedAttachments}\n onSortEnd={({oldIndex, newIndex}) => {\n props.onSortEnd?.({oldIndex, newIndex});\n setOrderedAttachments((current) => {\n const next = [...current];\n const [movedAttachment] = next.splice(oldIndex, 1);\n\n if (movedAttachment) {\n next.splice(newIndex, 0, movedAttachment);\n }\n\n return next;\n });\n }}\n />\n );\n};\n\n/* Drag attachments by the handle to reorder them using the inherited List sorting API. /\nexport const Sortable: Story = {\n args: {\n sortable: true,\n sortHandleAlign: 'left',\n onSortEnd: fn(),\n },\n render: (args) => <SortableAttachmentList {...args} />,\n};\n\n/* Consumer-provided content is displayed when the attachment array is empty. /\nexport const Empty: Story = {\n args: {\n attachments: [],\n emptyPlaceholder: <Text color=\"secondary\">No attachments yet</Text>,\n },\n};\n\n/* The inherited loading state can be used while the attachment collection is being fetched. */\nexport const Loading: Story = {\n args: {\n attachments: [],\n loading: true,\n },\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","Text","EditAttachmentItem","fn","AttachmentList","jsx","_jsx","attachments","id","name","link","meta","title","component","tags","parameters","layout","decorators","Story","style","width","height","children","args","onDelete","onEdit","Default","ChangeStates","wasAddedIds","wasEditedIds","Filterable","filterable","filterPlaceholder","filterItem","filter","attachment","toLocaleLowerCase","includes","InteractiveAttachmentList","props","_useState","_useState2","_slicedToArray","currentAttachments","setCurrentAttachments","_useState3","_useState4","editedIds","setEditedIds","_objectSpread","_props$onDelete","call","current","item","onItemClick","console","info","_props$onEdit","concat","_toConsumableArray","InteractiveActions","render","EditableAttachmentList","_useState5","_useState6","_useState7","_useState8","editingId","setEditingId","_useState9","_useState0","draftName","setDraftName","_useState1","token","_useState10","draftLink","setDraftLink","handleAcceptDraft","prevState","map","attach","undefined","editingIds","list","l","_props$onEdit2","renderEditForm","isLink","onCancel","onAccept","values","onChange","tokens","value","type","fileName","onChangeFileName","CustomEditForm","SortableAttachmentList","_useState11","_useState12","orderedAttachments","setOrderedAttachments","onSortEnd","_ref","_props$onSortEnd","oldIndex","newIndex","next","_next$splice","splice","_next$splice2","movedAttachment","Sortable","sortable","sortHandleAlign","Empty","emptyPlaceholder","color","Loading","loading"],"sources":["AttachmentList.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {EditAttachmentItem, EditLinkValues} from './internal/EditAttachmentItem';\nimport {fn} from 'storybook/test';\n\nimport {AttachmentList, type AttachmentListProps} from './AttachmentList';\n\nconst attachments: AttachmentListProps['attachments'] = [\n {id: 'readme', name: 'README'},\n {id: 'javascript', name: 'index.js'},\n {id: 'python', name: 'main.py'},\n {id: 'csv', name: 'sales.csv'},\n {id: 'link-image', name: 'https://home/tutorial', link: 'https://home/tutorial'},\n {id: 'excel', name: 'forecast.xlsx'},\n {id: 'cpp', name: 'processor.cpp'},\n {id: 'ql', name: 'analytics.ql'},\n {id: 'yql', name: 'events.yql'},\n {id: 'sql', name: 'report.sql'},\n {id: 'link', name: 'link to file.cpp', link: 'link/to/file.cpp'},\n];\n\nconst meta = {\n title: 'Components/AttachmentList',\n component: AttachmentList,\n tags: ['autodocs'],\n parameters: {\n layout: 'padded',\n },\n decorators: [\n (Story) => (\n <div style={{width: 360, height: 360}}>\n <Story />\n </div>\n ),\n ],\n args: {\n attachments,\n onDelete: fn(),\n onEdit: fn(),\n },\n} satisfies Meta<typeof AttachmentList>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n/** Attachments with supported extensions use their corresponding icons. Row actions appear on hover. /\nexport const Default: Story = {};\n\n/* `wasAddedIds` and `wasEditedIds` highlight attachments with their current change state. /\nexport const ChangeStates: Story = {\n args: {\n wasAddedIds: ['javascript', 'csv'],\n wasEditedIds: ['python', 'sql'],\n },\n};\n\n/* The inherited List filtering API can be enabled when a consumer needs local attachment search. /\nexport const Filterable: Story = {\n args: {\n filterable: true,\n filterPlaceholder: 'Filter by attachment name',\n filterItem: (filter) => (attachment) =>\n (attachment as AttachmentListProps['attachments'][number]).name\n .toLocaleLowerCase()\n .includes(filter.toLocaleLowerCase()),\n },\n};\n\nconst InteractiveAttachmentList = (props: AttachmentListProps) => {\n const [currentAttachments, setCurrentAttachments] = useState(props.attachments);\n const [editedIds, setEditedIds] = useState<string[]>([]);\n\n return (\n <AttachmentList\n {...props}\n attachments={currentAttachments}\n wasEditedIds={editedIds}\n onDelete={(attachment) => {\n props.onDelete?.(attachment);\n setCurrentAttachments((current) =>\n current.filter((item) => item.id !== attachment.id),\n );\n setEditedIds((current) => current.filter((id) => id !== attachment.id));\n }}\n onItemClick={console.info}\n onEdit={(attachment) => {\n props.onEdit?.(attachment);\n setEditedIds((current) =>\n current.includes(attachment.id)\n ? current.filter((id) => id !== attachment.id)\n : [...current, attachment.id],\n );\n }}\n />\n );\n};\n\n/* Hover a row: edit toggles its edited state and delete removes it from the list. /\nexport const InteractiveActions: Story = {\n render: (args) => <InteractiveAttachmentList {...args} />,\n};\n\nconst EditableAttachmentList = (props: AttachmentListProps) => {\n const [currentAttachments, setCurrentAttachments] = useState(props.attachments);\n const [editingId, setEditingId] = useState<string>();\n const [draftName, setDraftName] = useState('');\n const [draftLink, setDraftLink] = useState<EditLinkValues>({\n link: '',\n token: '',\n name: '',\n });\n\n const handleAcceptDraft = () => {\n setCurrentAttachments((prevState) => {\n return prevState.map((attach) => {\n if (attach.id === editingId && attach.link === undefined) {\n return {\n ...attach,\n name: draftName,\n };\n }\n if (attach.id === editingId && typeof attach.link === 'string') {\n return {\n ...attach,\n name: draftLink.name,\n link: draftLink.link,\n };\n }\n return attach;\n });\n });\n setDraftName('');\n setEditingId('');\n };\n\n return (\n <AttachmentList\n {...props}\n attachments={currentAttachments}\n editingIds={editingId ? [editingId] : []}\n onDelete={(attach) =>\n setCurrentAttachments((list) => list.filter((l) => l.id !== attach.id))\n }\n onEdit={(attachment) => {\n props.onEdit?.(attachment);\n setEditingId(attachment.id);\n setDraftName(attachment.name);\n if (typeof attachment.link === 'string') {\n setDraftLink({...draftLink, name: attachment.name, link: attachment.link});\n }\n }}\n onItemClick={console.info}\n renderEditForm={(attachment) => {\n const isLink = typeof attachment.link === 'string';\n\n if (isLink) {\n return (\n <EditAttachmentItem\n onCancel={() => setEditingId('')}\n onAccept={handleAcceptDraft}\n values={draftLink}\n onChange={setDraftLink}\n tokens={[\n {value: 'default_database_logs', title: 'default_database_logs'},\n {value: 'default_yt', title: 'default_yt'},\n {value: 'default_yql', title: 'default_yql'},\n {\n value: 'default_long_token_title',\n title: 'default_long_token_title',\n },\n ]}\n type={'link'}\n />\n );\n }\n\n return (\n <EditAttachmentItem\n fileName={draftName}\n onChangeFileName={setDraftName}\n onCancel={() => setEditingId('')}\n onAccept={handleAcceptDraft}\n type={'file'}\n />\n );\n }}\n />\n );\n};\n\n/* Hover a row and click edit to replace it with a consumer-provided rename form. /\nexport const CustomEditForm: Story = {\n render: (args) => <EditableAttachmentList {...args} />,\n};\n\nconst SortableAttachmentList = (props: AttachmentListProps) => {\n const [orderedAttachments, setOrderedAttachments] = useState(props.attachments);\n\n return (\n <AttachmentList\n {...props}\n attachments={orderedAttachments}\n onItemClick={console.info}\n onSortEnd={({oldIndex, newIndex}) => {\n props.onSortEnd?.({oldIndex, newIndex});\n setOrderedAttachments((current) => {\n const next = [...current];\n const [movedAttachment] = next.splice(oldIndex, 1);\n\n if (movedAttachment) {\n next.splice(newIndex, 0, movedAttachment);\n }\n\n return next;\n });\n }}\n />\n );\n};\n\n/* Drag attachments by the handle to reorder them using the inherited List sorting API. /\nexport const Sortable: Story = {\n args: {\n sortable: true,\n sortHandleAlign: 'left',\n onSortEnd: fn(),\n },\n render: (args) => <SortableAttachmentList {...args} />,\n};\n\n/* Consumer-provided content is displayed when the attachment array is empty. /\nexport const Empty: Story = {\n args: {\n attachments: [],\n emptyPlaceholder: <Text color=\"secondary\">No attachments yet</Text>,\n },\n};\n\n/* The inherited loading state can be used while the attachment collection is being fetched. */\nexport const Loading: Story = {\n args: {\n attachments: [],\n loading: true,\n },\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SAAQC,IAAI,QAAO,mBAAmB;AACtC,SAAQC,kBAAkB;AAC1B,SAAQC,EAAE,QAAO,gBAAgB;AAEjC,SAAQC,cAAc;AAAoD,SAAAC,GAAA,IAAAC,IAAA;AAE1E,IAAMC,WAA+C,GAAG,CACpD;EAACC,EAAE,EAAE,QAAQ;EAAEC,IAAI,EAAE;AAAQ,CAAC,EAC9B;EAACD,EAAE,EAAE,YAAY;EAAEC,IAAI,EAAE;AAAU,CAAC,EACpC;EAACD,EAAE,EAAE,QAAQ;EAAEC,IAAI,EAAE;AAAS,CAAC,EAC/B;EAACD,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAW,CAAC,EAC9B;EAACD,EAAE,EAAE,YAAY;EAAEC,IAAI,EAAE,uBAAuB;EAAEC,IAAI,EAAE;AAAuB,CAAC,EAChF;EAACF,EAAE,EAAE,OAAO;EAAEC,IAAI,EAAE;AAAe,CAAC,EACpC;EAACD,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAe,CAAC,EAClC;EAACD,EAAE,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAc,CAAC,EAChC;EAACD,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAY,CAAC,EAC/B;EAACD,EAAE,EAAE,KAAK;EAAEC,IAAI,EAAE;AAAY,CAAC,EAC/B;EAACD,EAAE,EAAE,MAAM;EAAEC,IAAI,EAAE,kBAAkB;EAAEC,IAAI,EAAE;AAAkB,CAAC,CACnE;AAED,IAAMC,IAAI,GAAG;EACTC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAET,cAAc;EACzBU,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFZ,IAAA;MAAKa,KAAK,EAAE;QAACC,KAAK,EAAE,GAAG;QAAEC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eAClChB,IAAA,CAACY,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT,CACJ;EACDK,IAAI,EAAE;IACFhB,WAAW,EAAXA,WAAW;IACXiB,QAAQ,EAAErB,EAAE,CAAC,CAAC;IACdsB,MAAM,EAAEtB,EAAE,CAAC;EACf;AACJ,CAAuC;AAEvC,eAAeQ,IAAI;AAGnB;AACA,OAAO,IAAMe,OAAc,GAAG,CAAC,CAAC;;AAEhC;AACA,OAAO,IAAMC,YAAmB,GAAG;EAC/BJ,IAAI,EAAE;IACFK,WAAW,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC;IAClCC,YAAY,EAAE,CAAC,QAAQ,EAAE,KAAK;EAClC;AACJ,CAAC;;AAED;AACA,OAAO,IAAMC,UAAiB,GAAG;EAC7BP,IAAI,EAAE;IACFQ,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,2BAA2B;IAC9CC,UAAU,EAAE,SAAZA,UAAUA,CAAGC,MAAM;MAAA,OAAK,UAACC,UAAU;QAAA,OAC9BA,UAAU,CAAgD1B,IAAI,CAC1D2B,iBAAiB,CAAC,CAAC,CACnBC,QAAQ,CAACH,MAAM,CAACE,iBAAiB,CAAC,CAAC,CAAC;MAAA;IAAA;EACjD;AACJ,CAAC;AAED,IAAME,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAIC,KAA0B,EAAK;EAC9D,IAAAC,SAAA,GAAoDxC,QAAQ,CAACuC,KAAK,CAAChC,WAAW,CAAC;IAAAkC,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAxEG,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAChD,IAAAI,UAAA,GAAkC7C,QAAQ,CAAW,EAAE,CAAC;IAAA8C,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAAjDE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,oBACIxC,IAAA,CAACF,cAAc,EAAA6C,aAAA,CAAAA,aAAA,KACPV,KAAK;IACThC,WAAW,EAAEoC,kBAAmB;IAChCd,YAAY,EAAEkB,SAAU;IACxBvB,QAAQ,EAAE,SAAVA,QAAQA,CAAGW,UAAU,EAAK;MAAA,IAAAe,eAAA;MACtB,CAAAA,eAAA,GAAAX,KAAK,CAACf,QAAQ,cAAA0B,eAAA,eAAdA,eAAA,CAAAC,IAAA,CAAAZ,KAAK,EAAYJ,UAAU,CAAC;MAC5BS,qBAAqB,CAAC,UAACQ,OAAO;QAAA,OAC1BA,OAAO,CAAClB,MAAM,CAAC,UAACmB,IAAI;UAAA,OAAKA,IAAI,CAAC7C,EAAE,KAAK2B,UAAU,CAAC3B,EAAE;QAAA,EAAC;MAAA,CACvD,CAAC;MACDwC,YAAY,CAAC,UAACI,OAAO;QAAA,OAAKA,OAAO,CAAClB,MAAM,CAAC,UAAC1B,EAAE;UAAA,OAAKA,EAAE,KAAK2B,UAAU,CAAC3B,EAAE;QAAA,EAAC;MAAA,EAAC;IAC3E,CAAE;IACF8C,WAAW,EAAEC,OAAO,CAACC,IAAK;IAC1B/B,MAAM,EAAE,SAARA,MAAMA,CAAGU,UAAU,EAAK;MAAA,IAAAsB,aAAA;MACpB,CAAAA,aAAA,GAAAlB,KAAK,CAACd,MAAM,cAAAgC,aAAA,eAAZA,aAAA,CAAAN,IAAA,CAAAZ,KAAK,EAAUJ,UAAU,CAAC;MAC1Ba,YAAY,CAAC,UAACI,OAAO;QAAA,OACjBA,OAAO,CAACf,QAAQ,CAACF,UAAU,CAAC3B,EAAE,CAAC,GACzB4C,OAAO,CAAClB,MAAM,CAAC,UAAC1B,EAAE;UAAA,OAAKA,EAAE,KAAK2B,UAAU,CAAC3B,EAAE;QAAA,EAAC,MAAAkD,MAAA,CAAAC,kBAAA,CACxCP,OAAO,IAAEjB,UAAU,CAAC3B,EAAE,EAAC;MAAA,CACrC,CAAC;IACL;EAAE,EACL,CAAC;AAEV,CAAC;;AAED;AACA,OAAO,IAAMoD,kBAAyB,GAAG;EACrCC,MAAM,EAAE,SAARA,MAAMA,CAAGtC,IAAI;IAAA,oBAAKjB,IAAA,CAACgC,yBAAyB,EAAAW,aAAA,KAAK1B,IAAI,CAAG,CAAC;EAAA;AAC7D,CAAC;AAED,IAAMuC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIvB,KAA0B,EAAK;EAC3D,IAAAwB,UAAA,GAAoD/D,QAAQ,CAACuC,KAAK,CAAChC,WAAW,CAAC;IAAAyD,UAAA,GAAAtB,cAAA,CAAAqB,UAAA;IAAxEpB,kBAAkB,GAAAqB,UAAA;IAAEpB,qBAAqB,GAAAoB,UAAA;EAChD,IAAAC,UAAA,GAAkCjE,QAAQ,CAAS,CAAC;IAAAkE,UAAA,GAAAxB,cAAA,CAAAuB,UAAA;IAA7CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAkCrE,QAAQ,CAAC,EAAE,CAAC;IAAAsE,UAAA,GAAA5B,cAAA,CAAA2B,UAAA;IAAvCE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAkCzE,QAAQ,CAAiB;MACvDU,IAAI,EAAE,EAAE;MACRgE,KAAK,EAAE,EAAE;MACTjE,IAAI,EAAE;IACV,CAAC,CAAC;IAAAkE,WAAA,GAAAjC,cAAA,CAAA+B,UAAA;IAJKG,SAAS,GAAAD,WAAA;IAAEE,YAAY,GAAAF,WAAA;EAM9B,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;IAC5BlC,qBAAqB,CAAC,UAACmC,SAAS,EAAK;MACjC,OAAOA,SAAS,CAACC,GAAG,CAAC,UAACC,MAAM,EAAK;QAC7B,IAAIA,MAAM,CAACzE,EAAE,KAAK2D,SAAS,IAAIc,MAAM,CAACvE,IAAI,KAAKwE,SAAS,EAAE;UACtD,OAAAjC,aAAA,CAAAA,aAAA,KACOgC,MAAM;YACTxE,IAAI,EAAE8D;UAAS;QAEvB;QACA,IAAIU,MAAM,CAACzE,EAAE,KAAK2D,SAAS,IAAI,OAAOc,MAAM,CAACvE,IAAI,KAAK,QAAQ,EAAE;UAC5D,OAAAuC,aAAA,CAAAA,aAAA,KACOgC,MAAM;YACTxE,IAAI,EAAEmE,SAAS,CAACnE,IAAI;YACpBC,IAAI,EAAEkE,SAAS,CAAClE;UAAI;QAE5B;QACA,OAAOuE,MAAM;MACjB,CAAC,CAAC;IACN,CAAC,CAAC;IACFT,YAAY,CAAC,EAAE,CAAC;IAChBJ,YAAY,CAAC,EAAE,CAAC;EACpB,CAAC;EAED,oBACI9D,IAAA,CAACF,cAAc,EAAA6C,aAAA,CAAAA,aAAA,KACPV,KAAK;IACThC,WAAW,EAAEoC,kBAAmB;IAChCwC,UAAU,EAAEhB,SAAS,GAAG,CAACA,SAAS,CAAC,GAAG,EAAG;IACzC3C,QAAQ,EAAE,SAAVA,QAAQA,CAAGyD,MAAM;MAAA,OACbrC,qBAAqB,CAAC,UAACwC,IAAI;QAAA,OAAKA,IAAI,CAAClD,MAAM,CAAC,UAACmD,CAAC;UAAA,OAAKA,CAAC,CAAC7E,EAAE,KAAKyE,MAAM,CAACzE,EAAE;QAAA,EAAC;MAAA,EAAC;IAAA,CAC1E;IACDiB,MAAM,EAAE,SAARA,MAAMA,CAAGU,UAAU,EAAK;MAAA,IAAAmD,cAAA;MACpB,CAAAA,cAAA,GAAA/C,KAAK,CAACd,MAAM,cAAA6D,cAAA,eAAZA,cAAA,CAAAnC,IAAA,CAAAZ,KAAK,EAAUJ,UAAU,CAAC;MAC1BiC,YAAY,CAACjC,UAAU,CAAC3B,EAAE,CAAC;MAC3BgE,YAAY,CAACrC,UAAU,CAAC1B,IAAI,CAAC;MAC7B,IAAI,OAAO0B,UAAU,CAACzB,IAAI,KAAK,QAAQ,EAAE;QACrCmE,YAAY,CAAA5B,aAAA,CAAAA,aAAA,KAAK2B,SAAS;UAAEnE,IAAI,EAAE0B,UAAU,CAAC1B,IAAI;UAAEC,IAAI,EAAEyB,UAAU,CAACzB;QAAI,EAAC,CAAC;MAC9E;IACJ,CAAE;IACF4C,WAAW,EAAEC,OAAO,CAACC,IAAK;IAC1B+B,cAAc,EAAE,SAAhBA,cAAcA,CAAGpD,UAAU,EAAK;MAC5B,IAAMqD,MAAM,GAAG,OAAOrD,UAAU,CAACzB,IAAI,KAAK,QAAQ;MAElD,IAAI8E,MAAM,EAAE;QACR,oBACIlF,IAAA,CAACJ,kBAAkB;UACfuF,QAAQ,EAAE,SAAVA,QAAQA,CAAA;YAAA,OAAQrB,YAAY,CAAC,EAAE,CAAC;UAAA,CAAC;UACjCsB,QAAQ,EAAEZ,iBAAkB;UAC5Ba,MAAM,EAAEf,SAAU;UAClBgB,QAAQ,EAAEf,YAAa;UACvBgB,MAAM,EAAE,CACJ;YAACC,KAAK,EAAE,uBAAuB;YAAElF,KAAK,EAAE;UAAuB,CAAC,EAChE;YAACkF,KAAK,EAAE,YAAY;YAAElF,KAAK,EAAE;UAAY,CAAC,EAC1C;YAACkF,KAAK,EAAE,aAAa;YAAElF,KAAK,EAAE;UAAa,CAAC,EAC5C;YACIkF,KAAK,EAAE,0BAA0B;YACjClF,KAAK,EAAE;UACX,CAAC,CACH;UACFmF,IAAI,EAAE;QAAO,CAChB,CAAC;MAEV;MAEA,oBACIzF,IAAA,CAACJ,kBAAkB;QACf8F,QAAQ,EAAEzB,SAAU;QACpB0B,gBAAgB,EAAEzB,YAAa;QAC/BiB,QAAQ,EAAE,SAAVA,QAAQA,CAAA;UAAA,OAAQrB,YAAY,CAAC,EAAE,CAAC;QAAA,CAAC;QACjCsB,QAAQ,EAAEZ,iBAAkB;QAC5BiB,IAAI,EAAE;MAAO,CAChB,CAAC;IAEV;EAAE,EACL,CAAC;AAEV,CAAC;;AAED;AACA,OAAO,IAAMG,cAAqB,GAAG;EACjCrC,MAAM,EAAE,SAARA,MAAMA,CAAGtC,IAAI;IAAA,oBAAKjB,IAAA,CAACwD,sBAAsB,EAAAb,aAAA,KAAK1B,IAAI,CAAG,CAAC;EAAA;AAC1D,CAAC;AAED,IAAM4E,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAI5D,KAA0B,EAAK;EAC3D,IAAA6D,WAAA,GAAoDpG,QAAQ,CAACuC,KAAK,CAAChC,WAAW,CAAC;IAAA8F,WAAA,GAAA3D,cAAA,CAAA0D,WAAA;IAAxEE,kBAAkB,GAAAD,WAAA;IAAEE,qBAAqB,GAAAF,WAAA;EAEhD,oBACI/F,IAAA,CAACF,cAAc,EAAA6C,aAAA,CAAAA,aAAA,KACPV,KAAK;IACThC,WAAW,EAAE+F,kBAAmB;IAChChD,WAAW,EAAEC,OAAO,CAACC,IAAK;IAC1BgD,SAAS,EAAE,SAAXA,SAASA,CAAAC,IAAA,EAA4B;MAAA,IAAAC,gBAAA;MAAA,IAAxBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;QAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;MAC3B,CAAAF,gBAAA,GAAAnE,KAAK,CAACiE,SAAS,cAAAE,gBAAA,eAAfA,gBAAA,CAAAvD,IAAA,CAAAZ,KAAK,EAAa;QAACoE,QAAQ,EAARA,QAAQ;QAAEC,QAAQ,EAARA;MAAQ,CAAC,CAAC;MACvCL,qBAAqB,CAAC,UAACnD,OAAO,EAAK;QAC/B,IAAMyD,IAAI,GAAAlD,kBAAA,CAAOP,OAAO,CAAC;QACzB,IAAA0D,YAAA,GAA0BD,IAAI,CAACE,MAAM,CAACJ,QAAQ,EAAE,CAAC,CAAC;UAAAK,aAAA,GAAAtE,cAAA,CAAAoE,YAAA;UAA3CG,eAAe,GAAAD,aAAA;QAEtB,IAAIC,eAAe,EAAE;UACjBJ,IAAI,CAACE,MAAM,CAACH,QAAQ,EAAE,CAAC,EAAEK,eAAe,CAAC;QAC7C;QAEA,OAAOJ,IAAI;MACf,CAAC,CAAC;IACN;EAAE,EACL,CAAC;AAEV,CAAC;;AAED;AACA,OAAO,IAAMK,QAAe,GAAG;EAC3B3F,IAAI,EAAE;IACF4F,QAAQ,EAAE,IAAI;IACdC,eAAe,EAAE,MAAM;IACvBZ,SAAS,EAAErG,EAAE,CAAC;EAClB,CAAC;EACD0D,MAAM,EAAE,SAARA,MAAMA,CAAGtC,IAAI;IAAA,oBAAKjB,IAAA,CAAC6F,sBAAsB,EAAAlD,aAAA,KAAK1B,IAAI,CAAG,CAAC;EAAA;AAC1D,CAAC;;AAED;AACA,OAAO,IAAM8F,KAAY,GAAG;EACxB9F,IAAI,EAAE;IACFhB,WAAW,EAAE,EAAE;IACf+G,gBAAgB,eAAEhH,IAAA,CAACL,IAAI;MAACsH,KAAK,EAAC,WAAW;MAAAjG,QAAA,EAAC;IAAkB,CAAM;EACtE;AACJ,CAAC;;AAED;AACA,OAAO,IAAMkG,OAAc,GAAG;EAC1BjG,IAAI,EAAE;IACFhB,WAAW,EAAE,EAAE;IACfkH,OAAO,EAAE;EACb;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/AttachmentList/helpers/isInteractiveTarget.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const INTERACITVE_SELECTOR = "a, button, input, select, textarea, label, [role=\"button\"], [role=\"link\"], [role=\"menuitem\"], [contenteditable=\"true\"], [tabindex]:not([tabindex=\"-1\"])";
2	+ export declare const isInteractiveTarget: (target: EventTarget \| null \| undefined) => boolean;

package/build/esm/components/AttachmentList/helpers/isInteractiveTarget.js ADDED Viewed

@@ -0,0 +1,5 @@
+export var INTERACITVE_SELECTOR = 'a, button, input, select, textarea, label, [role="button"], [role="link"], [role="menuitem"], [contenteditable="true"], [tabindex]:not([tabindex="-1"])';
+export var isInteractiveTarget = function isInteractiveTarget(target) {
+  return target instanceof Element && Boolean(target.closest(INTERACITVE_SELECTOR));
+};
+// #sourceMappingURL=isInteractiveTarget.js.map

package/build/esm/components/AttachmentList/helpers/isInteractiveTarget.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["INTERACITVE_SELECTOR","isInteractiveTarget","target","Element","Boolean","closest"],"sources":["isInteractiveTarget.ts"],"sourcesContent":["export const INTERACITVE_SELECTOR =\n 'a, button, input, select, textarea, label, [role=\"button\"], [role=\"link\"], [role=\"menuitem\"], [contenteditable=\"true\"], [tabindex]:not([tabindex=\"-1\"])';\n\nexport const isInteractiveTarget = (target: EventTarget | null | undefined) => {\n return target instanceof Element && Boolean(target.closest(INTERACITVE_SELECTOR));\n};\n"],"mappings":"AAAA,OAAO,IAAMA,oBAAoB,GAC7B,yJAAyJ;AAE7J,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,MAAsC,EAAK;EAC3E,OAAOA,MAAM,YAAYC,OAAO,IAAIC,OAAO,CAACF,MAAM,CAACG,OAAO,CAACL,oBAAoB,CAAC,CAAC;AACrF,CAAC","ignoreList":[]}

package/build/esm/components/AttachmentListPlaceholder/AttachmentListPlaceholder.js CHANGED Viewed

@@ -2,9 +2,9 @@ import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 import React from 'react';
 import { Button, Flex, Icon, Link, Text } from '@gravity-ui/uikit';
+import { Folder } from '@gravity-ui/illustrations';
 import { Plus } from '@gravity-ui/icons';
 import cn from 'bem-cn-lite';
-import image from "./assets/empty-attachments.svg";
 import i18n from "./i18n";
 import "./AttachmentListPlaceholder.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -30,9 +30,9 @@ export var AttachmentListPlaceholder = function AttachmentListPlaceholder(_ref)
     height: "100%",
     className: block(null, className),
     "data-qa": qa,
-    children: [/*#__PURE__*/_jsx("img", {
-      src: "".concat(image),
-      alt: "empty-attachments-image"
+    children: [/*#__PURE__*/_jsx(Folder, {
+      height: 100,
+      width: 100
     }), /*#__PURE__*/_jsxs(Flex, {
       gap: 1,
       direction: "column",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Button","Flex","Icon","Link","Text","~~Plus~~","cn","~~image~~","i18n","jsx","_jsx","jsxs","_jsxs","block","AttachmentListPlaceholder","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","direction","alignItems","justifyContent","gap","width","height","children","~~src","concat","alt","~~variant","href","onClick","data","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {~~Plus~~} from '@gravity-ui/~~icons~~';\nimport cn from '~~bem~~-~~cn-lite~~';\nimport ~~image~~ from '~~./assets/empty~~-~~attachments.svg~~';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n title?: ReactNode;\n description?: ReactNode;\n linkForDoc?: string;\n linkText?: string;\n className?: string;\n onAddFile?: () => void;\n onAddLink?: () => void;\n qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n title: customerTitle,\n description: customerDescription,\n linkForDoc,\n linkText: customerLinkText,\n className,\n onAddFile,\n onAddLink,\n qa,\n}: AttachmentListPlaceholderProps) => {\n const title = customerTitle ?? i18n('title_no-attachments');\n const description = customerDescription ?? i18n('context_add-attachment-for-request');\n const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n return (\n <Flex\n direction=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gap={5}\n width=\"100%\"\n height=\"100%\"\n className={block(null, className)}\n data-qa={qa}\n >\n <~~img~~ ~~src~~={`${~~image~~}`} ~~alt=\"empty-attachments-image\"~~ />\n\n <Flex gap={1} direction=\"column\" alignItems=\"center\">\n <Text variant=\"subheader-1\">{title}</Text>\n <Text variant=\"body-1\">{description}</Text>\n {linkForDoc && (\n <Link className={block('doc-link')} href={linkForDoc}>\n {linkText}\n </Link>\n )}\n </Flex>\n\n <Flex gap={2}>\n <Button onClick={onAddFile}>\n <Icon data={Plus} />\n {i18n('action_add-file')}\n </Button>\n\n <Button onClick={onAddLink} view=\"outlined\">\n <Icon data={Plus} />\n {i18n('action_add-link')}\n </Button>\n </Flex>\n </Flex>\n );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAmB,OAAO;AACtC,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAChE,SAAQC,IAAI,QAAO,mBAAmB;AACtC,OAAOC,EAAE,MAAM,aAAa;AAC5B,OAAOC,~~KAAK;AACZ,OAAOC,~~IAAI;AACX;AAA0C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa1C,IAAMC,KAAK,~~GAAGP~~,EAAE,CAAC,gCAAgC,CAAC;AAElD,OAAO,~~IAAMQ~~,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EASA;EAAA,IAR3BC,aAAa,GAAAD,IAAA,CAApBE,KAAK;IACQC,mBAAmB,GAAAH,IAAA,CAAhCI,WAAW;IACXC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACAC,gBAAgB,GAAAN,IAAA,CAA1BO,QAAQ;IACRC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,EAAE,GAAAX,IAAA,CAAFW,EAAE;EAEF,IAAMT,KAAK,GAAGD,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIR,IAAI,CAAC,sBAAsB,CAAC;EAC3D,IAAMW,WAAW,GAAGD,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAIV,IAAI,CAAC,oCAAoC,CAAC;EACrF,IAAMc,QAAQ,GAAGD,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAIb,IAAI,CAAC,yBAAyB,CAAC;EAEpE,oBACII,KAAA,CAACX,IAAI;IACD0B,SAAS,EAAC,QAAQ;IAClBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBC,GAAG,EAAE,CAAE;IACPC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbT,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAClC,WAASG,EAAG;IAAAO,QAAA,gBAEZvB,IAAA~~;MAAKwB~~,~~GAAG~~,~~KAAAC~~,~~MAAA~~,~~CAAK5B~~,~~KAAK,CAAG~~;~~MAAC6B~~,~~GAAG~~,~~EAAC~~;~~IAAyB~~,CAAE,CAAC,~~eAEtDxB~~,KAAA,CAACX,IAAI;MAAC6B,GAAG,EAAE,CAAE;MAACH,SAAS,EAAC,QAAQ;MAACC,UAAU,EAAC,QAAQ;MAAAK,QAAA,gBAChDvB,IAAA,CAACN,IAAI;~~QAACiC~~,OAAO,EAAC,aAAa;~~QAAAJ~~,QAAA,EAAEhB;MAAK,CAAO,CAAC,eAC1CP,IAAA,CAACN,IAAI;~~QAACiC~~,OAAO,EAAC,QAAQ;~~QAAAJ~~,QAAA,EAAEd;MAAW,CAAO,CAAC,EAC1CC,UAAU,iBACPV,IAAA,CAACP,IAAI;QAACoB,SAAS,EAAEV,KAAK,CAAC,UAAU,CAAE;~~QAACyB~~,IAAI,~~EAAElB~~,UAAW;QAAAa,QAAA,EAChDX;MAAQ,CACP,CACT;IAAA,CACC,CAAC,eAEPV,KAAA,CAACX,IAAI;MAAC6B,GAAG,EAAE,CAAE;MAAAG,QAAA,gBACTrB,KAAA,CAACZ,MAAM;~~QAACuC~~,OAAO,~~EAAEf~~,SAAU;QAAAS,QAAA,gBACvBvB,IAAA,CAACR,IAAI;~~UAACsC~~,IAAI,~~EAAEnC~~;QAAK,CAAE,CAAC,~~EACnBG~~,IAAI,CAAC,iBAAiB,CAAC;MAAA,CACpB,CAAC,eAETI,KAAA,CAACZ,MAAM;~~QAACuC~~,OAAO,~~EAAEd~~,SAAU;~~QAACgB~~,IAAI,EAAC,UAAU;~~QAAAR~~,QAAA,gBACvCvB,IAAA,CAACR,IAAI;~~UAACsC~~,IAAI,~~EAAEnC~~;QAAK,CAAE,CAAC,~~EACnBG~~,IAAI,CAAC,iBAAiB,CAAC;MAAA,CACpB,CAAC;IAAA,CACP,CAAC;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","Button","Flex","Icon","Link","Text","Folder","Plus","cn","i18n","jsx","_jsx","jsxs","_jsxs","block","AttachmentListPlaceholder","_ref","customerTitle","title","customerDescription","description","linkForDoc","customerLinkText","linkText","className","onAddFile","onAddLink","qa","direction","alignItems","justifyContent","gap","width","height","children","variant","href","onClick","data","view"],"sources":["AttachmentListPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Button, Flex, Icon, Link, Text} from '@gravity-ui/uikit';\nimport {Folder} from '@gravity-ui/illustrations';\nimport {Plus} from '@gravity-ui/icons';\nimport cn from 'bem-cn-lite';\nimport i18n from './i18n';\nimport './AttachmentListPlaceholder.scss';\n\nexport type AttachmentListPlaceholderProps = {\n title?: ReactNode;\n description?: ReactNode;\n linkForDoc?: string;\n linkText?: string;\n className?: string;\n onAddFile?: () => void;\n onAddLink?: () => void;\n qa?: string;\n};\n\nconst block = cn('qp-attachment-list-placeholder');\n\nexport const AttachmentListPlaceholder = ({\n title: customerTitle,\n description: customerDescription,\n linkForDoc,\n linkText: customerLinkText,\n className,\n onAddFile,\n onAddLink,\n qa,\n}: AttachmentListPlaceholderProps) => {\n const title = customerTitle ?? i18n('title_no-attachments');\n const description = customerDescription ?? i18n('context_add-attachment-for-request');\n const linkText = customerLinkText ?? i18n('action_attachments-help');\n\n return (\n <Flex\n direction=\"column\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gap={5}\n width=\"100%\"\n height=\"100%\"\n className={block(null, className)}\n data-qa={qa}\n >\n <Folder height={100} width={100} />\n\n <Flex gap={1} direction=\"column\" alignItems=\"center\">\n <Text variant=\"subheader-1\">{title}</Text>\n <Text variant=\"body-1\">{description}</Text>\n {linkForDoc && (\n <Link className={block('doc-link')} href={linkForDoc}>\n {linkText}\n </Link>\n )}\n </Flex>\n\n <Flex gap={2}>\n <Button onClick={onAddFile}>\n <Icon data={Plus} />\n {i18n('action_add-file')}\n </Button>\n\n <Button onClick={onAddLink} view=\"outlined\">\n <Icon data={Plus} />\n {i18n('action_add-link')}\n </Button>\n </Flex>\n </Flex>\n );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,4 +5,8 @@
   display: flex;
   gap: var(--g-spacing-2);
 }
+.qp-attachments__tab-list {
+  padding-left: var(--g-spacing-4);
+  padding-right: var(--g-spacing-4);
+}
 /*# sourceMappingURL=Attachments.css.map */

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Attachments.scss"],"names":[],"mappings":"AACI;EACI,OAAA;AAAR;AAGI;EACI,aAAA;EACA,uBAAA;AADR","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}"],"sourceRoot":""}
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":""}

package/build/esm/modules/Attachments/Attachments.d.ts CHANGED Viewed

@@ -14,9 +14,10 @@ export type AttachmentsProps = {
     attachmentListProps?: Pick<AttachmentListProps, 'className'>;
     attachments?: AttachItem[];
     deletedAttachments?: AttachItem[];
+    onItemClick?: AttachmentListProps<AttachItem>['onItemClick'];
     onChange?: (payload: {
         attachments: AttachItem[];
         deletedAttachments: AttachItem[];
     }) => void;
 };
-export declare const Attachments: ({ tokens, placeholderProps, attachmentListProps, onChange, attachments: customerAttachments, deletedAttachments: customerDeletedAttachments, }: AttachmentsProps) => React.JSX.Element;
+export declare const Attachments: ({ tokens, placeholderProps, attachmentListProps, onChange, onItemClick, attachments: customerAttachments, deletedAttachments: customerDeletedAttachments, }: AttachmentsProps) => React.JSX.Element;

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

@@ -30,6 +30,7 @@ export var Attachments = function Attachments(_ref) {
     placeholderProps = _ref.placeholderProps,
     attachmentListProps = _ref.attachmentListProps,
     onChange = _ref.onChange,
+    onItemClick = _ref.onItemClick,
     customerAttachments = _ref.attachments,
     customerDeletedAttachments = _ref.deletedAttachments;
   var _useState = useState('Current'),
@@ -255,6 +256,7 @@ export var Attachments = function Attachments(_ref) {
         return setCurrentTab(tab);
       },
       children: [/*#__PURE__*/_jsxs(TabList, {
+        className: block('tab-list'),
         children: [/*#__PURE__*/_jsxs(Tab, {
           className: block('tab'),
           value: "Current",
@@ -299,6 +301,7 @@ export var Attachments = function Attachments(_ref) {
             onDelete: function onDelete(attach) {
               return handleDelete(attach.id);
             },
+            onItemClick: onItemClick,
             renderEditForm: function renderEditForm(attach) {
               var isLink = typeof attach.link === 'string';
               if (isLink) {
@@ -330,6 +333,9 @@ export var Attachments = function Attachments(_ref) {
             onAddFile: handleAddEmptyFile,
             onAddLink: handleAddEmptyLink
           }, placeholderProps)), Boolean(attachList.length) && /*#__PURE__*/_jsxs(Flex, {
+            spacing: {
+              px: 4
+            },
             gap: 2,
             children: [/*#__PURE__*/_jsxs(Button, {
               onClick: handleAddEmptyFile,
@@ -363,7 +369,8 @@ export var Attachments = function Attachments(_ref) {
             attachments: deletedAttachList,
             onRevert: function onRevert(attach) {
               return handleRevertDelete(attach.id);
-            }
+            },
+            onItemClick: onItemClick
           }))
         })
       })]