@equinor/apollo-components 3.7.1 → 3.7.3-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +16 -0
  2. package/dist/index.d.mts +63 -25
  3. package/dist/index.d.ts +63 -25
  4. package/dist/index.js +45 -2515
  5. package/dist/index.mjs +26 -2516
  6. package/package.json +29 -29
package/README.md ADDED
@@ -0,0 +1,16 @@
1
+ [<-- Go back](../../README.md)
2
+
3
+ # @equinor/apollo-components DEPRECATED
4
+
5
+ This package is deprecated in favor of [@equinor/eds-data-grid-react](https://github.com/equinor/design-system/tree/develop/packages/eds-data-grid-react).
6
+
7
+ ## Installation
8
+
9
+ ```sh
10
+ yarn add @equinor/apollo-components
11
+ ```
12
+
13
+ ## Components
14
+
15
+ - `DataTable` - A feature rich table component based on `EDS` and `@tanstack/react-table`.
16
+ - `TypographyCustom` - An extension of the EDS `Typography` component to allow displaying all content on hover in the table.
package/dist/index.d.mts CHANGED
@@ -1,13 +1,15 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import { IconData } from '@equinor/eds-icons';
2
3
  import * as react from 'react';
3
4
  import { ReactNode, ReactElement, HTMLProps, MutableRefObject, Dispatch, SetStateAction, SyntheticEvent } from 'react';
4
5
  import { CellContext, Table, Row, SortingState, OnChangeFn, Cell, ColumnDef, ColumnResizeMode, RowSelectionState, ExpandedState, ColumnPinningState, VisibilityState, HeaderContext, Column, Header } from '@tanstack/react-table';
5
6
  export { Cell, CellContext, ColumnDef, ColumnPinningState, ColumnResizeMode, ColumnSort, ExpandedState, HeaderContext, OnChangeFn, Row, RowSelectionState, SortingState, Table, VisibilityState, createColumnHelper } from '@tanstack/react-table';
6
- import * as styled_components from 'styled-components';
7
+ import * as styled_components_dist_types from 'styled-components/dist/types';
7
8
  import * as _equinor_eds_core_react from '@equinor/eds-core-react';
8
9
  import { CellProps, TypographyProps as TypographyProps$1 } from '@equinor/eds-core-react';
9
- import { ColumnDef as ColumnDef$1 } from '@tanstack/table-core';
10
+ import * as _equinor_eds_core_react_dist_types_components_Table_Table_types from '@equinor/eds-core-react/dist/types/components/Table/Table.types';
10
11
  import { SetRequired } from 'type-fest';
12
+ import * as styled_components from 'styled-components';
11
13
  import { Variants } from '@equinor/eds-core-react/dist/types/components/types';
12
14
  import { FieldError } from 'react-hook-form';
13
15
 
@@ -17,27 +19,27 @@ interface AppShellProps {
17
19
  icon?: IconData;
18
20
  title?: string;
19
21
  }
20
- declare const AppShell: ({ children, icon, title, sidebar }: AppShellProps) => JSX.Element;
22
+ declare const AppShell: ({ children, icon, title, sidebar }: AppShellProps) => react_jsx_runtime.JSX.Element;
21
23
 
22
- declare function AppSidebar(): JSX.Element;
24
+ declare function AppSidebar(): react_jsx_runtime.JSX.Element;
23
25
 
24
- declare function CheckboxCell<T>(context: CellContext<T, boolean>): JSX.Element;
26
+ declare function CheckboxCell<T>(context: CellContext<T, boolean>): react_jsx_runtime.JSX.Element;
25
27
 
26
28
  declare const ChipsCell: (props: {
27
29
  values?: string[];
28
- }) => JSX.Element;
30
+ }) => react_jsx_runtime.JSX.Element;
29
31
 
30
32
  interface ColumnSelectProps<T> {
31
33
  table: Table<T>;
32
34
  columnSelectPlaceholder?: string;
33
35
  }
34
- declare function ColumnSelect<T>({ table, columnSelectPlaceholder }: ColumnSelectProps<T>): JSX.Element;
36
+ declare function ColumnSelect<T>({ table, columnSelectPlaceholder }: ColumnSelectProps<T>): react_jsx_runtime.JSX.Element;
35
37
 
36
38
  interface TableHeaderProps<T> {
37
39
  table: Table<T>;
38
40
  sticky?: boolean;
39
41
  }
40
- declare function TableHeader<T>({ table, sticky }: TableHeaderProps<T>): JSX.Element;
42
+ declare function TableHeader<T>({ table, sticky }: TableHeaderProps<T>): react_jsx_runtime.JSX.Element;
41
43
 
42
44
  interface TableRowWrapper<T> {
43
45
  (props: TableRowWrapperProps<T>): ReactElement;
@@ -168,7 +170,7 @@ type ControlledState<T> = {
168
170
  onChange?: Dispatch<SetStateAction<T>>;
169
171
  };
170
172
 
171
- declare function DataTable<T>(props: DataTableProps<T>): JSX.Element;
173
+ declare function DataTable<T>(props: DataTableProps<T>): react_jsx_runtime.JSX.Element;
172
174
 
173
175
  /**
174
176
  * Capitalize the table header.
@@ -206,40 +208,76 @@ type TableCellProps<T> = {
206
208
  type StyledStickyCellProps = {
207
209
  backgroundColor?: string;
208
210
  };
209
- declare const StyledStickyCell: styled_components.StyledComponent<react.ForwardRefExoticComponent<_equinor_eds_core_react.CellProps & react.RefAttributes<HTMLTableCellElement>>, any, ({} & _equinor_eds_core_react.CellProps) & StyledStickyCellProps, never>;
210
- declare function DynamicCell<T>({ cell, cellConfig }: TableCellProps<T>): JSX.Element;
211
+ declare const StyledStickyCell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<(Omit<{
212
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
213
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
214
+ sort?: React.AriaAttributes["aria-sort"];
215
+ } & react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
216
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
217
+ }) | (Omit<{
218
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
219
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
220
+ sort?: React.AriaAttributes["aria-sort"];
221
+ } & react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
222
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
223
+ }), _equinor_eds_core_react.CellProps> & styled_components_dist_types.BaseObject, StyledStickyCellProps>> & string;
224
+ declare function DynamicCell<T>({ cell, cellConfig }: TableCellProps<T>): react_jsx_runtime.JSX.Element;
211
225
 
212
226
  interface HeaderCellProps<TData, TValue> {
213
227
  header: Header<TData, TValue>;
214
228
  /** Needed for column resizing */
215
229
  table: Table<TData>;
216
230
  }
217
- declare const HeaderCell: <TData, TValue>({ header, table }: HeaderCellProps<TData, TValue>) => JSX.Element;
231
+ declare const HeaderCell: <TData, TValue>({ header, table }: HeaderCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
218
232
 
219
233
  type HierarchyCellOptions = {
220
234
  getRowDepth?: () => number;
221
235
  getDisplayName?: () => string;
222
236
  };
223
- declare function HierarchyCell<T>(cell: CellContext<T, any>, options?: HierarchyCellOptions): JSX.Element;
237
+ declare function HierarchyCell<T>(cell: CellContext<T, any>, options?: HierarchyCellOptions): react_jsx_runtime.JSX.Element;
224
238
 
225
239
  interface PopoverCellProps {
226
240
  id: string;
227
241
  value: string;
228
242
  title?: string | JSX.Element | ReactNode;
229
243
  }
230
- declare function PopoverCell(props: PopoverCellProps): JSX.Element;
244
+ declare function PopoverCell(props: PopoverCellProps): react_jsx_runtime.JSX.Element;
231
245
 
232
- declare function SelectColumnDef<T>(props: SetRequired<DataTableProps<T>, 'rowSelection'>['rowSelection']): ColumnDef$1<T, any>;
246
+ declare function SelectColumnDef<T>(props: SetRequired<DataTableProps<T>, 'rowSelection'>['rowSelection']): ColumnDef<T, any>;
233
247
 
234
- declare const leftCellShadow: styled_components.FlattenSimpleInterpolation;
235
- declare const StickyCell: styled_components.StyledComponent<react.ForwardRefExoticComponent<CellProps & react.RefAttributes<HTMLTableCellElement>>, any, {} & CellProps, never>;
236
- declare const StickyHeaderCell: styled_components.StyledComponent<react.ForwardRefExoticComponent<CellProps & react.RefAttributes<HTMLTableCellElement>>, any, ({} & CellProps) & CellProps, never>;
248
+ declare const leftCellShadow: styled_components.RuleSet<object>;
249
+ declare const StickyCell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<(Omit<{
250
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
251
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
252
+ sort?: React.AriaAttributes["aria-sort"];
253
+ } & react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
254
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
255
+ }) | (Omit<{
256
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
257
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
258
+ sort?: React.AriaAttributes["aria-sort"];
259
+ } & react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
260
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
261
+ }), CellProps>> & string & Omit<react.ForwardRefExoticComponent<CellProps & react.RefAttributes<HTMLTableCellElement>>, keyof react.Component<any, {}, any>>;
262
+ declare const StickyHeaderCell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<(Omit<{
263
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
264
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
265
+ sort?: React.AriaAttributes["aria-sort"];
266
+ } & react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
267
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
268
+ }) | (Omit<{
269
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
270
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
271
+ sort?: React.AriaAttributes["aria-sort"];
272
+ } & react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
273
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
274
+ }), CellProps> & styled_components_dist_types.BaseObject, CellProps>> & string;
237
275
 
238
276
  type TypographyProps = {
239
277
  truncate?: boolean;
240
278
  enableShowAllOnHover?: boolean;
241
279
  } & TypographyProps$1;
242
- declare const TypographyCustom: (props: TypographyProps) => JSX.Element;
280
+ declare const TypographyCustom: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
243
281
 
244
282
  /**
245
283
  * Generate a HSL color based on a given string.
@@ -307,12 +345,12 @@ interface EditableCellBaseProps<T extends FormMeta, Value> extends CellContext<T
307
345
  onChange?: (value: Value) => void;
308
346
  }
309
347
 
310
- declare function EditableCheckboxCell<T extends FormMeta>({ onChange: onChangeFromProps, ...context }: EditableCellBaseProps<T, boolean>): JSX.Element;
348
+ declare function EditableCheckboxCell<T extends FormMeta>({ onChange: onChangeFromProps, ...context }: EditableCellBaseProps<T, boolean>): react_jsx_runtime.JSX.Element;
311
349
 
312
350
  interface EditableDateCellProps<T extends FormMeta> extends EditableCellBaseProps<T, string> {
313
351
  dateStringFormatter?: (date: string) => string;
314
352
  }
315
- declare function EditableDateCell<T extends FormMeta>({ dateStringFormatter, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDateCellProps<T>): JSX.Element;
353
+ declare function EditableDateCell<T extends FormMeta>({ dateStringFormatter, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDateCellProps<T>): react_jsx_runtime.JSX.Element;
316
354
 
317
355
  interface Option {
318
356
  label: string;
@@ -325,16 +363,16 @@ interface EditableDropdownSingleCellProps<T extends FormMeta> extends Omit<Edita
325
363
  options: Option[];
326
364
  onChange?: (value: Option) => void;
327
365
  }
328
- declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): JSX.Element;
366
+ declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): react_jsx_runtime.JSX.Element;
329
367
 
330
- declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): JSX.Element;
368
+ declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): react_jsx_runtime.JSX.Element;
331
369
 
332
370
  interface EdtiableTextAreaProps<T extends FormMeta> extends EditableCellBaseProps<T, string> {
333
371
  title: string;
334
372
  }
335
- declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorFromProps, onChange: onChangeFromProps, ...context }: EdtiableTextAreaProps<T>): JSX.Element;
373
+ declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorFromProps, onChange: onChangeFromProps, ...context }: EdtiableTextAreaProps<T>): react_jsx_runtime.JSX.Element;
336
374
 
337
- declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, string>): JSX.Element;
375
+ declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, string>): react_jsx_runtime.JSX.Element;
338
376
 
339
377
  declare const WARNING_PREFIX = "WARNING";
340
378
  declare function getHelperTextProps({ error, warning, helperText, }: GetHelperTextPropsProps): GetHelperTextProps;
package/dist/index.d.ts CHANGED
@@ -1,13 +1,15 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
1
2
  import { IconData } from '@equinor/eds-icons';
2
3
  import * as react from 'react';
3
4
  import { ReactNode, ReactElement, HTMLProps, MutableRefObject, Dispatch, SetStateAction, SyntheticEvent } from 'react';
4
5
  import { CellContext, Table, Row, SortingState, OnChangeFn, Cell, ColumnDef, ColumnResizeMode, RowSelectionState, ExpandedState, ColumnPinningState, VisibilityState, HeaderContext, Column, Header } from '@tanstack/react-table';
5
6
  export { Cell, CellContext, ColumnDef, ColumnPinningState, ColumnResizeMode, ColumnSort, ExpandedState, HeaderContext, OnChangeFn, Row, RowSelectionState, SortingState, Table, VisibilityState, createColumnHelper } from '@tanstack/react-table';
6
- import * as styled_components from 'styled-components';
7
+ import * as styled_components_dist_types from 'styled-components/dist/types';
7
8
  import * as _equinor_eds_core_react from '@equinor/eds-core-react';
8
9
  import { CellProps, TypographyProps as TypographyProps$1 } from '@equinor/eds-core-react';
9
- import { ColumnDef as ColumnDef$1 } from '@tanstack/table-core';
10
+ import * as _equinor_eds_core_react_dist_types_components_Table_Table_types from '@equinor/eds-core-react/dist/types/components/Table/Table.types';
10
11
  import { SetRequired } from 'type-fest';
12
+ import * as styled_components from 'styled-components';
11
13
  import { Variants } from '@equinor/eds-core-react/dist/types/components/types';
12
14
  import { FieldError } from 'react-hook-form';
13
15
 
@@ -17,27 +19,27 @@ interface AppShellProps {
17
19
  icon?: IconData;
18
20
  title?: string;
19
21
  }
20
- declare const AppShell: ({ children, icon, title, sidebar }: AppShellProps) => JSX.Element;
22
+ declare const AppShell: ({ children, icon, title, sidebar }: AppShellProps) => react_jsx_runtime.JSX.Element;
21
23
 
22
- declare function AppSidebar(): JSX.Element;
24
+ declare function AppSidebar(): react_jsx_runtime.JSX.Element;
23
25
 
24
- declare function CheckboxCell<T>(context: CellContext<T, boolean>): JSX.Element;
26
+ declare function CheckboxCell<T>(context: CellContext<T, boolean>): react_jsx_runtime.JSX.Element;
25
27
 
26
28
  declare const ChipsCell: (props: {
27
29
  values?: string[];
28
- }) => JSX.Element;
30
+ }) => react_jsx_runtime.JSX.Element;
29
31
 
30
32
  interface ColumnSelectProps<T> {
31
33
  table: Table<T>;
32
34
  columnSelectPlaceholder?: string;
33
35
  }
34
- declare function ColumnSelect<T>({ table, columnSelectPlaceholder }: ColumnSelectProps<T>): JSX.Element;
36
+ declare function ColumnSelect<T>({ table, columnSelectPlaceholder }: ColumnSelectProps<T>): react_jsx_runtime.JSX.Element;
35
37
 
36
38
  interface TableHeaderProps<T> {
37
39
  table: Table<T>;
38
40
  sticky?: boolean;
39
41
  }
40
- declare function TableHeader<T>({ table, sticky }: TableHeaderProps<T>): JSX.Element;
42
+ declare function TableHeader<T>({ table, sticky }: TableHeaderProps<T>): react_jsx_runtime.JSX.Element;
41
43
 
42
44
  interface TableRowWrapper<T> {
43
45
  (props: TableRowWrapperProps<T>): ReactElement;
@@ -168,7 +170,7 @@ type ControlledState<T> = {
168
170
  onChange?: Dispatch<SetStateAction<T>>;
169
171
  };
170
172
 
171
- declare function DataTable<T>(props: DataTableProps<T>): JSX.Element;
173
+ declare function DataTable<T>(props: DataTableProps<T>): react_jsx_runtime.JSX.Element;
172
174
 
173
175
  /**
174
176
  * Capitalize the table header.
@@ -206,40 +208,76 @@ type TableCellProps<T> = {
206
208
  type StyledStickyCellProps = {
207
209
  backgroundColor?: string;
208
210
  };
209
- declare const StyledStickyCell: styled_components.StyledComponent<react.ForwardRefExoticComponent<_equinor_eds_core_react.CellProps & react.RefAttributes<HTMLTableCellElement>>, any, ({} & _equinor_eds_core_react.CellProps) & StyledStickyCellProps, never>;
210
- declare function DynamicCell<T>({ cell, cellConfig }: TableCellProps<T>): JSX.Element;
211
+ declare const StyledStickyCell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<(Omit<{
212
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
213
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
214
+ sort?: React.AriaAttributes["aria-sort"];
215
+ } & react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
216
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
217
+ }) | (Omit<{
218
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
219
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
220
+ sort?: React.AriaAttributes["aria-sort"];
221
+ } & react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
222
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
223
+ }), _equinor_eds_core_react.CellProps> & styled_components_dist_types.BaseObject, StyledStickyCellProps>> & string;
224
+ declare function DynamicCell<T>({ cell, cellConfig }: TableCellProps<T>): react_jsx_runtime.JSX.Element;
211
225
 
212
226
  interface HeaderCellProps<TData, TValue> {
213
227
  header: Header<TData, TValue>;
214
228
  /** Needed for column resizing */
215
229
  table: Table<TData>;
216
230
  }
217
- declare const HeaderCell: <TData, TValue>({ header, table }: HeaderCellProps<TData, TValue>) => JSX.Element;
231
+ declare const HeaderCell: <TData, TValue>({ header, table }: HeaderCellProps<TData, TValue>) => react_jsx_runtime.JSX.Element;
218
232
 
219
233
  type HierarchyCellOptions = {
220
234
  getRowDepth?: () => number;
221
235
  getDisplayName?: () => string;
222
236
  };
223
- declare function HierarchyCell<T>(cell: CellContext<T, any>, options?: HierarchyCellOptions): JSX.Element;
237
+ declare function HierarchyCell<T>(cell: CellContext<T, any>, options?: HierarchyCellOptions): react_jsx_runtime.JSX.Element;
224
238
 
225
239
  interface PopoverCellProps {
226
240
  id: string;
227
241
  value: string;
228
242
  title?: string | JSX.Element | ReactNode;
229
243
  }
230
- declare function PopoverCell(props: PopoverCellProps): JSX.Element;
244
+ declare function PopoverCell(props: PopoverCellProps): react_jsx_runtime.JSX.Element;
231
245
 
232
- declare function SelectColumnDef<T>(props: SetRequired<DataTableProps<T>, 'rowSelection'>['rowSelection']): ColumnDef$1<T, any>;
246
+ declare function SelectColumnDef<T>(props: SetRequired<DataTableProps<T>, 'rowSelection'>['rowSelection']): ColumnDef<T, any>;
233
247
 
234
- declare const leftCellShadow: styled_components.FlattenSimpleInterpolation;
235
- declare const StickyCell: styled_components.StyledComponent<react.ForwardRefExoticComponent<CellProps & react.RefAttributes<HTMLTableCellElement>>, any, {} & CellProps, never>;
236
- declare const StickyHeaderCell: styled_components.StyledComponent<react.ForwardRefExoticComponent<CellProps & react.RefAttributes<HTMLTableCellElement>>, any, ({} & CellProps) & CellProps, never>;
248
+ declare const leftCellShadow: styled_components.RuleSet<object>;
249
+ declare const StickyCell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<(Omit<{
250
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
251
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
252
+ sort?: React.AriaAttributes["aria-sort"];
253
+ } & react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
254
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
255
+ }) | (Omit<{
256
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
257
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
258
+ sort?: React.AriaAttributes["aria-sort"];
259
+ } & react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
260
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
261
+ }), CellProps>> & string & Omit<react.ForwardRefExoticComponent<CellProps & react.RefAttributes<HTMLTableCellElement>>, keyof react.Component<any, {}, any>>;
262
+ declare const StickyHeaderCell: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<(Omit<{
263
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
264
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
265
+ sort?: React.AriaAttributes["aria-sort"];
266
+ } & react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
267
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
268
+ }) | (Omit<{
269
+ variant?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Variants;
270
+ color?: _equinor_eds_core_react_dist_types_components_Table_Table_types.Colors;
271
+ sort?: React.AriaAttributes["aria-sort"];
272
+ } & react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>, "ref"> & {
273
+ ref?: ((instance: HTMLTableCellElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLTableCellElement> | null | undefined;
274
+ }), CellProps> & styled_components_dist_types.BaseObject, CellProps>> & string;
237
275
 
238
276
  type TypographyProps = {
239
277
  truncate?: boolean;
240
278
  enableShowAllOnHover?: boolean;
241
279
  } & TypographyProps$1;
242
- declare const TypographyCustom: (props: TypographyProps) => JSX.Element;
280
+ declare const TypographyCustom: (props: TypographyProps) => react_jsx_runtime.JSX.Element;
243
281
 
244
282
  /**
245
283
  * Generate a HSL color based on a given string.
@@ -307,12 +345,12 @@ interface EditableCellBaseProps<T extends FormMeta, Value> extends CellContext<T
307
345
  onChange?: (value: Value) => void;
308
346
  }
309
347
 
310
- declare function EditableCheckboxCell<T extends FormMeta>({ onChange: onChangeFromProps, ...context }: EditableCellBaseProps<T, boolean>): JSX.Element;
348
+ declare function EditableCheckboxCell<T extends FormMeta>({ onChange: onChangeFromProps, ...context }: EditableCellBaseProps<T, boolean>): react_jsx_runtime.JSX.Element;
311
349
 
312
350
  interface EditableDateCellProps<T extends FormMeta> extends EditableCellBaseProps<T, string> {
313
351
  dateStringFormatter?: (date: string) => string;
314
352
  }
315
- declare function EditableDateCell<T extends FormMeta>({ dateStringFormatter, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDateCellProps<T>): JSX.Element;
353
+ declare function EditableDateCell<T extends FormMeta>({ dateStringFormatter, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDateCellProps<T>): react_jsx_runtime.JSX.Element;
316
354
 
317
355
  interface Option {
318
356
  label: string;
@@ -325,16 +363,16 @@ interface EditableDropdownSingleCellProps<T extends FormMeta> extends Omit<Edita
325
363
  options: Option[];
326
364
  onChange?: (value: Option) => void;
327
365
  }
328
- declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): JSX.Element;
366
+ declare function EditableDropdownSingleCell<T extends FormMeta>({ options, error: errorFromProps, onChange: onChangeFromProps, ...context }: EditableDropdownSingleCellProps<T>): react_jsx_runtime.JSX.Element;
329
367
 
330
- declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): JSX.Element;
368
+ declare function EditableNumberCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, number>): react_jsx_runtime.JSX.Element;
331
369
 
332
370
  interface EdtiableTextAreaProps<T extends FormMeta> extends EditableCellBaseProps<T, string> {
333
371
  title: string;
334
372
  }
335
- declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorFromProps, onChange: onChangeFromProps, ...context }: EdtiableTextAreaProps<T>): JSX.Element;
373
+ declare function EditableTextAreaCell<T extends FormMeta>({ title, error: errorFromProps, onChange: onChangeFromProps, ...context }: EdtiableTextAreaProps<T>): react_jsx_runtime.JSX.Element;
336
374
 
337
- declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, string>): JSX.Element;
375
+ declare function EditableTextFieldCell<T extends FormMeta>({ error: errorFromProps, ...context }: EditableCellBaseProps<T, string>): react_jsx_runtime.JSX.Element;
338
376
 
339
377
  declare const WARNING_PREFIX = "WARNING";
340
378
  declare function getHelperTextProps({ error, warning, helperText, }: GetHelperTextPropsProps): GetHelperTextProps;