@synerise/ds-table 0.56.7 → 0.57.0

package/dist/Cell/Star/StarCell.d.ts

@@ -1,7 +1,266 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
-    children: ((string | number | boolean | {} | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | React.ReactNode[]) & (boolean | React.ReactChild | React.ReactFragment | React.ReactPortal)) | null | undefined;
+    slot?: string | undefined;
+    style?: React.CSSProperties | undefined;
+    title?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
     onClick?: (() => void) | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     active?: boolean | undefined;
     starTooltip?: React.ReactNode;
 } & {

package/dist/Cell/Star/StarCell.js

@@ -1,16 +1,22 @@
-import * as React from 'react';
+var _excluded = ["children", "active", "onClick", "theme", "starTooltip"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useMemo } from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { StarFillM, StarM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
 import * as S from './StarCell.styles';
 
-var StartCell = function StartCell(_ref) {
+var StarCell = function StarCell(_ref) {
   var children = _ref.children,
       active = _ref.active,
       onClick = _ref.onClick,
       theme = _ref.theme,
-      starTooltip = _ref.starTooltip;
-  var icon = React.useMemo(function () {
+      starTooltip = _ref.starTooltip,
+      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var icon = useMemo(function () {
     return active ? /*#__PURE__*/React.createElement(Icon, {
       component: /*#__PURE__*/React.createElement(StarFillM, null),
       color: theme.palette['yellow-600']
@@ -19,7 +25,7 @@ var StartCell = function StartCell(_ref) {
       color: theme.palette['grey-300']
     });
   }, [active, theme.palette]);
-  return /*#__PURE__*/React.createElement(S.StarCell, null, /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(S.StarCell, htmlAttributes, /*#__PURE__*/React.createElement(Tooltip, {
     align: {
       offset: [0, 8]
     },
@@ -31,4 +37,4 @@ var StartCell = function StartCell(_ref) {
   })), children);
 };
 
-export default withTheme(StartCell);
+export default withTheme(StarCell);

package/dist/Cell/Star/StarCell.types.d.ts

@@ -1,10 +1,15 @@
-import * as React from 'react';
-export interface Props {
-    children: React.ReactNode | React.ReactNode[];
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
+export type StarCellProps = WithHTMLAttributes<HTMLDivElement, {
+    children: ReactNode | ReactNode[];
     active?: boolean;
     onClick?: () => void;
     theme: {
-        [k: string]: string;
+        [key: string]: string;
     };
-    starTooltip?: React.ReactNode;
-}
+    starTooltip?: ReactNode;
+}>;
+/**
+ *  @deprecated
+ */
+export type Props = StarCellProps;

package/dist/Cell/StatusLabel/StatusLabel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { Props } from './StatusLabel.types';
-declare const StatusLabelCell: React.FC<Props>;
+import React from 'react';
+import type { StatusLabelProps } from './StatusLabel.types';
+declare const StatusLabelCell: ({ status, label, customColor, ...htmlAttributes }: StatusLabelProps) => React.JSX.Element;
 export default StatusLabelCell;

package/dist/Cell/StatusLabel/StatusLabel.js

@@ -1,12 +1,18 @@
-import * as React from 'react';
+var _excluded = ["status", "label", "customColor"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
 import Badge from '@synerise/ds-badge';
 import * as S from './StatusLabel.styles';
 
 var StatusLabelCell = function StatusLabelCell(_ref) {
   var status = _ref.status,
       label = _ref.label,
-      customColor = _ref.customColor;
-  return /*#__PURE__*/React.createElement(S.StatusLabel, null, /*#__PURE__*/React.createElement(Badge, {
+      customColor = _ref.customColor,
+      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(S.StatusLabel, htmlAttributes, /*#__PURE__*/React.createElement(Badge, {
     customColor: customColor,
     status: status
   }), /*#__PURE__*/React.createElement(S.Label, null, label));

package/dist/Cell/StatusLabel/StatusLabel.types.d.ts

@@ -1,7 +1,12 @@
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 import { Color, Status } from '@synerise/ds-badge/dist/Badge.types';
-import * as React from 'react';
-export type Props = {
+export type StatusLabelProps = WithHTMLAttributes<HTMLDivElement, {
     status?: Status;
-    label: string | React.ReactNode;
-    customColor: Color;
-};
+    label: ReactNode;
+    customColor?: Color;
+}>;
+/**
+ *  @deprecated
+ */
+export type Props = StatusLabelProps;

package/dist/Cell/TagIcon/TagIcon.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { Props } from './TagIcon.types';
-declare const TagIconCell: React.FC<Props>;
+import React from 'react';
+import { TagIconProps } from './TagIcon.types';
+declare const TagIconCell: ({ children, ...htmlAttributes }: TagIconProps) => React.JSX.Element;
 export default TagIconCell;

package/dist/Cell/TagIcon/TagIcon.js

@@ -1,9 +1,15 @@
-import * as React from 'react';
+var _excluded = ["children"];
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
 import * as S from './TagIcon.styles';
 
 var TagIconCell = function TagIconCell(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(S.TagIcon, null, " ", children, " ");
+  var children = _ref.children,
+      htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(S.TagIcon, htmlAttributes, " ", children, " ");
 };
 
 export default TagIconCell;

package/dist/Cell/TagIcon/TagIcon.types.d.ts

@@ -1,4 +1,9 @@
-import * as React from 'react';
-export interface Props {
-    children: React.ReactNode | React.ReactNode[];
-}
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
+export type TagIconProps = WithHTMLAttributes<HTMLDivElement, {
+    children: ReactNode | ReactNode[];
+}>;
+/**
+ *  @deprecated
+ */
+export type Props = TagIconProps;

package/dist/ColumnSortMenu/SortIcons.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColumnSortOrder } from './useSortState';
 export declare const CheckIcon: React.ForwardRefExoticComponent<{
     isActive: boolean;

package/dist/ColumnSortMenu/SortIcons.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { withTheme } from 'styled-components';
 import Icon, { CheckS, SortAscendingM, SortDescendingM, ArrangeM, SortAzM, SortZaM } from '@synerise/ds-icon';
 

package/dist/ColumnSortMenu/TitleWithSort.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ColumnTitleProps } from 'antd/lib/table/interface';
 import { DSColumnType } from '../Table.types';
 import { SortStateAPI } from './useSortState';

package/dist/ColumnSortMenu/TitleWithSort.js

@@ -4,7 +4,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import * as React from 'react';
+import React from 'react';
 import createReplaceButtonsPortal from './replaceSortButtons';
 export var TitleWithSort = function TitleWithSort(_ref) {
   var column = _ref.column,

package/dist/ColumnSortMenu/columnWithSortButtons.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import * as React from 'react';
+import React from 'react';
 import { TitleWithSort } from './TitleWithSort';
 import { CommonRenderer, StringRenderer } from './SortRenderer';
 

package/dist/ColumnSortMenu/replaceSortButtons.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import React from 'react';
 declare const createReplaceButtonsPortal: <T extends Element>(columnTitleElement: T | null, newButtonsNode: React.ReactNode) => () => React.ReactPortal | null;
 export default createReplaceButtonsPortal;

package/dist/ColumnSortMenu/useSortState.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import * as React from 'react';
+import React from 'react';
 import { groupBy, merge } from 'lodash';
 export var toSortOrder = function toSortOrder(value) {
   if (value === 'descend' || value === 'ascend') {

package/dist/FilterTrigger/FilterTrigger.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Props } from './FilterTrigger.types';
 declare const _default: React.NamedExoticComponent<Props>;
 export default _default;

package/dist/FilterTrigger/FilterTrigger.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Icon, { Close3S, FolderM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import { useOnClickOutside } from '@synerise/ds-utils';

package/dist/FilterTrigger/FilterTrigger.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface Props {
     name: string;
     selected?: {

package/dist/GroupTable/GroupTable.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { DSTableProps } from '../Table.types';
 import '../style/index.less';
 import { GroupType } from './GroupTable.types';

package/dist/GroupTable/GroupTable.js

@@ -10,7 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import * as React from 'react';
+import React from 'react';
 import { flow } from 'lodash';
 import Table from 'antd/lib/table';
 import { columnsToSortState, useSortState } from '../ColumnSortMenu/useSortState';

package/dist/GroupTable/GroupTable.types.d.ts

@@ -1,5 +1,5 @@
 import { ColumnsType } from 'antd/lib/table';
-import * as React from 'react';
+import React from 'react';
 import { GroupType as GroupByType } from '@synerise/ds-column-manager/dist/ColumnManager.types';
 export type SortOrderType = 'ascend' | 'descend' | boolean;
 export type GroupColumnsType<T> = ColumnsType<T> & {

package/dist/GroupTable/GroupTableBody/GroupTableBody.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Checkbox from '@synerise/ds-checkbox/dist';
 import Status from '@synerise/ds-status';
 import Button from '@synerise/ds-button';

package/dist/GroupTable/GroupTableBody/GroupTableBody.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { RowSelection } from '../../Table.types';
 import { GroupColumnsType, GroupType } from '../GroupTable.types';
 export interface Props<T extends unknown> {

package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 function GroupTableHeader(_ref) {
   var header = _ref.header,

package/dist/InfiniteScroll/BackToTopButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ButtonProps } from '@synerise/ds-button';
 export declare const BackToTopButton: (props: ButtonProps & {
     isSticky?: boolean;

package/dist/InfiniteScroll/BackToTopButton.js

@@ -1,6 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import * as React from 'react';
+import React from 'react';
 import Icon, { ArrowUpCircleM } from '@synerise/ds-icon';
 import * as S from './BackToTopButton.styles';
 export var BackToTopButton = function BackToTopButton(props) {

package/dist/ItemsMenu/ItemsMenu.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { Props } from './ItemsMenu.types';
 declare const ItemsMenu: React.FC<Props>;
 export default ItemsMenu;

package/dist/ItemsMenu/ItemsMenu.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import * as S from './ItemsMenu.styles';
 
 var ItemsMenu = function ItemsMenu(_ref) {

package/dist/ItemsMenu/ItemsMenu.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface Props {
     children: React.ReactChildren | Element | Element[] | JSX.Element | JSX.Element[];
 }

package/dist/RowSelection/RowSelectionColumn.types.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { TableProps } from 'rc-table/lib/Table';
 import { DSTableProps, RowSelection } from '../Table.types';
 export type RowSelectionProps<T> = {