@equinor/fusion-framework-react-components-bookmark 0.1.14-next.0 → 0.1.16

package/dist/types/components/BookmarkProvider.d.ts

@@ -1,4 +1,4 @@
-import { FrameworkEvent, FrameworkEventInit } from '@equinor/fusion-framework-module-event';
+import type { FrameworkEvent, FrameworkEventInit } from '@equinor/fusion-framework-module-event';
 import { PropsWithChildren } from 'react';
 export declare const BookmarkProvider: ({ children }: PropsWithChildren<unknown>) => JSX.Element;
 declare module '@equinor/fusion-framework-module-event' {

package/dist/types/components/create-bookmark/CreateBookmark.d.ts

@@ -1,4 +1,4 @@
 export declare const CreateBookmarkModal: ({ isOpen, onClose, }: {
-    isOpen: boolean;
-    onClose: (b: boolean) => void;
+    readonly isOpen: boolean;
+    readonly onClose: (b: boolean) => void;
 }) => JSX.Element;

package/dist/types/components/edit-bookmark/EditBookmark.d.ts

@@ -1,5 +1,5 @@
 export declare const EditBookmarkModal: ({ isOpen, onClose, bookmarkId, }: {
-    isOpen: boolean;
-    onClose: (b: boolean) => void;
-    bookmarkId?: string | undefined;
+    readonly isOpen: boolean;
+    readonly onClose: (b: boolean) => void;
+    readonly bookmarkId?: string | undefined;
 }) => JSX.Element;

package/dist/types/components/filter/Filter.d.ts

@@ -1,10 +1,10 @@
 import { GroupingKeys } from '../../hooks/useBookmarkGrouping';
 type BookmarkFilterProps = {
-    searchText: string;
-    setSearchText: (newVal: string | null) => void;
-    setGroupBy: (groupBy: GroupingKeys) => void;
-    groupingModes: string[];
-    groupBy: string;
+    readonly searchText: string;
+    readonly setSearchText: (newVal: string | null) => void;
+    readonly setGroupBy: (groupBy: GroupingKeys) => void;
+    readonly groupingModes: string[];
+    readonly groupBy: string;
 };
 export declare const BookmarkFilter: ({ searchText, setGroupBy, setSearchText, groupingModes, groupBy, }: BookmarkFilterProps) => JSX.Element;
 export {};

package/dist/types/components/row/MoreMenu.d.ts

@@ -1,10 +1,10 @@
 import { MutableRefObject } from 'react';
 import { MenuOption } from './Row';
 type MenuProps = {
-    pRef: MutableRefObject<HTMLElement | null>;
-    onClose: VoidFunction;
-    open: boolean;
-    options: MenuOption[];
+    readonly pRef: MutableRefObject<HTMLElement | null>;
+    readonly onClose: VoidFunction;
+    readonly open: boolean;
+    readonly options: MenuOption[];
 };
 export declare const MoreMenu: ({ pRef, onClose, open, options }: MenuProps) => JSX.Element;
 export {};

package/dist/types/components/row/Row.d.ts

@@ -6,12 +6,12 @@ export type MenuOption = {
     Icon?: ReactNode;
 };
 type RowProps = {
-    name: string;
-    id: string;
-    menuOpen: boolean;
-    onMenuOpen: (id: string) => void;
-    menuOptions: MenuOption[];
-    children?: ReactNode;
+    readonly name: string;
+    readonly id: string;
+    readonly menuOpen: boolean;
+    readonly onMenuOpen: (id: string) => void;
+    readonly menuOptions: MenuOption[];
+    readonly children?: ReactNode;
 };
 export declare const Row: ({ name, menuOptions, children, id, menuOpen, onMenuOpen }: RowProps) => JSX.Element;
 export {};

package/dist/types/components/section/Section.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 type SectionProps = {
-    name: string;
-    children: ReactNode;
+    readonly name: string;
+    readonly children: ReactNode;
 };
 export declare const Section: ({ children, name }: SectionProps) => JSX.Element;
 export {};

package/dist/types/components/sectionList/SectionList.d.ts

@@ -1,6 +1,6 @@
 import { useBookmarkGrouping } from '../../hooks';
 type SectionListProps = {
-    bookmarkGroups: ReturnType<typeof useBookmarkGrouping>['bookmarkGroups'];
+    readonly bookmarkGroups: ReturnType<typeof useBookmarkGrouping>['bookmarkGroups'];
 };
 export declare const SectionList: ({ bookmarkGroups }: SectionListProps) => JSX.Element;
 export {};

package/dist/types/components/shared/SharedIcon.d.ts

@@ -1,6 +1,6 @@
 type SharedIconProps = {
-    createdBy: string;
-    createdById: string;
+    readonly createdBy: string;
+    readonly createdById: string;
 };
 export declare const SharedIcon: ({ createdBy, createdById }: SharedIconProps) => JSX.Element;
 export {};

package/dist/types/hooks/useBookmarkGrouping.d.ts

@@ -9,6 +9,6 @@ export declare const useBookmarkGrouping: (bookmarks?: Bookmark[]) => {
         groupingProperty: string;
         values: Bookmark<unknown>[];
     }[];
-    groupingModes: Record<GroupingKeys, (item: Bookmark) => string>;
+    groupingModes: Record<GroupingKeys, (_item: Bookmark) => string>;
     groupByKey: GroupingKeys;
 };

package/dist/types/version.d.ts

@@ -0,0 +1 @@
+export declare const version = "0.1.16";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/fusion-framework-react-components-bookmark",
-    "version": "0.1.14-next.0",
+    "version": "0.1.16",
     "description": "",
     "main": "dist/esm/index.js",
     "exports": {
@@ -23,8 +23,9 @@
         "directory": "packages/react/components/bookmark"
     },
     "dependencies": {
-        "@equinor/eds-utils": "^0.7.0",
-        "@equinor/fusion-framework-react-module-bookmark": "^2.0.13-next.0"
+        "@equinor/eds-utils": "^0.8.1",
+        "@equinor/fusion-framework-react": "^5.2.3",
+        "@equinor/fusion-framework-react-module-bookmark": "^2.0.13"
     },
     "devDependencies": {
         "@emotion/css": "^11.10.6",
@@ -33,11 +34,12 @@
         "@equinor/eds-core-react": "^0.30.0",
         "@equinor/eds-icons": "^0.19.1",
         "@equinor/eds-tokens": "^0.9.0",
+        "@equinor/fusion-framework-module-app": "^5.2.1",
+        "@equinor/fusion-framework-module-event": "^4.0.3",
         "@types/react": "^17.0.11",
         "react": "^17.0.2",
-        "react-dom": "^17.0.2",
         "styled-components": "^5.3.9",
-        "typescript": "^5.0.4"
+        "typescript": "^5.1.3"
     },
     "peerDependencies": {
         "@emotion/css": "^11.10.6",
@@ -52,9 +54,6 @@
     "peerDependenciesMeta": {
         "@types/react": {
             "optional": true
-        },
-        "react-dom": {
-            "optional": true
         }
     }
 }

package/src/components/BookmarkProvider.tsx

@@ -1,5 +1,5 @@
 import { Snackbar } from '@equinor/eds-core-react';
-import { FrameworkEvent, FrameworkEventInit } from '@equinor/fusion-framework-module-event';
+import type { FrameworkEvent, FrameworkEventInit } from '@equinor/fusion-framework-module-event';
 import { useFramework } from '@equinor/fusion-framework-react';
 import { PropsWithChildren, useEffect, useState } from 'react';
 import { CreateBookmarkModal } from './create-bookmark';

package/src/components/create-bookmark/CreateBookmark.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import { Button, Checkbox, Dialog, Input, Label, TextField } from '@equinor/eds-core-react';
-import { AppModule } from '@equinor/fusion-framework-module-app';
+import type { AppModule } from '@equinor/fusion-framework-module-app';
 import { useFramework } from '@equinor/fusion-framework-react';
 import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
 import { ChangeEvent, useState } from 'react';
@@ -15,8 +15,8 @@ export const CreateBookmarkModal = ({
     isOpen,
     onClose,
 }: {
-    isOpen: boolean;
-    onClose: (b: boolean) => void;
+    readonly isOpen: boolean;
+    readonly onClose: (b: boolean) => void;
 }) => {
     const [state, setState] = useState<{ name: string; description: string; isShared: boolean }>({
         name: '',

package/src/components/edit-bookmark/EditBookmark.tsx

@@ -1,8 +1,9 @@
 import { css } from '@emotion/css';
 import styled from '@emotion/styled';
 import { Button, Checkbox, Dialog, Input, Label, TextField } from '@equinor/eds-core-react';
-import { AppModule } from '@equinor/fusion-framework-module-app';
-import { PatchBookmark } from '@equinor/fusion-framework-module-bookmark';
+import type { AppModule } from '@equinor/fusion-framework-module-app';
+// TODO - export from `@equinor/fusion-framework-react-module-bookmark`
+import type { PatchBookmark } from '@equinor/fusion-framework-module-bookmark';
 import { useFramework } from '@equinor/fusion-framework-react';
 import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
 import { ChangeEvent, useEffect, useState } from 'react';
@@ -33,9 +34,9 @@ export const EditBookmarkModal = ({
     onClose,
     bookmarkId,
 }: {
-    isOpen: boolean;
-    onClose: (b: boolean) => void;
-    bookmarkId?: string;
+    readonly isOpen: boolean;
+    readonly onClose: (b: boolean) => void;
+    readonly bookmarkId?: string;
 }) => {
     const [state, setState] = useState<PatchBookmark>({
         id: '',

package/src/components/filter/Filter.tsx

@@ -3,11 +3,11 @@ import { Search, Autocomplete } from '@equinor/eds-core-react';
 import { GroupingKeys } from '../../hooks/useBookmarkGrouping';
 
 type BookmarkFilterProps = {
-    searchText: string;
-    setSearchText: (newVal: string | null) => void;
-    setGroupBy: (groupBy: GroupingKeys) => void;
-    groupingModes: string[];
-    groupBy: string;
+    readonly searchText: string;
+    readonly setSearchText: (newVal: string | null) => void;
+    readonly setGroupBy: (groupBy: GroupingKeys) => void;
+    readonly groupingModes: string[];
+    readonly groupBy: string;
 };
 
 const styles = {

package/src/components/row/MoreMenu.tsx

@@ -3,10 +3,10 @@ import { MutableRefObject } from 'react';
 import { MenuOption } from './Row';
 
 type MenuProps = {
-    pRef: MutableRefObject<HTMLElement | null>;
-    onClose: VoidFunction;
-    open: boolean;
-    options: MenuOption[];
+    readonly pRef: MutableRefObject<HTMLElement | null>;
+    readonly onClose: VoidFunction;
+    readonly open: boolean;
+    readonly options: MenuOption[];
 };
 
 export const MoreMenu = ({ pRef, onClose, open, options }: MenuProps) => {

package/src/components/row/Row.tsx

@@ -14,12 +14,12 @@ export type MenuOption = {
 };
 
 type RowProps = {
-    name: string;
-    id: string;
-    menuOpen: boolean;
-    onMenuOpen: (id: string) => void;
-    menuOptions: MenuOption[];
-    children?: ReactNode;
+    readonly name: string;
+    readonly id: string;
+    readonly menuOpen: boolean;
+    readonly onMenuOpen: (id: string) => void;
+    readonly menuOptions: MenuOption[];
+    readonly children?: ReactNode;
 };
 
 const styles = {
@@ -51,7 +51,9 @@ export const Row = ({ name, menuOptions, children, id, menuOpen, onMenuOpen }: R
 
     useOutsideClick(pRef.current, () => onMenuOpen(''));
 
+    // TODO: @noggling fix this
     return (
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
         <li
             className={styles.row}
             onClick={(e) => {

package/src/components/section/Section.tsx

@@ -41,8 +41,8 @@ Icon.add({
 });
 
 type SectionProps = {
-    name: string;
-    children: ReactNode;
+    readonly name: string;
+    readonly children: ReactNode;
 };
 export const Section = ({ children, name }: SectionProps) => {
     const [isExpanded, setIsExpanded] = useState(true);

package/src/components/sectionList/SectionList.tsx

@@ -3,7 +3,8 @@ import { useBookmarkGrouping } from '../../hooks';
 import { Row } from '../row/Row';
 import { Section } from '../section/Section';
 import { SharedIcon } from '../shared/SharedIcon';
-import { Bookmark } from '@equinor/fusion-framework-module-bookmark';
+// TODO - export from `@equinor/fusion-framework-react-module-bookmark`
+import type { Bookmark } from '@equinor/fusion-framework-module-bookmark';
 import { useBookmark } from '@equinor/fusion-framework-react-module-bookmark';
 import { useCurrentUser } from '@equinor/fusion-framework-react/hooks';
 import { useCallback, useEffect, useState } from 'react';
@@ -22,7 +23,7 @@ Icon.add({
 });
 
 type SectionListProps = {
-    bookmarkGroups: ReturnType<typeof useBookmarkGrouping>['bookmarkGroups'];
+    readonly bookmarkGroups: ReturnType<typeof useBookmarkGrouping>['bookmarkGroups'];
 };
 
 export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
@@ -46,7 +47,7 @@ export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
         (bookmarkId: string) => {
             event.dispatchEvent('onBookmarkEdit', { detail: { bookmarkId } });
         },
-        [event]
+        [event],
     );
 
     const shareBookmark = useCallback(
@@ -58,14 +59,14 @@ export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
             }
             updateBookmark({ ...bookmark, isShared: !bookmark.isShared });
         },
-        [event, updateBookmark]
+        [event, updateBookmark],
     );
 
     const updateBookmarkWithCurrentView = useCallback(
         (bookmark: Bookmark) => {
             updateBookmark({ ...bookmark }, { updatePayload: true });
         },
-        [updateBookmark]
+        [updateBookmark],
     );
 
     const createMenuOptions = (bookmark: Bookmark) =>
@@ -77,7 +78,7 @@ export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
             removeBookmarkFavorite,
             updateBookmarkWithCurrentView,
             getCurrentAppKey(),
-            user?.localAccountId
+            user?.localAccountId,
         );
 
     if (loading) return <Loading />;
@@ -119,7 +120,7 @@ function createBookmarkActions(
     removeBookmarkFavorite: (bookmarkId: string) => void,
     updateBookmarkWithCurrentView: (bookmark: Bookmark) => void,
     appKey?: string,
-    localAccountId?: string
+    localAccountId?: string,
 ) {
     if (bookmark.createdBy.azureUniqueId === localAccountId) {
         return [

package/src/components/shared/SharedIcon.tsx

@@ -4,8 +4,8 @@ import { tokens } from '@equinor/eds-tokens';
 import { useFramework } from '@equinor/fusion-framework-react';
 
 type SharedIconProps = {
-    createdBy: string;
-    createdById: string;
+    readonly createdBy: string;
+    readonly createdById: string;
 };
 
 export const SharedIcon = ({ createdBy, createdById }: SharedIconProps) => {

package/src/hooks/useBookmarkGrouping.ts

@@ -4,7 +4,7 @@ import { useState } from 'react';
 
 export type GroupingKeys = 'Group by app' | 'Created by' | 'Group by Context';
 
-const groupingModes: Record<GroupingKeys, (item: Bookmark) => string> = {
+const groupingModes: Record<GroupingKeys, (_item: Bookmark) => string> = {
     'Group by app': (item: Bookmark) => item.appKey,
     'Created by': (item: Bookmark) => item.createdBy.name,
     'Group by Context': (item: Bookmark) => item?.context?.name ?? 'Unknown',
@@ -31,7 +31,7 @@ const groupBy = <T>(
     array: T[],
     getKey: (item: T) => string,
     searchText: string | null,
-    field: keyof T
+    field: keyof T,
 ) => {
     return (
         array

package/src/version.ts

@@ -0,0 +1,2 @@
+// Generated by genversion.
+export const version = '0.1.16';

package/tsconfig.json

@@ -7,7 +7,12 @@
     "baseUrl": "src",
   },
   "references": [
-
+    {
+      "path": "../../framework"
+    },
+    {
+      "path": "../../modules/bookmark"
+    }
   ],
   "include": [
     "src/**/*"