@equinor/fusion-framework-react-components-bookmark 0.1.15 → 0.1.16

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/fusion-framework-react-components-bookmark",
-    "version": "0.1.15",
+    "version": "0.1.16",
     "description": "",
     "main": "dist/esm/index.js",
     "exports": {
@@ -23,9 +23,9 @@
         "directory": "packages/react/components/bookmark"
     },
     "dependencies": {
-        "@equinor/eds-utils": "^0.7.0",
-        "@equinor/fusion-framework-react": "^5.2.2",
-        "@equinor/fusion-framework-react-module-bookmark": "^2.0.12"
+        "@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",
@@ -35,7 +35,7 @@
         "@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.2",
+        "@equinor/fusion-framework-module-event": "^4.0.3",
         "@types/react": "^17.0.11",
         "react": "^17.0.2",
         "styled-components": "^5.3.9",

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

@@ -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

@@ -34,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

@@ -23,7 +23,7 @@ Icon.add({
 });
 
 type SectionListProps = {
-    bookmarkGroups: ReturnType<typeof useBookmarkGrouping>['bookmarkGroups'];
+    readonly bookmarkGroups: ReturnType<typeof useBookmarkGrouping>['bookmarkGroups'];
 };
 
 export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
@@ -47,7 +47,7 @@ export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
         (bookmarkId: string) => {
             event.dispatchEvent('onBookmarkEdit', { detail: { bookmarkId } });
         },
-        [event]
+        [event],
     );
 
     const shareBookmark = useCallback(
@@ -59,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) =>
@@ -78,7 +78,7 @@ export const SectionList = ({ bookmarkGroups }: SectionListProps) => {
             removeBookmarkFavorite,
             updateBookmarkWithCurrentView,
             getCurrentAppKey(),
-            user?.localAccountId
+            user?.localAccountId,
         );
 
     if (loading) return <Loading />;
@@ -120,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

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