@synerise/ds-table 0.56.7 → 0.56.8

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 { 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/Table.js

@@ -54,7 +54,8 @@ function DSTable(props) {
       hideTitlePart = props.hideTitlePart,
       disableColumnNamesLineBreak = props.disableColumnNamesLineBreak,
       expandable = props.expandable,
-      maxHeight = props.maxHeight;
+      maxHeight = props.maxHeight,
+      skeletonProps = props.skeletonProps;
   var tableLocale = useTableLocale(intl, locale);
 
   var _useDataFormat = useDataFormat(),
@@ -129,9 +130,9 @@ function DSTable(props) {
     }, pagination);
   }, [pagination, formatValue, grouped, tableLocale, hideTitlePart]);
   var defaultTableContent = useMemo(function () {
-    return loading && !(dataSource != null && dataSource.length) ? /*#__PURE__*/React.createElement(TableSkeleton, {
+    return loading && !(dataSource != null && dataSource.length) ? /*#__PURE__*/React.createElement(TableSkeleton, _extends({
       maxHeight: maxHeight
-    }) : /*#__PURE__*/React.createElement(DefaultTable, _extends({
+    }, skeletonProps)) : /*#__PURE__*/React.createElement(DefaultTable, _extends({
       scroll: {
         x: 'auto'
       },
@@ -141,7 +142,7 @@ function DSTable(props) {
       title: renderHeader,
       pagination: dataSource != null && dataSource.length && pagination ? footerPagination : false
     }));
-  }, [dataSource == null ? void 0 : dataSource.length, footerPagination, loading, pagination, props, renderHeader, maxHeight, tableLocale]);
+  }, [dataSource == null ? void 0 : dataSource.length, skeletonProps, footerPagination, loading, pagination, props, renderHeader, maxHeight, tableLocale]);
   return /*#__PURE__*/React.createElement(TableLocaleContext.Provider, {
     value: tableLocale
   }, /*#__PURE__*/React.createElement(S.TableWrapper, {

package/dist/Table.types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, ReactText, Ref } from 'react';
 import { ColumnType, TableProps } from 'antd/lib/table';
 import { TableLocale, TableRowSelection } from 'antd/lib/table/interface';
+import { TableSkeletonProps } from 'TableSkeleton/TableSkeleton.types';
 import DSTable from './Table';
 import { GroupType } from './GroupTable/GroupTable.types';
 import { RowStar } from './hooks/useRowStar';
@@ -126,5 +127,6 @@ export type DSTableProps<T extends any & GroupType<T>> = AntTableProps<T> & {
     dataSourceFull?: T[];
     dataSourceTotalCount?: number;
     maxHeight?: number;
+    skeletonProps?: Pick<TableSkeletonProps, 'headerHeight' | 'subheaderHeight' | 'rowHeight'>;
 };
 export {};

package/dist/TableSkeleton/TableSkeleton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TableSkeletonProps } from './TableSkeleton.types';
-export declare const TableSkeleton: ({ maxHeight, ...htmlAttributes }: TableSkeletonProps) => React.JSX.Element;
+export declare const TableSkeleton: ({ maxHeight, headerHeight, subheaderHeight, rowHeight, ...htmlAttributes }: TableSkeletonProps) => React.JSX.Element;

package/dist/TableSkeleton/TableSkeleton.js

@@ -1,4 +1,4 @@
-var _excluded = ["maxHeight"];
+var _excluded = ["maxHeight", "headerHeight", "subheaderHeight", "rowHeight"];
 
 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); }
 
@@ -10,6 +10,9 @@ import { DEFAULT_ROW_COUNT, TABLE_HEADER, GAP, ROW_HEIGHT, PADDING } from './con
 import { TableSkeletonHeader, TableSkeletonSubheader, TableSkeletonBody } from './components';
 export var TableSkeleton = function TableSkeleton(_ref) {
   var maxHeight = _ref.maxHeight,
+      headerHeight = _ref.headerHeight,
+      subheaderHeight = _ref.subheaderHeight,
+      rowHeight = _ref.rowHeight,
       htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var rowCount = useMemo(function () {
@@ -20,7 +23,12 @@ export var TableSkeleton = function TableSkeleton(_ref) {
     maxHeight: maxHeight
   }, htmlAttributes, {
     "data-testid": "ds-table-skeleton"
-  }), /*#__PURE__*/React.createElement(TableSkeletonHeader, null), /*#__PURE__*/React.createElement(TableSkeletonSubheader, null), /*#__PURE__*/React.createElement(TableSkeletonBody, {
+  }), /*#__PURE__*/React.createElement(TableSkeletonHeader, {
+    headerHeight: headerHeight
+  }), /*#__PURE__*/React.createElement(TableSkeletonSubheader, {
+    subheaderHeight: subheaderHeight
+  }), /*#__PURE__*/React.createElement(TableSkeletonBody, {
+    rowHeight: rowHeight,
     rows: rowCount
   }));
 };

package/dist/TableSkeleton/TableSkeleton.styles.d.ts

@@ -2,13 +2,19 @@
 export declare const TableSkeletonWrapper: import("styled-components").StyledComponent<"div", any, {
     maxHeight?: number | undefined;
 }, never>;
-export declare const TableSkeletonHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableSkeletonHeader: import("styled-components").StyledComponent<"div", any, {
+    headerHeight?: number | undefined;
+}, never>;
 export declare const Skeleton: import("styled-components").StyledComponent<({ size, numberOfSkeletons, width, height, className }: import("@synerise/ds-skeleton").SkeletonProps) => import("react").JSX.Element, any, {}, never>;
 export declare const SkeletonWrapper: import("styled-components").StyledComponent<"div", any, {
     width?: number | undefined;
 }, never>;
-export declare const TableSkeletonSubHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableSkeletonSubHeader: import("styled-components").StyledComponent<"div", any, {
+    subheaderHeight?: number | undefined;
+}, never>;
 export declare const TableSkeletonLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TableSkeletonRight: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TableSkeletonBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TableSkeletonRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableSkeletonRow: import("styled-components").StyledComponent<"div", any, {
+    rowHeight?: number | undefined;
+}, never>;

package/dist/TableSkeleton/TableSkeleton.styles.js

@@ -1,5 +1,8 @@
 import styled, { css } from 'styled-components';
 import DSSkeleton from '@synerise/ds-skeleton';
+var HEADER_HEIGHT = 73;
+var SUBHEADER_HEIGHT = 64;
+var ROW_HEIGHT = 73;
 var rowCss = css(["display:flex;flex-direction:row;justify-content:space-between;"]);
 export var TableSkeletonWrapper = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonWrapper",
@@ -12,7 +15,9 @@ export var TableSkeletonWrapper = styled.div.withConfig({
 export var TableSkeletonHeader = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonHeader",
   componentId: "sc-9yqnm1-1"
-})(["", " padding:18px;"], rowCss);
+})(["", " padding:0 18px;height:", "px;"], rowCss, function (props) {
+  return props.headerHeight || HEADER_HEIGHT;
+});
 export var Skeleton = styled(DSSkeleton).withConfig({
   displayName: "TableSkeletonstyles__Skeleton",
   componentId: "sc-9yqnm1-2"
@@ -26,24 +31,28 @@ export var SkeletonWrapper = styled.div.withConfig({
 export var TableSkeletonSubHeader = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonSubHeader",
   componentId: "sc-9yqnm1-4"
-})(["", " border-top:solid 1px ", ";border-bottom:solid 1px ", ";padding:18px 18px 18px 84px;"], rowCss, function (props) {
+})(["", " border-top:solid 1px ", ";border-bottom:solid 1px ", ";padding:0 18px 0 84px;height:", "px;"], rowCss, function (props) {
   return props.theme.palette['grey-200'];
 }, function (props) {
   return props.theme.palette['grey-200'];
+}, function (props) {
+  return props.subheaderHeight || SUBHEADER_HEIGHT;
 });
 export var TableSkeletonLeft = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonLeft",
   componentId: "sc-9yqnm1-5"
-})(["display:flex;flex-direction:row;gap:50px;"]);
+})(["display:flex;flex-direction:row;gap:50px;align-items:center;"]);
 export var TableSkeletonRight = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonRight",
   componentId: "sc-9yqnm1-6"
-})(["display:flex;flex-direction:row;gap:50px;"]);
+})(["display:flex;flex-direction:row;gap:50px;align-items:center;"]);
 export var TableSkeletonBody = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonBody",
   componentId: "sc-9yqnm1-7"
-})(["display:flex;flex-direction:column;gap:36px;padding:18px;"]);
+})(["display:flex;flex-direction:column;padding:0 18px;"]);
 export var TableSkeletonRow = styled.div.withConfig({
   displayName: "TableSkeletonstyles__TableSkeletonRow",
   componentId: "sc-9yqnm1-8"
-})(["", ""], rowCss);
+})(["", " height:", "px;"], rowCss, function (props) {
+  return props.rowHeight || ROW_HEIGHT;
+});

package/dist/TableSkeleton/TableSkeleton.types.d.ts

@@ -1,4 +1,7 @@
 import { HTMLAttributes } from 'react';
 export type TableSkeletonProps = HTMLAttributes<HTMLDivElement> & {
     maxHeight?: number;
+    headerHeight?: number;
+    subheaderHeight?: number;
+    rowHeight?: number;
 };

package/dist/TableSkeleton/components/TableSkeletonBody.d.ts

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes } from 'react';
 type TableSkeletonBodyProps = HTMLAttributes<HTMLDivElement> & {
     rows: number;
+    rowHeight?: number;
 };
-export declare const TableSkeletonBody: ({ rows, ...htmlAttributes }: TableSkeletonBodyProps) => React.JSX.Element;
+export declare const TableSkeletonBody: ({ rows, rowHeight, ...htmlAttributes }: TableSkeletonBodyProps) => React.JSX.Element;
 export {};

package/dist/TableSkeleton/components/TableSkeletonBody.js

@@ -1,4 +1,4 @@
-var _excluded = ["rows"];
+var _excluded = ["rows", "rowHeight"];
 
 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; }
 
@@ -11,12 +11,14 @@ import { SKELETON_BAR_TINY, SKELETON_BAR_WIDE } from '../constants';
 export var TableSkeletonBody = function TableSkeletonBody(_ref) {
   var _ref$rows = _ref.rows,
       rows = _ref$rows === void 0 ? 10 : _ref$rows,
+      rowHeight = _ref.rowHeight,
       htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(S.TableSkeletonBody, htmlAttributes, Array.from({
     length: rows
   }, function (_, index) {
     return /*#__PURE__*/React.createElement(S.TableSkeletonRow, {
+      rowHeight: rowHeight,
       "data-testid": "ds-table-skeleton-row",
       key: "ds-skeleton-row-" + index
     }, /*#__PURE__*/React.createElement(S.TableSkeletonLeft, null, /*#__PURE__*/React.createElement(TableSkeletonBar, {

package/dist/TableSkeleton/components/TableSkeletonHeader.d.ts

@@ -1,2 +1,4 @@
 import React, { HTMLAttributes } from 'react';
-export declare const TableSkeletonHeader: (props: HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+export declare const TableSkeletonHeader: (props: HTMLAttributes<HTMLDivElement> & {
+    headerHeight?: number;
+}) => React.JSX.Element;