@equinor/fusion-components - npm Package Compare versions

Comparing version 0.0.41 to 0.0.42

dist/components/data/DataTable/components/Body.d.ts

 /// <reference types="react" />
 import { DataTableBodyProps } from '../dataTableTypes';
-declare function DataTableBody<T>({ data, columns, collapsedColumns, rowIdentifier, isExpandable, expandedComponent, onExpand, expandedItems, }: DataTableBodyProps<T>): JSX.Element;
+declare function DataTableBody<T>({ data, columns, collapsedColumns, rowIdentifier, isExpandable, expandedComponent, onExpand, expandedItems, isSelectable, onSelectionChange, selectedItems }: DataTableBodyProps<T>): JSX.Element;
 export default DataTableBody;

dist/components/data/DataTable/components/Cell.d.ts

 /// <reference types="react" />
 import { DataTableCellProps } from '../dataTableTypes';
-declare function DataTableCell<T>({ item, column, rowIndex, isExpanded, isHovering, onMouseOut, onMouseOver }: DataTableCellProps<T>): JSX.Element;
+declare function DataTableCell<T>({ item, column, rowIndex, isExpanded, isHovering, onMouseOut, onMouseOver, isSelected, }: DataTableCellProps<T>): JSX.Element;
 export default DataTableCell;

dist/components/data/DataTable/components/Header.d.ts

 /// <reference types="react" />
 import { DataTableHeaderProps } from '../dataTableTypes';
-declare function DataTableHeader<T>({ columns, onSortChange, sortedBy }: DataTableHeaderProps<T>): JSX.Element;
+declare function DataTableHeader<T>({ columns, onSortChange, sortedBy, isSelectable, isAllSelected, isSomeSelected, onSelectAll, }: DataTableHeaderProps<T>): JSX.Element;
 export default DataTableHeader;

dist/components/data/DataTable/components/Row.d.ts

 /// <reference types="react" />
 import { DataTableRowProps } from '../dataTableTypes';
-declare function DataTableRow<T>({ item, columns, collapsedColumns, index, isExpandable, isExpanded, onExpand, expandedComponent, }: DataTableRowProps<T>): JSX.Element;
+declare function DataTableRow<T>({ item, columns, collapsedColumns, index, isExpandable, isExpanded, onExpand, expandedComponent, isSelectable, isSelected, onSelectionChange, }: DataTableRowProps<T>): JSX.Element;
 export default DataTableRow;

dist/components/data/DataTable/components/Table.d.ts

 /// <reference types="react" />
 import { DataTableTableProps } from '../dataTableTypes';
-declare function Table<T>({ showSkeleton, columns, data, pagination, onPaginationChange, onSortChange, sortedBy, rowIdentifier, isExpandable, expandedComponent, }: DataTableTableProps<T>): JSX.Element;
+declare function Table<T>({ showSkeleton, columns, data, isSelectable, onSelectionChange, selectedItems, pagination, onPaginationChange, onSortChange, sortedBy, rowIdentifier, isExpandable, expandedComponent, }: DataTableTableProps<T>): JSX.Element;
 export default Table;

dist/components/data/DataTable/dataTableTypes.d.ts

@@ -16,2 +16,3 @@ import React from 'react';
 export declare type OnDataTableRowClickHandler<T> = (item: T, rowIndex: number) => void;
+export declare type OnSelectionChange<T> = (selectedItems: T[]) => void;
 export declare type DataTableColumn<T> = {
@@ -42,2 +43,5 @@ key: string;
     isFetching: boolean;
+    isSelectable?: boolean;
+    onSelectionChange?: OnSelectionChange<T>;
+    selectedItems?: T[];
     pagination?: Pagination;
@@ -59,2 +63,5 @@ onPaginationChange?: PaginationChangeHandler;
     showSkeleton: boolean;
+    isSelectable?: boolean;
+    onSelectionChange?: OnSelectionChange<T>;
+    selectedItems?: T[];
     pagination?: Pagination;
@@ -74,2 +81,5 @@ onPaginationChange?: PaginationChangeHandler;
     skeleton?: React.FC<DataItemSkeletonComponentProps>;
+    isSelectable?: boolean;
+    onSelectionChange?: OnSelectionChange<T>;
+    selectedItems?: T[];
     pagination?: Pagination;
@@ -86,2 +96,6 @@ onPaginationChange?: PaginationChangeHandler;
     sortedBy?: DataTableSortedBy<T>;
+    isSelectable?: boolean;
+    onSelectAll: () => void;
+    isAllSelected: boolean;
+    isSomeSelected: boolean;
 };
@@ -97,2 +111,5 @@ export declare type DataTableBodyProps<T> = {
     collapsedColumns: DataTableColumn<T>[];
+    isSelectable?: boolean;
+    onSelectionChange: OnSelectionChange<T>;
+    selectedItems?: T[];
 };
@@ -108,2 +125,5 @@ export declare type DataTableRowProps<T> = {
     collapsedColumns: DataTableColumn<T>[];
+    isSelectable?: boolean;
+    isSelected: boolean;
+    onSelectionChange: (item: T) => void;
 };
@@ -116,2 +136,3 @@ export declare type DataTableCellProps<T> = {
     isHovering: boolean;
+    isSelected: boolean;
     onMouseOver: () => void;
@@ -130,4 +151,6 @@ onMouseOut: () => void;
     isHovering: boolean;
+    isSelected: boolean;
     onMouseOver: () => void;
     onMouseOut: () => void;
+    className: string;
 };
@@ -141,1 +164,11 @@ export declare type ExpandedContentProps<T> = {
 };
+export declare type SelectionCellProps = {
+    isSelectable: boolean;
+    isSelected: boolean;
+    onChange: () => void;
+    isHovering?: boolean;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    className: string;
+    indeterminate?: boolean;
+};

dist/components/data/DataTable/index.d.ts

 /// <reference types="react" />
 import { DataTableProps } from './dataTableTypes';
-declare function DataTable<T>({ isFetching, columns, data, pagination, onPaginationChange, onSortChange, sortedBy, rowIdentifier, isExpandable, expandedComponent, listComponent, listSkeleton, }: DataTableProps<T>): JSX.Element;
+declare function DataTable<T>({ isFetching, columns, data, isSelectable, onSelectionChange, selectedItems, pagination, onPaginationChange, onSortChange, sortedBy, rowIdentifier, isExpandable, expandedComponent, listComponent, listSkeleton, }: DataTableProps<T>): JSX.Element;
 export { DataTableColumn } from './dataTableTypes';
 export default DataTable;

dist/components/general/FilterPane/components/CheckBoxesFilterComponent.d.ts

@@ -15,5 +15,4 @@ import React from 'react';
     filterCount: Count;
-    paneIsCollapsed: boolean;
 };
 declare const CheckBoxesFilterComponent: React.FC<CheckBoxesFilterProps>;
 export default CheckBoxesFilterComponent;

dist/components/general/FilterPane/components/CollapseExpandButton.d.ts

 import React from 'react';
 declare type CollapseExpandButtonProps = {
-    isCollapsed: boolean;
     onClick: () => void;
@@ -5,0 +4,0 @@ };

dist/components/general/FilterPane/components/Filter.d.ts

@@ -9,5 +9,4 @@ /// <reference types="react" />
     onChange: (filter: Filter<T>, term: FilterTerm | null) => void;
-    paneIsCollapsed: boolean;
 };
-declare function Filter<T>({ filter, term: defaultTerm, filterCount, onChange, paneIsCollapsed, }: FilterProps<T>): JSX.Element | null;
+declare function Filter<T>({ filter, term: defaultTerm, filterCount, onChange, }: FilterProps<T>): JSX.Element | null;
 export default Filter;

dist/components/general/FilterPane/components/Section.d.ts

@@ -9,5 +9,4 @@ /// <reference types="react" />
     onChange: (section: FilterSection<T>, filter: FilterType<T>, value: string | string[]) => void;
-    paneIsCollapsed: boolean;
 };
-declare function Section<T>({ terms, filterCount, section, onChange, paneIsCollapsed }: SectionProps<T>): JSX.Element | null;
+declare function Section<T>({ terms, filterCount, section, onChange }: SectionProps<T>): JSX.Element | null;
 export default Section;

dist/components/general/FilterPane/index.d.ts

 /// <reference types="react" />
+import CollapseExpandButton from './components/CollapseExpandButton';
 import applyFilters, { OnFilterChangeHandler, FilterSection, FilterTerm } from './applyFilters';
 import { Count, FilterCount } from './countFilters';
 export { default as FilterTypes } from './filterTypes';
-export { applyFilters, FilterTerm, FilterSection, Count, FilterCount };
+export { applyFilters, FilterTerm, FilterSection, Count, FilterCount, CollapseExpandButton };
 export declare type FilterPaneProps<T> = {
@@ -12,4 +13,5 @@ id: string;
     onChange: OnFilterChangeHandler<T>;
+    screenPlacement?: 'right' | 'left';
 };
 declare const _default: (props: any) => JSX.Element;
 export default _default;

dist/components/general/Menu/index.d.ts

 import * as React from "react";
-import { MenuItemType } from "./MenuItem";
+import { MenuItemType, MenuItemComponentProps } from "./MenuItem";
 import { Elevation } from '@equinor/fusion-components';
-export declare type MenuSection = {
+export declare type MenuSection<TItem extends MenuItemType> = {
     key: string;
     title?: string;
-    items: MenuItemType[];
+    items: TItem[];
 };
-export declare type MenuProps = {
-    sections: MenuSection[];
+export declare type MenuProps<TItem extends MenuItemType> = {
+    sections: MenuSection<TItem>[];
     elevation?: Elevation;
-    onClick?: (item: MenuItemType) => void | Promise<void>;
+    onClick?: (item: TItem) => void | Promise<void>;
     keyboardNavigationRef?: HTMLElement | null;
+    onChange?: (items: MenuSection<TItem>[]) => void | Promise<void>;
+    itemComponent?: React.FC<MenuItemComponentProps<TItem>>;
+    asideComponent?: React.FC<MenuItemComponentProps<TItem>>;
 };
 export { MenuItemType };
-declare const Menu: React.FC<MenuProps>;
+declare function Menu<TItem extends MenuItemType = MenuItemType>({ sections, elevation, onClick, itemComponent: component, asideComponent, keyboardNavigationRef }: MenuProps<TItem>): JSX.Element;
+declare namespace Menu {
+    var defaultProps: {
+        sections: never[];
+        elevation: number;
+    };
+}
 export default Menu;

dist/components/general/Menu/MenuItem.d.ts

@@ -1,16 +0,21 @@
-import * as React from "react";
+import * as React from 'react';
+export declare type MenuItemComponentProps<TItem extends MenuItemType> = {
+    item: TItem;
+};
 export declare type MenuItemType = {
     key: string;
-    title: string;
-    aside?: string;
+    title: string | React.ReactNode;
+    aside?: string | React.ReactNode;
     isSelected?: boolean;
     isDisabled?: boolean;
 };
-declare type MenuItemProps = {
-    item: MenuItemType;
+declare type MenuItemProps<TItem extends MenuItemType> = {
+    item: TItem;
     index: number;
     isFocused: boolean;
-    onClick: (e: MenuItemType) => void;
+    onClick: (e: TItem) => void;
+    itemComponent?: React.FC<MenuItemComponentProps<TItem>>;
+    asideComponent?: React.FC<MenuItemComponentProps<TItem>>;
 };
-declare const MenuItem: React.FC<MenuItemProps>;
+declare function MenuItem<TItem extends MenuItemType>(props: MenuItemProps<TItem>): JSX.Element;
 export default MenuItem;

dist/components/icons/components/action/CollapseIcon.d.ts

@@ -5,4 +5,5 @@ import * as React from 'react';
     isCollapsed: boolean;
+    screenPlacement?: 'right' | 'left';
 };
-declare const CollapseIcon: ({ isCollapsed, ...props }: CollapseIconProps) => React.ReactSVGElement;
+declare const CollapseIcon: ({ isCollapsed, screenPlacement: screenPosition, ...props }: CollapseIconProps) => React.ReactSVGElement;
 export default CollapseIcon;

dist/index.d.ts

@@ -25,2 +25,4 @@ export { default as FusionHeader } from './components/core/Header';
 export { default as Slider } from './components/general/Calendar';
+export { default as NavigationDrawer, NavigationStructure } from "./components/general/NavigationDrawer";
+export { default as Accordion, AccordionItem } from "./components/general/Accordion";
 export { default as Spinner } from './components/feedback/Spinner';
@@ -27,0 +29,0 @@ export { default as Banner } from './components/feedback/Banner';

package.json

 {
     "name": "@equinor/fusion-components",
-    "version": "0.0.41",
+    "version": "0.0.42",
     "description": "Common react components used by fusion core and fusion apps",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

238526

increased by11.32%

Number of package files

136

increased by9.68%

Lines of code

1346

increased by12.07%

Worsened metrics

Number of low supply chain risk alerts

25

increased by8.7%

No dependency changes