@synerise/ds-table 1.9.10 → 1.9.12

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.9.12](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.11...@synerise/ds-table@1.9.12) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-table
+
+## [1.9.11](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.10...@synerise/ds-table@1.9.11) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-table
+
 ## [1.9.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@1.9.9...@synerise/ds-table@1.9.10) (2026-03-09)
 
 ### Bug Fixes

package/README.md

@@ -30,8 +30,8 @@ Table UI Component
 | expandIcon                  | Customize row expand Icon. Ref [example](http://react-component.github.io/table/examples/expandIcon.html)                                                                                                                                                                      | (props) => React.ReactNode                                                                                                                                                      | -                                                                                  |
 | expandRowByClick            | Whether to expand row by clicking anywhere in the whole row                                                                                                                                                                                                                    | boolean                                                                                                                                                                         | `false`                                                                            |
 | footer                      | Table footer renderer                                                                                                                                                                                                                                                          | (currentPageData) => React.ReactNode                                                                                                                                            |                                                                                    |
-| indentSize                  | Indent size in pixels of tree data                                                                                                                                                                                                                                             | number                                                                                                                                                                          | 15                                                                                 |
-| loading                     | Loading status of table                                                                                                                                                                                                                                                        | boolean / object                                                                                                                                                                | `false`                                                                            |
+| indentSize                  | Indent size in pixels of tree data                                                                                                                                                                                                                                             | number                                                                                                                                                                          | 15 (TreeTable forces 42)                                                           |
+| loading                     | Loading status of table                                                                                                                                                                                                                                                        | boolean                                                                                                                                                                         | `false`                                                                            |
 | locale                      | i18n text including filter, sort, empty text, etc                                                                                                                                                                                                                              | object                                                                                                                                                                          | filterConfirm: 'Ok' <br /> filterReset: 'Reset' <br /> emptyText: 'No Data' <br /> |
 | pagination                  | Config of pagination. You can ref table pagination [config](#pagination) or full [`pagination`](/components/pagination/) document, hide it by setting it to `false`                                                                                                            | object                                                                                                                                                                          |                                                                                    |
 | rowClassName                | Row's className                                                                                                                                                                                                                                                                | (record, index: number) => string                                                                                                                                               | -                                                                                  |
@@ -43,8 +43,7 @@ Table UI Component
 | hideTitleBar                | Wheter to hide table title bar                                                                                                                                                                                                                                                 | boolean                                                                                                                                                                         | -                                                                                  |
 | headerWithBorderTop         | Wheter to add line above table title bar                                                                                                                                                                                                                                       | boolean                                                                                                                                                                         | -                                                                                  |
 | itemsMenu                   | Components or text visible when any of table itams are selected, usually used for bulk actions                                                                                                                                                                                 | string / React.ReactNode                                                                                                                                                        | -                                                                                  |
-| search                      | Search query                                                                                                                                                                                                                                                                   | string                                                                                                                                                                          | -                                                                                  |
-| cellSize                    | Defines padding size of each row in table                                                                                                                                                                                                                                      | `small` / `medium` / `default`                                                                                                                                                  | `default`                                                                          |
+| cellSize                    | Defines padding size of each row in table                                                                                                                                                                                                                                      | `small` / `medium`                                                                                                                                                              | -                                                                                  |
 | roundedHeader               | Wheter to round table header                                                                                                                                                                                                                                                   | boolean                                                                                                                                                                         | `false`                                                                            |
 | selection                   | Config of rows selection                                                                                                                                                                                                                                                       | RowSelection                                                                                                                                                                    | -                                                                                  |
 | filters                     | Array of filters cofings, earch of them will be rendered in table title bar                                                                                                                                                                                                    | Filter[]                                                                                                                                                                        | -                                                                                  |
@@ -59,9 +58,9 @@ Table UI Component
 | onRow                       | Set props on per row                                                                                                                                                                                                                                                           | (record, index) => object                                                                                                                                                       | -                                                                                  |
 | onSort                      | Callback executed when sorter is changed                                                                                                                                                                                                                                       | (sortedColumn: {columnKey: string; order: `descend` \ `ascend` \ null}, sortState: [key: string]: { sortOrder: `descend` \ `ascend` \ null; multiple: number \ false;}) => void | -                                                                                  |
 | getPopupContainer           | the render container of dropdowns in table                                                                                                                                                                                                                                     | (triggerNode) => HTMLElement                                                                                                                                                    | `() => TableHtmlElement`                                                           |
-| renderSelectionTitle        | Function to render a custom title in table header when some items are selected                                                                                                                                                                                                 | ({selection: RowSelection, filters:Filter[] }) => React.ReactNode                                                                                                               | -                                                                                  |
+| renderSelectionTitle        | Function to render a custom title in table header when some items are selected                                                                                                                                                                                                 | (selection?: RowSelection, filters?: Filter[]) => React.ReactNode                                                                                                               | -                                                                                  |
 | rowStar                     | Configuration of row starring                                                                                                                                                                                                                                                  | RowStar                                                                                                                                                                         | -                                                                                  |
-| maxHeight                   | Defines the max height to which table skeleton (when loading) should be filled with rows. If undefined 10 skeleton rows will be rendered                                                                                                                                       | number                                                                                                                                                                          | -                                                                                  |
+| skeletonProps               | Customises the loading skeleton dimensions. `maxHeight` defines the max height to fill with skeleton rows; if undefined 10 rows are rendered                                                                                                                                   | `{ maxHeight?: number; headerHeight?: number; subheaderHeight?: number; cellHeight?: number }`                                                                                  | -                                                                                  |
 
 ### VirtualTable
 
@@ -70,9 +69,9 @@ Table UI Component
 | columns         | Columns of table                                                                    | [ColumnProps](https://git.io/vMMXC)\[] | -       |
 | scroll          | Whether the table can be scrollable, config                                         | {x?: number, y: number}                | -       |
 | onRowClick      | Callback executed when row is clicked                                               | (row) => void                          | -       |
-| onListRefChange | Callback executed when a ref to the List (`react-window` package) component changes | (ref: RefObject) => void               | -       |
-| cellHeight      | Defines height of single cell                                                       | number                                 | -       |
-| initialWidth    | Initial width of table                                                              | number                                 | -       |
+| onListRefChange | **Deprecated.** Callback executed when a ref to the List (`react-window` package) component changes | (ref: RefObject) => void               | -       |
+| cellHeight      | Defines height of single cell                                                       | number                                 | `52`    |
+| initialWidth    | Initial width of table (before ResizeObserver fires)                                | number                                 | `0`     |
 
 ### TreeTable
 
@@ -190,7 +189,7 @@ One of the Table `columns` prop for describing the table's columns, Column has t
 | filterIcon                    | Customized filter icon                                                                                                                                                                                                                                                                                             | React.ReactNode / (filtered: boolean) => React.ReactNode      | `false`                 |         |
 | filterMultiple                | Whether multiple filters can be selected                                                                                                                                                                                                                                                                           | boolean                                                       | `true`                  |         |
 | filters                       | Filter menu config                                                                                                                                                                                                                                                                                                 | object / []                                                   | -                       |         |
-| fixed                         | Set column to be fixed: `true`(same as left) `'left'` `'right'`                                                                                                                                                                                                                                                    | boolean / string                                              | `false`                 |         |
+| fixed                         | Set column to be fixed: `'left'` `'right'`. Note: `true` is not accepted in DSColumnType (unlike antd)                                                                                                                                                                                                              | `'left'` / `'right'`                                          | -                       |         |
 | itemsMenu                     | Component with menu for selected items                                                                                                                                                                                                                                                                             | React.ReactNode                                               | -                       |         |
 | key                           | Unique key of this column, you can ignore this prop if you've set a unique `dataIndex`                                                                                                                                                                                                                             | string                                                        | -                       |         |
 | maxWidth                      | Maximal width of this column                                                                                                                                                                                                                                                                                       | string / number                                               | -                       |         |

package/dist/Cell/Action/ActionCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ActionCellProps } from './ActionCell.types';
+import { default as React } from 'react';
+import { ActionCellProps } from './ActionCell.types';
 declare const _default: React.MemoExoticComponent<({ children, gapSize, contentAlign, ...htmlAttributes }: ActionCellProps) => React.JSX.Element>;
 export default _default;

package/dist/Cell/Action/ActionCell.js

@@ -1,19 +1,16 @@
-var _excluded = ["children", "gapSize", "contentAlign"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import * as S from './ActionCell.styles';
-var DEFAULT_GAP_SIZE = 24;
-var ActionCell = function ActionCell(_ref) {
-  var children = _ref.children,
-    _ref$gapSize = _ref.gapSize,
-    gapSize = _ref$gapSize === void 0 ? DEFAULT_GAP_SIZE : _ref$gapSize,
-    _ref$contentAlign = _ref.contentAlign,
-    contentAlign = _ref$contentAlign === void 0 ? 'right' : _ref$contentAlign,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.ActionCell, _extends({
-    gapSize: gapSize,
-    contentAlign: contentAlign
-  }, htmlAttributes), children);
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { ActionCell as ActionCell$1 } from "./ActionCell.styles.js";
+const DEFAULT_GAP_SIZE = 24;
+const ActionCell = ({
+  children,
+  gapSize = DEFAULT_GAP_SIZE,
+  contentAlign = "right",
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsx(ActionCell$1, { gapSize, contentAlign, ...htmlAttributes, children });
+};
+const ActionCell_default = React.memo(ActionCell);
+export {
+  ActionCell_default as default
 };
-export default /*#__PURE__*/React.memo(ActionCell);

package/dist/Cell/Action/ActionCell.styles.d.ts

@@ -1,5 +1,5 @@
-import { type ContentAlign } from './ActionCell.types';
-export declare const ActionCell: import("styled-components").StyledComponent<"div", any, {
+import { ContentAlign } from './ActionCell.types';
+export declare const ActionCell: import('styled-components').StyledComponent<"div", any, {
     gapSize: number;
     contentAlign: ContentAlign;
 }, never>;

package/dist/Cell/Action/ActionCell.styles.js

@@ -1,14 +1,13 @@
-import styled from 'styled-components';
-var align = {
-  left: 'flex-start',
-  right: 'flex-end',
-  center: 'center'
+import styled from "styled-components";
+const align = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center"
 };
-export var ActionCell = styled.div.withConfig({
+const ActionCell = /* @__PURE__ */ styled.div.withConfig({
   displayName: "ActionCellstyles__ActionCell",
   componentId: "sc-d77fu5-0"
-})(["display:flex;align-items:center;justify-content:", ";gap:", ";"], function (props) {
-  return align[props.contentAlign];
-}, function (props) {
-  return props.gapSize + "px";
-});
+})(["display:flex;align-items:center;justify-content:", ";gap:", ";"], (props) => align[props.contentAlign], (props) => `${props.gapSize}px`);
+export {
+  ActionCell
+};

package/dist/Cell/Action/ActionCell.types.d.ts

@@ -1,5 +1,5 @@
-import { type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type ContentAlign = 'left' | 'right' | 'center';
 export type ActionCellProps = WithHTMLAttributes<HTMLDivElement, {
     children: ReactNode | ReactNode[];

package/dist/Cell/Action/ActionCell.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Cell/AvatarLabel/AvatarLabel.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type AvatarLabelProps } from './AvatarLabel.types';
+import { default as React } from 'react';
+import { AvatarLabelProps } from './AvatarLabel.types';
 declare const AvatarLabel: ({ avatar, avatarAction, avatarLink, title, labels, icon, ellipsis, maxWidth, avatarSize, loader, disabled, ...htmlAttributes }: AvatarLabelProps) => React.JSX.Element;
 export default AvatarLabel;

package/dist/Cell/AvatarLabel/AvatarLabel.js

@@ -1,54 +1,43 @@
-var _excluded = ["avatar", "avatarAction", "avatarLink", "title", "labels", "icon", "ellipsis", "maxWidth", "avatarSize", "loader", "disabled"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { v4 as uuid } from 'uuid';
-import * as S from './AvatarLabel.styles';
-var AvatarLabel = function AvatarLabel(_ref) {
-  var avatar = _ref.avatar,
-    avatarAction = _ref.avatarAction,
-    avatarLink = _ref.avatarLink,
-    title = _ref.title,
-    labels = _ref.labels,
-    icon = _ref.icon,
-    ellipsis = _ref.ellipsis,
-    maxWidth = _ref.maxWidth,
-    avatarSize = _ref.avatarSize,
-    loader = _ref.loader,
-    disabled = _ref.disabled,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var titleEllipsisProps = ellipsis ? {
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { v4 } from "uuid";
+import { Icon, Avatar, Description, Title, Labels, Label, Loader, AvatarLabel as AvatarLabel$1, AvatarLink } from "./AvatarLabel.styles.js";
+const AvatarLabel = ({
+  avatar,
+  avatarAction,
+  avatarLink,
+  title,
+  labels,
+  icon,
+  ellipsis,
+  maxWidth,
+  avatarSize,
+  loader,
+  disabled,
+  ...htmlAttributes
+}) => {
+  const titleEllipsisProps = ellipsis ? {
     ellipsis: {
       tooltip: title
     }
   } : {};
-  var handleLinkClick = function handleLinkClick(event) {
+  const handleLinkClick = (event) => {
     if (event.metaKey || event.ctrlKey) {
       event.stopPropagation();
     } else if (avatarAction) {
       event.preventDefault();
     }
   };
-  var cellContent = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(S.Icon, null, icon), /*#__PURE__*/React.createElement(S.Avatar, {
-    clickable: Boolean(avatarAction)
-  }, avatar), /*#__PURE__*/React.createElement(S.Description, null, /*#__PURE__*/React.createElement(S.Title, _extends({}, titleEllipsisProps, {
-    hasEllipsis: ellipsis,
-    maxWidth: maxWidth,
-    avatarSize: avatarSize
-  }), title), labels && /*#__PURE__*/React.createElement(S.Labels, {
-    ellipsis: Boolean(ellipsis),
-    maxWidth: maxWidth
-  }, labels == null ? void 0 : labels.map(function (label) {
-    return /*#__PURE__*/React.createElement(S.Label, {
-      key: uuid()
-    }, label);
-  })), loader && /*#__PURE__*/React.createElement(S.Loader, null, loader)));
-  return /*#__PURE__*/React.createElement(S.AvatarLabel, _extends({}, htmlAttributes, {
-    isDisabled: disabled,
-    onClick: avatarAction
-  }), avatarLink ? /*#__PURE__*/React.createElement(S.AvatarLink, {
-    href: avatarLink,
-    onClick: handleLinkClick
-  }, cellContent) : cellContent);
+  const cellContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx(Icon, { children: icon }),
+    /* @__PURE__ */ jsx(Avatar, { clickable: Boolean(avatarAction), children: avatar }),
+    /* @__PURE__ */ jsxs(Description, { children: [
+      /* @__PURE__ */ jsx(Title, { ...titleEllipsisProps, hasEllipsis: ellipsis, maxWidth, avatarSize, children: title }),
+      labels && /* @__PURE__ */ jsx(Labels, { ellipsis: Boolean(ellipsis), maxWidth, children: labels?.map((label) => /* @__PURE__ */ jsx(Label, { children: label }, v4())) }),
+      loader && /* @__PURE__ */ jsx(Loader, { children: loader })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(AvatarLabel$1, { ...htmlAttributes, isDisabled: disabled, onClick: avatarAction, children: avatarLink ? /* @__PURE__ */ jsx(AvatarLink, { href: avatarLink, onClick: handleLinkClick, children: cellContent }) : cellContent });
+};
+export {
+  AvatarLabel as default
 };
-export default AvatarLabel;

package/dist/Cell/AvatarLabel/AvatarLabel.styles.d.ts

@@ -1,27 +1,27 @@
-export declare const AvatarLabel: import("styled-components").StyledComponent<"div", any, {
+export declare const AvatarLabel: import('styled-components').StyledComponent<"div", any, {
     onClick?: () => void;
     isDisabled?: boolean;
 }, never>;
-export declare const Avatar: import("styled-components").StyledComponent<"div", any, {
+export declare const Avatar: import('styled-components').StyledComponent<"div", any, {
     clickable: boolean;
 }, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AvatarLink: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<({ size, className, children, ellipsis, style, }: {
-    size?: import("@synerise/ds-typography").TextSize;
-    ellipsis?: import("@synerise/ds-typography/dist/Ellipsis").EllipsisProps;
-    children?: import("react").ReactNode;
+export declare const Description: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const AvatarLink: import('styled-components').StyledComponent<"a", any, {}, never>;
+export declare const Title: import('styled-components').StyledComponent<({ size, className, children, ellipsis, style, }: {
+    size?: import('@synerise/ds-typography').TextSize;
+    ellipsis?: import('@synerise/ds-typography/dist/Ellipsis').EllipsisProps;
+    children?: import('react').ReactNode;
     className?: string;
-    style?: import("react").CSSProperties;
+    style?: import('react').CSSProperties;
 }) => React.JSX.Element, any, {
     hasEllipsis?: boolean;
     maxWidth: number | undefined;
     avatarSize?: string | "large";
 }, never>;
-export declare const Labels: import("styled-components").StyledComponent<"span", any, {
+export declare const Labels: import('styled-components').StyledComponent<"span", any, {
     ellipsis: boolean;
     maxWidth: number | undefined;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const Icon: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Loader: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Cell/AvatarLabel/AvatarLabel.styles.js

@@ -1,50 +1,49 @@
-import styled, { css } from 'styled-components';
-import { Text } from '@synerise/ds-typography';
-export var AvatarLabel = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { Text } from "@synerise/ds-typography";
+const AvatarLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AvatarLabelstyles__AvatarLabel",
   componentId: "sc-1485c9p-0"
-})(["display:inline-flex;min-width:0;align-items:center;justify-content:flex-start;max-width:100%;", ";", ";"], function (props) {
-  return props.isDisabled && 'opacity: 0.4';
-}, function (props) {
-  return props.onClick !== undefined ? 'cursor: pointer' : '';
-});
-export var Avatar = styled.div.withConfig({
+})(["display:inline-flex;min-width:0;align-items:center;justify-content:flex-start;max-width:100%;", ";", ";"], (props) => props.isDisabled && "opacity: 0.4", (props) => props.onClick !== void 0 ? "cursor: pointer" : "");
+const Avatar = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AvatarLabelstyles__Avatar",
   componentId: "sc-1485c9p-1"
-})(["margin-right:16px;display:flex;align-items:center;justify-content:center;", ";"], function (props) {
-  return props.clickable ? 'cursor: pointer' : '';
-});
-export var Description = styled.div.withConfig({
+})(["margin-right:16px;display:flex;align-items:center;justify-content:center;", ";"], (props) => props.clickable ? "cursor: pointer" : "");
+const Description = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AvatarLabelstyles__Description",
   componentId: "sc-1485c9p-2"
 })(["display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;max-width:100%;"]);
-export var AvatarLink = styled.a.withConfig({
+const AvatarLink = /* @__PURE__ */ styled.a.withConfig({
   displayName: "AvatarLabelstyles__AvatarLink",
   componentId: "sc-1485c9p-3"
 })(["display:flex;min-width:0;color:inherit;&:hover,&:active,&:focus{text-decoration:none;color:inherit;}"]);
-export var Title = styled(Text).withConfig({
+const Title = /* @__PURE__ */ styled(Text).withConfig({
   displayName: "AvatarLabelstyles__Title",
   componentId: "sc-1485c9p-4"
-})(["font-size:14px;line-height:20px;color:", ";font-weight:500;", ";"], function (props) {
-  return props.theme.palette['grey-700'];
-}, function (props) {
-  return Boolean(props.ellipsis) && css(["max-width:", ";"], props.maxWidth ? props.maxWidth + "px" : '100%');
-});
-export var Labels = styled.span.withConfig({
+})(["font-size:14px;line-height:20px;color:", ";font-weight:500;", ";"], (props) => props.theme.palette["grey-700"], (props) => Boolean(props.ellipsis) && css(["max-width:", ";"], props.maxWidth ? `${props.maxWidth}px` : "100%"));
+const Labels = /* @__PURE__ */ styled.span.withConfig({
   displayName: "AvatarLabelstyles__Labels",
   componentId: "sc-1485c9p-5"
-})(["font-size:13px;line-height:1.38;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;color:", ";"], function (props) {
-  return props.theme.palette['grey-700'];
-});
-export var Label = styled.span.withConfig({
+})(["font-size:13px;line-height:1.38;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;color:", ";"], (props) => props.theme.palette["grey-700"]);
+const Label = /* @__PURE__ */ styled.span.withConfig({
   displayName: "AvatarLabelstyles__Label",
   componentId: "sc-1485c9p-6"
 })([""]);
-export var Icon = styled.div.withConfig({
+const Icon = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AvatarLabelstyles__Icon",
   componentId: "sc-1485c9p-7"
 })(["margin-right:8px;"]);
-export var Loader = styled.div.withConfig({
+const Loader = /* @__PURE__ */ styled.div.withConfig({
   displayName: "AvatarLabelstyles__Loader",
   componentId: "sc-1485c9p-8"
-})([""]);
+})([""]);
+export {
+  Avatar,
+  AvatarLabel,
+  AvatarLink,
+  Description,
+  Icon,
+  Label,
+  Labels,
+  Loader,
+  Title
+};

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

@@ -1,5 +1,5 @@
-import { type ReactElement, type ReactNode } from 'react';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactElement, ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type AvatarLabelProps = WithHTMLAttributes<HTMLDivElement, {
     avatar: ReactElement;
     avatarAction?: () => void;

package/dist/Cell/AvatarLabel/AvatarLabel.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Cell/Copyable/Copyable.styles.d.ts

@@ -1,2 +1,2 @@
-export declare const CopyableValue: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Copyable: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CopyableValue: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Copyable: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Cell/Copyable/Copyable.styles.js

@@ -1,20 +1,14 @@
-import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-export var CopyableValue = styled.div.withConfig({
+import styled from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+const CopyableValue = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Copyablestyles__CopyableValue",
   componentId: "sc-bj73sz-0"
 })(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
-export var Copyable = styled.div.withConfig({
+const Copyable = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Copyablestyles__Copyable",
   componentId: "sc-bj73sz-1"
-})(["display:flex;align-items:center;justify-content:space-between;&:hover{color:", ";", "{opacity:1;visibility:visible;}}", "{opacity:0;visibility:hidden;svg{fill:", ";color:", ";}&:hover{svg{fill:", ";color:", ";}}}"], function (props) {
-  return props.theme.palette['grey-800'];
-}, IconContainer, IconContainer, function (props) {
-  return props.theme.palette['grey-400'];
-}, function (props) {
-  return props.theme.palette['grey-400'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-});
+})(["display:flex;align-items:center;justify-content:space-between;&:hover{color:", ";", "{opacity:1;visibility:visible;}}", "{opacity:0;visibility:hidden;svg{fill:", ";color:", ";}&:hover{svg{fill:", ";color:", ";}}}"], (props) => props.theme.palette["grey-800"], IconContainer, IconContainer, (props) => props.theme.palette["grey-400"], (props) => props.theme.palette["grey-400"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
+export {
+  Copyable,
+  CopyableValue
+};

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

@@ -1,4 +1,4 @@
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type CopyableCellProps = WithHTMLAttributes<HTMLDivElement, {
     value: string;
     confirmMessage: string;

package/dist/Cell/Copyable/Copyable.types.js

@@ -1 +1 @@
-export {};
+

package/dist/Cell/Copyable/CopyableCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type CopyableCellProps } from './Copyable.types';
+import { default as React } from 'react';
+import { CopyableCellProps } from './Copyable.types';
 declare const CopyableCell: ({ value, confirmMessage, tooltipTimeout, ...htmlAttributes }: CopyableCellProps) => React.JSX.Element;
 export default CopyableCell;

package/dist/Cell/Copyable/CopyableCell.js

@@ -1,32 +1,28 @@
-var _excluded = ["value", "confirmMessage", "tooltipTimeout"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useEffect, useState } from 'react';
-import CopyIcon from '@synerise/ds-copy-icon';
-import * as S from './Copyable.styles';
-var DEFAULT_TIMEOUT = 2000;
-var CopyableCell = function CopyableCell(_ref) {
-  var value = _ref.value,
-    confirmMessage = _ref.confirmMessage,
-    _ref$tooltipTimeout = _ref.tooltipTimeout,
-    tooltipTimeout = _ref$tooltipTimeout === void 0 ? DEFAULT_TIMEOUT : _ref$tooltipTimeout,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    tooltipOpen = _useState[0],
-    setTooltipOpen = _useState[1];
-  useEffect(function () {
-    var timer = setTimeout(function () {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import CopyIcon from "@synerise/ds-copy-icon";
+import { Copyable, CopyableValue } from "./Copyable.styles.js";
+const DEFAULT_TIMEOUT = 2e3;
+const CopyableCell = ({
+  value,
+  confirmMessage,
+  tooltipTimeout = DEFAULT_TIMEOUT,
+  ...htmlAttributes
+}) => {
+  const [tooltipOpen, setTooltipOpen] = useState(false);
+  useEffect(() => {
+    const timer = setTimeout(() => {
       setTooltipOpen(false);
     }, tooltipTimeout);
-    return function () {
-      return clearTimeout(timer);
-    };
+    return () => clearTimeout(timer);
   }, [tooltipOpen, setTooltipOpen, tooltipTimeout]);
-  return /*#__PURE__*/React.createElement(S.Copyable, htmlAttributes, /*#__PURE__*/React.createElement(S.CopyableValue, null, value), /*#__PURE__*/React.createElement(CopyIcon, {
-    copyValue: value,
-    placement: "left",
-    texts: {
+  return /* @__PURE__ */ jsxs(Copyable, { ...htmlAttributes, children: [
+    /* @__PURE__ */ jsx(CopyableValue, { children: value }),
+    /* @__PURE__ */ jsx(CopyIcon, { copyValue: value, placement: "left", texts: {
       copiedTooltip: confirmMessage
-    }
-  }));
+    } })
+  ] });
+};
+export {
+  CopyableCell as default
 };
-export default CopyableCell;

package/dist/Cell/Editable/EditableCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type EditableCellProps } from './EditableCell.types';
+import { default as React } from 'react';
+import { EditableCellProps } from './EditableCell.types';
 declare const EditableCell: ({ value, onChange, placeholder, ...htmlAttributes }: EditableCellProps) => React.JSX.Element;
 export default EditableCell;