@economic/taco 1.40.0 → 1.40.2

package/dist/taco.cjs.development.js

@@ -3775,7 +3775,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, ref) {
     side: placement,
     sideOffset: 3
   }), /*#__PURE__*/React.createElement("div", {
-    className: "xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900/90 px-2 py-1 text-xs font-bold text-white opacity-90",
+    className: "xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white",
     "data-taco": "tooltip",
     style: {
       transformOrigin: 'var(--radix-tooltip-content-transform-origin)'
@@ -7055,8 +7055,16 @@ const replaceWithShortform = key => {
     case 'Space':
     case ' ':
       return '␣';
+    case 'ArrowLeft':
+      return '◄';
+    case 'ArrowRight':
+      return '►';
+    case 'ArrowUp':
+      return '▲';
+    case 'ArrowDown':
+      return '▼';
     default:
-      return String(key).toLocaleUpperCase();
+      return key.length === 1 ? key.toLocaleUpperCase() : key;
   }
 };
 const getShortcutText = key => {
@@ -7086,7 +7094,7 @@ const Shortcut = ({
     className: className
   }), texts.map(key => /*#__PURE__*/React__default.createElement("kbd", {
     key: key,
-    className: "font-display bg-grey-300/[0.25] rounded px-1 text-center"
+    className: "font-display bg-grey-300/[0.25] rounded-sm px-1 text-center font-bold text-white"
   }, key)));
 };
 
@@ -11754,7 +11762,6 @@ const ExpandCell = /*#__PURE__*/React__default.memo(({
       }
     }))
   }, /*#__PURE__*/React__default.createElement(IconButton, {
-    title: isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand,
     appearance: "discrete",
     icon: isExpanded ? 'chevron-down' : 'chevron-right',
     onClick: event => {
@@ -11772,7 +11779,6 @@ function createRowExpansionColumn(expandedRowRenderer, texts) {
     }) => /*#__PURE__*/React__default.createElement(Tooltip, {
       title: table.getIsSomeRowsExpanded() ? texts.table2.columns.expansion.collapseAll : texts.table2.columns.expansion.expandAll
     }, /*#__PURE__*/React__default.createElement(IconButton, {
-      title: table.getIsSomeRowsExpanded() ? texts.table2.columns.expansion.collapseAll : texts.table2.columns.expansion.expandAll,
       appearance: "discrete",
       className: "-mb-2 -mt-1.5",
       icon: table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double',
@@ -13163,7 +13169,7 @@ const Footer$3 = function Footer(props) {
     ...columnProps
   } = props;
   const isFrozen = !!footer.column.getIsPinned();
-  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative z-[1] h-[calc(theme(spacing.10)+2px)]', getCellSizingClasses('normal'), {
+  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative z-[1]', 'flex items-center px-4 h-[calc(theme(spacing.10)+2px)]', {
     '!z-[2]': isFrozen,
     '!shadow-none': isInternalColumn(footer.id)
   }, props.className);
@@ -15130,10 +15136,10 @@ const BaseTable2 = /*#__PURE__*/React__default.forwardRef(function BaseTable2(pr
     index: cellIndex,
     scrolled: scrolled,
     table: table
-  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))))), /*#__PURE__*/React__default.createElement(Summary, {
+  }, footers[footer.id] ? footers[footer.id](rows.map(row => row.original[footer.id])) : null)))), /*#__PURE__*/React__default.createElement(Summary, {
     length: length !== null && length !== void 0 ? length : rows.length,
     table: table
-  }), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
+  }))), !!_experimentalActionsForTable && table.options.enableRowSelection && (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? /*#__PURE__*/React__default.createElement(BatchActionsMenu, {
     className: "fixed-center-x bottom-0 z-50 mb-4 print:hidden",
     actionsForTable: _experimentalActionsForTable,
     summary: _experimentalActionsForTableSummary,
@@ -15151,10 +15157,8 @@ const Summary = ({
   const label = selectedLength > 0 ? texts.table2.footer.summary.selected : texts.table2.footer.summary.records;
   const total = selectedLength > 0 ? selectedLength : length;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "z-10 -mt-4"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: cn('-mt-10 ml-px h-7 w-fit rounded-bl bg-white !pr-2 shadow-[6px_0px_6px_theme(colors.white)]', getCellSizingClasses('normal'))
-  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total)));
+    className: cn('sticky bottom-0 left-0 z-10 -mt-10 flex h-10 w-fit items-center whitespace-nowrap bg-white px-4 !pr-3 shadow-[6px_0px_6px_theme(colors.white)]')
+  }, label, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, total));
 };
 const Table2 = /*#__PURE__*/React__default.forwardRef(function Table2(props, ref) {
   const key = React__default.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);