@evergis/react 4.0.147 → 4.0.148

package/dist/react.esm.js

@@ -15552,19 +15552,7 @@ const TableHead = styled.thead.withConfig({ displayName: "TableHead", componentI
   top: 0;
   z-index: 1;
 `;
-/**
- * Содержимое заголовка: псевдоним и место под значок сортировки.
- *
- * Само по себе не сжимается и ничего не обрезает — иначе перестало бы задавать минимальную
- * ширину колонки, и раскладка считала бы её по одному лишь телу таблицы. Обрезку включает
- * заголовок, и только когда ширина колонки задана явно (см. `TableHeadCell`).
- */
-const TableHeadContent = styled.span.withConfig({ displayName: "TableHeadContent", componentId: "sc-19t325s" }) `
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-`;
-const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-19bpg7s" }) `
+const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-1m6xil2" }) `
   /* Относительное позиционирование держит захват границы колонки. */
   position: relative;
   box-sizing: border-box;
@@ -15572,6 +15560,7 @@ const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", compo
   text-align: left;
   font-weight: 600;
   white-space: nowrap;
+  overflow: hidden;
   color: ${({ theme }) => theme.palette.textSecondary};
   /* Рамка принадлежит ячейке (рамки раздельные), поэтому едет вместе с липкой шапкой. */
   border-bottom: 1px solid ${({ theme }) => theme.palette.elementDeep};
@@ -15581,22 +15570,18 @@ const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", compo
       cursor: pointer;
       user-select: none;
     `}
-
-  /*
-   * Обрезка только у колонки с заданной шириной: там длинный псевдоним иначе выдавил бы значок
-   * сортировки за край. У колонки без ширины обрезать нечего — её ширину и задаёт заголовок,
-   * а сжатое содержимое отдало бы этот расчёт телу таблицы, и заголовок схлопнулся бы в ноль.
-   */
-  ${({ $fixedWidth }) => $fixedWidth &&
-    css `
-      overflow: hidden;
-
-      ${TableHeadContent} {
-        min-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-    `}
+`;
+/**
+ * Содержимое заголовка. Псевдоним обрезается многоточием, значок сортировки не сжимается:
+ * у колонки с заданной шириной длинный псевдоним иначе выдавил бы значок за край ячейки.
+ */
+const TableHeadContent = styled.span.withConfig({ displayName: "TableHeadContent", componentId: "sc-8hzcop" }) `
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 /**
  * Место под значок сортировки. Занято всегда, пока сортировка включена, а сам значок только
@@ -16061,7 +16046,7 @@ const TableColumnResizer = memo(({ index, onResize }) => {
  */
 const TableHeadRow = ({ columns, sort, sortEnabled, columnWidths, withActionsColumn, onSortToggle, onColumnResize, }) => (jsxs("tr", { children: [columns.map(({ attributeName, alias, description, resizable }, index) => {
             const sorted = sort?.attributeName === attributeName;
-            return (jsxs(TableHeadCell, { title: description || alias, style: getColumnStyle(index, columnWidths[attributeName], true), "$sortable": sortEnabled, "$fixedWidth": columnWidths[attributeName] != null, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: [jsxs(TableHeadContent, { children: [alias, sortEnabled && (jsx(TableSortSlot, { "$active": sorted, children: jsx(Icon, { kind: sorted && sort?.direction === "desc" ? "sorting_des" : "sorting_asc" }) }))] }), resizable && jsx(TableColumnResizer, { index: index, onResize: onColumnResize })] }, attributeName));
+            return (jsxs(TableHeadCell, { title: description || alias, style: getColumnStyle(index, columnWidths[attributeName], true), "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: [jsxs(TableHeadContent, { children: [alias, sortEnabled && (jsx(TableSortSlot, { "$active": sorted, children: jsx(Icon, { kind: sorted && sort?.direction === "desc" ? "sorting_des" : "sorting_asc" }) }))] }), resizable && jsx(TableColumnResizer, { index: index, onResize: onColumnResize })] }, attributeName));
         }), withActionsColumn && jsx(TableHeadCell, {})] }));
 
 const ContainerLoading = () => (jsx(Flex, { alignContent: "center", justifyContent: "center", width: "100%", children: jsx(CircularProgress, { diameter: 1.5, mono: true }) }));