@equinor/echo-components 0.11.6 → 0.11.8

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.11.6",
+  "version": "0.11.8",
   "dependencies": {
-    "chart.js": "4.4.2",
+    "chart.js": "4.4.3",
     "react-window": "1.8.10",
     "react-datepicker": "4.25.0"
   },

package/src/components/floatingActionButton/FloatingActionButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface WithLabel {
     variant: 'square_icon_with_text' | 'square_icon_with_text_below';
     label: string;

package/src/components/iconLink/inlineTagIconLink/InlineTagIconLink.d.ts

@@ -9,5 +9,5 @@ export interface InlineTagIconLinkProps {
     disableHover?: boolean;
     className?: string;
 }
-export declare const InlineTagIconLink: ({ onClickHandler, tagNo, description, tagCategoryDescription, icon, legendColor, disableHover, className, }: InlineTagIconLinkProps) => React.JSX.Element;
+export declare const InlineTagIconLink: ({ onClickHandler, tagNo, description, tagCategoryDescription, icon, legendColor, disableHover, className }: InlineTagIconLinkProps) => React.JSX.Element;
 export default InlineTagIconLink;

package/src/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './linkIcon/LinkIcon';
 export * from './listItem';
 export * from './listRow/ListRow';
 export * from './markedContent/MarkedContent';
+export * from './multilineTabs/MultilineTabs';
 export * from './notificationListItem/NotificationListItem';
 export * from './pcMatrix/PCMatrix';
 export * from './rightPanel';
@@ -37,5 +38,7 @@ export * from './sidesheet';
 export * from './splitView';
 export * from './subseaStatusLabel/SubseaStatusLabel';
 export * from './tagContextMenu/TagContextMenu';
+export * from './titleAndStatusLabel/titleAndStatusLabel';
+export * from './visualTextIcon/visualTextIcon';
 export * from './workOrderListItem/WorkOrderListItem';
 export * from './workOrderListItem/WorkOrderStatusLabel';

package/src/components/multilineTabs/MultilineTabs.d.ts

@@ -0,0 +1,26 @@
+import { TabProps } from '@equinor/eds-core-react';
+import { ReactNode } from 'react';
+export type PredefinedTab = {
+    title: string;
+    options?: TabProps;
+};
+export interface MultilineTabsProps {
+    className?: string;
+    tabs: PredefinedTab[];
+    activeTabIndex: number;
+    onTabChange: (index: number) => void;
+    children: ReactNode[];
+}
+/**
+ * An EDS Tabs component that can be expanded to show overflow in multiple lines.
+ *
+ * @param {MultilineTabsProps} {
+ *    className: Style overrides
+ *    tabs: Tab titles and options
+ *    activeTabIndex: The current active tab index. Can be overridden with options.active.
+ *    onTabChange: Callback for when the tab index changes.
+ *    children: The sectioned tab content
+ * }
+ * @returns {*} {JSX.Element} Returns a custom EDS Tab bar and sectioned content.
+ */
+export declare const MultilineTabs: (props: MultilineTabsProps) => import("react/jsx-runtime").JSX.Element;

package/src/components/sidebarButton/SidebarButton.d.ts

@@ -57,14 +57,5 @@ export interface SidebarButtonProps {
  * }
  * @return {*}  {JSX.Element}
  */
-export declare const SidebarButton: {
-    ({ text, active, onClick, count, buttonPosition, refValue, id, children }: SidebarButtonProps): React.JSX.Element;
-    defaultProps: {
-        text: string;
-        children: import("react/jsx-runtime").JSX.Element;
-        refValue: undefined;
-        id: string;
-        buttonPosition: string;
-    };
-};
+export declare const SidebarButton: ({ text, active, onClick, count, buttonPosition, refValue, id, children }: SidebarButtonProps) => React.JSX.Element;
 export default SidebarButton;

package/src/components/titleAndStatusLabel/titleAndStatusLabel.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+interface TitleAndStatusLabelProps {
+    title: string;
+    statusText: string;
+    statusColor?: string;
+}
+/**
+ * Component that renders a title with status label
+ *
+ * @param {TitleAndStatusLabelProps} {
+ *    title: the id or title
+ *    statusText: the status text
+ *    statusColor: sets the color of the status label
+ * }
+ * @returns {*} {JSX.Element} Returns a title with its status label
+ */
+export declare const TitleAndStatusLabel: React.FC<TitleAndStatusLabelProps>;
+export {};

package/src/components/visualTextIcon/visualTextIcon.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface VisualTextIconProps {
+    /**
+     * Text that replaces the icon
+     */
+    visualText: string;
+    backgroundColor?: string;
+}
+/**
+ * Component that renders a VisualTextIcon
+ *
+ * @param {VisualTextIconProps} {
+ *    visualText: text that replaces the icon
+ *    backgroundColor: sets the background color of the element
+ * }
+ * @returns {*} {JSX.Element} Visual Text Icon that can be used to replace the traditional icon in cards, list items etc.
+ */
+export declare const VisualTextIcon: React.FC<VisualTextIconProps>;
+export {};

package/src/components/workOrderListItem/WorkOrderListItem.d.ts

@@ -8,6 +8,11 @@ export interface WorkOrderListItemProps {
     colorMap?: ColorMap;
     iconName?: string;
     workOrderDateType?: WorkOrderDateType;
+    className?: string;
 }
+/**
+ * @deprecated since the component contains business logic, it is moved to echo-framework.
+ * Use `WorkOrderListItem` imported from `@equinor/echo-framework` instead.
+ */
 declare function WorkOrderListItem(props: WorkOrderListItemProps): import("react/jsx-runtime").JSX.Element;
 export { WorkOrderListItem };