@neo4j-ndl/react 3.8.35 → 3.9.1

package/lib/cjs/drawer/stories/drawer-full.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "push", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), isResizeable: true, resizeableProps: {
+                    maxWidth: '400px',
+                    minWidth: '300px',
+                }, isCloseable: true, isPortaled: false, children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsxs)(react_1.Drawer.Body, { children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", isDisabled: true, value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" })] }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-full.story.js.map

package/lib/cjs/drawer/stories/drawer-full.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-full.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-full.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAAuE;AACvE,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE;oBACf,QAAQ,EAAE,OAAO;oBACjB,QAAQ,EAAE,OAAO;iBAClB,EACD,WAAW,EAAE,IAAI,EACjB,UAAU,EAAE,KAAK,aAEjB,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,wBAAC,cAAM,CAAC,IAAI,eACV,uBAAC,iBAAS,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,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,gCAAM,EACN,uBAAC,iBAAS,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,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,EACd,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer-not-closeable.story.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "left", isCloseable: false, children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Body, { children: "Lorem ipsum dolor sit amet." })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-not-closeable.story.js.map

package/lib/cjs/drawer/stories/drawer-not-closeable.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-not-closeable.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-not-closeable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAAkD;AAClD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAC,MAAM,EACf,WAAW,EAAE,KAAK,aAElB,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,uBAAC,cAAM,CAAC,IAAI,8CAA0C,IAC/C,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer-overlay.story.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), type: "overlay", children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-overlay.story.js.map

package/lib/cjs/drawer/stories/drawer-overlay.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-overlay.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-overlay.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAAkD;AAClD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,IAAI,EAAC,SAAS,aAEd,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,uBAAC,cAAM,CAAC,IAAI,8CAA0C,EACtD,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer-portaled.story.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "left", isResizeable: true, resizeableProps: {
+                    maxWidth: '400px',
+                    minWidth: '300px',
+                }, isPortaled: true, portalProps: {
+                    id: 'storybook-root',
+                }, children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-portaled.story.js.map

package/lib/cjs/drawer/stories/drawer-portaled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-portaled.story.js","sourceRoot":"","sources":["../../../../src/drawer/stories/drawer-portaled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,mDAAiD;AAEjD,4CAAkD;AAClD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,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,EACD,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE;oBACX,EAAE,EAAE,gBAAgB;iBACrB,aAED,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,uBAAC,cAAM,CAAC,IAAI,8CAA0C,EACtD,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer-push.story.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "push", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-push.story.js.map

package/lib/cjs/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,4CAAkD;AAClD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,MAAM,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAE5C,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,uBAAC,cAAM,CAAC,IAAI,8CAA0C,EACtD,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "left", isResizeable: true, resizeableProps: {
+                    maxWidth: '400px',
+                    minWidth: '300px',
+                }, children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-resizable.story.js.map

package/lib/cjs/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,mDAAiD;AAEjD,4CAAkD;AAClD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,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,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,uBAAC,cAAM,CAAC,IAAI,8CAA0C,EACtD,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsx)(Placeholder, {}), (0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "right", children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Body, { children: "Lorem ipsum dolor sit amet." }), (0, jsx_runtime_1.jsx)(react_1.Drawer.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-right-side.story.js.map

package/lib/cjs/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,mDAAiD;AAEjD,4CAAkD;AAClD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,uBAAC,WAAW,KAAG,EACf,wBAAC,cAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAC,OAAO,aAEhB,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,uBAAC,cAAM,CAAC,IAAI,8CAA0C,EACtD,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,sBAEjD,GACM,IACV,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const [isExpanded, setIsExpanded] = (0, react_2.useState)(true);
+    const Placeholder = () => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setIsExpanded(true), children: "Press to show the Drawer" }) }) }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-relative n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(react_1.Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), children: [(0, jsx_runtime_1.jsx)(react_1.Drawer.Header, { children: "Drawer Header" }), (0, jsx_runtime_1.jsxs)(react_1.Drawer.Body, { children: [(0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", isDisabled: true, value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { isOptional: true, informationIconText: "some information", label: "Label", isDisabled: false, isReadOnly: false, helpText: "Friendly text", isFluid: true }), (0, jsx_runtime_1.jsx)("br", {}), "Some example of something.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.Checkbox, { label: "Checkbox label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(react_1.TextInput, { label: "Some input", value: "something" })] })] }), (0, jsx_runtime_1.jsx)(Placeholder, {})] }));
+};
+exports.default = Component;
+//# sourceMappingURL=drawer-scrollable.story.js.map

package/lib/cjs/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,mDAAiD;AAEjD,4CAAuE;AACvE,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,gCAAK,SAAS,EAAC,+FAA+F,YAC5G,gCAAK,SAAS,EAAC,wIAAwI,YACrJ,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,yCAEjC,GACL,GACF,CACP,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,2EAA2E,aACxF,wBAAC,cAAM,IACL,IAAI,EAAC,SAAS,EACd,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAE5C,uBAAC,cAAM,CAAC,MAAM,gCAA8B,EAC5C,wBAAC,cAAM,CAAC,IAAI,eACV,uBAAC,iBAAS,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,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,UAAU,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,GAAG,EACpE,gCAAM,EACN,uBAAC,iBAAS,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,gCAAM,gCAEN,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,EAClD,gCAAM,EACN,uBAAC,gBAAQ,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACnC,gCAAM,EACN,uBAAC,iBAAS,IAAC,KAAK,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG,IACtC,IACP,EACT,uBAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/drawer/stories/drawer.stories.js

@@ -0,0 +1,150 @@
+/**
+ *
+ *  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/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Full = exports.Portaled = exports.Scrollable = exports.NotCloseable = exports.Resizable = exports.RightSide = exports.Push = exports.Overlay = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("../../index");
+const index_2 = require("./index");
+const componentMeta = {
+    title: 'Components/Drawer',
+    id: 'components-drawer',
+    component: index_1.Drawer,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+};
+exports.default = componentMeta;
+exports.Overlay = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerOverlay, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerOverlaySrc,
+            },
+        },
+    },
+};
+exports.Push = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerPush, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerPushSrc,
+            },
+        },
+    },
+};
+exports.RightSide = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerRightSide, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerRightSideSrc,
+            },
+        },
+    },
+};
+exports.Resizable = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerResizable, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerResizableSrc,
+            },
+        },
+    },
+};
+exports.NotCloseable = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerNotCloseable, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerNotCloseableSrc,
+            },
+        },
+    },
+};
+exports.Scrollable = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerScrollable, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerScrollableSrc,
+            },
+        },
+    },
+};
+exports.Portaled = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerPortaled, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerPortaledSrc,
+            },
+        },
+    },
+};
+exports.Full = {
+    // @ts-expect-error The args from the full story are not actually used but we get a type issue here
+    args: {},
+    render: () => (0, jsx_runtime_1.jsx)(index_2.DrawerFull, {}),
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: index_2.DrawerFullSrc,
+            },
+        },
+    },
+};
+//# sourceMappingURL=drawer.stories.js.map

package/lib/cjs/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/cjs/drawer/stories/index.js

@@ -0,0 +1,60 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerPortaledSrc = exports.DrawerFullSrc = exports.DrawerScrollableSrc = exports.DrawerNotCloseableSrc = exports.DrawerResizableSrc = exports.DrawerRightSideSrc = exports.DrawerOverlaySrc = exports.DrawerPushSrc = exports.DrawerPortaled = exports.DrawerFull = exports.DrawerScrollable = exports.DrawerNotCloseable = exports.DrawerResizable = exports.DrawerRightSide = exports.DrawerOverlay = exports.DrawerPush = void 0;
+var drawer_push_story_1 = require("./drawer-push.story");
+Object.defineProperty(exports, "DrawerPush", { enumerable: true, get: function () { return __importDefault(drawer_push_story_1).default; } });
+var drawer_overlay_story_1 = require("./drawer-overlay.story");
+Object.defineProperty(exports, "DrawerOverlay", { enumerable: true, get: function () { return __importDefault(drawer_overlay_story_1).default; } });
+var drawer_right_side_story_1 = require("./drawer-right-side.story");
+Object.defineProperty(exports, "DrawerRightSide", { enumerable: true, get: function () { return __importDefault(drawer_right_side_story_1).default; } });
+var drawer_resizable_story_1 = require("./drawer-resizable.story");
+Object.defineProperty(exports, "DrawerResizable", { enumerable: true, get: function () { return __importDefault(drawer_resizable_story_1).default; } });
+var drawer_not_closeable_story_1 = require("./drawer-not-closeable.story");
+Object.defineProperty(exports, "DrawerNotCloseable", { enumerable: true, get: function () { return __importDefault(drawer_not_closeable_story_1).default; } });
+var drawer_scrollable_story_1 = require("./drawer-scrollable.story");
+Object.defineProperty(exports, "DrawerScrollable", { enumerable: true, get: function () { return __importDefault(drawer_scrollable_story_1).default; } });
+var drawer_full_story_1 = require("./drawer-full.story");
+Object.defineProperty(exports, "DrawerFull", { enumerable: true, get: function () { return __importDefault(drawer_full_story_1).default; } });
+var drawer_portaled_story_1 = require("./drawer-portaled.story");
+Object.defineProperty(exports, "DrawerPortaled", { enumerable: true, get: function () { return __importDefault(drawer_portaled_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const drawer_full_story_tsx_raw_1 = __importDefault(require("./drawer-full.story.tsx?raw"));
+const drawer_not_closeable_story_tsx_raw_1 = __importDefault(require("./drawer-not-closeable.story.tsx?raw"));
+const drawer_overlay_story_tsx_raw_1 = __importDefault(require("./drawer-overlay.story.tsx?raw"));
+const drawer_portaled_story_tsx_raw_1 = __importDefault(require("./drawer-portaled.story.tsx?raw"));
+const drawer_push_story_tsx_raw_1 = __importDefault(require("./drawer-push.story.tsx?raw"));
+const drawer_resizable_story_tsx_raw_1 = __importDefault(require("./drawer-resizable.story.tsx?raw"));
+const drawer_right_side_story_tsx_raw_1 = __importDefault(require("./drawer-right-side.story.tsx?raw"));
+const drawer_scrollable_story_tsx_raw_1 = __importDefault(require("./drawer-scrollable.story.tsx?raw"));
+exports.DrawerPushSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_push_story_tsx_raw_1.default);
+exports.DrawerOverlaySrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_overlay_story_tsx_raw_1.default);
+exports.DrawerRightSideSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_right_side_story_tsx_raw_1.default);
+exports.DrawerResizableSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_resizable_story_tsx_raw_1.default);
+exports.DrawerNotCloseableSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_not_closeable_story_tsx_raw_1.default);
+exports.DrawerScrollableSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_scrollable_story_tsx_raw_1.default);
+exports.DrawerFullSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_full_story_tsx_raw_1.default);
+exports.DrawerPortaledSrc = (0, export_stories_utils_1.removeLicenseHeader)(drawer_portaled_story_tsx_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/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,yDAA4D;AAAnD,gIAAA,OAAO,OAAc;AAC9B,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,mEAAsE;AAA7D,0IAAA,OAAO,OAAmB;AACnC,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,qEAAwE;AAA/D,4IAAA,OAAO,OAAoB;AACpC,yDAA4D;AAAnD,gIAAA,OAAO,OAAc;AAC9B,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAElC,wFAAoF;AAEpF,4FAA2D;AAC3D,8GAA4E;AAC5E,kGAAiE;AACjE,oGAAmE;AACnE,4FAA2D;AAC3D,sGAAqE;AACrE,wGAAsE;AACtE,wGAAuE;AAE1D,QAAA,aAAa,GAAG,IAAA,0CAAmB,EAAC,mCAAgB,CAAC,CAAC;AACtD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,sCAAmB,CAAC,CAAC;AAC5D,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,yCAAqB,CAAC,CAAC;AAChE,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,wCAAqB,CAAC,CAAC;AAChE,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,4CAAwB,CACzB,CAAC;AACW,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,yCAAsB,CAAC,CAAC;AAClE,QAAA,aAAa,GAAG,IAAA,0CAAmB,EAAC,mCAAgB,CAAC,CAAC;AACtD,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,uCAAoB,CAAC,CAAC"}

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    const onDrop = (files) => {
+        alert('attempted to upload ' +
+            files.length +
+            ' file(s). Check console logs for more info');
+    };
+    return ((0, jsx_runtime_1.jsx)(react_1.Dropzone, { supportedFilesDescription: "Supports: CSV Files", dropZoneOptions: {
+            accept: { 'text/csv': ['.csv'] },
+            onDrop,
+        } }));
+};
+exports.default = Component;
+//# sourceMappingURL=dropzone-csv-files.story.js.map

package/lib/cjs/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,4CAA4C;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,uBAAC,gBAAQ,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,kBAAe,SAAS,CAAC"}