@evergis/react 4.0.147 → 4.0.148

package/dist/components/Dashboard/elements/ElementTable/styled.d.ts

@@ -31,18 +31,14 @@ export declare const TableWrapper: import('styled-components').StyledComponent<"
  * (см. TableBody и useHeadOverlap).
  */
 export declare const TableHead: import('styled-components').StyledComponent<"thead", any, {}, never>;
-/**
- * Содержимое заголовка: псевдоним и место под значок сортировки.
- *
- * Само по себе не сжимается и ничего не обрезает — иначе перестало бы задавать минимальную
- * ширину колонки, и раскладка считала бы её по одному лишь телу таблицы. Обрезку включает
- * заголовок, и только когда ширина колонки задана явно (см. `TableHeadCell`).
- */
-export declare const TableHeadContent: import('styled-components').StyledComponent<"span", any, {}, never>;
 export declare const TableHeadCell: import('styled-components').StyledComponent<"th", any, {
     $sortable?: boolean;
-    $fixedWidth?: boolean;
 }, never>;
+/**
+ * Содержимое заголовка. Псевдоним обрезается многоточием, значок сортировки не сжимается:
+ * у колонки с заданной шириной длинный псевдоним иначе выдавил бы значок за край ячейки.
+ */
+export declare const TableHeadContent: import('styled-components').StyledComponent<"span", any, {}, never>;
 /**
  * Место под значок сортировки. Занято всегда, пока сортировка включена, а сам значок только
  * прячется: появляясь и исчезая, он менял бы ширину колонки — и таблицу дёргало бы на каждый

package/dist/index.js

@@ -15554,19 +15554,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;
@@ -15574,6 +15562,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};
@@ -15583,22 +15572,18 @@ const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", compo
       cursor: pointer;
       user-select: none;
     `}
-
-  /*
-   * Обрезка только у колонки с заданной шириной: там длинный псевдоним иначе выдавил бы значок
-   * сортировки за край. У колонки без ширины обрезать нечего — её ширину и задаёт заголовок,
-   * а сжатое содержимое отдало бы этот расчёт телу таблицы, и заголовок схлопнулся бы в ноль.
-   */
-  ${({ $fixedWidth }) => $fixedWidth &&
-    styled.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;
 `;
 /**
  * Место под значок сортировки. Занято всегда, пока сортировка включена, а сам значок только
@@ -16063,7 +16048,7 @@ const TableColumnResizer = React.memo(({ index, onResize }) => {
  */
 const TableHeadRow = ({ columns, sort, sortEnabled, columnWidths, withActionsColumn, onSortToggle, onColumnResize, }) => (jsxRuntime.jsxs("tr", { children: [columns.map(({ attributeName, alias, description, resizable }, index) => {
             const sorted = sort?.attributeName === attributeName;
-            return (jsxRuntime.jsxs(TableHeadCell, { title: description || alias, style: getColumnStyle(index, columnWidths[attributeName], true), "$sortable": sortEnabled, "$fixedWidth": columnWidths[attributeName] != null, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: [jsxRuntime.jsxs(TableHeadContent, { children: [alias, sortEnabled && (jsxRuntime.jsx(TableSortSlot, { "$active": sorted, children: jsxRuntime.jsx(uilibGl.Icon, { kind: sorted && sort?.direction === "desc" ? "sorting_des" : "sorting_asc" }) }))] }), resizable && jsxRuntime.jsx(TableColumnResizer, { index: index, onResize: onColumnResize })] }, attributeName));
+            return (jsxRuntime.jsxs(TableHeadCell, { title: description || alias, style: getColumnStyle(index, columnWidths[attributeName], true), "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: [jsxRuntime.jsxs(TableHeadContent, { children: [alias, sortEnabled && (jsxRuntime.jsx(TableSortSlot, { "$active": sorted, children: jsxRuntime.jsx(uilibGl.Icon, { kind: sorted && sort?.direction === "desc" ? "sorting_des" : "sorting_asc" }) }))] }), resizable && jsxRuntime.jsx(TableColumnResizer, { index: index, onResize: onColumnResize })] }, attributeName));
         }), withActionsColumn && jsxRuntime.jsx(TableHeadCell, {})] }));
 
 const ContainerLoading = () => (jsxRuntime.jsx(uilibGl.Flex, { alignContent: "center", justifyContent: "center", width: "100%", children: jsxRuntime.jsx(uilibGl.CircularProgress, { diameter: 1.5, mono: true }) }));