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

package/dist/index.d.ts

@@ -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 {
@@ -245,6 +246,20 @@ 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
@@ -286,4 +301,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,
@@ -3047,7 +3049,6 @@ function TableRow(props) {
   var _a;
   const { row, rowConfig, cellConfig, measureElement, index } = props;
   const rowWrapper = rowConfig == null ? void 0 : rowConfig.rowWrapper;
-  console.log("Hello");
   const tableRowContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     StyledTableRow,
     {
@@ -3605,7 +3606,7 @@ function getHelperTextProps({
     if ((_a = error.message) == null ? void 0 : _a.startsWith(WARNING_PREFIX)) {
       return {
         variant: "warning",
-        helperText: error.message.substring(WARNING_PREFIX.length - 1),
+        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 })
       };
     }
@@ -3626,12 +3627,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");
@@ -3913,7 +3908,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)" } }) })
               ]
             }
           ),
@@ -4073,8 +4068,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

@@ -3010,7 +3010,6 @@ function TableRow(props) {
   var _a;
   const { row, rowConfig, cellConfig, measureElement, index } = props;
   const rowWrapper = rowConfig == null ? void 0 : rowConfig.rowWrapper;
-  console.log("Hello");
   const tableRowContent = /* @__PURE__ */ jsx14(
     StyledTableRow,
     {
@@ -3568,7 +3567,7 @@ function getHelperTextProps({
     if ((_a = error.message) == null ? void 0 : _a.startsWith(WARNING_PREFIX)) {
       return {
         variant: "warning",
-        helperText: error.message.substring(WARNING_PREFIX.length - 1),
+        helperText: error.message.substring(WARNING_PREFIX.length),
         helperIcon: /* @__PURE__ */ jsx22(Icon7, { data: warning_filled, size: 16 })
       };
     }
@@ -3589,12 +3588,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";
@@ -3876,7 +3869,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)" } }) })
               ]
             }
           ),
@@ -4035,8 +4028,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-beta.0",
+  "version": "3.3.0-beta.2",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",