@synerise/ds-table 1.9.11 → 1.9.13

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

@@ -1,16 +1,55 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const _default: React.ForwardRefExoticComponent<{
     [x: `data-${string}`]: string;
-    slot?: string | undefined | undefined;
-    style?: React.CSSProperties | undefined;
-    title?: string | undefined | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
     suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
-    color?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
-    role?: React.AriaRole | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
     tabIndex?: number | undefined | undefined;
+    title?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -228,45 +267,6 @@ declare const _default: React.ForwardRefExoticComponent<{
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
     active?: boolean | undefined;
     starTooltip?: React.ReactNode;
 } & {

package/dist/Cell/Star/StarCell.js

@@ -1,33 +1,27 @@
-var _excluded = ["children", "active", "onClick", "starTooltip"];
-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, { useMemo } from 'react';
-import { withTheme } from 'styled-components';
-import { useTheme } from '@synerise/ds-core';
-import Icon, { StarFillM, StarM } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip/dist/Tooltip';
-import * as S from './StarCell.styles';
-var StarCell = function StarCell(_ref) {
-  var children = _ref.children,
-    active = _ref.active,
-    onClick = _ref.onClick,
-    starTooltip = _ref.starTooltip,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var theme = useTheme();
-  var icon = useMemo(function () {
-    return active ? /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(StarFillM, null),
-      color: theme.palette['yellow-600']
-    }) : /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(StarM, null),
-      color: theme.palette['grey-300']
-    });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { withTheme } from "styled-components";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { StarFillM, StarM } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip/dist/Tooltip";
+import { StarCell as StarCell$1, StarredIcon } from "./StarCell.styles.js";
+const StarCell = ({
+  children,
+  active,
+  onClick,
+  starTooltip,
+  ...htmlAttributes
+}) => {
+  const theme = useTheme();
+  const icon = useMemo(() => {
+    return active ? /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(StarFillM, {}), color: theme.palette["yellow-600"] }) : /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(StarM, {}), color: theme.palette["grey-300"] });
   }, [active, theme.palette]);
-  return /*#__PURE__*/React.createElement(S.StarCell, htmlAttributes, /*#__PURE__*/React.createElement(Tooltip, {
-    title: starTooltip
-  }, /*#__PURE__*/React.createElement(S.StarredIcon, {
-    active: active,
-    component: icon,
-    onClick: onClick
-  })), children);
+  return /* @__PURE__ */ jsxs(StarCell$1, { ...htmlAttributes, children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: starTooltip, children: /* @__PURE__ */ jsx(StarredIcon, { active, component: icon, onClick }) }),
+    children
+  ] });
+};
+const StarCell_default = withTheme(StarCell);
+export {
+  StarCell_default as default
 };
-export default withTheme(StarCell);

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

@@ -1,5 +1,5 @@
-export declare const StarCell: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StarredIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@synerise/ds-icon").BaseIconProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("@synerise/ds-icon").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & import("react").RefAttributes<HTMLDivElement>>, any, import("@synerise/ds-icon").BaseIconProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("@synerise/ds-icon").BaseIconProps> & import("@synerise/ds-utils").DataAttributes & {
+export declare const StarCell: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const StarredIcon: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('@synerise/ds-icon').BaseIconProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, keyof import('@synerise/ds-icon').BaseIconProps> & import('@synerise/ds-utils').DataAttributes & import('react').RefAttributes<HTMLDivElement>>, any, import('@synerise/ds-icon').BaseIconProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, keyof import('@synerise/ds-icon').BaseIconProps> & import('@synerise/ds-utils').DataAttributes & {
     active?: boolean;
     onClick?: () => void;
 }, never>;

package/dist/Cell/Star/StarCell.styles.js

@@ -1,14 +1,16 @@
-import styled from 'styled-components';
-import Icon from '@synerise/ds-icon';
-export var StarCell = styled.div.withConfig({
+import styled from "styled-components";
+import Icon from "@synerise/ds-icon";
+const StarCell = /* @__PURE__ */ styled.div.withConfig({
   displayName: "StarCellstyles__StarCell",
   componentId: "sc-1tyl01w-0"
 })(["display:flex;align-items:center;justify-content:flex-start;"]);
-export var StarredIcon = styled(Icon).withConfig({
+const StarredIcon = /* @__PURE__ */ styled(Icon).withConfig({
   displayName: "StarCellstyles__StarredIcon",
   componentId: "sc-1tyl01w-1"
-})(["margin-right:16px;", " &:hover{svg{fill:", ";}}"], function (props) {
-  return !!props.active && "&.icon.icon1.ds-icon svg {\n  fill: " + props.theme.palette['yellow-600'] + ";\n  }";
-}, function (props) {
-  return props.active ? props.theme.palette['yellow-600'] : props.onClick && props.theme.palette['blue-600'];
-});
+})(["margin-right:16px;", " &:hover{svg{fill:", ";}}"], (props) => !!props.active && `&.icon.icon1.ds-icon svg {
+  fill: ${props.theme.palette["yellow-600"]};
+  }`, (props) => props.active ? props.theme.palette["yellow-600"] : props.onClick && props.theme.palette["blue-600"]);
+export {
+  StarCell,
+  StarredIcon
+};

package/dist/Cell/Star/StarCell.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 StarCellProps = WithHTMLAttributes<HTMLDivElement, {
     children: ReactNode | ReactNode[];
     active?: boolean;

package/dist/Cell/Star/StarCell.types.js

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

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

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

package/dist/Cell/StatusLabel/StatusLabel.js

@@ -1,20 +1,18 @@
-var _excluded = ["status", "label", "customColor", "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 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,
-    disabled = _ref.disabled,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.StatusLabel, _extends({
-    isDisabled: disabled
-  }, htmlAttributes), /*#__PURE__*/React.createElement(Badge, {
-    customColor: customColor,
-    status: status
-  }), /*#__PURE__*/React.createElement(S.Label, null, label));
+import { jsxs, jsx } from "react/jsx-runtime";
+import Badge from "@synerise/ds-badge";
+import { StatusLabel, Label } from "./StatusLabel.styles.js";
+const StatusLabelCell = ({
+  status,
+  label,
+  customColor,
+  disabled,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsxs(StatusLabel, { isDisabled: disabled, ...htmlAttributes, children: [
+    /* @__PURE__ */ jsx(Badge, { customColor, status }),
+    /* @__PURE__ */ jsx(Label, { children: label })
+  ] });
+};
+export {
+  StatusLabelCell as default
 };
-export default StatusLabelCell;

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

@@ -1,4 +1,4 @@
-export declare const StatusLabel: import("styled-components").StyledComponent<"div", any, {
+export declare const StatusLabel: import('styled-components').StyledComponent<"div", any, {
     isDisabled?: boolean;
 }, never>;
-export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Label: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/Cell/StatusLabel/StatusLabel.styles.js

@@ -1,13 +1,13 @@
-import styled from 'styled-components';
-export var StatusLabel = styled.div.withConfig({
+import styled from "styled-components";
+const StatusLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "StatusLabelstyles__StatusLabel",
   componentId: "sc-1l5c32z-0"
-})(["display:flex;align-items:center;justify-content:flex-start;", ""], function (props) {
-  return props.isDisabled && 'opacity: 0.4;';
-});
-export var Label = styled.span.withConfig({
+})(["display:flex;align-items:center;justify-content:flex-start;", ""], (props) => props.isDisabled && "opacity: 0.4;");
+const Label = /* @__PURE__ */ styled.span.withConfig({
   displayName: "StatusLabelstyles__Label",
   componentId: "sc-1l5c32z-1"
-})(["color:", ";font-weight:500;font-size:13px;line-height:1.38;"], function (props) {
-  return props.theme.palette['grey-700'];
-});
+})(["color:", ";font-weight:500;font-size:13px;line-height:1.38;"], (props) => props.theme.palette["grey-700"]);
+export {
+  Label,
+  StatusLabel
+};

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

@@ -1,6 +1,6 @@
-import { type ReactNode } from 'react';
-import { type Color, type Status } from '@synerise/ds-badge/dist/Badge.types';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { Color, Status } from '@synerise/ds-badge/dist/Badge.types';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type StatusLabelProps = WithHTMLAttributes<HTMLDivElement, {
     status?: Status;
     label: ReactNode;

package/dist/Cell/StatusLabel/StatusLabel.types.js

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

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

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

package/dist/Cell/TagIcon/TagIcon.js

@@ -1,14 +1,10 @@
-var _excluded = ["children", "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 * as S from './TagIcon.styles';
-var TagIconCell = function TagIconCell(_ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.TagIcon, _extends({}, htmlAttributes, {
-    isDisabled: disabled
-  }), children);
+import { jsx } from "react/jsx-runtime";
+import { TagIcon } from "./TagIcon.styles.js";
+const TagIconCell = ({
+  children,
+  disabled,
+  ...htmlAttributes
+}) => /* @__PURE__ */ jsx(TagIcon, { ...htmlAttributes, isDisabled: disabled, children });
+export {
+  TagIconCell as default
 };
-export default TagIconCell;

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

@@ -1,3 +1,3 @@
-export declare const TagIcon: import("styled-components").StyledComponent<"div", any, {
+export declare const TagIcon: import('styled-components').StyledComponent<"div", any, {
     isDisabled?: boolean;
 }, never>;

package/dist/Cell/TagIcon/TagIcon.styles.js

@@ -1,8 +1,9 @@
-import styled from 'styled-components';
-import { Tag } from '@synerise/ds-tag/dist/Tag.styles';
-export var TagIcon = styled.div.withConfig({
+import styled from "styled-components";
+import { Tag } from "@synerise/ds-tag/dist/Tag.styles";
+const TagIcon = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TagIconstyles__TagIcon",
   componentId: "sc-o88sq0-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " ", "{margin-right:4px;}"], function (props) {
-  return props.isDisabled && 'opacity: 0.4;';
-}, Tag);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " ", "{margin-right:4px;}"], (props) => props.isDisabled && "opacity: 0.4;", Tag);
+export {
+  TagIcon
+};

package/dist/Cell/TagIcon/TagIcon.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 TagIconProps = WithHTMLAttributes<HTMLDivElement, {
     children: ReactNode | ReactNode[];
     disabled?: boolean;

package/dist/Cell/TagIcon/TagIcon.types.js

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

package/dist/Cell/TagsGroup/TagsGroup.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type TagsGroupProps } from './TagsGroup.types';
+import { default as React } from 'react';
+import { TagsGroupProps } from './TagsGroup.types';
 export declare const TagsGroupCell: ({ disabled, isError, isLoading, tagsProps, ...htmlAttributes }: TagsGroupProps) => React.JSX.Element;

package/dist/Cell/TagsGroup/TagsGroup.js

@@ -1,43 +1,26 @@
-var _excluded = ["disabled", "isError", "isLoading", "tagsProps"];
-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 { useTheme } from '@synerise/ds-core';
-import Icon, { WarningFillM } from '@synerise/ds-icon';
-import Skeleton from '@synerise/ds-skeleton';
-import Tags from '@synerise/ds-tags';
-import * as S from './TagsGroup.styles';
-export var TagsGroupCell = function TagsGroupCell(_ref) {
-  var _tagsProps$selected;
-  var disabled = _ref.disabled,
-    isError = _ref.isError,
-    isLoading = _ref.isLoading,
-    tagsProps = _ref.tagsProps,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var theme = useTheme();
-  var isEmpty = !(tagsProps != null && (_tagsProps$selected = tagsProps.selected) != null && _tagsProps$selected.length);
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@synerise/ds-core";
+import Icon, { WarningFillM } from "@synerise/ds-icon";
+import Skeleton from "@synerise/ds-skeleton";
+import Tags from "@synerise/ds-tags";
+import { TagsGroupSkeleton, TagsGroupWrapper } from "./TagsGroup.styles.js";
+const TagsGroupCell = ({
+  disabled,
+  isError,
+  isLoading,
+  tagsProps,
+  ...htmlAttributes
+}) => {
+  const theme = useTheme();
+  const isEmpty = !tagsProps?.selected?.length;
   if (isError) {
-    return /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(WarningFillM, null),
-      color: theme.palette['red-600'],
-      size: 24
-    });
+    return /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(WarningFillM, {}), color: theme.palette["red-600"], size: 24 });
   }
   if (isLoading) {
-    return /*#__PURE__*/React.createElement(S.TagsGroupSkeleton, null, /*#__PURE__*/React.createElement(Skeleton, {
-      size: "M",
-      numberOfSkeletons: 1
-    }));
+    return /* @__PURE__ */ jsx(TagsGroupSkeleton, { children: /* @__PURE__ */ jsx(Skeleton, { size: "M", numberOfSkeletons: 1 }) });
   }
-  return /*#__PURE__*/React.createElement(S.TagsGroupWrapper, _extends({}, htmlAttributes, {
-    isDisabled: disabled,
-    isEmpty: isEmpty
-  }), /*#__PURE__*/React.createElement(Tags, _extends({
-    maxVisibleTags: 1,
-    disabled: disabled,
-    addButtonType: isEmpty ? 'icon-label' : 'single-icon'
-  }, tagsProps, {
-    addable: (tagsProps == null ? void 0 : tagsProps.addable) && !disabled,
-    removable: (tagsProps == null ? void 0 : tagsProps.removable) && !disabled
-  })));
-};
+  return /* @__PURE__ */ jsx(TagsGroupWrapper, { ...htmlAttributes, isDisabled: disabled, isEmpty, children: /* @__PURE__ */ jsx(Tags, { maxVisibleTags: 1, disabled, addButtonType: isEmpty ? "icon-label" : "single-icon", ...tagsProps, addable: tagsProps?.addable && !disabled, removable: tagsProps?.removable && !disabled }) });
+};
+export {
+  TagsGroupCell
+};

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

@@ -1,5 +1,5 @@
-export declare const TagsGroupWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const TagsGroupWrapper: import('styled-components').StyledComponent<"div", any, {
     isDisabled?: boolean;
     isEmpty?: boolean;
 }, never>;
-export declare const TagsGroupSkeleton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TagsGroupSkeleton: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/Cell/TagsGroup/TagsGroup.styles.js

@@ -1,13 +1,34 @@
-import styled from 'styled-components';
-import { Container, SelectedTags } from '@synerise/ds-tags/dist/Tags.styles';
-import { AddTagButton } from '@synerise/ds-tags/dist/components/AddTags/AddTags.styles';
-export var TagsGroupWrapper = styled.div.withConfig({
+import styled from "styled-components";
+import { Container, SelectedTags } from "@synerise/ds-tags/dist/Tags.styles";
+import { AddTagButton } from "@synerise/ds-tags/dist/components/AddTags/AddTags.styles";
+const TagsGroupWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TagsGroupstyles__TagsGroupWrapper",
   componentId: "sc-a6dl1s-0"
-})(["min-width:0;", "{margin-bottom:0;}", "{flex-flow:nowrap;}", ""], Container, SelectedTags, function (props) {
-  return props.isDisabled ? "\n        opacity: 0.4;\n        pointer-events: none;\n    " : "\n        " + AddTagButton + AddTagButton + AddTagButton + " svg {\n            transition: none;\n        }\n        " + (!props.isEmpty && AddTagButton + " {\n            flex-shrink: 0\n          }") + "\n        " + AddTagButton + ":not(:focus) {\n            visibility: hidden;\n        }\n        tr:hover &, \n        .virtual-table-row:hover & {\n            " + AddTagButton + " {\n                visibility: visible;\n            }\n        }\n    ";
-});
-export var TagsGroupSkeleton = styled.div.withConfig({
+})(["min-width:0;", "{margin-bottom:0;}", "{flex-flow:nowrap;}", ""], Container, SelectedTags, (props) => props.isDisabled ? `
+        opacity: 0.4;
+        pointer-events: none;
+    ` : `
+        ${AddTagButton}${AddTagButton}${AddTagButton} svg {
+            transition: none;
+        }
+        ${!props.isEmpty && `${AddTagButton} {
+            flex-shrink: 0
+          }`}
+        ${AddTagButton}:not(:focus) {
+            visibility: hidden;
+        }
+        tr:hover &, 
+        .virtual-table-row:hover & {
+            ${AddTagButton} {
+                visibility: visible;
+            }
+        }
+    `);
+const TagsGroupSkeleton = /* @__PURE__ */ styled.div.withConfig({
   displayName: "TagsGroupstyles__TagsGroupSkeleton",
   componentId: "sc-a6dl1s-1"
-})(["display:flex;align-items:center;width:100%;"]);
+})(["display:flex;align-items:center;width:100%;"]);
+export {
+  TagsGroupSkeleton,
+  TagsGroupWrapper
+};

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

@@ -1,5 +1,5 @@
-import { type TagsProps } from '@synerise/ds-tags';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { TagsProps } from '@synerise/ds-tags';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type TagsGroupProps = WithHTMLAttributes<HTMLDivElement, {
     disabled?: boolean;
     isLoading?: boolean;

package/dist/Cell/TagsGroup/TagsGroup.types.js

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

package/dist/Cell/index.d.ts

@@ -1,14 +1,14 @@
-import ActionCell from './Action/ActionCell';
-import AvatarLabelCell from './AvatarLabel/AvatarLabel';
-import CopyableCell from './Copyable/CopyableCell';
-import EditableCell from './Editable/EditableCell';
-import FlagLabelCell from './FlagLabel/FlagLabelCell';
-import IconLabelCell from './IconLabel/IconLabel';
-import IconTooltipCell from './IconTooltipCell/IconTooltipCell';
-import InputNumberCell from './InputNumber/InputNumberCell';
-import LabelsWithShowMore from './LabelsWithShowMore/LabelsWithShowMore';
-import StarCell from './Star/StarCell';
-import StatusLabelCell from './StatusLabel/StatusLabel';
-import TagIconCell from './TagIcon/TagIcon';
+import { default as ActionCell } from './Action/ActionCell';
+import { default as AvatarLabelCell } from './AvatarLabel/AvatarLabel';
+import { default as CopyableCell } from './Copyable/CopyableCell';
+import { default as EditableCell } from './Editable/EditableCell';
+import { default as FlagLabelCell } from './FlagLabel/FlagLabelCell';
+import { default as IconLabelCell } from './IconLabel/IconLabel';
+import { default as IconTooltipCell } from './IconTooltipCell/IconTooltipCell';
+import { default as InputNumberCell } from './InputNumber/InputNumberCell';
+import { default as LabelsWithShowMore } from './LabelsWithShowMore/LabelsWithShowMore';
+import { default as StarCell } from './Star/StarCell';
+import { default as StatusLabelCell } from './StatusLabel/StatusLabel';
+import { default as TagIconCell } from './TagIcon/TagIcon';
 import { TagsGroupCell } from './TagsGroup/TagsGroup';
 export { IconLabelCell, IconTooltipCell, InputNumberCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell, };

package/dist/Cell/index.js

@@ -1,14 +1,28 @@
-import ActionCell from './Action/ActionCell';
-import AvatarLabelCell from './AvatarLabel/AvatarLabel';
-import CopyableCell from './Copyable/CopyableCell';
-import EditableCell from './Editable/EditableCell';
-import FlagLabelCell from './FlagLabel/FlagLabelCell';
-import IconLabelCell from './IconLabel/IconLabel';
-import IconTooltipCell from './IconTooltipCell/IconTooltipCell';
-import InputNumberCell from './InputNumber/InputNumberCell';
-import LabelsWithShowMore from './LabelsWithShowMore/LabelsWithShowMore';
-import StarCell from './Star/StarCell';
-import StatusLabelCell from './StatusLabel/StatusLabel';
-import TagIconCell from './TagIcon/TagIcon';
-import { TagsGroupCell } from './TagsGroup/TagsGroup';
-export { IconLabelCell, IconTooltipCell, InputNumberCell, StatusLabelCell, AvatarLabelCell, TagIconCell, EditableCell, CopyableCell, ActionCell, FlagLabelCell, StarCell, LabelsWithShowMore, TagsGroupCell };
+import { default as default2 } from "./Action/ActionCell.js";
+import { default as default3 } from "./AvatarLabel/AvatarLabel.js";
+import { default as default4 } from "./Copyable/CopyableCell.js";
+import { default as default5 } from "./Editable/EditableCell.js";
+import { default as default6 } from "./FlagLabel/FlagLabelCell.js";
+import { default as default7 } from "./IconLabel/IconLabel.js";
+import { default as default8 } from "./IconTooltipCell/IconTooltipCell.js";
+import { default as default9 } from "./InputNumber/InputNumberCell.js";
+import { default as default10 } from "./LabelsWithShowMore/LabelsWithShowMore.js";
+import { default as default11 } from "./Star/StarCell.js";
+import { default as default12 } from "./StatusLabel/StatusLabel.js";
+import { default as default13 } from "./TagIcon/TagIcon.js";
+import { TagsGroupCell } from "./TagsGroup/TagsGroup.js";
+export {
+  default2 as ActionCell,
+  default3 as AvatarLabelCell,
+  default4 as CopyableCell,
+  default5 as EditableCell,
+  default6 as FlagLabelCell,
+  default7 as IconLabelCell,
+  default8 as IconTooltipCell,
+  default9 as InputNumberCell,
+  default10 as LabelsWithShowMore,
+  default11 as StarCell,
+  default12 as StatusLabelCell,
+  default13 as TagIconCell,
+  TagsGroupCell
+};

package/dist/ColumnSortMenu/SortIcons.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type ColumnSortOrder } from '../Table.types';
+import { default as React } from 'react';
+import { ColumnSortOrder } from '../Table.types';
 export declare const DefaultSortIcon: ({ sortOrder, }: {
     sortOrder: ColumnSortOrder;
 }) => React.JSX.Element;