@neo4j-ndl/react 3.8.35 → 3.9.1

package/lib/esm/date-picker/stories/date-picker-opens-to-date.story.js

@@ -0,0 +1,41 @@
+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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DatePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedDate, setSelectedDate] = useState(new Date('2023-05-27'));
+    const handleOnChange = (date) => {
+        setSelectedDate(date);
+    };
+    return (_jsx(DatePicker, { reactDatePickerProps: {
+            selected: selectedDate,
+            onChange: handleOnChange,
+            openToDate: new Date('2010-02-01'),
+            highlightDates: [new Date('2010-02-01')],
+            popperProps: {
+                strategy: 'fixed',
+            },
+        } }));
+};
+export default Component;
+//# sourceMappingURL=date-picker-opens-to-date.story.js.map

package/lib/esm/date-picker/stories/date-picker-opens-to-date.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-opens-to-date.story.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/date-picker-opens-to-date.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC3C,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,oBAAoB,EAAE;YACpB,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,cAAc;YACxB,UAAU,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;YAClC,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;YACxC,WAAW,EAAE;gBACX,QAAQ,EAAE,OAAO;aAClB;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/date-picker/stories/date-picker-starts-on-monday.story.js

@@ -0,0 +1,40 @@
+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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DatePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedDate, setSelectedDate] = useState(new Date('2023-05-27'));
+    const handleOnChange = (date) => {
+        setSelectedDate(date);
+    };
+    return (_jsx(DatePicker, { reactDatePickerProps: {
+            selected: selectedDate,
+            onChange: handleOnChange,
+            calendarStartDay: 1,
+            popperProps: {
+                strategy: 'fixed',
+            },
+        } }));
+};
+export default Component;
+//# sourceMappingURL=date-picker-starts-on-monday.story.js.map

package/lib/esm/date-picker/stories/date-picker-starts-on-monday.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-starts-on-monday.story.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/date-picker-starts-on-monday.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC3C,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,oBAAoB,EAAE;YACpB,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,cAAc;YACxB,gBAAgB,EAAE,CAAC;YACnB,WAAW,EAAE;gBACX,QAAQ,EAAE,OAAO;aAClB;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/date-picker/stories/date-picker-text-input-props.story.js

@@ -0,0 +1,42 @@
+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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DatePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedDate, setSelectedDate] = useState(new Date('2023-05-27'));
+    const handleOnChange = (date) => {
+        setSelectedDate(date);
+    };
+    return (_jsx(DatePicker, { textInputProps: {
+            label: 'This one has a label',
+            helpText: 'With help text',
+        }, reactDatePickerProps: {
+            selected: selectedDate,
+            onChange: handleOnChange,
+            popperProps: {
+                strategy: 'fixed',
+            },
+        } }));
+};
+export default Component;
+//# sourceMappingURL=date-picker-text-input-props.story.js.map

package/lib/esm/date-picker/stories/date-picker-text-input-props.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-text-input-props.story.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/date-picker-text-input-props.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC3C,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,cAAc,EAAE;YACd,KAAK,EAAE,sBAAsB;YAC7B,QAAQ,EAAE,gBAAgB;SAC3B,EACD,oBAAoB,EAAE;YACpB,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,cAAc;YACxB,WAAW,EAAE;gBACX,QAAQ,EAAE,OAAO;aAClB;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/date-picker/stories/date-picker-with-time-picker.story.js

@@ -0,0 +1,43 @@
+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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DatePicker } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedDate, setSelectedDate] = useState(new Date('2023-05-27'));
+    const handleOnChange = (date) => {
+        setSelectedDate(date);
+    };
+    return (_jsx(DatePicker, { timePickerProps: {
+            timeInterval: 20,
+            format: 'hh:mm',
+        }, reactDatePickerProps: {
+            selected: selectedDate,
+            onChange: handleOnChange,
+            showTimeInput: true,
+            popperProps: {
+                strategy: 'fixed',
+            },
+        } }));
+};
+export default Component;
+//# sourceMappingURL=date-picker-with-time-picker.story.js.map

package/lib/esm/date-picker/stories/date-picker-with-time-picker.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-with-time-picker.story.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/date-picker-with-time-picker.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC3C,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,eAAe,EAAE;YACf,YAAY,EAAE,EAAE;YAChB,MAAM,EAAE,OAAO;SAChB,EACD,oBAAoB,EAAE;YACpB,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,IAAI;YACnB,WAAW,EAAE;gBACX,QAAQ,EAAE,OAAO;aAClB;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/date-picker/stories/date-picker.stories.js

@@ -0,0 +1,201 @@
+/**
+ *
+ *  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 isChromatic from 'chromatic';
+import { DatePicker } from '../DatePicker';
+import { DatePickerDefault, DatePickerDefaultSource, DatePickerDisabled, DatePickerDisabledSource, DatePickerFull, DatePickerFullSource, DatePickerInsideModal, DatePickerInsideModalSource, DatePickerMinMaxDate, DatePickerMinMaxDateSource, DatePickerOpensToDate, DatePickerOpensToDateSource, DatePickerStartsOnMonday, DatePickerStartsOnMondaySource, DatePickerTextInputProps, DatePickerTextInputPropsSource, DatePickerWithTimePicker, DatePickerWithTimePickerSource, } from './';
+const componentMeta = {
+    title: 'Components/Date Picker',
+    id: 'components-date-picker',
+    component: DatePicker,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) })),
+    ],
+};
+export default componentMeta;
+export const Default = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerDefault,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerDefaultSource,
+            },
+        },
+    },
+};
+export const StartsOnMonday = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerStartsOnMonday,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerStartsOnMondaySource,
+            },
+        },
+    },
+};
+export const MinMaxDate = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerMinMaxDate,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerMinMaxDateSource,
+            },
+        },
+    },
+};
+export const OpensToDate = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerOpensToDate,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerOpensToDateSource,
+            },
+        },
+    },
+};
+export const TextInputProps = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerTextInputProps,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerTextInputPropsSource,
+            },
+        },
+    },
+};
+export const WithTimePicker = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerWithTimePicker,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerWithTimePickerSource,
+            },
+        },
+    },
+};
+export const Disabled = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerDisabled,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerDisabledSource,
+            },
+        },
+    },
+};
+export const InsideAModal = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerInsideModal,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerInsideModalSource,
+            },
+        },
+    },
+};
+export const Full = {
+    args: {
+        reactDatePickerProps: {
+            onChange: () => void 0,
+            open: isChromatic() ? true : undefined,
+        },
+    },
+    render: DatePickerFull,
+    parameters: {
+        docs: {
+            source: {
+                language: 'tsx',
+                type: 'code',
+                code: DatePickerFullSource,
+            },
+        },
+    },
+};
+//# sourceMappingURL=date-picker.stories.js.map

package/lib/esm/date-picker/stories/date-picker.stories.js.map

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

package/lib/esm/date-picker/stories/index.js

@@ -0,0 +1,49 @@
+/**
+ *
+ *  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 DatePickerDefault } from './date-picker-default.story';
+export { default as DatePickerStartsOnMonday } from './date-picker-starts-on-monday.story';
+export { default as DatePickerMinMaxDate } from './date-picker-min-max-date.story';
+export { default as DatePickerOpensToDate } from './date-picker-opens-to-date.story';
+export { default as DatePickerTextInputProps } from './date-picker-text-input-props.story';
+export { default as DatePickerWithTimePicker } from './date-picker-with-time-picker.story';
+export { default as DatePickerDisabled } from './date-picker-disabled.story';
+export { default as DatePickerInsideModal } from './date-picker-inside-modal.story';
+export { default as DatePickerFull } from './date-picker-full.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import DatePickerDefaultSourceRaw from './date-picker-default.story.tsx?raw';
+import DatePickerDisabledSourceRaw from './date-picker-disabled.story.tsx?raw';
+import DatePickerFullSourceRaw from './date-picker-full.story.tsx?raw';
+import DatePickerInsideModalSourceRaw from './date-picker-inside-modal.story.tsx?raw';
+import DatePickerMinMaxDateSourceRaw from './date-picker-min-max-date.story.tsx?raw';
+import DatePickerOpensToDateSourceRaw from './date-picker-opens-to-date.story.tsx?raw';
+import DatePickerStartsOnMondaySourceRaw from './date-picker-starts-on-monday.story.tsx?raw';
+import DatePickerTextInputPropsSourceRaw from './date-picker-text-input-props.story.tsx?raw';
+import DatePickerWithTimePickerSourceRaw from './date-picker-with-time-picker.story.tsx?raw';
+export const DatePickerDefaultSource = removeLicenseHeader(DatePickerDefaultSourceRaw);
+export const DatePickerStartsOnMondaySource = removeLicenseHeader(DatePickerStartsOnMondaySourceRaw);
+export const DatePickerMinMaxDateSource = removeLicenseHeader(DatePickerMinMaxDateSourceRaw);
+export const DatePickerOpensToDateSource = removeLicenseHeader(DatePickerOpensToDateSourceRaw);
+export const DatePickerTextInputPropsSource = removeLicenseHeader(DatePickerTextInputPropsSourceRaw);
+export const DatePickerWithTimePickerSource = removeLicenseHeader(DatePickerWithTimePickerSourceRaw);
+export const DatePickerDisabledSource = removeLicenseHeader(DatePickerDisabledSourceRaw);
+export const DatePickerInsideModalSource = removeLicenseHeader(DatePickerInsideModalSourceRaw);
+export const DatePickerFullSource = removeLicenseHeader(DatePickerFullSourceRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/date-picker/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,0BAA0B,MAAM,qCAAqC,CAAC;AAC7E,OAAO,2BAA2B,MAAM,sCAAsC,CAAC;AAC/E,OAAO,uBAAuB,MAAM,kCAAkC,CAAC;AACvE,OAAO,8BAA8B,MAAM,0CAA0C,CAAC;AACtF,OAAO,6BAA6B,MAAM,0CAA0C,CAAC;AACrF,OAAO,8BAA8B,MAAM,2CAA2C,CAAC;AACvF,OAAO,iCAAiC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,iCAAiC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,iCAAiC,MAAM,8CAA8C,CAAC;AAE7F,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,8BAA8B,GAAG,mBAAmB,CAC/D,iCAAiC,CAClC,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAC5D,8BAA8B,CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,8BAA8B,GAAG,mBAAmB,CAC/D,iCAAiC,CAClC,CAAC;AACF,MAAM,CAAC,MAAM,8BAA8B,GAAG,mBAAmB,CAC/D,iCAAiC,CAClC,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAC5D,8BAA8B,CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC"}

package/lib/esm/drawer/stories/drawer-full.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, 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: "push", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), isResizeable: true, resizeableProps: {
+                    maxWidth: '400px',
+                    minWidth: '300px',
+                }, isCloseable: true, isPortaled: 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(Drawer.Actions, { children: _jsx(Button, { onClick: () => setIsExpanded(false), size: "medium", children: "Close" }) })] }), _jsx(Placeholder, {})] }));
+};
+export default Component;
+//# sourceMappingURL=drawer-full.story.js.map

package/lib/esm/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,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,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,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,EACd,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-not-closeable.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: [_jsxs(Drawer, { type: "overlay", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), position: "left", isCloseable: false, children: [_jsx(Drawer.Header, { children: "Drawer Header" }), _jsx(Drawer.Body, { children: "Lorem ipsum dolor sit amet." })] }), _jsx(Placeholder, {})] }));
+};
+export default Component;
+//# sourceMappingURL=drawer-not-closeable.story.js.map

package/lib/esm/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,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,WAAW,EAAE,KAAK,aAElB,KAAC,MAAM,CAAC,MAAM,gCAA8B,EAC5C,KAAC,MAAM,CAAC,IAAI,8CAA0C,IAC/C,EACT,KAAC,WAAW,KAAG,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/drawer/stories/drawer-overlay.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: [_jsxs(Drawer, { isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), type: "overlay", 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-overlay.story.js.map

package/lib/esm/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,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,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC5C,IAAI,EAAC,SAAS,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-portaled.story.js

@@ -0,0 +1,36 @@
+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(false);
+    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',
+                }, isPortaled: true, portalProps: {
+                    id: 'storybook-root',
+                }, 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-portaled.story.js.map

package/lib/esm/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,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,KAAK,CAAC,CAAC;IAEpD,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,EACD,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE;oBACX,EAAE,EAAE,gBAAgB;iBACrB,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-push.story.js

@@ -0,0 +1,30 @@
+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 { 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: "push", isExpanded: isExpanded, onExpandedChange: () => setIsExpanded(false), 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-push.story.js.map