@equinor/fusion-framework-react-components-bookmark 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,18 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 0.1.0 (2023-04-24)
+
+### Features
+
+-   **bookmark-component:** new bookmark component for creating and editing bookmarks initial commit ([bd3bfec](https://github.com/equinor/fusion-framework/commit/bd3bfeca877df6076ca711333d0b96a44504c888))
+
+### Bug Fixes
+
+-   **bookmark-component:** add group by context ([20291f3](https://github.com/equinor/fusion-framework/commit/20291f3cd8284ff5b0eb2db30f9e4040a870ba70))
+-   **bookmark-component:** removed comment ([72c7147](https://github.com/equinor/fusion-framework/commit/72c7147609b229fb68576068c0f2944e5e3bbae0))
+-   **bookmark-component:** styles update, added loading spinner and update with current view' ([d5e1143](https://github.com/equinor/fusion-framework/commit/d5e1143f125410beb46a462e92591e3f9bbb809d))
+-   **bookmark:** fix linting ([17b179f](https://github.com/equinor/fusion-framework/commit/17b179fbb25243730dd65cc116c86471074faabc))
+-   pull request feedback fixes ([a0d9aa6](https://github.com/equinor/fusion-framework/commit/a0d9aa69a5ffc4e6da5061df61969d860c4be909))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Equinor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/esm/components/Bookmark.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
+import { useBookmarkGrouping } from '../hooks';
+import { BookmarkFilter } from './filter/Filter';
+import { SectionList } from './sectionList/SectionList';
+import { css } from '@emotion/css';
+import { useEffect } from 'react';
+import { Icon } from '@equinor/eds-core-react';
+import { chevron_down, chevron_right, share, more_vertical, add } from '@equinor/eds-icons';
+Icon.add({
+    chevron_down,
+    chevron_right,
+    share,
+    more_vertical,
+    add,
+});
+const style = {
+    wrapper: css `
+        padding-right: 1rem;
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+    `,
+    list: css `
+        overflow-y: auto;
+        overflow-x: hidden;
+        height: calc((100vh - 85px) - 3rem);
+    `,
+};
+export const Bookmark = () => {
+    const { bookmarks, getAllBookmarks } = useBookmark();
+    useEffect(() => {
+        getAllBookmarks();
+    }, [getAllBookmarks]);
+    const { bookmarkGroups, groupingModes, searchText, setGroupBy, setSearchText, groupByKey } = useBookmarkGrouping(bookmarks);
+    return (_jsxs("div", Object.assign({ className: style.wrapper }, { children: [_jsx(BookmarkFilter, { groupBy: groupByKey, groupingModes: Object.keys(groupingModes), searchText: searchText !== null && searchText !== void 0 ? searchText : '', setGroupBy: setGroupBy, setSearchText: setSearchText }), _jsx("div", Object.assign({ className: style.list }, { children: _jsx(SectionList, { bookmarkGroups: bookmarkGroups }) }))] })));
+};
+export default Bookmark;
+//# sourceMappingURL=Bookmark.js.map

package/dist/esm/components/Bookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bookmark.js","sourceRoot":"","sources":["../../../src/components/Bookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE5F,IAAI,CAAC,GAAG,CAAC;IACL,YAAY;IACZ,aAAa;IACb,KAAK;IACL,aAAa;IACb,GAAG;CACN,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG;IACV,OAAO,EAAE,GAAG,CAAA;;;;;KAKX;IACD,IAAI,EAAE,GAAG,CAAA;;;;KAIR;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GACtF,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAEnC,OAAO,CACH,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO,iBACzB,KAAC,cAAc,IACX,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,EACzC,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC9B,EACF,4BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,gBACtB,KAAC,WAAW,IAAC,cAAc,EAAE,cAAc,GAAI,IAC7C,KACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/components/BookmarkProvider.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Snackbar } from '@equinor/eds-core-react';
+import { useFramework } from '@equinor/fusion-framework-react';
+import { useEffect, useState } from 'react';
+import { CreateBookmarkModal } from './create-bookmark';
+import { EditBookmarkModal } from './edit-bookmark';
+import { ImportBookmarkModal } from './import-bookmark';
+export const BookmarkProvider = ({ children }) => {
+    const [isCreateBookmarkOpen, setIsCreateBookmarkOpen] = useState(false);
+    const [isEditBookmarkOpen, setIsEditBookmarkOpen] = useState(false);
+    const [editBookmarkId, setEditBookmarkId] = useState();
+    const [isBookmarkCopy, setIsBookmarkCopy] = useState(false);
+    const { event } = useFramework().modules;
+    useEffect(() => {
+        const subOnBookmarkOpen = event.addEventListener('onBookmarkOpen', (e) => {
+            setIsCreateBookmarkOpen(e.detail);
+        });
+        const subOnBookmarkEdit = event.addEventListener('onBookmarkEdit', (e) => {
+            setEditBookmarkId(e.detail.bookmarkId);
+            setIsEditBookmarkOpen(true);
+        });
+        const subOnBookmarkUrlCopy = event.addEventListener('onBookmarkUrlCopy', () => {
+            setIsBookmarkCopy(true);
+        });
+        return () => {
+            subOnBookmarkEdit();
+            subOnBookmarkOpen();
+            subOnBookmarkUrlCopy();
+        };
+    }, [event]);
+    return (_jsxs(_Fragment, { children: [_jsx(CreateBookmarkModal, { isOpen: isCreateBookmarkOpen, onClose: setIsCreateBookmarkOpen }), _jsx(EditBookmarkModal, { isOpen: isEditBookmarkOpen, onClose: setIsEditBookmarkOpen, bookmarkId: editBookmarkId }), _jsx(ImportBookmarkModal, {}), _jsx(Snackbar, Object.assign({ autoHideDuration: 2000, onClose: () => setIsBookmarkCopy(false), open: isBookmarkCopy }, { children: "Bookmark url copied to clipboard" })), children] }));
+};
+//# sourceMappingURL=BookmarkProvider.js.map

package/dist/esm/components/BookmarkProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkProvider.js","sourceRoot":"","sources":["../../../src/components/BookmarkProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAqB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAA8B,EAAE,EAAE;IACzE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAC3E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC,OAAO,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE;YACrE,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,MAAM,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE;YACrE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACvC,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,oBAAoB,GAAG,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC1E,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC5B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACR,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,CAAC;YACpB,oBAAoB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,8BACI,KAAC,mBAAmB,IAAC,MAAM,EAAE,oBAAoB,EAAE,OAAO,EAAE,uBAAuB,GAAI,EACvF,KAAC,iBAAiB,IACd,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,UAAU,EAAE,cAAc,GAC5B,EACF,KAAC,mBAAmB,KAAG,EACvB,KAAC,QAAQ,kBACL,gBAAgB,EAAE,IAAI,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,IAAI,EAAE,cAAc,sDAGb,EACV,QAAQ,IACV,CACN,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/create-bookmark/CreateBookmark.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+import { Button, Checkbox, Dialog, Input, Label, TextField } from '@equinor/eds-core-react';
+import { useFramework } from '@equinor/fusion-framework-react';
+import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
+import { useState } from 'react';
+const StyledContent = styled(Dialog.Content) `
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+export const CreateBookmarkModal = ({ isOpen, onClose, }) => {
+    var _a;
+    const [state, setState] = useState({
+        name: '',
+        description: '',
+        isShared: false,
+    });
+    const { current } = useFramework().modules.app;
+    const { createBookmark } = useBookmark();
+    return (_jsxs(Dialog, Object.assign({ style: { width: '400px' }, open: isOpen }, { children: [_jsx(Dialog.Header, { children: "Create bookmark" }), _jsxs(StyledContent, { children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", label: "Name" }), _jsx(Input, { id: "name", autoComplete: "off", value: state === null || state === void 0 ? void 0 : state.name, onChange: (event) => {
+                                    setState((s) => (Object.assign(Object.assign({}, s), { name: event.target.value })));
+                                } })] }), _jsx("div", { children: _jsx(TextField, { id: "storybook-multiline-three", label: "Description", multiline: true, rows: 3, rowsMax: 10, onChange: (event) => {
+                                setState((s) => (Object.assign(Object.assign({}, s), { description: event.target.value })));
+                            } }) }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "app", label: "App" }), _jsx(Input, { readOnly: true, value: ((_a = current === null || current === void 0 ? void 0 : current.manifest) === null || _a === void 0 ? void 0 : _a.name) || '' })] }), _jsx("div", { children: _jsx(Checkbox, { label: "Is Shared", checked: state.isShared, onChange: (event) => {
+                                setState((s) => (Object.assign(Object.assign({}, s), { isShared: event.target.checked })));
+                            } }) })] }), _jsx(Dialog.Actions, { children: _jsxs("div", Object.assign({ style: { display: 'flex', gap: '0.2em' } }, { children: [_jsx(Button, Object.assign({ onClick: () => onClose(false), variant: "ghost" }, { children: "Cancel" })), _jsx(Button, Object.assign({ onClick: () => {
+                                state &&
+                                    createBookmark(state).then(() => {
+                                        onClose(false);
+                                    });
+                            } }, { children: "Create" }))] })) })] })));
+};
+//# sourceMappingURL=CreateBookmark.js.map

package/dist/esm/components/create-bookmark/CreateBookmark.js.map

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

package/dist/esm/components/create-bookmark/index.js

@@ -0,0 +1,2 @@
+export * from './CreateBookmark';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/create-bookmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/create-bookmark/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/edit-bookmark/EditBookmark.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '@emotion/css';
+import styled from '@emotion/styled';
+import { Button, Checkbox, Dialog, Input, Label, TextField } from '@equinor/eds-core-react';
+import { useFramework } from '@equinor/fusion-framework-react';
+import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
+import { useEffect, useState } from 'react';
+import { appendBookmarkIdToUrl } from '../../utils/append-bookmark-to-uri';
+const StyledContent = styled(Dialog.Content) `
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+const StyledDialog = styled(Dialog) `
+    width: 500px;
+`;
+const styles = {
+    checkboxWrapper: css `
+        display: flex;
+        gap: 1rem;
+    `,
+    actions: css `
+        display: 'flex';
+        gap: 0.2em;
+    `,
+};
+export const EditBookmarkModal = ({ isOpen, onClose, bookmarkId, }) => {
+    var _a;
+    const [state, setState] = useState({
+        id: '',
+        appKey: '',
+        name: '',
+        description: '',
+        isShared: false,
+    });
+    const [updatePayload, setUpdatePayload] = useState(false);
+    const { app, event } = useFramework().modules;
+    const { current } = app;
+    const { updateBookmark, bookmarks } = useBookmark();
+    useEffect(() => {
+        const bookmark = bookmarks.find((b) => b.id === bookmarkId);
+        if (bookmark) {
+            setState(bookmark);
+        }
+    }, [bookmarkId, bookmarks]);
+    return (_jsxs(StyledDialog, Object.assign({ open: isOpen }, { children: [_jsx(Dialog.Header, { children: "Edit bookmark" }), _jsxs(StyledContent, { children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", label: "Name" }), _jsx(Input, { id: "name", autoComplete: "off", value: state === null || state === void 0 ? void 0 : state.name, onChange: (event) => {
+                                    setState((s) => (Object.assign(Object.assign({}, s), { name: event.target.value })));
+                                } })] }), _jsx("div", { children: _jsx(TextField, { id: "storybook-multiline-three", label: "Description", value: state === null || state === void 0 ? void 0 : state.description, multiline: true, rows: 3, rowsMax: 10, onChange: (event) => {
+                                setState((s) => (Object.assign(Object.assign({}, s), { description: event.target.value })));
+                            } }) }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "app", label: "App" }), _jsx(Input, { readOnly: true, value: ((_a = current === null || current === void 0 ? void 0 : current.manifest) === null || _a === void 0 ? void 0 : _a.name) || '' })] }), _jsxs("div", Object.assign({ className: styles.checkboxWrapper }, { children: [_jsx(Checkbox, { label: "Is Shared", checked: state.isShared, onChange: (changeEvent) => {
+                                    if (changeEvent.target.checked) {
+                                        const url = appendBookmarkIdToUrl(state.id);
+                                        navigator.clipboard.writeText(url);
+                                        event.dispatchEvent('onBookmarkUrlCopy', { detail: { url } });
+                                    }
+                                    setState((s) => (Object.assign(Object.assign({}, s), { isShared: changeEvent.target.checked })));
+                                } }), _jsx(Checkbox, { label: "Update bookmark with current view", checked: updatePayload, onChange: () => {
+                                    setUpdatePayload((s) => !s);
+                                } })] }))] }), _jsx(Dialog.Actions, { children: _jsxs("div", Object.assign({ className: styles.actions }, { children: [_jsx(Button, Object.assign({ onClick: () => onClose(false), variant: "ghost" }, { children: "Cancel" })), _jsx(Button, Object.assign({ onClick: () => {
+                                state &&
+                                    updateBookmark(state, { updatePayload }).then(() => {
+                                        onClose(false);
+                                    });
+                            } }, { children: "Save" }))] })) })] })));
+};
+//# sourceMappingURL=EditBookmark.js.map

package/dist/esm/components/edit-bookmark/EditBookmark.js.map

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

package/dist/esm/components/edit-bookmark/index.js

@@ -0,0 +1,2 @@
+export * from './EditBookmark';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/edit-bookmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/edit-bookmark/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/filter/Filter.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '@emotion/css';
+import { Search, Autocomplete } from '@equinor/eds-core-react';
+const styles = {
+    row: css `
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    `,
+};
+export const BookmarkFilter = ({ searchText, setGroupBy, setSearchText, groupingModes, groupBy, }) => {
+    return (_jsxs("div", Object.assign({ className: styles.row }, { children: [_jsx(Search, { placeholder: "Search in my bookmarks", value: searchText !== null && searchText !== void 0 ? searchText : '', onChange: (e) => {
+                    setSearchText(e.currentTarget.value.length ? e.currentTarget.value : null);
+                } }), _jsx(Autocomplete, { options: groupingModes, selectedOptions: [groupBy], multiple: false, hideClearButton: true, autoWidth: true, onOptionsChange: (changes) => setGroupBy(changes.selectedItems[0]), label: '' })] })));
+};
+//# sourceMappingURL=Filter.js.map

package/dist/esm/components/filter/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../../src/components/filter/Filter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAW/D,MAAM,MAAM,GAAG;IACX,GAAG,EAAE,GAAG,CAAA;;;;KAIP;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,OAAO,GACW,EAAE,EAAE;IACtB,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,GAAG,iBACtB,KAAC,MAAM,IACH,WAAW,EAAC,wBAAwB,EACpC,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBAC/E,CAAC,GACH,EACF,KAAC,YAAY,IACT,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,CAAC,OAAO,CAAC,EAC1B,QAAQ,EAAE,KAAK,EACf,eAAe,QACf,SAAS,QACT,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAiB,CAAC,EAClF,KAAK,EAAE,EAAE,GACX,KACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/import-bookmark/ImportBookmark.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '@emotion/css';
+import { Button, Dialog } from '@equinor/eds-core-react';
+import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
+import { useEffect, useState } from 'react';
+const styles = {
+    actionWrapper: css `
+        display: flex;
+        gap: 1rem;
+    `,
+};
+export const ImportBookmarkModal = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    const { currentBookmark, bookmarks, addBookmarkFavorite } = useBookmark();
+    useEffect(() => {
+        if (!bookmarks || !currentBookmark || bookmarks.length === 0)
+            return;
+        if (bookmarks.findIndex(({ id }) => id === currentBookmark.id) === -1) {
+            setIsOpen(true);
+        }
+    }, [bookmarks, currentBookmark]);
+    return (_jsxs(Dialog, Object.assign({ style: { width: '600px' }, open: isOpen }, { children: [_jsx(Dialog.Header, { children: "Import bookmark" }), _jsxs(Dialog.Content, { children: [_jsxs("p", { children: ["This bookmark was created by ", currentBookmark === null || currentBookmark === void 0 ? void 0 : currentBookmark.createdBy.name] }), _jsx("p", { children: "Would you like to import it?" })] }), _jsx(Dialog.Actions, { children: _jsxs("div", Object.assign({ className: styles.actionWrapper }, { children: [_jsx(Button, Object.assign({ onClick: () => setIsOpen(false), variant: 'ghost', style: { width: '70px' } }, { children: "No" })), _jsx(Button, Object.assign({ onClick: () => {
+                                console.log(currentBookmark === null || currentBookmark === void 0 ? void 0 : currentBookmark.id);
+                                currentBookmark && addBookmarkFavorite(currentBookmark.id);
+                                setIsOpen(false);
+                            }, variant: "ghost" }, { children: "Import" }))] })) })] })));
+};
+//# sourceMappingURL=ImportBookmark.js.map

package/dist/esm/components/import-bookmark/ImportBookmark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportBookmark.js","sourceRoot":"","sources":["../../../../src/components/import-bookmark/ImportBookmark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,GAAG;IACX,aAAa,EAAE,GAAG,CAAA;;;KAGjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,mBAAmB,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,SAAS,IAAI,CAAC,eAAe,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAErE,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE;YACnE,SAAS,CAAC,IAAI,CAAC,CAAC;SACnB;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjC,OAAO,CACH,MAAC,MAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,iBAC3C,KAAC,MAAM,CAAC,MAAM,kCAAgC,EAC9C,MAAC,MAAM,CAAC,OAAO,eACX,yDAAiC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,CAAC,IAAI,IAAK,EACrE,uDAAmC,IACtB,EACjB,KAAC,MAAM,CAAC,OAAO,cACX,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,iBAChC,KAAC,MAAM,kBACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,wBAGnB,EACT,KAAC,MAAM,kBACH,OAAO,EAAE,GAAG,EAAE;gCACV,OAAO,CAAC,GAAG,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,CAAC,CAAC;gCACjC,eAAe,IAAI,mBAAmB,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;gCAC3D,SAAS,CAAC,KAAK,CAAC,CAAC;4BACrB,CAAC,EACD,OAAO,EAAC,OAAO,4BAGV,KACP,GACO,KACZ,CACZ,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/import-bookmark/index.js

@@ -0,0 +1,2 @@
+export * from './ImportBookmark';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/import-bookmark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/import-bookmark/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/loading/Loading.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircularProgress } from '@equinor/eds-core-react';
+export const Loading = () => (_jsx("div", Object.assign({ style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        width: '100%',
+    } }, { children: _jsx(CircularProgress, {}) })));
+//# sourceMappingURL=Loading.js.map

package/dist/esm/components/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/loading/Loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAG3D,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACzB,4BACI,KAAK,EAAE;QACH,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KAChB,gBAED,KAAC,gBAAgB,KAAG,IAClB,CACT,CAAC"}

package/dist/esm/components/row/MoreMenu.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Menu } from '@equinor/eds-core-react';
+export const MoreMenu = ({ pRef, onClose, open, options }) => {
+    return (_jsx(Menu, Object.assign({ open: open, anchorEl: pRef.current }, { children: options.map(({ onClick, name, disabled, Icon }) => (_jsxs(Menu.Item, Object.assign({ disabled: disabled, onClick: (e) => {
+                e.stopPropagation();
+                e.preventDefault();
+                onClick();
+                onClose();
+            } }, { children: [Icon && Icon, name] }), name))) })));
+};
+//# sourceMappingURL=MoreMenu.js.map

package/dist/esm/components/row/MoreMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreMenu.js","sourceRoot":"","sources":["../../../../src/components/row/MoreMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAW/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAa,EAAE,EAAE;IACpE,OAAO,CACH,KAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,gBACnC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAChD,MAAC,IAAI,CAAC,IAAI,kBACN,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,EAAE,CAAC;gBACV,OAAO,EAAE,CAAC;YACd,CAAC,iBAGA,IAAI,IAAI,IAAI,EACZ,IAAI,MAHA,IAAI,CAID,CACf,CAAC,IACC,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/row/Row.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css } from '@emotion/css';
+import { Icon, Typography } from '@equinor/eds-core-react';
+import { tokens } from '@equinor/eds-tokens';
+import { useOutsideClick } from '@equinor/eds-utils';
+import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
+import { useRef } from 'react';
+import { MoreMenu } from './MoreMenu';
+const styles = {
+    iconRow: css `
+        display: flex;
+        flex-direction: row;
+        gap: 0.2em;
+        align-items: center;
+    `,
+    row: css `
+        cursor: pointer;
+        &:hover {
+            background-color: ${tokens.colors.ui.background__light.hex};
+        }
+
+        display: flex;
+        align-items: center;
+        height: 32px;
+        min-height: 32px;
+        max-height: 32px;
+        justify-content: space-between;
+        border-bottom: 1px solid ${tokens.colors.ui.background__medium.hex};
+    `,
+};
+export const Row = ({ name, menuOptions, children, id, menuOpen, onMenuOpen }) => {
+    const pRef = useRef(null);
+    const { setCurrentBookmark } = useBookmark();
+    useOutsideClick(pRef.current, () => onMenuOpen(''));
+    return (_jsxs("li", Object.assign({ className: styles.row, onClick: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            setCurrentBookmark(id);
+        } }, { children: [_jsx(Typography, { children: name }), _jsxs("div", Object.assign({ className: styles.iconRow }, { children: [children, !!(menuOptions === null || menuOptions === void 0 ? void 0 : menuOptions.length) && (_jsx(Icon, { name: "more_vertical", onClick: (e) => {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            onMenuOpen(id);
+                        }, color: tokens.colors.interactive.primary__resting.hex, ref: pRef })), _jsx(MoreMenu, { open: menuOpen, options: menuOptions, onClose: () => {
+                            onMenuOpen('');
+                        }, pRef: pRef })] }))] })));
+};
+//# sourceMappingURL=Row.js.map

package/dist/esm/components/row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../src/components/row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAA+B,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAkBtC,MAAM,MAAM,GAAG;IACX,OAAO,EAAE,GAAG,CAAA;;;;;KAKX;IACD,GAAG,EAAE,GAAG,CAAA;;;gCAGoB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,iBAAiB,CAAC,GAAG;;;;;;;;;mCASnC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG;KACrE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAY,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAC;IAE7C,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;IAEpD,OAAO,CACH,4BACI,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,kBAAkB,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC,iBAED,KAAC,UAAU,cAAE,IAAI,GAAc,EAC/B,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,iBACzB,QAAQ,EACR,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,IAAI,CACtB,KAAC,IAAI,IACD,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,UAAU,CAAC,EAAE,CAAC,CAAC;wBACnB,CAAC,EACD,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,EACrD,GAAG,EAAE,IAAkD,GACzD,CACL,EAED,KAAC,QAAQ,IACL,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,GAAG,EAAE;4BACV,UAAU,CAAC,EAAE,CAAC,CAAC;wBACnB,CAAC,EACD,IAAI,EAAE,IAAI,GACZ,KACA,KACL,CACR,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/section/Section.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Icon, Typography } from '@equinor/eds-core-react';
+import { chevron_down, chevron_right } from '@equinor/eds-icons';
+import { css } from '@emotion/css';
+import { tokens } from '@equinor/eds-tokens';
+import styled from '@emotion/styled';
+const styles = {
+    childrenFlex: css `
+        margin-left: 0.7rem;
+        padding-left: 1rem;
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        border-left: 1px solid ${tokens.colors.infographic.primary__moss_green_100.hex};
+    `,
+};
+const StyledButton = styled(Button) `
+    width: 100%;
+    padding: 0;
+    padding-top: 0.5rem;
+    margin-bottom: 0.5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: none;
+    border: none;
+    color: ${tokens.colors.infographic.primary__moss_green_100.hex};
+    cursor: pointer;
+    :hover {
+        background: none;
+    }
+`;
+Icon.add({
+    chevron_down,
+    chevron_right,
+});
+export const Section = ({ children, name }) => {
+    const [isExpanded, setIsExpanded] = useState(true);
+    return (_jsxs("div", { children: [_jsxs(StyledButton, Object.assign({ variant: "ghost", onClick: () => setIsExpanded((s) => !s) }, { children: [_jsx(Icon, { name: isExpanded ? chevron_down.name : chevron_right.name }), _jsx(Typography, Object.assign({ variant: "h6" }, { children: name }))] })), isExpanded && _jsx("ol", Object.assign({ className: styles.childrenFlex }, { children: children }))] }));
+};
+//# sourceMappingURL=Section.js.map

package/dist/esm/components/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/section/Section.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,MAAM,GAAG;IACX,YAAY,EAAE,GAAG,CAAA;;;;;;iCAMY,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,GAAG;KACjF;CACJ,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;aAUtB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,GAAG;;;;;CAKjE,CAAC;AAEF,IAAI,CAAC,GAAG,CAAC;IACL,YAAY;IACZ,aAAa;CAChB,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAgB,EAAE,EAAE;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACH,0BACI,MAAC,YAAY,kBAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,iBACjE,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,GAAI,EACnE,KAAC,UAAU,kBAAC,OAAO,EAAC,IAAI,gBAAE,IAAI,IAAc,KACjC,EACd,UAAU,IAAI,2BAAI,SAAS,EAAE,MAAM,CAAC,YAAY,gBAAG,QAAQ,IAAM,IAChE,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/sectionList/SectionList.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@equinor/eds-core-react';
+import { Row } from '../row/Row';
+import { Section } from '../section/Section';
+import { SharedIcon } from '../shared/SharedIcon';
+import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
+import { useCurrentUser } from '@equinor/fusion-framework-react/hooks';
+import { useCallback, useEffect, useState } from 'react';
+import { delete_to_trash, share, edit, close, update } from '@equinor/eds-icons';
+import { useFramework } from '@equinor/fusion-framework-react';
+import { appendBookmarkIdToUrl } from '../../utils/append-bookmark-to-uri';
+import { filterEmptyGroups, sortByName, toHumanReadable } from '../../utils/utils';
+import { Loading } from '../loading/Loading';
+Icon.add({
+    delete_to_trash,
+    edit,
+    share,
+    close,
+    update,
+});
+export const SectionList = ({ bookmarkGroups }) => {
+    const { deleteBookmarkById, getCurrentAppKey, updateBookmark, removeBookmarkFavorite } = useBookmark();
+    const [loading, setLoading] = useState(true);
+    const user = useCurrentUser();
+    const [isMenuByIdOpen, setIsMenuByIdOpen] = useState('');
+    const { event } = useFramework().modules;
+    useEffect(() => {
+        return event.addEventListener('onBookmarksChanged', () => {
+            setLoading(false);
+        });
+    }, [event]);
+    const editBookmark = useCallback((bookmarkId) => {
+        event.dispatchEvent('onBookmarkEdit', { detail: { bookmarkId } });
+    }, [event]);
+    const shareBookmark = useCallback((bookmark) => {
+        if (!bookmark.isShared) {
+            const url = appendBookmarkIdToUrl(bookmark.id);
+            navigator.clipboard.writeText(url);
+            event.dispatchEvent('onBookmarkUrlCopy', { detail: { url } });
+        }
+        updateBookmark(Object.assign(Object.assign({}, bookmark), { isShared: !bookmark.isShared }));
+    }, [event, updateBookmark]);
+    const updateBookmarkWithCurrentView = useCallback((bookmark) => {
+        updateBookmark(Object.assign({}, bookmark), { updatePayload: true });
+    }, [updateBookmark]);
+    const createMenuOptions = (bookmark) => createBookmarkActions(bookmark, deleteBookmarkById, editBookmark, shareBookmark, removeBookmarkFavorite, updateBookmarkWithCurrentView, getCurrentAppKey(), user === null || user === void 0 ? void 0 : user.localAccountId);
+    if (loading)
+        return _jsx(Loading, {});
+    return (_jsx(_Fragment, { children: bookmarkGroups.filter(filterEmptyGroups).map(({ groupingProperty, values }) => (_jsx(Section, Object.assign({ name: toHumanReadable(groupingProperty) }, { children: values.sort(sortByName).map((b) => (_jsx(Row, Object.assign({ menuOptions: createMenuOptions(b), name: b.name, id: b.id, menuOpen: isMenuByIdOpen === b.id, onMenuOpen: (id) => {
+                    setIsMenuByIdOpen(id);
+                } }, { children: b.isShared && (_jsx(SharedIcon, { createdById: b.createdBy.azureUniqueId, createdBy: b.createdBy.name })) }), b.id))) }), groupingProperty))) }));
+};
+function createBookmarkActions(bookmark, deleteBookmarkById, editBookmark, shareBookmark, removeBookmarkFavorite, updateBookmarkWithCurrentView, appKey, localAccountId) {
+    if (bookmark.createdBy.azureUniqueId === localAccountId) {
+        return [
+            {
+                name: 'Edit',
+                disabled: appKey !== bookmark.appKey,
+                onClick: () => {
+                    editBookmark(bookmark.id);
+                },
+                Icon: _jsx(Icon, { name: "edit" }),
+            },
+            {
+                name: 'Update with current view',
+                disabled: appKey !== bookmark.appKey,
+                onClick: () => {
+                    updateBookmarkWithCurrentView(bookmark);
+                },
+                Icon: _jsx(Icon, { name: "update" }),
+            },
+            {
+                name: 'Remove',
+                disabled: false,
+                onClick: () => {
+                    deleteBookmarkById(bookmark.id);
+                },
+                Icon: _jsx(Icon, { name: "delete_to_trash" }),
+            },
+            {
+                name: bookmark.isShared ? 'Unshare' : 'Share',
+                disabled: false,
+                onClick: () => {
+                    shareBookmark(bookmark);
+                },
+                Icon: _jsx(Icon, { name: "share" }),
+            },
+        ];
+    }
+    else {
+        return [
+            {
+                name: 'Unfavourite',
+                disabled: false,
+                onClick: () => {
+                    removeBookmarkFavorite(bookmark.id);
+                },
+                Icon: _jsx(Icon, { name: "close" }),
+            },
+        ];
+    }
+}
+//# sourceMappingURL=SectionList.js.map

package/dist/esm/components/sectionList/SectionList.js.map

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

package/dist/esm/components/shared/SharedIcon.js

@@ -0,0 +1,26 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+import { Icon } from '@equinor/eds-core-react';
+import { tokens } from '@equinor/eds-tokens';
+import { useFramework } from '@equinor/fusion-framework-react';
+export const SharedIcon = ({ createdBy, createdById }) => {
+    var _a;
+    const myId = (_a = useFramework().modules.auth.defaultAccount) === null || _a === void 0 ? void 0 : _a.localAccountId;
+    const isMe = createdById === myId;
+    return (_jsxs(StyledRow, { children: [!isMe && _jsxs(StyledCreatedBy, { children: ["shared by ", createdBy] }), _jsx(Icon, { name: "share", color: isMe
+                    ? tokens.colors.interactive.primary__resting.hex
+                    : tokens.colors.interactive.disabled__border.hex })] }));
+};
+const StyledRow = styled.div `
+    display: flex;
+    align-items: center;
+    gap: 0.2em;
+`;
+const StyledCreatedBy = styled.p `
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 16px;
+    letter-spacing: 0em;
+    text-align: right;
+`;
+//# sourceMappingURL=SharedIcon.js.map

package/dist/esm/components/shared/SharedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedIcon.js","sourceRoot":"","sources":["../../../../src/components/shared/SharedIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAO/D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAmB,EAAE,EAAE;;IACtE,MAAM,IAAI,GAAG,MAAA,YAAY,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,0CAAE,cAAc,CAAC;IAExE,MAAM,IAAI,GAAG,WAAW,KAAK,IAAI,CAAC;IAElC,OAAO,CACH,MAAC,SAAS,eACL,CAAC,IAAI,IAAI,MAAC,eAAe,6BAAY,SAAS,IAAmB,EAClE,KAAC,IAAI,IACD,IAAI,EAAC,OAAO,EACZ,KAAK,EACD,IAAI;oBACA,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG;oBAChD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,GAE1D,IACM,CACf,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;CAM/B,CAAC"}

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useBookmarkGrouping';
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}