@ncds/ui-admin 1.6.4 → 1.8.0

package/dist/cjs/src/components/tab/TabButton.js

@@ -9,84 +9,64 @@ var _uiAdminIcon = require("@ncds/ui-admin-icon");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Badge = require("../badge/Badge");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var TabButton = function (_a) {
-  var id = _a.id,
-    label = _a.label,
-    _b = _a.size,
-    size = _b === void 0 ? 'sm' : _b,
-    tabButtonType = _a.tabButtonType,
-    type = _a.type,
-    _c = _a.isActive,
-    isActive = _c === void 0 ? false : _c,
-    badgeInfo = _a.badgeInfo,
-    className = _a.className,
-    children = _a.children,
-    props = __rest(_a, ["id", "label", "size", "tabButtonType", "type", "isActive", "badgeInfo", "className", "children"]);
-  var componentClassName = (0, _classnames.default)('ncua-tab-button', {
+const TabButton = _ref => {
+  let {
+    id,
+    label,
+    size = 'sm',
+    tabButtonType,
+    type,
+    isActive = false,
+    badgeInfo,
+    className,
+    children,
+    ...props
+  } = _ref;
+  const componentClassName = (0, _classnames.default)('ncua-tab-button', {
     'is-active': isActive
   }, className);
   if ('href' in props && props.href) {
-    var _d = props,
-      href = _d.href,
-      _e = _d.target,
-      target = _e === void 0 ? '_self' : _e,
-      onClick_1 = _d.onClick,
-      anchorProps = __rest(_d, ["href", "target", "onClick"]);
-    return (0, _jsxRuntime.jsxs)("a", __assign({
+    const {
+      href,
+      target = '_self',
+      onClick: _onClick,
+      ...anchorProps
+    } = props;
+    return (0, _jsxRuntime.jsxs)("a", {
       className: componentClassName,
       href: href,
-      target: target
-    }, anchorProps, {
-      children: [label, badgeInfo && (0, _jsxRuntime.jsx)(_Badge.Badge, __assign({}, badgeInfo, {
+      target: target,
+      ...anchorProps,
+      children: [label, badgeInfo && (0, _jsxRuntime.jsx)(_Badge.Badge, {
+        ...badgeInfo,
         size: "xs"
-      })), children]
-    }));
+      }), children]
+    });
   }
-  var _f = props,
-    onClick = _f.onClick,
-    onClose = _f.onClose,
-    buttonProps = __rest(_f, ["onClick", "onClose"]);
+  const {
+    onClick,
+    onClose,
+    ...buttonProps
+  } = props;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _jsxRuntime.jsxs)("button", __assign({
+    children: [(0, _jsxRuntime.jsxs)("button", {
       type: "button",
       className: componentClassName,
-      onClick: function () {
-        return onClick === null || onClick === void 0 ? void 0 : onClick(id !== null && id !== void 0 ? id : '');
-      }
-    }, buttonProps, {
-      children: [label, badgeInfo && (0, _jsxRuntime.jsx)(_Badge.Badge, __assign({}, badgeInfo, {
+      onClick: () => onClick?.(id ?? ''),
+      ...buttonProps,
+      children: [label, badgeInfo && (0, _jsxRuntime.jsx)(_Badge.Badge, {
+        ...badgeInfo,
         size: "xs"
-      })), children]
-    })), onClose && (0, _jsxRuntime.jsx)("button", __assign({
+      }), children]
+    }), onClose && (0, _jsxRuntime.jsx)("button", {
       type: "button",
       className: "ncua-tab-close",
-      onClick: function () {
-        return onClose === null || onClose === void 0 ? void 0 : onClose(id !== null && id !== void 0 ? id : '');
-      }
-    }, {
+      onClick: () => onClose?.(id ?? ''),
       children: (0, _jsxRuntime.jsx)(_uiAdminIcon.XClose, {
         width: 14,
         height: 14
       })
-    }))]
+    })]
   });
 };
 exports.TabButton = TabButton;

package/dist/cjs/src/components/tab/index.js

@@ -3,17 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _HorizontalTab = require("./HorizontalTab");
-Object.keys(_HorizontalTab).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _HorizontalTab[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _HorizontalTab[key];
-    }
-  });
-});
 var _TabButton = require("./TabButton");
 Object.keys(_TabButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,15 +13,4 @@ Object.keys(_TabButton).forEach(function (key) {
       return _TabButton[key];
     }
   });
-});
-var _VerticalTab = require("./VerticalTab");
-Object.keys(_VerticalTab).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _VerticalTab[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _VerticalTab[key];
-    }
-  });
 });

package/dist/cjs/src/components/table/Table.js

@@ -0,0 +1,269 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _uiAdminIcon = require("@ncds/ui-admin-icon");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ──────────────────────────────────────────────
+// Sort Icons (@ncds/ui-admin-icon)
+// ──────────────────────────────────────────────
+const SORT_ICONS = {
+  none: _uiAdminIcon.ChevronSelectorVertical,
+  asc: _uiAdminIcon.ChevronUp,
+  desc: _uiAdminIcon.ChevronDown
+};
+const ARIA_SORT_MAP = {
+  asc: 'ascending',
+  desc: 'descending',
+  none: 'none'
+};
+// ──────────────────────────────────────────────
+// Sub-components
+// ──────────────────────────────────────────────
+const Header = _ref => {
+  let {
+    children,
+    className
+  } = _ref;
+  return (0, _jsxRuntime.jsx)("thead", {
+    className: (0, _classnames.default)('ncua-table__header', className),
+    children: children
+  });
+};
+Header.displayName = 'Table.Header';
+const Body = _ref2 => {
+  let {
+    children,
+    className
+  } = _ref2;
+  return (0, _jsxRuntime.jsx)("tbody", {
+    className: (0, _classnames.default)('ncua-table__body', className),
+    children: children
+  });
+};
+Body.displayName = 'Table.Body';
+const Row = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
+  let {
+    children,
+    className,
+    selected,
+    status,
+    ...rest
+  } = _ref3;
+  return (0, _jsxRuntime.jsx)("tr", {
+    ref: ref,
+    className: (0, _classnames.default)('ncua-table__row', className, {
+      'ncua-table__row--selected': selected,
+      'ncua-table__row--warning': status === 'warning',
+      'ncua-table__row--error': status === 'error'
+    }),
+    ...rest,
+    children: children
+  });
+});
+Row.displayName = 'Table.Row';
+const HeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
+  let {
+    children,
+    className,
+    sortDirection,
+    onSort,
+    width,
+    style,
+    ...rest
+  } = _ref4;
+  const isSortable = sortDirection !== undefined && onSort !== undefined;
+  const SortIcon = isSortable ? SORT_ICONS[sortDirection] : undefined;
+  return (0, _jsxRuntime.jsx)("th", {
+    ref: ref,
+    className: (0, _classnames.default)('ncua-table__header-cell', className, {
+      'ncua-table__header-cell--sortable': isSortable
+    }),
+    style: {
+      ...style,
+      width
+    },
+    "aria-sort": isSortable ? ARIA_SORT_MAP[sortDirection] : undefined,
+    onClick: isSortable ? onSort : undefined,
+    ...rest,
+    children: isSortable && SortIcon ? (0, _jsxRuntime.jsxs)("span", {
+      className: "ncua-table__header-cell-inner",
+      children: [(0, _jsxRuntime.jsx)("span", {
+        className: "ncua-table__header-cell-text",
+        children: children
+      }), (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-table__sort-icon",
+        children: (0, _jsxRuntime.jsx)(SortIcon, {
+          width: 16,
+          height: 16
+        })
+      })]
+    }) : children
+  });
+});
+HeaderCell.displayName = 'Table.HeaderCell';
+const Cell = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
+  let {
+    children,
+    className,
+    ...rest
+  } = _ref5;
+  return (0, _jsxRuntime.jsx)("td", {
+    ref: ref,
+    className: (0, _classnames.default)('ncua-table__cell', className),
+    ...rest,
+    children: children
+  });
+});
+Cell.displayName = 'Table.Cell';
+const Footer = _ref6 => {
+  let {
+    children,
+    className
+  } = _ref6;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('ncua-table__footer', className),
+    children: children
+  });
+};
+Footer.displayName = 'Table.Footer';
+const Pagination = _ref7 => {
+  let {
+    children,
+    className
+  } = _ref7;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)('ncua-table__pagination', className),
+    children: children
+  });
+};
+Pagination.displayName = 'Table.Pagination';
+const ColGroup = _ref8 => {
+  let {
+    widths
+  } = _ref8;
+  const resolveColWidth = width => {
+    if (width === 'auto') return undefined;
+    if (typeof width === 'number') return `${width}px`;
+    return width;
+  };
+  return (0, _jsxRuntime.jsx)("colgroup", {
+    children: widths.map((width, index) => {
+      const duplicateCount = widths.slice(0, index).filter(v => v === width).length;
+      return (0, _jsxRuntime.jsx)("col", {
+        style: {
+          width: resolveColWidth(width)
+        }
+      }, `col-${width}-${duplicateCount}`);
+    })
+  });
+};
+ColGroup.displayName = 'Table.ColGroup';
+const Empty = _ref9 => {
+  let {
+    colSpan,
+    children
+  } = _ref9;
+  return (0, _jsxRuntime.jsx)("tr", {
+    children: (0, _jsxRuntime.jsx)("td", {
+      colSpan: colSpan,
+      className: "ncua-table__empty",
+      role: "status",
+      "aria-live": "polite",
+      children: children || '등록된 게시물이 없습니다.'
+    })
+  });
+};
+Empty.displayName = 'Table.Empty';
+const categorizeChild = (child, result) => {
+  if (!child || typeof child !== 'object' || !('type' in child)) {
+    result.tableContent.push(child);
+    return;
+  }
+  if (child.type === Footer) {
+    result.footerContent.push(child);
+  } else if (child.type === Pagination) {
+    result.paginationContent.push(child);
+  } else {
+    result.tableContent.push(child);
+  }
+};
+const sortChildren = children => {
+  const result = {
+    tableContent: [],
+    footerContent: [],
+    paginationContent: []
+  };
+  _react.Children.forEach(children, child => {
+    categorizeChild(child, result);
+  });
+  return result;
+};
+// ──────────────────────────────────────────────
+// Main Table component
+// ──────────────────────────────────────────────
+const TableComponent = /*#__PURE__*/(0, _react.forwardRef)((_ref0, ref) => {
+  let {
+    type = 'horizontal',
+    fixedHeader = false,
+    maxHeight,
+    hoverable = true,
+    selectable = false,
+    children,
+    className,
+    ...rest
+  } = _ref0;
+  const tableClasses = (0, _classnames.default)('ncua-table', className, {
+    'ncua-table--horizontal': type === 'horizontal',
+    'ncua-table--vertical': type === 'vertical',
+    'ncua-table--fixed-header': fixedHeader,
+    'ncua-table--hoverable': hoverable && type === 'horizontal',
+    'ncua-table--selectable': selectable
+  });
+  const {
+    tableContent,
+    footerContent,
+    paginationContent
+  } = sortChildren(children);
+  const scrollStyle = fixedHeader && maxHeight ? {
+    maxHeight: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight
+  } : undefined;
+  const tableElement = (0, _jsxRuntime.jsx)("table", {
+    className: "ncua-table__table",
+    role: "table",
+    children: tableContent
+  });
+  return (0, _jsxRuntime.jsxs)("div", {
+    ref: ref,
+    className: "ncua-table-wrapper",
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: tableClasses,
+      ...rest,
+      children: [fixedHeader && maxHeight ? (0, _jsxRuntime.jsx)("div", {
+        className: "ncua-table__scroll-container",
+        style: scrollStyle,
+        children: tableElement
+      }) : tableElement, footerContent]
+    }), paginationContent]
+  });
+});
+TableComponent.displayName = 'Table';
+// ──────────────────────────────────────────────
+// Compound export
+// ──────────────────────────────────────────────
+const Table = exports.Table = Object.assign(TableComponent, {
+  Header,
+  Body,
+  Row,
+  HeaderCell,
+  Cell,
+  Footer,
+  Pagination,
+  ColGroup,
+  Empty
+});

package/dist/cjs/src/components/table/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Table = require("./Table");
+Object.keys(_Table).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Table[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Table[key];
+    }
+  });
+});

package/dist/cjs/src/components/table/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/src/components/tag/Tag.js

@@ -11,106 +11,92 @@ var _react = require("react");
 var _color = require("../../../constant/color");
 var _dot = require("../dot");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var MARGIN = 10;
-var DEFAULT_TOOLTIP_WIDTH = 200;
-var DEFAULT_TOOLTIP_HEIGHT = 60;
+const MARGIN = 10;
+const DEFAULT_TOOLTIP_WIDTH = 200;
+const DEFAULT_TOOLTIP_HEIGHT = 60;
 // 위치 계산 로직
-var calculateOptimalPosition = function (triggerElement, tooltipElement) {
-  var triggerRect = triggerElement.getBoundingClientRect();
-  var tooltipRect = tooltipElement.getBoundingClientRect();
-  var viewportWidth = window.innerWidth,
-    viewportHeight = window.innerHeight;
-  var tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
-  var tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
-  var spaces = {
+const calculateOptimalPosition = (triggerElement, tooltipElement) => {
+  const triggerRect = triggerElement.getBoundingClientRect();
+  const tooltipRect = tooltipElement.getBoundingClientRect();
+  const {
+    innerWidth: viewportWidth,
+    innerHeight: viewportHeight
+  } = window;
+  const tooltipWidth = tooltipRect.width || DEFAULT_TOOLTIP_WIDTH;
+  const tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
+  const spaces = {
     top: triggerRect.top,
     bottom: viewportHeight - triggerRect.bottom,
     left: triggerRect.left,
     right: viewportWidth - triggerRect.right
   };
   // 위/아래 공간을 먼저 확인하고 우선순위 결정
-  var hasTopSpace = spaces.top >= tooltipHeight + MARGIN;
+  const hasTopSpace = spaces.top >= tooltipHeight + MARGIN;
   // 위쪽 공간이 있으면 top 우선, 없으면 bottom 우선
-  var positions = hasTopSpace ? ['top-right', 'top-left', 'bottom-right', 'bottom-left'] : ['bottom-right', 'bottom-left', 'top-right', 'top-left'];
-  for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
-    var position = positions_1[_i];
-    var isTop = position.includes('top');
-    var isRight = position.includes('right');
-    var hasVerticalSpace = isTop ? spaces.top >= tooltipHeight + MARGIN : spaces.bottom >= tooltipHeight + MARGIN;
-    var hasHorizontalSpace = isRight ? spaces.right >= tooltipWidth + MARGIN // right 정렬: 툴팁이 오른쪽으로 펼쳐짐
+  const positions = hasTopSpace ? ['top-right', 'top-left', 'bottom-right', 'bottom-left'] : ['bottom-right', 'bottom-left', 'top-right', 'top-left'];
+  for (const position of positions) {
+    const isTop = position.includes('top');
+    const isRight = position.includes('right');
+    const hasVerticalSpace = isTop ? spaces.top >= tooltipHeight + MARGIN : spaces.bottom >= tooltipHeight + MARGIN;
+    const hasHorizontalSpace = isRight ? spaces.right >= tooltipWidth + MARGIN // right 정렬: 툴팁이 오른쪽으로 펼쳐짐
     : spaces.left >= tooltipWidth + MARGIN; // left 정렬: 툴팁이 왼쪽으로 펼쳐짐
     if (hasVerticalSpace && hasHorizontalSpace) {
       return position;
     }
   }
   // 모든 조건이 맞지 않으면 공간이 더 많은 쪽으로
-  var fallbackPosition = hasTopSpace ? 'top-right' : 'bottom-right';
+  const fallbackPosition = hasTopSpace ? 'top-right' : 'bottom-right';
   return fallbackPosition;
 };
-var Tag = function (_a) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'sm' : _b,
-    icon = _a.icon,
-    text = _a.text,
-    count = _a.count,
-    close = _a.close,
-    onButtonClick = _a.onButtonClick,
-    _c = _a.maxLength,
-    maxLength = _c === void 0 ? 20 : _c;
-  var _d = (0, _react.useState)(false),
-    isTooltipVisible = _d[0],
-    setIsTooltipVisible = _d[1];
-  var _e = (0, _react.useState)('top-right'),
-    calculatedPosition = _e[0],
-    setCalculatedPosition = _e[1];
-  var tagRef = (0, _react.useRef)(null);
-  var tooltipRef = (0, _react.useRef)(null);
-  var iconSize = {
+const Tag = _ref => {
+  let {
+    size = 'sm',
+    icon,
+    text,
+    count,
+    close,
+    onButtonClick,
+    maxLength = 20
+  } = _ref;
+  const [isTooltipVisible, setIsTooltipVisible] = (0, _react.useState)(false);
+  const [calculatedPosition, setCalculatedPosition] = (0, _react.useState)('top-right');
+  const tagRef = (0, _react.useRef)(null);
+  const tooltipRef = (0, _react.useRef)(null);
+  const iconSize = {
     sm: 14,
     md: 16
   };
   // 텍스트 길이 체크 및 말줄임 처리
-  var shouldTruncate = text.length > maxLength;
-  var displayText = shouldTruncate ? "".concat(text.slice(0, maxLength - 2), "...") : text;
-  var handleMouseEnter = (0, _react.useCallback)(function () {
+  const shouldTruncate = text.length > maxLength;
+  const displayText = shouldTruncate ? `${text.slice(0, maxLength - 2)}...` : text;
+  const handleMouseEnter = (0, _react.useCallback)(() => {
     if (shouldTruncate) {
       setIsTooltipVisible(true);
       // 간단한 위치 계산 - 기본값 사용
       if (tagRef.current && tooltipRef.current) {
-        var optimalPosition = calculateOptimalPosition(tagRef.current, tooltipRef.current);
+        const optimalPosition = calculateOptimalPosition(tagRef.current, tooltipRef.current);
         setCalculatedPosition(optimalPosition);
       } else {
         // ref가 없으면 다음 렌더링 사이클에서 시도
-        setTimeout(function () {
+        setTimeout(() => {
           if (tagRef.current) {
             // tooltipRef가 없어도 tagRef만으로 계산
-            var dummyTooltipElement = document.createElement('div');
-            dummyTooltipElement.style.width = "".concat(DEFAULT_TOOLTIP_WIDTH, "px");
-            dummyTooltipElement.style.height = "".concat(DEFAULT_TOOLTIP_HEIGHT, "px");
-            var optimalPosition = calculateOptimalPosition(tagRef.current, dummyTooltipElement);
+            const dummyTooltipElement = document.createElement('div');
+            dummyTooltipElement.style.width = `${DEFAULT_TOOLTIP_WIDTH}px`;
+            dummyTooltipElement.style.height = `${DEFAULT_TOOLTIP_HEIGHT}px`;
+            const optimalPosition = calculateOptimalPosition(tagRef.current, dummyTooltipElement);
             setCalculatedPosition(optimalPosition);
           }
         }, 0);
       }
     }
   }, [shouldTruncate]);
-  var handleMouseLeave = (0, _react.useCallback)(function () {
+  const handleMouseLeave = (0, _react.useCallback)(() => {
     setIsTooltipVisible(false);
   }, []);
-  var sideSlotRender = function (slot) {
-    var _a;
+  const sideSlotRender = slot => {
     if (slot.type === 'icon') {
-      var SlotIcon = slot.icon;
+      const SlotIcon = slot.icon;
       return (0, _jsxRuntime.jsx)(SlotIcon, {
         width: iconSize[size],
         height: iconSize[size],
@@ -120,47 +106,41 @@ var Tag = function (_a) {
     if (slot.type === 'dot') {
       return (0, _jsxRuntime.jsx)(_dot.Dot, {
         color: slot.color,
-        size: (_a = slot.size) !== null && _a !== void 0 ? _a : 'sm'
+        size: slot.size ?? 'sm'
       });
     }
     return slot.children;
   };
-  return (0, _jsxRuntime.jsxs)("span", __assign({
+  return (0, _jsxRuntime.jsxs)("span", {
     ref: tagRef,
-    className: (0, _classnames.default)('ncua-tag', "ncua-tag--".concat(size), {
+    className: (0, _classnames.default)('ncua-tag', `ncua-tag--${size}`, {
       'ncua-tag--truncated': shouldTruncate
     }),
     onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, {
-    children: [icon && sideSlotRender(icon), (0, _jsxRuntime.jsx)("span", __assign({
-      className: "ncua-tag__text"
-    }, {
+    onMouseLeave: handleMouseLeave,
+    children: [icon && sideSlotRender(icon), (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-tag__text",
       children: displayText
-    })), count && (0, _jsxRuntime.jsx)("span", __assign({
-      className: "ncua-tag__count"
-    }, {
+    }), count && (0, _jsxRuntime.jsx)("span", {
+      className: "ncua-tag__count",
       children: count
-    })), close && (0, _jsxRuntime.jsx)("button", __assign({
+    }), close && (0, _jsxRuntime.jsx)("button", {
       type: "button",
       className: "ncua-tag__close",
-      onClick: onButtonClick
-    }, {
+      onClick: onButtonClick,
       children: (0, _jsxRuntime.jsx)(_uiAdminIcon.XClose, {
         color: _color.COLOR.gray300,
         width: iconSize[size],
         height: iconSize[size]
       })
-    })), shouldTruncate && isTooltipVisible && (0, _jsxRuntime.jsx)("span", __assign({
+    }), shouldTruncate && isTooltipVisible && (0, _jsxRuntime.jsx)("span", {
       ref: tooltipRef,
-      className: (0, _classnames.default)('ncua-tag__tooltip', "ncua-tag__tooltip--".concat(calculatedPosition))
-    }, {
-      children: (0, _jsxRuntime.jsx)("span", __assign({
-        className: "ncua-tag__tooltip-content"
-      }, {
+      className: (0, _classnames.default)('ncua-tag__tooltip', `ncua-tag__tooltip--${calculatedPosition}`),
+      children: (0, _jsxRuntime.jsx)("span", {
+        className: "ncua-tag__tooltip-content",
         children: text
-      }))
-    }))]
-  }));
+      })
+    })]
+  });
 };
 exports.Tag = Tag;