@equinor/apollo-components 3.3.0 → 3.4.0-beta.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { IconData } from '@equinor/eds-icons';
 import * as react from 'react';
-import { ReactNode, ReactElement, HTMLProps, MutableRefObject, Dispatch, SetStateAction, SyntheticEvent } from 'react';
+import { ReactNode, ReactElement, MouseEvent, HTMLProps, MutableRefObject, Dispatch, SetStateAction, SyntheticEvent } from 'react';
 import { CellContext, Cell, Header, Table, Row, SortingState, OnChangeFn, ColumnDef, RowSelectionState, ExpandedState, VisibilityState, HeaderContext } from '@tanstack/react-table';
 import * as styled_components from 'styled-components';
 import * as _equinor_eds_core_react from '@equinor/eds-core-react';
@@ -8,6 +8,7 @@ import { CellProps, TypographyProps as TypographyProps$1 } from '@equinor/eds-co
 import { ColumnDef as ColumnDef$1 } from '@tanstack/table-core';
 import { SetRequired } from 'type-fest';
 import { TableOptions } from '@tanstack/table-core/build/lib/types';
+import { Variants } from '@equinor/eds-core-react/dist/types/components/types';
 import { FieldError } from 'react-hook-form';
 
 interface AppShellProps {
@@ -82,7 +83,7 @@ interface RowConfig<T> {
      */
     rowWrapper?: TableRowWrapper<T>;
     getRowBackground?: (row: Row<T>) => string | undefined;
-    onClick?: (row: Row<T>) => void;
+    onClick?: (row: Row<T>, e: MouseEvent) => void;
     onMouseEnter?: (row: Row<T>) => void;
     onMouseLeave?: (row: Row<T>) => void;
 }
@@ -245,10 +246,23 @@ declare function useSetFormMeta<T extends FormMeta>(): (newValues: Partial<T>) =
 declare function removeFormMeta<T extends FormMeta>(withFormMeta: T): Omit<T, keyof FormMeta>;
 declare function addFormMeta<T>(withoutFormMeta: T): T & FormMeta;
 
+interface GetHelperTextPropsProps {
+    error?: {
+        message?: string;
+    };
+    warning?: {
+        message: string;
+    };
+    helperText?: string;
+}
+interface GetHelperTextProps {
+    variant?: Variants;
+    helperText?: string;
+    helperIcon: JSX.Element | null;
+}
 interface EditableCellBaseProps<T extends FormMeta, Value> extends CellContext<T, Value> {
     /**
-     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over
-     * react-hook-form's validation.
+     * FieldError object used to overwrite react-hook-form validation result. It is prioritized over react-hook-form's validation. If prefixed with the exported `WARNING_PREFIX` it will be displayed as an warning.
      */
     error?: FieldError;
     /**
@@ -286,4 +300,7 @@ declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorF
 
 declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, string>): JSX.Element;
 
-export { AppShell, AppSidebar, CellConfig, CheckboxCell, ChipsCell, ColumnSelect, DataTable, DataTableProps, DynamicCell, EditableCheckboxCell, EditableDateCell, EditableDateCellProps, EditableDropdownSingleCell, EditableDropdownSingleCellProps, EditableNumberCell, EditableTextAreaCell, EditableTextFieldCell, FormMeta, HTMLPropsRef, HeaderCell, HierarchyCell, InfiniteScrollConfig, Option, PopoverCell, RowConfig, RowSelectionMode, SelectColumnDef, SortConfig, StickyCell, StickyHeaderCell, StyledStickyCell, TableHeader, TableLayout, TableRowWrapper, TableRowWrapperProps, TruncateMode, TypographyCustom, TypographyProps, WithoutFormMeta, addFormMeta, capitalizeHeader, leftCellShadow, prependSelectColumn, removeFormMeta, stopPropagation, stringToHslColor, useEditMode, useGetIsNew, useHasRemoteChange, useSetFormMeta };
+declare const WARNING_PREFIX = "WARNING";
+declare function getHelperTextProps({ error, warning, helperText, }: GetHelperTextPropsProps): GetHelperTextProps;
+
+export { AppShell, AppSidebar, CellConfig, CheckboxCell, ChipsCell, ColumnSelect, DataTable, DataTableProps, DynamicCell, EditableCellBaseProps, EditableCheckboxCell, EditableDateCell, EditableDateCellProps, EditableDropdownSingleCell, EditableDropdownSingleCellProps, EditableNumberCell, EditableTextAreaCell, EditableTextFieldCell, FormMeta, GetHelperTextProps, GetHelperTextPropsProps, HTMLPropsRef, HeaderCell, HierarchyCell, InfiniteScrollConfig, Option, PopoverCell, RowConfig, RowSelectionMode, SelectColumnDef, SortConfig, StickyCell, StickyHeaderCell, StyledStickyCell, TableHeader, TableLayout, TableRowWrapper, TableRowWrapperProps, TruncateMode, TypographyCustom, TypographyProps, WARNING_PREFIX, WithoutFormMeta, addFormMeta, capitalizeHeader, getHelperTextProps, leftCellShadow, prependSelectColumn, removeFormMeta, stopPropagation, stringToHslColor, useEditMode, useGetIsNew, useHasRemoteChange, useSetFormMeta };

package/dist/index.js

@@ -2394,8 +2394,10 @@ __export(src_exports, {
   StyledStickyCell: () => StyledStickyCell,
   TableHeader: () => TableHeader,
   TypographyCustom: () => TypographyCustom,
+  WARNING_PREFIX: () => WARNING_PREFIX,
   addFormMeta: () => addFormMeta,
   capitalizeHeader: () => capitalizeHeader,
+  getHelperTextProps: () => getHelperTextProps,
   leftCellShadow: () => leftCellShadow,
   prependSelectColumn: () => prependSelectColumn,
   removeFormMeta: () => removeFormMeta,
@@ -3062,9 +3064,9 @@ function TableRow({
         cursor: (rowConfig == null ? void 0 : rowConfig.onClick) ? "pointer" : "initial",
         backgroundColor: (_a = rowConfig == null ? void 0 : rowConfig.getRowBackground) == null ? void 0 : _a.call(rowConfig, row)
       },
-      onClick: () => {
+      onClick: (e) => {
         var _a2;
-        return (_a2 = rowConfig == null ? void 0 : rowConfig.onClick) == null ? void 0 : _a2.call(rowConfig, row);
+        return (_a2 = rowConfig == null ? void 0 : rowConfig.onClick) == null ? void 0 : _a2.call(rowConfig, row, e);
       },
       onMouseEnter: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseEnter),
       onMouseLeave: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseLeave),
@@ -3598,17 +3600,27 @@ var import_styled_components17 = __toESM(require("styled-components"));
 var import_eds_core_react21 = require("@equinor/eds-core-react");
 var import_eds_icons8 = require("@equinor/eds-icons");
 var import_jsx_runtime22 = require("react/jsx-runtime");
+var WARNING_PREFIX = "WARNING";
 function getHelperTextProps({
   error,
   warning,
   helperText
 }) {
-  if (error)
+  var _a;
+  if (error) {
+    if ((_a = error.message) == null ? void 0 : _a.startsWith(WARNING_PREFIX)) {
+      return {
+        variant: "warning",
+        helperText: error.message.substring(WARNING_PREFIX.length),
+        helperIcon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_eds_core_react21.Icon, { data: import_eds_icons8.warning_filled, size: 16 })
+      };
+    }
     return {
       variant: "error",
       helperText: error.message,
       helperIcon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_eds_core_react21.Icon, { data: import_eds_icons8.error_filled, size: 16 })
     };
+  }
   if (warning)
     return {
       variant: "warning",
@@ -3620,12 +3632,6 @@ function getHelperTextProps({
     helperIcon: null
   };
 }
-function stopPropagation2(handler) {
-  return (e) => {
-    e.stopPropagation();
-    handler(e);
-  };
-}
 
 // src/form-cells/EditableDateCell.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -3907,7 +3913,7 @@ function EditableTextAreaCell(_a) {
                     ref
                   }, field), getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error }))
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { variant: "ghost_icon", onClick: stopPropagation2(openDialog), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Icon, { data: import_eds_icons9.arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconButton, { variant: "ghost_icon", onClick: stopPropagation(openDialog), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_eds_core_react26.Icon, { data: import_eds_icons9.arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
               ]
             }
           ),
@@ -4067,8 +4073,10 @@ var InlineTextField3 = (0, import_styled_components20.default)(import_eds_core_r
   StyledStickyCell,
   TableHeader,
   TypographyCustom,
+  WARNING_PREFIX,
   addFormMeta,
   capitalizeHeader,
+  getHelperTextProps,
   leftCellShadow,
   prependSelectColumn,
   removeFormMeta,

package/dist/index.mjs

@@ -3025,9 +3025,9 @@ function TableRow({
         cursor: (rowConfig == null ? void 0 : rowConfig.onClick) ? "pointer" : "initial",
         backgroundColor: (_a = rowConfig == null ? void 0 : rowConfig.getRowBackground) == null ? void 0 : _a.call(rowConfig, row)
       },
-      onClick: () => {
+      onClick: (e) => {
         var _a2;
-        return (_a2 = rowConfig == null ? void 0 : rowConfig.onClick) == null ? void 0 : _a2.call(rowConfig, row);
+        return (_a2 = rowConfig == null ? void 0 : rowConfig.onClick) == null ? void 0 : _a2.call(rowConfig, row, e);
       },
       onMouseEnter: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseEnter),
       onMouseLeave: handleRowEvent(row, rowConfig == null ? void 0 : rowConfig.onMouseLeave),
@@ -3561,17 +3561,27 @@ import styled17 from "styled-components";
 import { Icon as Icon7 } from "@equinor/eds-core-react";
 import { error_filled, warning_filled } from "@equinor/eds-icons";
 import { jsx as jsx22 } from "react/jsx-runtime";
+var WARNING_PREFIX = "WARNING";
 function getHelperTextProps({
   error,
   warning,
   helperText
 }) {
-  if (error)
+  var _a;
+  if (error) {
+    if ((_a = error.message) == null ? void 0 : _a.startsWith(WARNING_PREFIX)) {
+      return {
+        variant: "warning",
+        helperText: error.message.substring(WARNING_PREFIX.length),
+        helperIcon: /* @__PURE__ */ jsx22(Icon7, { data: warning_filled, size: 16 })
+      };
+    }
     return {
       variant: "error",
       helperText: error.message,
       helperIcon: /* @__PURE__ */ jsx22(Icon7, { data: error_filled, size: 16 })
     };
+  }
   if (warning)
     return {
       variant: "warning",
@@ -3583,12 +3593,6 @@ function getHelperTextProps({
     helperIcon: null
   };
 }
-function stopPropagation2(handler) {
-  return (e) => {
-    e.stopPropagation();
-    handler(e);
-  };
-}
 
 // src/form-cells/EditableDateCell.tsx
 import { jsx as jsx23 } from "react/jsx-runtime";
@@ -3870,7 +3874,7 @@ function EditableTextAreaCell(_a) {
                     ref
                   }, field), getHelperTextProps({ error: errorFromProps != null ? errorFromProps : error }))
                 ),
-                /* @__PURE__ */ jsx27(IconButton, { variant: "ghost_icon", onClick: stopPropagation2(openDialog), children: /* @__PURE__ */ jsx27(Icon8, { data: arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
+                /* @__PURE__ */ jsx27(IconButton, { variant: "ghost_icon", onClick: stopPropagation(openDialog), children: /* @__PURE__ */ jsx27(Icon8, { data: arrow_up, size: 24, style: { transform: "rotateZ(45deg)" } }) })
               ]
             }
           ),
@@ -4029,8 +4033,10 @@ export {
   StyledStickyCell,
   TableHeader,
   TypographyCustom,
+  WARNING_PREFIX,
   addFormMeta,
   capitalizeHeader,
+  getHelperTextProps,
   leftCellShadow,
   prependSelectColumn,
   removeFormMeta,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/apollo-components",
-  "version": "3.3.0",
+  "version": "3.4.0-beta.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",