@jbrowse/plugin-grid-bookmark 2.8.0 → 2.10.0

package/esm/GridBookmarkWidget/model.d.ts

@@ -1,6 +1,7 @@
 import { Instance, SnapshotIn, IMSTArray } from 'mobx-state-tree';
 import PluginManager from '@jbrowse/core/PluginManager';
 import { Region } from '@jbrowse/core/util/types';
+import { LinearGenomeViewModel } from '@jbrowse/plugin-linear-genome-view';
 declare const LabeledRegionModel: import("mobx-state-tree").IModelType<{
     refName: import("mobx-state-tree").ISimpleType<string>;
     start: import("mobx-state-tree").ISimpleType<number>;
@@ -10,25 +11,38 @@ declare const LabeledRegionModel: import("mobx-state-tree").IModelType<{
     assemblyName: import("mobx-state-tree").ISimpleType<string>;
 } & {
     label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
 }, {
     setRefName(newRefName: string): void;
 } & {
     setLabel(label: string): void;
+    setHighlight(color: string): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export interface IExtendedLGV extends LinearGenomeViewModel {
+    showBookmarkHighlights: boolean;
+    showBookmarkLabels: boolean;
+    toggleShowBookmarkHighlights: (arg: boolean) => {};
+    toggleShowBookmarkLabels: (arg: boolean) => {};
+}
 export interface ILabeledRegionModel extends SnapshotIn<typeof LabeledRegionModel> {
     refName: string;
     start: number;
     end: number;
     reversed: boolean;
+    highlight: string;
     assemblyName: string;
     label: string;
     setRefName: (newRefName: string) => void;
     setLabel: (label: string) => void;
+    setHighlight: (color: string) => void;
 }
 export interface IExtendedLabeledRegionModel extends ILabeledRegionModel {
     id: number;
     correspondingObj: ILabeledRegionModel;
 }
+/**
+ * #stateModel GridBookmarkWidgetModel
+ */
 export default function f(_pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
     /**
      * #property
@@ -51,18 +65,37 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
         assemblyName: import("mobx-state-tree").ISimpleType<string>;
     } & {
         label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     }, {
         setRefName(newRefName: string): void;
     } & {
         setLabel(label: string): void;
+        setHighlight(color: string): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>, [undefined]>;
 }, {
     selectedBookmarks: IExtendedLabeledRegionModel[];
     selectedAssembliesPre: string[] | undefined;
 } & {
+    /**
+     * #getter
+     */
     readonly bookmarkAssemblies: string[];
+    /**
+     * #getter
+     */
     readonly validAssemblies: Set<string>;
+    /**
+     * #getter
+     */
+    readonly areBookmarksHighlightedOnAllOpenViews: boolean;
+    /**
+     * #getter
+     */
+    readonly areBookmarksHighlightLabelsOnAllOpenViews: boolean;
 } & {
+    /**
+     * #getter
+     */
     readonly bookmarksWithValidAssemblies: ({
         refName: string;
         start: number;
@@ -70,10 +103,12 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
         reversed: boolean;
         assemblyName: string;
         label: string;
+        highlight: string;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setRefName(newRefName: string): void;
     } & {
         setLabel(label: string): void;
+        setHighlight(color: string): void;
     } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         refName: import("mobx-state-tree").ISimpleType<string>;
         start: import("mobx-state-tree").ISimpleType<number>;
@@ -83,12 +118,17 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
         assemblyName: import("mobx-state-tree").ISimpleType<string>;
     } & {
         label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+        highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     }, {
         setRefName(newRefName: string): void;
     } & {
         setLabel(label: string): void;
+        setHighlight(color: string): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>)[];
 } & {
+    /**
+     * #getter
+     */
     readonly sharedBookmarksModel: {
         sharedBookmarks: (IMSTArray<import("mobx-state-tree").IModelType<{
             refName: import("mobx-state-tree").ISimpleType<string>;
@@ -99,10 +139,12 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
             assemblyName: import("mobx-state-tree").ISimpleType<string>;
         } & {
             label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
             setRefName(newRefName: string): void;
         } & {
             setLabel(label: string): void;
+            setHighlight(color: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
             refName: import("mobx-state-tree").ISimpleType<string>;
             start: import("mobx-state-tree").ISimpleType<number>;
@@ -112,10 +154,12 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
             assemblyName: import("mobx-state-tree").ISimpleType<string>;
         } & {
             label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
             setRefName(newRefName: string): void;
         } & {
             setLabel(label: string): void;
+            setHighlight(color: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>>) | undefined;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         sharedBookmarks: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
@@ -127,12 +171,17 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
             assemblyName: import("mobx-state-tree").ISimpleType<string>;
         } & {
             label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
             setRefName(newRefName: string): void;
         } & {
             setLabel(label: string): void;
+            setHighlight(color: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    /**
+     * #getter
+     */
     readonly allBookmarksModel: {
         sharedBookmarks: (IMSTArray<import("mobx-state-tree").IModelType<{
             refName: import("mobx-state-tree").ISimpleType<string>;
@@ -143,10 +192,12 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
             assemblyName: import("mobx-state-tree").ISimpleType<string>;
         } & {
             label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
             setRefName(newRefName: string): void;
         } & {
             setLabel(label: string): void;
+            setHighlight(color: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
             refName: import("mobx-state-tree").ISimpleType<string>;
             start: import("mobx-state-tree").ISimpleType<number>;
@@ -156,10 +207,12 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
             assemblyName: import("mobx-state-tree").ISimpleType<string>;
         } & {
             label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
             setRefName(newRefName: string): void;
         } & {
             setLabel(label: string): void;
+            setHighlight(color: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>>) | undefined;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
         sharedBookmarks: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
@@ -171,25 +224,73 @@ export default function f(_pluginManager: PluginManager): import("mobx-state-tre
             assemblyName: import("mobx-state-tree").ISimpleType<string>;
         } & {
             label: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
         }, {
             setRefName(newRefName: string): void;
         } & {
             setLabel(label: string): void;
+            setHighlight(color: string): void;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>>;
     }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
 } & {
+    /**
+     * #action
+     */
     setSelectedAssemblies(assemblies?: string[]): void;
 } & {
+    /**
+     * #getter
+     */
     readonly selectedAssemblies: string[];
 } & {
+    /**
+     * #action
+     */
     importBookmarks(regions: Region[]): void;
+    /**
+     * #action
+     */
     addBookmark(region: Region): void;
+    /**
+     * #action
+     */
     removeBookmark(index: number): void;
+    /**
+     * #action
+     */
     updateBookmarkLabel(bookmark: IExtendedLabeledRegionModel, label: string): void;
+    /**
+     * #action
+     */
+    updateBookmarkHighlight(bookmark: IExtendedLabeledRegionModel, color: string): void;
+    /**
+     * #action
+     */
+    updateBulkBookmarkHighlights(color: string): void;
+    /**
+     * #action
+     */
     setSelectedBookmarks(bookmarks: IExtendedLabeledRegionModel[]): void;
+    /**
+     * #action
+     */
     setBookmarkedRegions(regions: IMSTArray<typeof LabeledRegionModel>): void;
+    /**
+     * #action
+     */
+    setHighlightToggle(toggle: boolean): void;
+    /**
+     * #action
+     */
+    setLabelToggle(toggle: boolean): void;
 } & {
+    /**
+     * #action
+     */
     clearAllBookmarks(): void;
+    /**
+     * #action
+     */
     clearSelectedBookmarks(): void;
 } & {
     afterAttach(): void;

package/esm/GridBookmarkWidget/model.js

@@ -5,11 +5,15 @@ import { autorun } from 'mobx';
 const LabeledRegionModel = types
     .compose(RegionModel, types.model('Label', {
     label: types.optional(types.string, ''),
+    highlight: types.optional(types.string, 'rgba(247, 129, 192, 0.35)'),
 }))
     .actions(self => ({
     setLabel(label) {
         self.label = label;
     },
+    setHighlight(color) {
+        self.highlight = color;
+    },
 }));
 const SharedBookmarksModel = types.model('SharedBookmarksModel', {
     sharedBookmarks: types.maybe(types.array(LabeledRegionModel)),
@@ -17,6 +21,9 @@ const SharedBookmarksModel = types.model('SharedBookmarksModel', {
 const localStorageKeyF = () => typeof window !== undefined
     ? `bookmarks-${[window.location.host + window.location.pathname].join('-')}`
     : 'empty';
+/**
+ * #stateModel GridBookmarkWidgetModel
+ */
 export default function f(_pluginManager) {
     return types
         .model('GridBookmarkModel', {
@@ -39,20 +46,46 @@ export default function f(_pluginManager) {
         selectedAssembliesPre: undefined,
     }))
         .views(self => ({
+        /**
+         * #getter
+         */
         get bookmarkAssemblies() {
             return [...new Set(self.bookmarks.map(r => r.assemblyName))];
         },
+        /**
+         * #getter
+         */
         get validAssemblies() {
             const { assemblyManager } = getSession(self);
             return new Set(this.bookmarkAssemblies.filter(a => assemblyManager.get(a)));
         },
+        /**
+         * #getter
+         */
+        get areBookmarksHighlightedOnAllOpenViews() {
+            const { views } = getSession(self);
+            return views.every(v => 'showBookmarkHighlights' in v ? v.showBookmarkHighlights : true);
+        },
+        /**
+         * #getter
+         */
+        get areBookmarksHighlightLabelsOnAllOpenViews() {
+            const { views } = getSession(self);
+            return views.every(v => 'showBookmarkLabels' in v ? v.showBookmarkLabels : true);
+        },
     }))
         .views(self => ({
+        /**
+         * #getter
+         */
         get bookmarksWithValidAssemblies() {
             return self.bookmarks.filter(e => self.validAssemblies.has(e.assemblyName));
         },
     }))
         .views(self => ({
+        /**
+         * #getter
+         */
         get sharedBookmarksModel() {
             // requires cloning bookmarks with JSON.stringify/parse to avoid duplicate
             // reference to same object in the same state tree, will otherwise error
@@ -61,6 +94,9 @@ export default function f(_pluginManager) {
                 sharedBookmarks: JSON.parse(JSON.stringify(self.selectedBookmarks)),
             });
         },
+        /**
+         * #getter
+         */
         get allBookmarksModel() {
             // requires cloning bookmarks with JSON.stringify/parse to avoid duplicate
             // reference to same object in the same state tree, will otherwise error
@@ -71,44 +107,102 @@ export default function f(_pluginManager) {
         },
     }))
         .actions(self => ({
+        /**
+         * #action
+         */
         setSelectedAssemblies(assemblies) {
             self.selectedAssembliesPre = assemblies;
         },
     }))
         .views(self => ({
+        /**
+         * #getter
+         */
         get selectedAssemblies() {
             var _a, _b;
             return ((_b = (_a = self.selectedAssembliesPre) === null || _a === void 0 ? void 0 : _a.filter(f => self.validAssemblies.has(f))) !== null && _b !== void 0 ? _b : [...self.validAssemblies]);
         },
     }))
         .actions(self => ({
+        /**
+         * #action
+         */
         importBookmarks(regions) {
             self.bookmarks = cast([...self.bookmarks, ...regions]);
         },
+        /**
+         * #action
+         */
         addBookmark(region) {
             self.bookmarks.push(region);
         },
+        /**
+         * #action
+         */
         removeBookmark(index) {
             self.bookmarks.splice(index, 1);
         },
+        /**
+         * #action
+         */
         updateBookmarkLabel(bookmark, label) {
             bookmark.correspondingObj.setLabel(label);
         },
+        /**
+         * #action
+         */
+        updateBookmarkHighlight(bookmark, color) {
+            bookmark.correspondingObj.setHighlight(color);
+        },
+        /**
+         * #action
+         */
+        updateBulkBookmarkHighlights(color) {
+            self.selectedBookmarks.forEach(bookmark => this.updateBookmarkHighlight(bookmark, color));
+        },
+        /**
+         * #action
+         */
         setSelectedBookmarks(bookmarks) {
             self.selectedBookmarks = bookmarks;
         },
+        /**
+         * #action
+         */
         setBookmarkedRegions(regions) {
             self.bookmarks = cast(regions);
         },
+        /**
+         * #action
+         */
+        setHighlightToggle(toggle) {
+            const { views } = getSession(self);
+            views.forEach(view => {
+                var _a;
+                (_a = view.toggleShowBookmarkHighlights) === null || _a === void 0 ? void 0 : _a.call(view, toggle);
+            });
+        },
+        /**
+         * #action
+         */
+        setLabelToggle(toggle) {
+            const { views } = getSession(self);
+            views.forEach(view => {
+                var _a;
+                (_a = view.toggleShowBookmarkLabels) === null || _a === void 0 ? void 0 : _a.call(view, toggle);
+            });
+        },
     }))
         .actions(self => ({
+        /**
+         * #action
+         */
         clearAllBookmarks() {
-            for (const bookmark of self.bookmarks) {
-                if (self.validAssemblies.has(bookmark.assemblyName)) {
-                    self.bookmarks.remove(bookmark);
-                }
-            }
+            self.setBookmarkedRegions(self.bookmarks.filter(bookmark => !self.validAssemblies.has(bookmark.assemblyName)));
         },
+        /**
+         * #action
+         */
         clearSelectedBookmarks() {
             for (const bookmark of self.selectedBookmarks) {
                 self.bookmarks.remove(bookmark.correspondingObj);
@@ -119,6 +213,16 @@ export default function f(_pluginManager) {
         .actions(self => ({
         afterAttach() {
             const key = localStorageKeyF();
+            function handler(e) {
+                if (e.key === key) {
+                    const localStorage = JSON.parse(localStorageGetItem(key) || '[]');
+                    self.setBookmarkedRegions(localStorage);
+                }
+            }
+            window.addEventListener('storage', handler);
+            addDisposer(self, () => {
+                window.removeEventListener('storage', handler);
+            });
             addDisposer(self, autorun(() => {
                 localStorageSetItem(key, JSON.stringify(self.bookmarks));
             }));

package/esm/index.js

@@ -3,6 +3,8 @@ import { getSession, isAbstractMenuManager, isSessionModelWithWidgets, } from '@
 // icons
 import BookmarkIcon from '@mui/icons-material/Bookmark';
 import BookmarksIcon from '@mui/icons-material/Bookmarks';
+import HighlightIcon from '@mui/icons-material/Highlight';
+import LabelIcon from '@mui/icons-material/Label';
 import GridBookmarkWidgetF from './GridBookmarkWidget';
 export default class extends Plugin {
     constructor() {
@@ -16,7 +18,33 @@ export default class extends Plugin {
                 const { stateModel } = pluggableElement;
                 const lgv = stateModel;
                 const newStateModel = lgv
+                    .props({
+                    /**
+                     * #property
+                     * show the bookmark highlights on this track
+                     */
+                    showBookmarkHighlights: true,
+                    /**
+                     * #property
+                     * show the bookmark labels on this track
+                     */
+                    showBookmarkLabels: true,
+                })
                     .actions(self => ({
+                    /**
+                     * #action
+                     */
+                    toggleShowBookmarkHighlights(toggle) {
+                        self.showBookmarkHighlights =
+                            toggle !== undefined ? toggle : !self.showBookmarkHighlights;
+                    },
+                    /**
+                     * #action
+                     */
+                    toggleShowBookmarkLabels(toggle) {
+                        self.showBookmarkLabels =
+                            toggle !== undefined ? toggle : !self.showBookmarkLabels;
+                    },
                     activateBookmarkWidget() {
                         const session = getSession(self);
                         if (isSessionModelWithWidgets(session)) {
@@ -59,14 +87,34 @@ export default class extends Plugin {
                                 ...superMenuItems(),
                                 { type: 'divider' },
                                 {
-                                    label: 'Open bookmark widget',
+                                    label: 'Bookmarks',
                                     icon: BookmarksIcon,
-                                    onClick: () => self.activateBookmarkWidget(),
-                                },
-                                {
-                                    label: 'Bookmark current region',
-                                    icon: BookmarkIcon,
-                                    onClick: () => self.bookmarkCurrentRegion(),
+                                    subMenu: [
+                                        {
+                                            label: 'Open bookmark widget',
+                                            icon: BookmarksIcon,
+                                            onClick: () => self.activateBookmarkWidget(),
+                                        },
+                                        {
+                                            label: 'Bookmark current region',
+                                            icon: BookmarkIcon,
+                                            onClick: () => self.bookmarkCurrentRegion(),
+                                        },
+                                        {
+                                            label: 'Toggle bookmark highlights',
+                                            icon: HighlightIcon,
+                                            type: 'checkbox',
+                                            checked: self.showBookmarkHighlights,
+                                            onClick: () => self.toggleShowBookmarkHighlights(),
+                                        },
+                                        {
+                                            label: 'Toggle bookmark labels',
+                                            icon: LabelIcon,
+                                            type: 'checkbox',
+                                            checked: self.showBookmarkLabels,
+                                            onClick: () => self.toggleShowBookmarkLabels(),
+                                        },
+                                    ],
                                 },
                             ];
                         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-grid-bookmark",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "description": "JBrowse 2 grid bookmark widget",
   "keywords": [
     "jbrowse",
@@ -59,5 +59,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "ee8c2bdc8bd4f1a70b1eefda984f04a2830d9ca0"
+  "gitHead": "223d8bfb68fd1bacaf22852639ad5920f1b7f43b"
 }

package/dist/GridBookmarkWidget/components/DeleteBookmarks.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { GridBookmarkModel } from '../model';
-declare function DeleteBookmarks({ model }: {
-    model: GridBookmarkModel;
-}): React.JSX.Element;
-export default DeleteBookmarks;

package/dist/GridBookmarkWidget/components/DeleteBookmarks.js

@@ -1,41 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-// icons
-const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const DeleteBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./DeleteBookmarksDialog'))));
-function DeleteBookmarks({ model }) {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(Delete_1.default, null), "aria-label": "clear bookmarks", onClick: () => setOpen(true) }, "Delete"),
-        open ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) },
-            react_1.default.createElement(DeleteBookmarksDialog, { model: model, onClose: () => setOpen(false) }))) : null));
-}
-exports.default = DeleteBookmarks;

package/dist/GridBookmarkWidget/components/ExportBookmarks.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { GridBookmarkModel } from '../model';
-declare const ExportBookmarks: ({ model, }: {
-    model: GridBookmarkModel;
-}) => React.JSX.Element;
-export default ExportBookmarks;

package/dist/GridBookmarkWidget/components/ExportBookmarks.js

@@ -1,41 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
-const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
-const ExportBookmarksDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ExportBookmarksDialog'))));
-const ExportBookmarks = (0, mobx_react_1.observer)(function ExportBookmarks({ model, }) {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(GetApp_1.default, null), onClick: () => setOpen(true), "data-testid": "export_button" }, "Export"),
-        open ? (react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(react_1.default.Fragment, null) },
-            react_1.default.createElement(ExportBookmarksDialog, { onClose: () => setOpen(false), model: model }))) : null));
-});
-exports.default = ExportBookmarks;

package/dist/GridBookmarkWidget/components/ImportBookmarks.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { GridBookmarkModel } from '../model';
-declare const ImportBookmarks: ({ model, }: {
-    model: GridBookmarkModel;
-}) => React.JSX.Element;
-export default ImportBookmarks;