@equinor/echo-components 0.9.4 → 0.9.5-beta-0

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.9.4",
+  "version": "0.9.5-beta-0",
   "dependencies": {
     "chart.js": "4.4.0",
     "react-window": "1.8.9",
-    "react-datepicker": "4.18.0"
+    "react-datepicker": "4.21.0"
   },
   "peerDependencies": {
     "@equinor/echo-utils": ">= 0.3.0 < 0.4.0",
@@ -12,7 +12,7 @@
     "@equinor/eds-icons": "=0.17.0",
     "react": ">= 17.0.2",
     "react-dom": ">= 17.0.2",
-    "zustand": "4.4.1",
+    "zustand": "4.4.6",
     "lodash": "4.17.21",
     "react-sortablejs": "6.1.4",
     "sortablejs": "1.15.0",

package/src/components/index.d.ts

@@ -21,6 +21,10 @@ export * from './notificationListItem/NotificationListItem';
 export * from './pcMatrix/PCMatrix';
 export * from './rightPanel';
 export * from './searchBar';
+export * from './secondaryMarker/SecondaryMarker';
+export * from './secondaryMarker/SecondaryMarkerExpander';
+export * from './secondaryMarker/SecondaryMarkerWithChip';
+export * from './secondaryMarker/SecondaryMarkerWrapper';
 export * from './sidebarButton/SidebarButton';
 export * from './sidesheet';
 export * from './splitView';

package/src/components/secondaryMarker/SecondaryMarker.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export interface SecondaryMarkerProps {
+    /**
+     * The title
+     */
+    title: string;
+    /**
+     * The description
+     */
+    description: string;
+    onClick?: () => void;
+    /**
+     * Key if needed
+     */
+    key?: string;
+    /**
+     * children if needed
+     */
+    children?: React.ReactNode;
+    /**
+     * className if needed
+     */
+    className?: string;
+}
+/**
+ * Secondary Marker
+ * If the user want to see some secondary information on a specific marker,
+ * related to either a child or parent item, for example the ContextMenu tag component.
+ * It consist of a title and description.
+ *
+ * Recommended to use it in combination with both the SecondaryMarkerWrapper and SecondaryMarkerExpander.
+ */
+export declare const SecondaryMarker: React.FC<SecondaryMarkerProps>;

package/src/components/secondaryMarker/SecondaryMarkerExpander.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+interface SecondaryMarkerExpanderProps {
+    /**
+     * onClick for the expander
+     */
+    onClick: () => void;
+    /**
+     * A boolean used to check if the expander is expanded
+     */
+    isExpanded: boolean;
+    /**
+     * The total number of items
+     */
+    numberOfItems: number;
+    /**
+     * The max items you want to display without expanding
+     * */
+    maxItemsToDisplay: number;
+    /**
+     * The text to show in the expander
+     * */
+    expanderText: string;
+}
+export declare const SecondaryMarkerExpander: React.FC<SecondaryMarkerExpanderProps>;
+export {};

package/src/components/secondaryMarker/SecondaryMarkerWithChip.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface SecondaryMarkerWithChipProps {
+    title: string;
+    description: string;
+    status: string;
+    color: string;
+    onClick?: () => void;
+    key?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const SecondaryMarkerWithChip: React.FC<SecondaryMarkerWithChipProps>;

package/src/components/secondaryMarker/SecondaryMarkerWrapper.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface SecondaryMarkerWrapperProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const SecondaryMarkerWrapper: React.FC<SecondaryMarkerWrapperProps>;

package/src/elements/index.d.ts

@@ -3,8 +3,11 @@ export { Icon } from './icon/Icon';
 export { RadioButtonGroup } from './radioButtonGroup/RadioButtonGroup';
 export * from './roundIconButton/RoundIconButton';
 export { SliderField } from './sliderField/SliderField';
+export type { ChipProps } from './tagIcon/Chip';
+export { Chip } from './tagIcon/Chip';
+export { Chips } from './tagIcon/Chips';
 export { TagIcon } from './tagIcon/TagIcon';
 export { TagIconShadowWrapper } from './tagIcon/TagIconShadow';
 export { TagIconWithChips } from './tagIcon/TagIconWithChips';
-export type { ChipProps, TagIconChipsProps } from './tagIcon/TagIconWithChips';
+export type { TagIconChipsProps } from './tagIcon/TagIconWithChips';
 export * from './textIconButton/TextIconButton';

package/src/elements/tagIcon/Chip.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ChipProps {
+    title: string;
+    color: string;
+    key?: string;
+    className?: string;
+}
+export declare const Chip: React.FC<ChipProps>;

package/src/elements/tagIcon/Chips.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ChipProps } from './Chip';
+export interface ChipsProps {
+    chips: ChipProps[];
+}
+export declare const Chips: React.FC<ChipsProps>;

package/src/elements/tagIcon/TagIconWithChips.d.ts

@@ -1,14 +1,8 @@
-import React from 'react';
-export interface ChipsProps {
-    icon: JSX.Element;
-    legendColor: string;
-    chips: ChipProps[];
-}
+/// <reference types="react" />
+import { ChipsProps } from './Chips';
 export interface TagIconChipsProps extends ChipsProps {
+    icon: React.JSX.Element;
+    legendColor: string;
     isChipsEnabled: boolean;
 }
-export interface ChipProps {
-    title: string;
-    color: string;
-}
 export declare const TagIconWithChips: React.FC<TagIconChipsProps>;