@neo4j-ndl/react 3.8.35 → 3.9.1

package/lib/esm/drawer/stories/drawer-push.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-push.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-push.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,cAAK,SAAS,EAAC,+FAA+F,YAC5G,cAAK,SAAS,EAAC,wIAAwI,YACrJ,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2EAA2E,aACxF,MAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAE5C,KAAC,MAAM,CAAC,MAAM,gCAA8B,EAC5C,KAAC,MAAM,CAAC,IAAI,8CAA0C,EACtD,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,KAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/drawer/stories/drawer-resizable.story.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Drawer } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    const Placeholder = () => (_jsx("div", { className: "n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-6 w-full", children: _jsx("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: _jsx(Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return (_jsxs("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [_jsxs(Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "left", isResizeable: true, resizeableProps: {
+                    maxWidth: '400px',
+                    minWidth: '300px',
+                }, children: [_jsx(Drawer.Header, { children: "Drawer Header" }), _jsx(Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), _jsx(Drawer.Actions, { children: _jsx(Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), _jsx(Placeholder, {})] }));
+};
+export default Component;
+//# sourceMappingURL=drawer-resizable.story.js.map

package/lib/esm/drawer/stories/drawer-resizable.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-resizable.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-resizable.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,cAAK,SAAS,EAAC,+FAA+F,YAC5G,cAAK,SAAS,EAAC,wIAAwI,YACrJ,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2EAA2E,aACxF,MAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAC,MAAM,EACf,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE;oBACf,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,OAAO;iBAClB,aAED,KAAC,MAAM,CAAC,MAAM,gCAA8B,EAC5C,KAAC,MAAM,CAAC,IAAI,8CAA0C,EACtD,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,KAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/drawer/stories/drawer-right-side.story.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Drawer } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    const Placeholder = () => (_jsx("div", { className: "n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-6 w-full", children: _jsx("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: _jsx(Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return (_jsxs("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [_jsx(Placeholder, {}), _jsxs(Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "right", children: [_jsx(Drawer.Header, { children: "Drawer Header" }), _jsx(Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), _jsx(Drawer.Actions, { children: _jsx(Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] })] }));
+};
+export default Component;
+//# sourceMappingURL=drawer-right-side.story.js.map

package/lib/esm/drawer/stories/drawer-right-side.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-right-side.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-right-side.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,cAAK,SAAS,EAAC,+FAA+F,YAC5G,cAAK,SAAS,EAAC,wIAAwI,YACrJ,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2EAA2E,aACxF,KAAC,WAAW,KAAG,EACf,MAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAC,OAAO,aAEhB,KAAC,MAAM,CAAC,MAAM,gCAA8B,EAC5C,KAAC,MAAM,CAAC,IAAI,8CAA0C,EACtD,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/drawer/stories/drawer-scrollable.story.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Checkbox, Drawer, TextInput } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    const Placeholder = () => (_jsx("div", { className: "n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md n-p-token-6 w-full", children: _jsx("div", { className: "n-border-dashed n-border-2 n-border-light-primary-bg-strong n-size-full n-flex n-flex-col n-items-center n-justify-center n-rounded-md", children: _jsx(Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return (_jsxs("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [_jsxs(Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), children: [_jsx(Drawer.Header, { children: "Drawer Header" }), _jsxs(Drawer.Body, { children: [_jsx(TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), _jsx("br", {}), _jsx(TextInput, { label: "Some input", value: "something" }), _jsx("br", {}), _jsx(Checkbox, { label: "Checkbox label" }), _jsx("br", {}), "Some example of something.", _jsx("br", {}), _jsx(TextInput, { label: "Some input", isDisabled: true, value: "something" }), _jsx("br", {}), _jsx(TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), _jsx("br", {}), "Some example of something.", _jsx("br", {}), _jsx(TextInput, { label: "Some input", value: "something" }), _jsx("br", {}), _jsx(Checkbox, { label: "Checkbox label" }), _jsx("br", {}), _jsx(TextInput, { label: "Some input", value: "something" })] })] }), _jsx(Placeholder, {})] }));
+};
+export default Component;
+//# sourceMappingURL=drawer-scrollable.story.js.map

package/lib/esm/drawer/stories/drawer-scrollable.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-scrollable.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-scrollable.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,cAAK,SAAS,EAAC,+FAA+F,YAC5G,cAAK,SAAS,EAAC,wIAAwI,YACrJ,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2EAA2E,aACxF,MAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAE5C,KAAC,MAAM,CAAC,MAAM,gCAA8B,EAC5C,MAAC,MAAM,CAAC,IAAI,eACV,KAAC,SAAS,IACR,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,cAAM,EACN,KAAC,SAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,cAAM,EACN,KAAC,QAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,cAAM,gCAEN,cAAM,EACN,KAAC,SAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,cAAM,EACN,KAAC,SAAS,IACR,UAAU,EAAE,IAAI,EAChB,mBAAmB,EAAC,kBAAkB,EACtC,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,eAAe,EACxB,OAAO,EAAE,IAAI,GACb,EACF,cAAM,gCAEN,cAAM,EACN,KAAC,SAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,cAAM,EACN,KAAC,QAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,cAAM,EACN,KAAC,SAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,IACP,EACT,KAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/drawer/stories/drawer.stories.js

@@ -0,0 +1,147 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer } from '../../index';
+import { DrawerFull, DrawerFullSrc, DrawerNotCloseable, DrawerNotCloseableSrc, DrawerOverlay, DrawerOverlaySrc, DrawerPortaled, DrawerPortaledSrc, DrawerPush, DrawerPushSrc, DrawerResizable, DrawerResizableSrc, DrawerRightSide, DrawerRightSideSrc, DrawerScrollable, DrawerScrollableSrc, } from './index';
+const componentMeta = {
+    title: 'Components/Drawer',
+    id: 'components-drawer',
+    component: Drawer,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+};
+export default componentMeta;
+export const Overlay = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerOverlay, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerOverlaySrc,
+            },
+        },
+    },
+};
+export const Push = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerPush, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerPushSrc,
+            },
+        },
+    },
+};
+export const RightSide = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerRightSide, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerRightSideSrc,
+            },
+        },
+    },
+};
+export const Resizable = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerResizable, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerResizableSrc,
+            },
+        },
+    },
+};
+export const NotCloseable = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerNotCloseable, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerNotCloseableSrc,
+            },
+        },
+    },
+};
+export const Scrollable = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerScrollable, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerScrollableSrc,
+            },
+        },
+    },
+};
+export const Portaled = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerPortaled, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerPortaledSrc,
+            },
+        },
+    },
+};
+export const Full = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => _jsx(DrawerFull, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DrawerFullSrc,
+            },
+        },
+    },
+};
+//# sourceMappingURL=drawer.stories.js.map

package/lib/esm/drawer/stories/drawer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.stories.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer.stories.tsx"],"names":[],"mappings":"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"}

package/lib/esm/drawer/stories/index.js

@@ -0,0 +1,46 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as DrawerPush } from './drawer-push.story';
+export { default as DrawerOverlay } from './drawer-overlay.story';
+export { default as DrawerRightSide } from './drawer-right-side.story';
+export { default as DrawerResizable } from './drawer-resizable.story';
+export { default as DrawerNotCloseable } from './drawer-not-closeable.story';
+export { default as DrawerScrollable } from './drawer-scrollable.story';
+export { default as DrawerFull } from './drawer-full.story';
+export { default as DrawerPortaled } from './drawer-portaled.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import DrawerFullSrcRaw from './drawer-full.story.tsx?raw';
+import DrawerNotCloseableSrcRaw from './drawer-not-closeable.story.tsx?raw';
+import DrawerOverlaySrcRaw from './drawer-overlay.story.tsx?raw';
+import DrawerPortaledSrcRaw from './drawer-portaled.story.tsx?raw';
+import DrawerPushSrcRaw from './drawer-push.story.tsx?raw';
+import DrawerResizableSrcRaw from './drawer-resizable.story.tsx?raw';
+import DrawerRightSideSrcRaw from './drawer-right-side.story.tsx?raw';
+import DrawerScrollableSrcRaw from './drawer-scrollable.story.tsx?raw';
+export const DrawerPushSrc = removeLicenseHeader(DrawerPushSrcRaw);
+export const DrawerOverlaySrc = removeLicenseHeader(DrawerOverlaySrcRaw);
+export const DrawerRightSideSrc = removeLicenseHeader(DrawerRightSideSrcRaw);
+export const DrawerResizableSrc = removeLicenseHeader(DrawerResizableSrcRaw);
+export const DrawerNotCloseableSrc = removeLicenseHeader(DrawerNotCloseableSrcRaw);
+export const DrawerScrollableSrc = removeLicenseHeader(DrawerScrollableSrcRaw);
+export const DrawerFullSrc = removeLicenseHeader(DrawerFullSrcRaw);
+export const DrawerPortaledSrc = removeLicenseHeader(DrawerPortaledSrcRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/drawer/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/drawer/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAC5E,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AACjE,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,qBAAqB,MAAM,kCAAkC,CAAC;AACrE,OAAO,qBAAqB,MAAM,mCAAmC,CAAC;AACtE,OAAO,sBAAsB,MAAM,mCAAmC,CAAC;AAEvE,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC"}

package/lib/esm/dropzone/stories/dropzone-csv-files.story.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Dropzone } from '@neo4j-ndl/react';
+const Component = () => {
+    const onDrop = (files) => {
+        alert('attempted to upload ' +
+            files.length +
+            ' file(s). Check console logs for more info');
+    };
+    return (_jsx(Dropzone, { supportedFilesDescription: "Supports: CSV Files", dropZoneOptions: {
+            accept: { 'text/csv': ['.csv'] },
+            onDrop,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=dropzone-csv-files.story.js.map

package/lib/esm/dropzone/stories/dropzone-csv-files.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone-csv-files.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-csv-files.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAA8B,CAAC,KAAK,EAAE,EAAE;QAClD,KAAK,CACH,sBAAsB;YACpB,KAAK,CAAC,MAAM;YACZ,4CAA4C,CAC/C,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,yBAAyB,EAAC,qBAAqB,EAC/C,eAAe,EAAE;YACf,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM;SACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dropzone/stories/dropzone-custom-extensions.story.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Dropzone } from '@neo4j-ndl/react';
+const Component = () => {
+    const onDrop = (files) => {
+        alert('attempted to upload ' +
+            files.length +
+            ' file(s). Check console logs for more info');
+    };
+    return (_jsx(Dropzone, { supportedFilesDescription: "Supports: .dump Files", acceptedFileExtensions: ['.dump'], dropZoneOptions: {
+            onDrop,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=dropzone-custom-extensions.story.js.map

package/lib/esm/dropzone/stories/dropzone-custom-extensions.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone-custom-extensions.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-custom-extensions.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAA8B,CAAC,KAAK,EAAE,EAAE;QAClD,KAAK,CACH,sBAAsB;YACpB,KAAK,CAAC,MAAM;YACZ,4CAA4C,CAC/C,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,yBAAyB,EAAC,uBAAuB,EACjD,sBAAsB,EAAE,CAAC,OAAO,CAAC,EACjC,eAAe,EAAE;YACf,MAAM;SACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dropzone/stories/dropzone-default.story.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Dropzone } from '@neo4j-ndl/react';
+const Component = () => {
+    const onDrop = (files) => {
+        alert('attempted to upload ' +
+            files.length +
+            ' file(s). Check console logs for more info');
+    };
+    return (_jsx(Dropzone, { dropZoneOptions: {
+            onDrop,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=dropzone-default.story.js.map

package/lib/esm/dropzone/stories/dropzone-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone-default.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAA8B,CAAC,KAAK,EAAE,EAAE;QAClD,KAAK,CACH,sBAAsB;YACpB,KAAK,CAAC,MAAM;YACZ,4CAA4C,CAC/C,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,eAAe,EAAE;YACf,MAAM;SACP,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dropzone/stories/dropzone-disabled.story.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Dropzone } from '@neo4j-ndl/react';
+const Component = () => {
+    const onDrop = (files) => {
+        alert('attempted to upload ' +
+            files.length +
+            ' file(s). Check console logs for more info');
+    };
+    return (_jsx(Dropzone, { supportedFilesDescription: "Supports: CSV Files", dropZoneOptions: {
+            accept: { 'text/csv': ['.csv'] },
+            onDrop,
+            disabled: true,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=dropzone-disabled.story.js.map

package/lib/esm/dropzone/stories/dropzone-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone-disabled.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAA8B,CAAC,KAAK,EAAE,EAAE;QAClD,KAAK,CACH,sBAAsB;YACpB,KAAK,CAAC,MAAM;YACZ,4CAA4C,CAC/C,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,yBAAyB,EAAC,qBAAqB,EAC/C,eAAe,EAAE;YACf,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE;YAChC,MAAM;YACN,QAAQ,EAAE,IAAI;SACf,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dropzone/stories/dropzone-full.story.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { XMarkIcon } from '@heroicons/react/24/solid';
+import { Button, Dropzone, Typography } from '@neo4j-ndl/react';
+import { useCallback, useState } from 'react';
+// Configuration constants
+const CONFIG = {
+    MAX_FILES: 3,
+    MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB
+    PROGRESS_INCREMENT: 5,
+    UPDATE_INTERVAL: 100,
+    ACCEPTED_EXTENSIONS: ['.txt', '.json'],
+};
+var UploadState;
+(function (UploadState) {
+    UploadState["Idle"] = "idle";
+    UploadState["Uploading"] = "uploading";
+    UploadState["Success"] = "success";
+    UploadState["Error"] = "error";
+})(UploadState || (UploadState = {}));
+const Component = () => {
+    const [uploadData, setUploadData] = useState({
+        state: UploadState.Idle,
+        progress: 0,
+        files: [],
+        errors: [],
+    });
+    const resetUpload = useCallback(() => {
+        setUploadData({
+            state: UploadState.Idle,
+            progress: 0,
+            files: [],
+            errors: [],
+        });
+    }, []);
+    const simulateUpload = useCallback((files) => {
+        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { state: UploadState.Uploading, files, progress: 0 })));
+        const interval = setInterval(() => {
+            setUploadData((prev) => {
+                const newProgress = prev.progress + CONFIG.PROGRESS_INCREMENT;
+                if (newProgress >= 100) {
+                    clearInterval(interval);
+                    setTimeout(() => setUploadData((current) => (Object.assign(Object.assign({}, current), { state: UploadState.Success }))), 500);
+                    return Object.assign(Object.assign({}, prev), { progress: 100 });
+                }
+                return Object.assign(Object.assign({}, prev), { progress: newProgress });
+            });
+        }, CONFIG.UPDATE_INTERVAL);
+    }, []);
+    const handleDrop = useCallback((acceptedFiles, rejectedFiles, event) => {
+        console.info('Drop event:', { acceptedFiles, rejectedFiles, event });
+        if (acceptedFiles.length > 0) {
+            simulateUpload(acceptedFiles);
+        }
+    }, [simulateUpload]);
+    const handleDropRejected = useCallback((rejectedFiles) => {
+        const errors = rejectedFiles.map((file) => `${file.file.name}: ${file.errors.map((e) => e.message).join(', ')}`);
+        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { state: UploadState.Error, errors })));
+    }, []);
+    const handleError = useCallback((error) => {
+        console.error('Dropzone error:', error);
+        setUploadData((prev) => (Object.assign(Object.assign({}, prev), { state: UploadState.Error, errors: [error.message] })));
+    }, []);
+    const renderStatusContent = () => {
+        const { state, progress, files, errors } = uploadData;
+        switch (state) {
+            case UploadState.Uploading:
+                return (_jsx(Dropzone.LoadingProgressBar, { progressBarPrecentage: Math.round(progress) }));
+            case UploadState.Success:
+                return (_jsxs("div", { className: "n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-4", children: [_jsx(Typography, { variant: "h5", className: "n-text-palette-success-text n-font-semibold", children: "Upload Complete!" }), _jsxs(Typography, { variant: "body-small", className: "n-text-palette-neutral-text-weak", children: ["Successfully uploaded: ", files.map((file) => file.name).join(', ')] }), _jsx(Button, { onClick: resetUpload, children: "Upload More Files" })] }));
+            case UploadState.Error:
+                return (_jsxs("div", { className: "n-flex n-flex-col n-justify-center n-items-center n-gap-y-token-4", children: [_jsx(XMarkIcon, { className: "n-w-token-8 n-h-token-8 n-text-palette-danger-text" }), _jsx("div", { className: "n-flex n-flex-col n-gap-y-token-2", children: errors.map((message, index) => (_jsx(Typography, { variant: "label", className: "n-text-palette-danger-text n-font-semibold", htmlAttributes: { role: 'alert' }, children: message }, index))) }), _jsx(Button, { onClick: resetUpload, children: "Try Again" })] }));
+            default:
+                return undefined;
+        }
+    };
+    return (_jsx(Dropzone, { dropZoneOptions: {
+            onDrop: handleDrop,
+            onDropRejected: handleDropRejected,
+            onError: handleError,
+            multiple: true,
+            maxFiles: CONFIG.MAX_FILES,
+            maxSize: CONFIG.MAX_FILE_SIZE,
+            disabled: uploadData.state === UploadState.Uploading,
+        }, supportedFilesDescription: _jsxs("div", { className: "n-text-center n-flex n-flex-col n-gap-y-token-2", children: [_jsx(Typography, { variant: "body-small", className: "n-text-palette-neutral-text-weak", children: "Supports: Text files (.txt, .json) only" }), _jsxs(Typography, { variant: "body-small", className: "n-text-palette-neutral-text-weak", children: ["Max ", CONFIG.MAX_FILES, " files \u2022", ' ', CONFIG.MAX_FILE_SIZE / (1024 * 1024), "MB per file"] })] }), acceptedFileExtensions: CONFIG.ACCEPTED_EXTENSIONS, loadingComponent: renderStatusContent(), rejectedMessage: "Error: Please make sure to only upload .json or .txt files", customTitle: "Drag & Drop your files" }));
+};
+export default Component;
+//# sourceMappingURL=dropzone-full.story.js.map

package/lib/esm/dropzone/stories/dropzone-full.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone-full.story.js","sourceRoot":"","sources":["../../../../src/dropzone/stories/dropzone-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO9C,0BAA0B;AAC1B,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,CAAC;IACZ,aAAa,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,MAAM;IACtC,kBAAkB,EAAE,CAAC;IACrB,eAAe,EAAE,GAAG;IACpB,mBAAmB,EAAE,CAAC,MAAM,EAAE,OAAO,CAAa;CAC1C,CAAC;AAEX,IAAK,WAKJ;AALD,WAAK,WAAW;IACd,4BAAa,CAAA;IACb,sCAAuB,CAAA;IACvB,kCAAmB,CAAA;IACnB,8BAAe,CAAA;AACjB,CAAC,EALI,WAAW,KAAX,WAAW,QAKf;AASD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAa;QACvD,KAAK,EAAE,WAAW,CAAC,IAAI;QACvB,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,aAAa,CAAC;YACZ,KAAK,EAAE,WAAW,CAAC,IAAI;YACvB,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QACnD,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCACnB,IAAI,KACP,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,KAAK,EACL,QAAQ,EAAE,CAAC,IACX,CAAC,CAAC;QAEJ,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,kBAAkB,CAAC;gBAC9D,IAAI,WAAW,IAAI,GAAG,EAAE,CAAC;oBACvB,aAAa,CAAC,QAAQ,CAAC,CAAC;oBACxB,UAAU,CACR,GAAG,EAAE,CACH,aAAa,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,iCACtB,OAAO,KACV,KAAK,EAAE,WAAW,CAAC,OAAO,IAC1B,CAAC,EACL,GAAG,CACJ,CAAC;oBACF,uCAAY,IAAI,KAAE,QAAQ,EAAE,GAAG,IAAG;gBACpC,CAAC;gBACD,uCAAY,IAAI,KAAE,QAAQ,EAAE,WAAW,IAAG;YAC5C,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAA8B,WAAW,CACvD,CACE,aAAqB,EACrB,aAA8B,EAC9B,KAAgB,EAChB,EAAE;QACF,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;QAErE,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,cAAc,CAAC,aAAa,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,kBAAkB,GAAsC,WAAW,CACvE,CAAC,aAA8B,EAAE,EAAE;QACjC,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAC9B,CAAC,IAAI,EAAE,EAAE,CACP,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CACvE,CAAC;QACF,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,IAAG,CAAC,CAAC;IAC3E,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAY,EAAE,EAAE;QAC/C,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QACxC,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCACnB,IAAI,KACP,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,MAAM,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IACvB,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QAEtD,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,WAAW,CAAC,SAAS;gBACxB,OAAO,CACL,KAAC,QAAQ,CAAC,kBAAkB,IAC1B,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAC3C,CACH,CAAC;YAEJ,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,CACL,eAAK,SAAS,EAAC,mEAAmE,aAChF,KAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAC,6CAA6C,iCAG5C,EACb,MAAC,UAAU,IACT,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,kCAAkC,wCAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IACtD,EACb,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,kCAA4B,IACpD,CACP,CAAC;YAEJ,KAAK,WAAW,CAAC,KAAK;gBACpB,OAAO,CACL,eAAK,SAAS,EAAC,mEAAmE,aAChF,KAAC,SAAS,IAAC,SAAS,EAAC,oDAAoD,GAAG,EAC5E,cAAK,SAAS,EAAC,mCAAmC,YAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,UAAU,IAET,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,4CAA4C,EACtD,cAAc,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAEhC,OAAO,IALH,KAAK,CAMC,CACd,CAAC,GACE,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,0BAAoB,IAC5C,CACP,CAAC;YAEJ;gBACE,OAAO,SAAS,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,eAAe,EAAE;YACf,MAAM,EAAE,UAAU;YAClB,cAAc,EAAE,kBAAkB;YAClC,OAAO,EAAE,WAAW;YACpB,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,MAAM,CAAC,SAAS;YAC1B,OAAO,EAAE,MAAM,CAAC,aAAa;YAC7B,QAAQ,EAAE,UAAU,CAAC,KAAK,KAAK,WAAW,CAAC,SAAS;SACrD,EACD,yBAAyB,EACvB,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,UAAU,IACT,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,kCAAkC,wDAGjC,EACb,MAAC,UAAU,IACT,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,kCAAkC,qBAEvC,MAAM,CAAC,SAAS,mBAAU,GAAG,EACjC,MAAM,CAAC,aAAa,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,mBAC1B,IACT,EAER,sBAAsB,EAAE,MAAM,CAAC,mBAAmB,EAClD,gBAAgB,EAAE,mBAAmB,EAAE,EACvC,eAAe,EAAC,4DAA4D,EAC5E,WAAW,EAAC,wBAAwB,GACpC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/dropzone/stories/dropzone-loading-progress.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Dropzone } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Dropzone, { isTesting: true, loadingComponent: _jsx(Dropzone.LoadingProgressBar, { progressBarPrecentage: 50, progressBarMinute: 5 }), dropZoneOptions: {
+            onDrop: () => void 0,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=dropzone-loading-progress.story.js.map