@synerise/ds-table 1.9.10 → 1.9.12

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;

package/dist/Cell/FlagLabel/FlagLabelCell.js

@@ -1,15 +1,16 @@
-var _excluded = ["countryCode", "label"];
-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 DSFlag from '@synerise/ds-flag';
-import * as S from './FlagLabelCell.styles';
-var FlagLabelCell = function FlagLabelCell(_ref) {
-  var countryCode = _ref.countryCode,
-    label = _ref.label,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.FlagLabel, htmlAttributes, /*#__PURE__*/React.createElement(DSFlag, {
-    country: countryCode,
-    size: 20
-  }), /*#__PURE__*/React.createElement("span", null, label));
+import { jsxs, jsx } from "react/jsx-runtime";
+import DSFlag from "@synerise/ds-flag";
+import { FlagLabel } from "./FlagLabelCell.styles.js";
+const FlagLabelCell = ({
+  countryCode,
+  label,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsxs(FlagLabel, { ...htmlAttributes, children: [
+    /* @__PURE__ */ jsx(DSFlag, { country: countryCode, size: 20 }),
+    /* @__PURE__ */ jsx("span", { children: label })
+  ] });
+};
+export {
+  FlagLabelCell as default
 };
-export default FlagLabelCell;

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

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

package/dist/Cell/FlagLabel/FlagLabelCell.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var FlagLabel = styled.div.withConfig({
+import styled from "styled-components";
+const FlagLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "FlagLabelCellstyles__FlagLabel",
   componentId: "sc-hckhy-0"
-})(["display:flex;align-items:center;justify-content:flex-start;span{margin-left:8px;}"]);
+})(["display:flex;align-items:center;justify-content:flex-start;span{margin-left:8px;}"]);
+export {
+  FlagLabel
+};

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

@@ -1,5 +1,5 @@
-import { type CountryCode } from '@synerise/ds-flag/dist/Flag.types';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { CountryCode } from '@synerise/ds-flag/dist/Flag.types';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type FlagLabelProps = WithHTMLAttributes<HTMLDivElement, {
     countryCode: CountryCode;
     label: string;

package/dist/Cell/FlagLabel/FlagLabelCell.types.js

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

package/dist/Cell/IconLabel/IconLabel.d.ts

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

package/dist/Cell/IconLabel/IconLabel.js

@@ -1,16 +1,15 @@
-var _excluded = ["label", "icon", "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 Icon from '@synerise/ds-icon';
-import * as S from './IconLabel.styles';
-var IconLabelCell = function IconLabelCell(_ref) {
-  var label = _ref.label,
-    icon = _ref.icon,
-    disabled = _ref.disabled,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.IconLabelCell, _extends({
-    isDisabled: disabled
-  }, htmlAttributes), icon && /*#__PURE__*/React.createElement(Icon, icon), label && /*#__PURE__*/React.createElement("span", null, label));
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon from "@synerise/ds-icon";
+import { IconLabelCell as IconLabelCell$1 } from "./IconLabel.styles.js";
+const IconLabelCell = ({
+  label,
+  icon,
+  disabled,
+  ...htmlAttributes
+}) => /* @__PURE__ */ jsxs(IconLabelCell$1, { isDisabled: disabled, ...htmlAttributes, children: [
+  icon && /* @__PURE__ */ jsx(Icon, { ...icon }),
+  label && /* @__PURE__ */ jsx("span", { children: label })
+] });
+export {
+  IconLabelCell as default
 };
-export default IconLabelCell;

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

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

package/dist/Cell/IconLabel/IconLabel.styles.js

@@ -1,8 +1,9 @@
-import styled from 'styled-components';
-import { IconContainer } from '@synerise/ds-icon';
-export var IconLabelCell = styled.span.withConfig({
+import styled from "styled-components";
+import { IconContainer } from "@synerise/ds-icon";
+const IconLabelCell = /* @__PURE__ */ styled.span.withConfig({
   displayName: "IconLabelstyles__IconLabelCell",
   componentId: "sc-1y3fuli-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " ", "{margin-right:8px;}"], function (props) {
-  return props.isDisabled && 'opacity: 0.4;';
-}, IconContainer);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " ", "{margin-right:8px;}"], (props) => props.isDisabled && "opacity: 0.4;", IconContainer);
+export {
+  IconLabelCell
+};

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

@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
-import type { IconProps } from '@synerise/ds-icon';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { IconProps } from '@synerise/ds-icon';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type IconLabelProps = WithHTMLAttributes<HTMLDivElement, {
     label?: ReactNode;
     icon?: IconProps;

package/dist/Cell/IconLabel/IconLabel.types.js

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

package/dist/Cell/IconTooltipCell/IconTooltipCell.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type IconTooltipCellProps } from './IconTooltipCell.types';
+import { default as React } from 'react';
+import { IconTooltipCellProps } from './IconTooltipCell.types';
 declare const IconTooltipCell: ({ label, icon, tooltip, tooltipIcon, disabled, ...htmlAttributes }: IconTooltipCellProps) => React.JSX.Element;
 export default IconTooltipCell;

package/dist/Cell/IconTooltipCell/IconTooltipCell.js

@@ -1,24 +1,19 @@
-var _excluded = ["label", "icon", "tooltip", "tooltipIcon", "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 Icon from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './IconTooltipCell.styles';
-var IconTooltipCell = function IconTooltipCell(_ref) {
-  var label = _ref.label,
-    icon = _ref.icon,
-    _ref$tooltip = _ref.tooltip,
-    tooltip = _ref$tooltip === void 0 ? {} : _ref$tooltip,
-    tooltipIcon = _ref.tooltipIcon,
-    disabled = _ref.disabled,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.IconTooltipCell, _extends({}, htmlAttributes, {
-    isDisabled: disabled
-  }), icon && /*#__PURE__*/React.createElement(Icon, _extends({
-    className: "main-icon"
-  }, icon)), label && /*#__PURE__*/React.createElement(S.Label, null, label), tooltipIcon && /*#__PURE__*/React.createElement(Tooltip, tooltip, /*#__PURE__*/React.createElement(Icon, _extends({
-    className: "tooltip-icon"
-  }, tooltipIcon))));
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { IconTooltipCell as IconTooltipCell$1, Label } from "./IconTooltipCell.styles.js";
+const IconTooltipCell = ({
+  label,
+  icon,
+  tooltip = {},
+  tooltipIcon,
+  disabled,
+  ...htmlAttributes
+}) => /* @__PURE__ */ jsxs(IconTooltipCell$1, { ...htmlAttributes, isDisabled: disabled, children: [
+  icon && /* @__PURE__ */ jsx(Icon, { className: "main-icon", ...icon }),
+  label && /* @__PURE__ */ jsx(Label, { children: label }),
+  tooltipIcon && /* @__PURE__ */ jsx(Tooltip, { ...tooltip, children: /* @__PURE__ */ jsx(Icon, { className: "tooltip-icon", ...tooltipIcon }) })
+] });
+export {
+  IconTooltipCell as default
 };
-export default IconTooltipCell;

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

@@ -1,4 +1,4 @@
-export declare const IconTooltipCell: import("styled-components").StyledComponent<"span", any, {
+export declare const IconTooltipCell: import('styled-components').StyledComponent<"span", 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/IconTooltipCell/IconTooltipCell.styles.js

@@ -1,15 +1,13 @@
-import styled from 'styled-components';
-export var IconTooltipCell = styled.span.withConfig({
+import styled from "styled-components";
+const IconTooltipCell = /* @__PURE__ */ styled.span.withConfig({
   displayName: "IconTooltipCellstyles__IconTooltipCell",
   componentId: "sc-1x4usl8-0"
-})(["display:flex;flex-direction:row;align-items:center;white-space:nowrap;justify-content:flex-start;", " .main-icon{svg{fill:", ";}}.tooltip-icon{svg{fill:", ";}}"], function (props) {
-  return props.isDisabled && 'opacity: 0.4;';
-}, function (props) {
-  return props.theme.palette['grey-600'];
-}, function (props) {
-  return props.theme.palette['grey-400'];
-});
-export var Label = styled.span.withConfig({
+})(["display:flex;flex-direction:row;align-items:center;white-space:nowrap;justify-content:flex-start;", " .main-icon{svg{fill:", ";}}.tooltip-icon{svg{fill:", ";}}"], (props) => props.isDisabled && "opacity: 0.4;", (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-400"]);
+const Label = /* @__PURE__ */ styled.span.withConfig({
   displayName: "IconTooltipCellstyles__Label",
   componentId: "sc-1x4usl8-1"
-})(["margin-left:4px;display:flex;white-space:nowrap;"]);
+})(["margin-left:4px;display:flex;white-space:nowrap;"]);
+export {
+  IconTooltipCell,
+  Label
+};

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

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
-import type { IconProps } from '@synerise/ds-icon';
-import type { TooltipProps } from '@synerise/ds-tooltip';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { ReactNode } from 'react';
+import { IconProps } from '@synerise/ds-icon';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type IconTooltipCellProps = WithHTMLAttributes<HTMLDivElement, {
     label?: ReactNode;
     icon?: IconProps;

package/dist/Cell/IconTooltipCell/IconTooltipCell.types.js

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

package/dist/Cell/InputNumber/InputNumberCell.d.ts

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

package/dist/Cell/InputNumber/InputNumberCell.js

@@ -1,18 +1,11 @@
-var _excluded = ["inputNumberProps", "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 InputNumber from '@synerise/ds-input-number';
-import * as S from './InputNumberCell.styles';
-var InputNumberCell = function InputNumberCell(_ref) {
-  var inputNumberProps = _ref.inputNumberProps,
-    disabled = _ref.disabled,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.InputNumberCell, _extends({}, htmlAttributes, {
-    isDisabled: disabled
-  }), /*#__PURE__*/React.createElement(InputNumber, _extends({
-    raw: true,
-    disabled: disabled
-  }, inputNumberProps)));
+import { jsx } from "react/jsx-runtime";
+import InputNumber from "@synerise/ds-input-number";
+import { InputNumberCell as InputNumberCell$1 } from "./InputNumberCell.styles.js";
+const InputNumberCell = ({
+  inputNumberProps,
+  disabled,
+  ...htmlAttributes
+}) => /* @__PURE__ */ jsx(InputNumberCell$1, { ...htmlAttributes, isDisabled: disabled, children: /* @__PURE__ */ jsx(InputNumber, { raw: true, disabled, ...inputNumberProps }) });
+export {
+  InputNumberCell as default
 };
-export default InputNumberCell;

package/dist/Cell/InputNumber/InputNumberCell.styles.d.ts

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

package/dist/Cell/InputNumber/InputNumberCell.styles.js

@@ -1,7 +1,11 @@
-import styled from 'styled-components';
-export var InputNumberCell = styled.div.withConfig({
+import styled from "styled-components";
+const InputNumberCell = /* @__PURE__ */ styled.div.withConfig({
   displayName: "InputNumberCellstyles__InputNumberCell",
   componentId: "sc-iguxfm-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " max-width:100%;min-width:80px;"], function (props) {
-  return props.isDisabled && "\n    opacity: 0.4;\n    pointer-events: none;\n    ";
-});
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;", " max-width:100%;min-width:80px;"], (props) => props.isDisabled && `
+    opacity: 0.4;
+    pointer-events: none;
+    `);
+export {
+  InputNumberCell
+};

package/dist/Cell/InputNumber/InputNumberCell.types.d.ts

@@ -1,5 +1,5 @@
-import { type InputNumberProps } from '@synerise/ds-input-number';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { InputNumberProps } from '@synerise/ds-input-number';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type InputNumberCellProps = WithHTMLAttributes<HTMLDivElement, {
     inputNumberProps?: InputNumberProps;
     disabled?: boolean;

package/dist/Cell/InputNumber/InputNumberCell.types.js

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

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { type LabelsWithShowMoreProps } from './LabelsWithShowMore.types';
-import { type DataSourceType } from './Modal/Modal.types';
+import { default as React } from 'react';
+import { LabelsWithShowMoreProps } from './LabelsWithShowMore.types';
+import { DataSourceType } from './Modal/Modal.types';
 declare const LabelsWithShowMore: ({ items, numberOfVisibleItems, renderItem, labelKey, texts, loading, ...htmlAttributes }: LabelsWithShowMoreProps<DataSourceType>) => React.JSX.Element;
 export default LabelsWithShowMore;

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js

@@ -1,44 +1,33 @@
-var _excluded = ["items", "numberOfVisibleItems", "renderItem", "labelKey", "texts", "loading"];
-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, useState } from 'react';
-import Tooltip from '@synerise/ds-tooltip';
-import * as S from './LabelsWithShowMore.styles';
-import DetailsModal from './Modal/Modal';
-var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
-  var items = _ref.items,
-    numberOfVisibleItems = _ref.numberOfVisibleItems,
-    renderItem = _ref.renderItem,
-    labelKey = _ref.labelKey,
-    texts = _ref.texts,
-    loading = _ref.loading,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(false),
-    modalVisible = _useState[0],
-    setModalVisible = _useState[1];
-  var diff = useMemo(function () {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import Tooltip from "@synerise/ds-tooltip";
+import { CellWrapper, Labels, MoreInfo } from "./LabelsWithShowMore.styles.js";
+import DetailsModal from "./Modal/Modal.js";
+const LabelsWithShowMore = ({
+  items,
+  numberOfVisibleItems,
+  renderItem,
+  labelKey,
+  texts,
+  loading,
+  ...htmlAttributes
+}) => {
+  const [modalVisible, setModalVisible] = useState(false);
+  const diff = useMemo(() => {
     return items.length - numberOfVisibleItems;
   }, [items, numberOfVisibleItems]);
-  var labels = useMemo(function () {
-    return items.slice(0, numberOfVisibleItems).map(function (item) {
-      return item[labelKey];
-    }).join(', ');
+  const labels = useMemo(() => {
+    return items.slice(0, numberOfVisibleItems).map((item) => item[labelKey]).join(", ");
   }, [items, labelKey, numberOfVisibleItems]);
-  return /*#__PURE__*/React.createElement(S.CellWrapper, htmlAttributes, /*#__PURE__*/React.createElement(S.Labels, null, labels), diff > 0 && /*#__PURE__*/React.createElement(Tooltip, {
-    title: "" + texts.tooltip
-  }, /*#__PURE__*/React.createElement(S.MoreInfo, {
-    onClick: function onClick() {
-      return setModalVisible(true);
-    }
-  }, "+", diff)), /*#__PURE__*/React.createElement(DetailsModal, {
-    visible: modalVisible,
-    hide: function hide() {
-      return setModalVisible(false);
-    },
-    items: items,
-    renderItem: renderItem,
-    labelKey: labelKey,
-    texts: texts,
-    loading: loading
-  }));
+  return /* @__PURE__ */ jsxs(CellWrapper, { ...htmlAttributes, children: [
+    /* @__PURE__ */ jsx(Labels, { children: labels }),
+    diff > 0 && /* @__PURE__ */ jsx(Tooltip, { title: `${texts.tooltip}`, children: /* @__PURE__ */ jsxs(MoreInfo, { onClick: () => setModalVisible(true), children: [
+      "+",
+      diff
+    ] }) }),
+    /* @__PURE__ */ jsx(DetailsModal, { visible: modalVisible, hide: () => setModalVisible(false), items, renderItem, labelKey, texts, loading })
+  ] });
+};
+export {
+  LabelsWithShowMore as default
 };
-export default LabelsWithShowMore;

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

@@ -1,3 +1,3 @@
-export declare const CellWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MoreInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Labels: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const CellWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MoreInfo: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Labels: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.styles.js

@@ -1,15 +1,18 @@
-import styled from 'styled-components';
-export var CellWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const CellWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "LabelsWithShowMorestyles__CellWrapper",
   componentId: "sc-1wfssoi-0"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;"]);
-export var MoreInfo = styled.div.withConfig({
+const MoreInfo = /* @__PURE__ */ styled.div.withConfig({
   displayName: "LabelsWithShowMorestyles__MoreInfo",
   componentId: "sc-1wfssoi-1"
-})(["font-size:11px;margin-left:8px;color:", ";display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;"], function (props) {
-  return props.theme.palette['grey-500'];
-});
-export var Labels = styled.span.withConfig({
+})(["font-size:11px;margin-left:8px;color:", ";display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;"], (props) => props.theme.palette["grey-500"]);
+const Labels = /* @__PURE__ */ styled.span.withConfig({
   displayName: "LabelsWithShowMorestyles__Labels",
   componentId: "sc-1wfssoi-2"
-})(["display:block;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 32px);"]);
+})(["display:block;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 32px);"]);
+export {
+  CellWrapper,
+  Labels,
+  MoreInfo
+};

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

@@ -1,5 +1,5 @@
-import { type Component, type ReactNode } from 'react';
-import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { Component, ReactNode } from 'react';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type ShowMoreTexts = {
     tooltip: ReactNode;
     searchPlaceholder: string;

package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.js

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

package/dist/Cell/LabelsWithShowMore/Modal/Modal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type DataSourceType, type ModalProps } from './Modal.types';
+import { default as React } from 'react';
+import { DataSourceType, ModalProps } from './Modal.types';
 declare const DetailsModal: ({ visible, hide, items, texts, renderItem, labelKey, loading, }: ModalProps<DataSourceType>) => React.JSX.Element;
 export default DetailsModal;