@synerise/ds-table 1.9.10 → 1.9.12

package/dist/Cell/LabelsWithShowMore/Modal/Modal.js

@@ -1,66 +1,37 @@
-import React, { useMemo, useState } from 'react';
-import Modal from '@synerise/ds-modal';
-import SearchInput from '@synerise/ds-search/dist/Elements/SearchInput/SearchInput';
-import VirtualTable from '../../../VirtualTable/VirtualTable';
-var DetailsModal = function DetailsModal(_ref) {
-  var visible = _ref.visible,
-    hide = _ref.hide,
-    items = _ref.items,
-    texts = _ref.texts,
-    renderItem = _ref.renderItem,
-    labelKey = _ref.labelKey,
-    loading = _ref.loading;
-  var _useState = useState(''),
-    searchQuery = _useState[0],
-    setSearchQuery = _useState[1];
-  var columns = useMemo(function () {
-    return [{
-      dataIndex: labelKey,
-      key: labelKey,
-      render: renderItem
-    }];
-  }, [renderItem, labelKey]);
-  var filteredItems = useMemo(function () {
-    return searchQuery !== '' ? items.filter(function (item) {
-      return item[labelKey].toLowerCase().includes(searchQuery.toLowerCase());
-    }) : items;
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import Modal from "@synerise/ds-modal";
+import SearchInput from "@synerise/ds-search/dist/Elements/SearchInput/SearchInput";
+import VirtualTable from "../../../VirtualTable/VirtualTable.js";
+const DetailsModal = ({
+  visible,
+  hide,
+  items,
+  texts,
+  renderItem,
+  labelKey,
+  loading
+}) => {
+  const [searchQuery, setSearchQuery] = useState("");
+  const columns = useMemo(() => [{
+    dataIndex: labelKey,
+    key: labelKey,
+    render: renderItem
+  }], [renderItem, labelKey]);
+  const filteredItems = useMemo(() => {
+    return searchQuery !== "" ? items.filter((item) => item[labelKey].toLowerCase().includes(searchQuery.toLowerCase())) : items;
   }, [items, labelKey, searchQuery]);
-  return /*#__PURE__*/React.createElement(Modal, {
-    size: "small",
-    visible: visible,
-    title: texts.modalTitle,
-    closable: true,
-    onCancel: hide,
-    bodyStyle: {
-      padding: 0
-    },
-    footer: null
-  }, /*#__PURE__*/React.createElement(VirtualTable, {
-    scroll: {
-      y: 500,
-      x: 0
-    },
-    cellHeight: 64,
-    initialWidth: 500,
-    dataSource: filteredItems,
-    title: filteredItems.length + " " + texts.records,
-    columns: columns,
-    loading: loading,
-    showHeader: false,
-    rowKey: "key",
-    searchComponent: /*#__PURE__*/React.createElement(SearchInput, {
-      clearTooltip: texts.searchClear,
-      placeholder: texts.searchPlaceholder,
-      onChange: function onChange(value) {
-        setSearchQuery(value);
-      },
-      value: searchQuery,
-      onClear: function onClear() {
-        setSearchQuery('');
-      },
-      closeOnClickOutside: true
-    }),
-    hideColumnNames: true
-  }));
+  return /* @__PURE__ */ jsx(Modal, { size: "small", visible, title: texts.modalTitle, closable: true, onCancel: hide, bodyStyle: {
+    padding: 0
+  }, footer: null, children: /* @__PURE__ */ jsx(VirtualTable, { scroll: {
+    y: 500,
+    x: 0
+  }, cellHeight: 64, initialWidth: 500, dataSource: filteredItems, title: `${filteredItems.length} ${texts.records}`, columns, loading, showHeader: false, rowKey: "key", searchComponent: /* @__PURE__ */ jsx(SearchInput, { clearTooltip: texts.searchClear, placeholder: texts.searchPlaceholder, onChange: (value) => {
+    setSearchQuery(value);
+  }, value: searchQuery, onClear: () => {
+    setSearchQuery("");
+  }, closeOnClickOutside: true }), hideColumnNames: true }) });
+};
+export {
+  DetailsModal as default
 };
-export default DetailsModal;

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

@@ -1,6 +1,6 @@
-import type React from 'react';
-import { type ObjectStringKeys } from '@synerise/ds-utils';
-import { type ShowMoreTexts } from '../LabelsWithShowMore.types';
+import { default as React } from 'react';
+import { ObjectStringKeys } from '@synerise/ds-utils';
+import { ShowMoreTexts } from '../LabelsWithShowMore.types';
 export type DataSourceType = Record<string, any> & {
     key: React.ReactText;
 };

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

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

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>;