@equinor/echo-components 0.26.10 → 1.0.1

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@equinor/echo-components",
-  "version": "0.26.10",
+  "version": "1.0.1",
   "dependencies": {
     "chart.js": "4.5.0",
-    "react-datepicker": "8.4.0",
+    "react-datepicker": "8.7.0",
     "react-swipeable": "7.0.2",
     "react-window": "1.8.11"
   },
   "peerDependencies": {
-    "@equinor/echo-utils": ">= 0.26.11 < 0.27.0",
+    "@equinor/echo-utils": ">= 1.1.1 < 2.0.0",
     "@equinor/eds-core-react": "0.43.0",
     "@equinor/eds-icons": "0.22.0",
     "@equinor/eds-tokens": "0.9.2",

package/src/components/charts/lineChart/dummy/lineChartConfig.d.ts

@@ -1,3 +1,4 @@
+import { TooltipItem } from 'chart.js';
 export declare const chartDataSet: {
     labels: string[];
     datasets: {
@@ -11,6 +12,6 @@ export declare const chartDataSet: {
 };
 export declare const tooltip: {
     callbacks: {
-        title: (tooltipItems: [Chart.ChartTooltipItem]) => string | undefined;
+        title: (tooltipItems: TooltipItem<"line">[]) => string | undefined;
     };
 };

package/src/components/legendChip/LegendChip.d.ts

@@ -4,6 +4,7 @@ export interface LegendChipProps {
     backgroundColor: string;
     disabled?: boolean;
     onClick?: (isDisabled: boolean) => void;
+    showAsPlainLabel?: boolean;
 }
 /**
  * Legend chip component to display a legend status chip.

package/src/components/legendSelector/LegendSelector.d.ts

@@ -8,7 +8,6 @@ export interface LegendSelectorProps {
     showLegendToggle?: boolean;
     visual?: JSX.Element;
     placeholder?: string;
-    disabled?: boolean;
 }
 /**
  * Legend selector component that will display the selected legend type and the statuses.
@@ -20,7 +19,6 @@ export interface LegendSelectorProps {
  * @param {boolean} showLegendToggle - Boolean to show the legend toggle button. Optional.
  * @param {JSX.Element} visual - Visual or icon to be displayed before the legend selector. Optional.
  * @param {string} placeholder - Placeholder text to be displayed when no selection is selected. Optional.
- * @param {boolean} disabled - Boolean to disable the legend selector. Optional.
  * @returns {JSX.Element} - Legend selector component.
  */
 export declare const LegendSelector: React.FC<LegendSelectorProps>;

package/src/components/legendSelectorMenu/LegendSelectorMenu.d.ts

@@ -4,7 +4,6 @@ interface LegendSelectorMenuProps {
     selectedOption: string;
     onOptionClick: (option: string) => void;
     placeholder?: string;
-    disabled?: boolean;
 }
 /**
  * Legend selector component to choose which legend type to display.
@@ -13,7 +12,6 @@ interface LegendSelectorMenuProps {
  * @param {string} selectedOption- The selected item.
  * @param {(option: string) => void} onOptionClick - Function that is called when another option is clicked.
  * @param {string} placeholder - Placeholder text to be displayed when no item is selected. Optional.
- * @param {boolean} disabled - Boolean to disable the menu. Optional.
  * @returns {JSX.Element} - Legend selector menu component.
  */
 export declare const LegendSelectorMenu: React.FC<LegendSelectorMenuProps>;

package/src/hooks/index.d.ts

@@ -1,3 +1,3 @@
 export * from './useEventListener';
-export * from './useIsMobile';
+export * from './useMediaMatch';
 export * from './useKeyboardNavigation';

package/src/hooks/useMediaMatch.d.ts

@@ -0,0 +1,7 @@
+export type Breakpoints = 'xs' | 's' | 'md' | 'lg' | 'xl' | 'xxl';
+/**
+ * Hook for using media-queries on Typescript. Try to solve it with css before using this one.
+ * @Param breakpoint - A preset of breakpoints
+ * @return boolean - If it matches the media-query.
+ **/
+export declare const useMediaMatch: (breakpoint: Breakpoints) => boolean;

package/src/icons/echoAssets/general.d.ts

@@ -7,3 +7,4 @@ export declare const em_drawing_group: IconData;
 export declare const em_drawing_ungroup: IconData;
 export declare const em_drawing_new_group: IconData;
 export declare const em_drawing_move_group: IconData;
+export declare const general_return: IconData;

package/src/providers/UIPreferenceProvider.d.ts

@@ -10,7 +10,7 @@ interface UIPreferencesContextType {
 interface UIPreferencesProviderProps {
     children: ReactNode;
     mode: Mode;
-    density: Density;
+    density?: Density;
 }
 /**
  * Adds a context provider for UI preferences, allowing components to access the current mode and density.

package/src/theme/echoModes.generated.d.ts

@@ -428,8 +428,6 @@ export declare const echoModes: {
     readonly defaultSelectioncolorsColorSelectioncolor10: "#7304ff";
     readonly defaultSelectioncolorsColorSelectioncolor11: "#ff0000";
     readonly defaultSelectioncolorsColorSelectioncolor12: "#ff006b";
-    readonly defaultSelectioncolorsColorSelectioncolor13: "#000000";
-    readonly defaultSelectioncolorsColorSelectioncolor14: "#ffffff";
     readonly defaultSelectioncolorsTextIconSelectioncolor1: "#000000";
     readonly defaultSelectioncolorsTextIconSelectioncolor2: "#000000";
     readonly defaultSelectioncolorsTextIconSelectioncolor3: "#000000";
@@ -442,6 +440,4 @@ export declare const echoModes: {
     readonly defaultSelectioncolorsTextIconSelectioncolor10: "#ffffff";
     readonly defaultSelectioncolorsTextIconSelectioncolor11: "#000000";
     readonly defaultSelectioncolorsTextIconSelectioncolor12: "#000000";
-    readonly defaultSelectioncolorsTextIconSelectioncolor13: "#ffffff";
-    readonly defaultSelectioncolorsTextIconSelectioncolor14: "#000000";
 };

package/src/theme/echoPrimitives.generated.d.ts

@@ -68,6 +68,4 @@ export declare const echoPrimitives: {
     readonly seletionColorsSelectioncolor10: "#7304ff";
     readonly seletionColorsSelectioncolor11: "#ff0000";
     readonly seletionColorsSelectioncolor12: "#ff006b";
-    readonly seletionColorsSelectioncolor13: "#000000";
-    readonly seletionColorsSelectioncolor14: "#ffffff";
 };

package/src/theme/themeConst.d.ts

@@ -1,11 +1,18 @@
 export declare const themeConst: {
     xSmall: string;
+    smallXSmall: string;
     small: string;
     smallMedium: string;
     medium: string;
     mediumLarge: string;
     large: string;
     xLarge: string;
+    breakpointXs: string;
+    breakpointS: string;
+    breakpointMd: string;
+    breakpointLg: string;
+    breakpointXl: string;
+    breakpointXxl: string;
     fontSizeXSmall: string;
     fontSizeSmall: string;
     fontSizeSmallMedium: string;
@@ -83,6 +90,7 @@ export declare const themeConst: {
     readonly pm20: string;
     lc: string;
     readonly lo: string;
+    readonly noValvePositionInSAP: string;
     onGoing: string;
     readonly done: string;
     asBuilt: string;
@@ -143,10 +151,15 @@ export declare const themeConst: {
     backgroundDark3: string;
     hoverDark: string;
     borderDark: string;
-    focusDark: string;
     primaryTextForDarkBackground: string;
     secondaryTextForDarkBackground: string;
     primaryInteractionForDarkBackground: string;
     uiBackgroundSemiTransparent: string;
     textStaticIconsDarkSecondary: string;
+    edsDarkUiBackgroundLighten: string;
+    edsDarkTextStaticIconsPrimary: string;
+    edsDarkInteractivePrimaryHover: string;
+    edsDarkInteractiveDisabledFill: string;
+    edsDarkInteractiveDisabledText: string;
+    selectionIndicator: string;
 };

package/src/hooks/useIsMobile.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated use isMobileDevice from @equinor/echo-utils instead
- */
-export declare function useIsMobile(): boolean;