@synerise/ds-table 1.9.11 → 1.9.12

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 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

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;

package/dist/Cell/Editable/EditableCell.js

@@ -1,43 +1,30 @@
-var _excluded = ["value", "onChange", "placeholder"];
-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, { useCallback, useMemo, useState } from 'react';
-import Icon, { EditNolineS } from '@synerise/ds-icon';
-import { Input } from '@synerise/ds-input';
-import * as S from './EditableCell.styles';
-var EditableCell = function EditableCell(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    placeholder = _ref.placeholder,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    editMode = _useState[0],
-    setEditMode = _useState[1];
-  var _useState2 = useState(value || ''),
-    editValue = _useState2[0],
-    setEditValue = _useState2[1];
-  var enterEditMode = useCallback(function () {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import Icon, { EditNolineS } from "@synerise/ds-icon";
+import { Input } from "@synerise/ds-input";
+import { Value, EditableCell as EditableCell$1 } from "./EditableCell.styles.js";
+const EditableCell = ({
+  value,
+  onChange,
+  placeholder,
+  ...htmlAttributes
+}) => {
+  const [editMode, setEditMode] = useState(false);
+  const [editValue, setEditValue] = useState(value || "");
+  const enterEditMode = useCallback(() => {
     setEditMode(true);
   }, [setEditMode]);
-  var render = useMemo(function () {
-    return editMode ? /*#__PURE__*/React.createElement(Input, {
-      value: editValue,
-      autoFocus: true,
-      resetMargin: true,
-      placeholder: placeholder,
-      onChange: function onChange(event) {
-        return setEditValue(event.target.value);
-      },
-      onBlur: function onBlur() {
-        setEditMode(false);
-        onChange(editValue);
-      }
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Value, {
-      asPlaceholder: !value
-    }, value || placeholder), /*#__PURE__*/React.createElement(Icon, {
-      onClick: enterEditMode,
-      component: /*#__PURE__*/React.createElement(EditNolineS, null)
-    }));
+  const render = useMemo(() => {
+    return editMode ? /* @__PURE__ */ jsx(Input, { value: editValue, autoFocus: true, resetMargin: true, placeholder, onChange: (event) => setEditValue(event.target.value), onBlur: () => {
+      setEditMode(false);
+      onChange(editValue);
+    } }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Value, { asPlaceholder: !value, children: value || placeholder }),
+      /* @__PURE__ */ jsx(Icon, { onClick: enterEditMode, component: /* @__PURE__ */ jsx(EditNolineS, {}) })
+    ] });
   }, [editMode, value, enterEditMode, editValue, setEditValue, onChange, placeholder]);
-  return /*#__PURE__*/React.createElement(S.EditableCell, htmlAttributes, render);
+  return /* @__PURE__ */ jsx(EditableCell$1, { ...htmlAttributes, children: render });
+};
+export {
+  EditableCell as default
 };
-export default EditableCell;

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

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

package/dist/Cell/Editable/EditableCell.styles.js

@@ -1,12 +1,14 @@
-import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-export var EditableCell = styled.div.withConfig({
+import styled from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+const EditableCell = /* @__PURE__ */ styled.div.withConfig({
   displayName: "EditableCellstyles__EditableCell",
   componentId: "sc-ahr0lx-0"
 })(["display:flex;align-items:center;justify-content:flex-start;&:hover{", "{opacity:1;visibility:visible;}}", "{transition:all 0.3s ease;opacity:0;visibility:hidden;}"], IconContainer, IconContainer);
-export var Value = styled.span.withConfig({
+const Value = /* @__PURE__ */ styled.span.withConfig({
   displayName: "EditableCellstyles__Value",
   componentId: "sc-ahr0lx-1"
-})(["color:", ";"], function (props) {
-  return props.asPlaceholder ? props.theme.palette['grey-400'] : 'inherit';
-});
+})(["color:", ";"], (props) => props.asPlaceholder ? props.theme.palette["grey-400"] : "inherit");
+export {
+  EditableCell,
+  Value
+};

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

@@ -1,4 +1,4 @@
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type EditableCellProps = WithHTMLAttributes<HTMLDivElement, {
     value?: string;
     onChange: (newValue: string) => void;

package/dist/Cell/Editable/EditableCell.types.js

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

package/dist/Cell/FlagLabel/FlagLabelCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type FlagLabelProps } from './FlagLabelCell.types';
+import { default as React } from 'react';
+import { FlagLabelProps } from './FlagLabelCell.types';
 declare const FlagLabelCell: ({ countryCode, label, ...htmlAttributes }: FlagLabelProps) => React.JSX.Element;
 export default FlagLabelCell;