@gravity-ui/querieskit 1.3.1 → 1.3.2

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

@@ -62,14 +62,16 @@ export var Default = {
       description: 'Add files or links that should be available to the query.',
       linkForDoc: '#attachments-help',
       linkText: 'About attachments'
-    }
+    },
+    onItemClick: console.info
   }
 };
 
 /** Initial files and links supplied through the uncontrolled `attachments` API. */
 export var WithAttachments = {
   args: {
-    attachments: attachments
+    attachments: attachments,
+    onItemClick: console.info
   }
 };
 
@@ -77,7 +79,8 @@ export var WithAttachments = {
 export var WithDeletedAttachments = {
   args: {
     attachments: attachments,
-    deletedAttachments: deletedAttachments
+    deletedAttachments: deletedAttachments,
+    onItemClick: console.info
   }
 };
 var ControlledAttachments = function ControlledAttachments(props) {
@@ -93,6 +96,7 @@ var ControlledAttachments = function ControlledAttachments(props) {
   return /*#__PURE__*/_jsx(Attachments, _objectSpread(_objectSpread({}, props), {}, {
     attachments: currentAttachments,
     deletedAttachments: currentDeletedAttachments,
+    onItemClick: console.info,
     onChange: function onChange(payload) {
       var _props$onChange;
       setCurrentAttachments(payload.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","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    },\n};\n\n/** Initial files and links supplied through the uncontrolled `attachments` API. */\nexport const WithAttachments: Story = {\n    args: {\n        attachments,\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    },\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            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","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":";;AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SAAQC,EAAE,QAAO,gBAAgB;AACjC,SAAQC,WAAW;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAK1C,IAAMC,WAAyB,GAAG,CAC9B;EAACC,EAAE,EAAE,QAAQ;EAAEC,IAAI,EAAE;AAAW,CAAC,EACjC;EAACD,EAAE,EAAE,OAAO;EAAEC,IAAI,EAAE;AAAkB,CAAC,EACvC;EACID,EAAE,EAAE,eAAe;EACnBC,IAAI,EAAE,qBAAqB;EAC3BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;AACX,CAAC,CACJ;AAED,IAAMC,kBAAgC,GAAG,CACrC;EAACJ,EAAE,EAAE,SAAS;EAAEC,IAAI,EAAE;AAAa,CAAC,EACpC;EACID,EAAE,EAAE,eAAe;EACnBC,IAAI,EAAE,eAAe;EACrBC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;AACX,CAAC,CACJ;AAED,IAAME,MAA+C,GAAG,CACpD;EAACC,KAAK,EAAE,qBAAqB;EAAEC,KAAK,EAAE;AAAqB,CAAC,EAC5D;EAACD,KAAK,EAAE,iBAAiB;EAAEC,KAAK,EAAE;AAAiB,CAAC,CACvD;AAED,IAAMC,IAAI,GAAG;EACTD,KAAK,EAAE,qBAAqB;EAC5BE,SAAS,EAAEb,WAAW;EACtBc,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACFhB,IAAA;MAAKiB,KAAK,EAAE;QAACC,MAAM,EAAE,GAAG;QAAEC,KAAK,EAAE;MAAG,CAAE;MAAAC,QAAA,eAClCpB,IAAA,CAACgB,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT,CACJ;EACDK,IAAI,EAAE;IACFd,MAAM,EAANA,MAAM;IACNe,QAAQ,EAAEzB,EAAE,CAAC;EACjB;AACJ,CAAoC;AAEpC,eAAea,IAAI;AAGnB;AACA,OAAO,IAAMa,OAAc,GAAG;EAC1BF,IAAI,EAAE;IACFG,gBAAgB,EAAE;MACdf,KAAK,EAAE,gBAAgB;MACvBgB,WAAW,EAAE,2DAA2D;MACxEC,UAAU,EAAE,mBAAmB;MAC/BC,QAAQ,EAAE;IACd,CAAC;IACDC,WAAW,EAAEC,OAAO,CAACC;EACzB;AACJ,CAAC;;AAED;AACA,OAAO,IAAMC,eAAsB,GAAG;EAClCV,IAAI,EAAE;IACFpB,WAAW,EAAXA,WAAW;IACX2B,WAAW,EAAEC,OAAO,CAACC;EACzB;AACJ,CAAC;;AAED;AACA,OAAO,IAAME,sBAA6B,GAAG;EACzCX,IAAI,EAAE;IACFpB,WAAW,EAAXA,WAAW;IACXK,kBAAkB,EAAlBA,kBAAkB;IAClBsB,WAAW,EAAEC,OAAO,CAACC;EACzB;AACJ,CAAC;AAED,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,KAAuB,EAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EACvD,IAAAC,SAAA,GAAoDzC,QAAQ,EAAAuC,kBAAA,GAACD,KAAK,CAACjC,WAAW,cAAAkC,kBAAA,cAAAA,kBAAA,GAAI,EAAE,CAAC;IAAAG,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAA9EG,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAChD,IAAAI,UAAA,GAAkE9C,QAAQ,EAAAwC,qBAAA,GACtEF,KAAK,CAAC5B,kBAAkB,cAAA8B,qBAAA,cAAAA,qBAAA,GAAI,EAChC,CAAC;IAAAO,UAAA,GAAAJ,cAAA,CAAAG,UAAA;IAFME,yBAAyB,GAAAD,UAAA;IAAEE,4BAA4B,GAAAF,UAAA;EAI9D,oBACI3C,IAAA,CAACF,WAAW,EAAAgD,aAAA,CAAAA,aAAA,KACJZ,KAAK;IACTjC,WAAW,EAAEuC,kBAAmB;IAChClC,kBAAkB,EAAEsC,yBAA0B;IAC9ChB,WAAW,EAAEC,OAAO,CAACC,IAAK;IAC1BR,QAAQ,EAAE,SAAVA,QAAQA,CAAGyB,OAAO,EAAK;MAAA,IAAAC,eAAA;MACnBP,qBAAqB,CAACM,OAAO,CAAC9C,WAAW,CAAC;MAC1C4C,4BAA4B,CAACE,OAAO,CAACzC,kBAAkB,CAAC;MACxD,CAAA0C,eAAA,GAAAd,KAAK,CAACZ,QAAQ,cAAA0B,eAAA,eAAdA,eAAA,CAAAC,IAAA,CAAAf,KAAK,EAAYa,OAAO,CAAC;IAC7B;EAAE,EACL,CAAC;AAEV,CAAC;;AAED;AACA,OAAO,IAAMG,UAAiB,GAAG;EAC7B7B,IAAI,EAAE;IACFpB,WAAW,EAAXA,WAAW;IACXK,kBAAkB,EAAlBA;EACJ,CAAC;EACD6C,MAAM,EAAE,SAARA,MAAMA,CAAG9B,IAAI;IAAA,oBAAKrB,IAAA,CAACiC,qBAAqB,EAAAa,aAAA,KAAKzB,IAAI,CAAG,CAAC;EAAA;AACzD,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/querieskit",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Query page component library",
   "main": "./build/cjs/index.js",
   "module": "./build/esm/index.js",