fui-material 2.8.8 → 2.8.9

package/dist/f-ui-kit.es.js

@@ -713,39 +713,39 @@ const FPaper = ({
   );
 };
 const TableControlsContext = createContext({ query: "", sort: null });
-const left$1 = "_left_13igk_78";
-const center = "_center_13igk_81";
-const right = "_right_13igk_84";
-const justify = "_justify_13igk_87";
-const more = "_more_13igk_195";
+const left$1 = "_left_18u6h_77";
+const center = "_center_18u6h_80";
+const right = "_right_18u6h_83";
+const justify = "_justify_18u6h_86";
+const more = "_more_18u6h_194";
 const styles$t = {
-  "f-table-component": "_f-table-component_13igk_1",
-  "f-table-component__table": "_f-table-component__table_13igk_13",
-  "f-table-component__table_header": "_f-table-component__table_header_13igk_23",
-  "is-sticky": "_is-sticky_13igk_27",
-  "f-table-component__table_header-cell": "_f-table-component__table_header-cell_13igk_33",
-  "f-table-component__table_body-cell": "_f-table-component__table_body-cell_13igk_33",
-  "f-table-component__table_body": "_f-table-component__table_body_13igk_33",
-  "f-table-component__table_row": "_f-table-component__table_row_13igk_61",
-  "f-table-component__table_row_no-hover": "_f-table-component__table_row_no-hover_13igk_61",
-  "f-table-component__table_footer": "_f-table-component__table_footer_13igk_67",
+  "f-table-component": "_f-table-component_18u6h_1",
+  "f-table-component__table": "_f-table-component__table_18u6h_14",
+  "f-table-component__table_header": "_f-table-component__table_header_18u6h_22",
+  "is-sticky": "_is-sticky_18u6h_26",
+  "f-table-component__table_header-cell": "_f-table-component__table_header-cell_18u6h_32",
+  "f-table-component__table_body-cell": "_f-table-component__table_body-cell_18u6h_32",
+  "f-table-component__table_body": "_f-table-component__table_body_18u6h_32",
+  "f-table-component__table_row": "_f-table-component__table_row_18u6h_60",
+  "f-table-component__table_row_no-hover": "_f-table-component__table_row_no-hover_18u6h_60",
+  "f-table-component__table_footer": "_f-table-component__table_footer_18u6h_66",
   left: left$1,
   center,
   right,
   justify,
-  "cell-text": "_cell-text_13igk_91",
-  "cell-preview-text": "_cell-preview-text_13igk_112",
-  "cell-preview": "_cell-preview_13igk_112",
-  "cell-reveal": "_cell-reveal_13igk_169",
+  "cell-text": "_cell-text_18u6h_90",
+  "cell-preview-text": "_cell-preview-text_18u6h_111",
+  "cell-preview": "_cell-preview_18u6h_111",
+  "cell-reveal": "_cell-reveal_18u6h_168",
   more,
-  "row-menu": "_row-menu_13igk_226",
-  "table-tools": "_table-tools_13igk_318",
-  "table-search": "_table-search_13igk_324",
-  "table-sort": "_table-sort_13igk_359",
-  "table-empty": "_table-empty_13igk_387",
-  "cell-tooltip-anchor": "_cell-tooltip-anchor_13igk_394",
-  "cell-tooltip": "_cell-tooltip_13igk_394",
-  "cell-tooltip-in": "_cell-tooltip-in_13igk_1"
+  "row-menu": "_row-menu_18u6h_225",
+  "table-tools": "_table-tools_18u6h_317",
+  "table-search": "_table-search_18u6h_323",
+  "table-sort": "_table-sort_18u6h_358",
+  "table-empty": "_table-empty_18u6h_386",
+  "cell-tooltip-anchor": "_cell-tooltip-anchor_18u6h_393",
+  "cell-tooltip": "_cell-tooltip_18u6h_393",
+  "cell-tooltip-in": "_cell-tooltip-in_18u6h_1"
 };
 const FTableHead = ({
   st,
@@ -982,6 +982,8 @@ const FTable = ({
   layout = "auto",
   // Добавляем новый пропс с дефолтным значением 'auto'
   searchable = false,
+  width,
+  minWidth,
   ...props
 }) => {
   const tableWrapperRef = useRef(null);
@@ -1039,7 +1041,12 @@ const FTable = ({
         children: /* @__PURE__ */ jsx(
           "table",
           {
-            style: { ...st, tableLayout: layout },
+            style: {
+              tableLayout: layout,
+              ...width !== void 0 ? { width } : {},
+              ...minWidth !== void 0 ? { minWidth } : {},
+              ...st
+            },
             ...props,
             className: `table ${styles$t["f-table-component__table"]} ${props.className || ""}`,
             children: React.Children.map(children, (child) => {
@@ -1106,8 +1113,9 @@ const FTableHeaderCell = ({
   children,
   textAlignment,
   // По умолчанию выравнивания нет
-  width = "auto",
-  // По умолчанию ширина автоматическая
+  width,
+  minWidth,
+  maxWidth,
   height,
   sortKey,
   ...props
@@ -1115,10 +1123,13 @@ const FTableHeaderCell = ({
   const { sort, toggleSort } = useContext(TableControlsContext);
   const sortable = Boolean(sortKey && toggleSort);
   const direction = (sort == null ? void 0 : sort.key) === sortKey ? sort == null ? void 0 : sort.direction : void 0;
+  const resolvedMinWidth = minWidth !== void 0 ? minWidth : width !== void 0 && width !== "auto" && !String(width).includes("%") ? width : void 0;
   const style = {
     textAlign: textAlignment,
-    width,
-    height,
+    ...width !== void 0 ? { width } : {},
+    ...resolvedMinWidth !== void 0 ? { minWidth: resolvedMinWidth } : {},
+    ...maxWidth !== void 0 ? { maxWidth } : {},
+    ...height !== void 0 ? { height } : {},
     ...st
   };
   return /* @__PURE__ */ jsx(
@@ -1229,6 +1240,8 @@ const FTableDataCell = ({
   children,
   textAlignment,
   width,
+  minWidth,
+  maxWidth,
   height,
   truncate,
   sortKey: _sortKey,
@@ -1242,10 +1255,13 @@ const FTableDataCell = ({
   const text = typeof children === "string" || typeof children === "number" ? String(children) : null;
   const limit = truncateAt !== void 0 && Number.isFinite(truncateAt) && truncateAt >= 1 ? Math.floor(truncateAt) : truncate ? 40 : void 0;
   const collapsible = truncate !== false && limit !== void 0 && text !== null && text.length > limit;
+  const resolvedMinWidth = minWidth !== void 0 ? minWidth : width !== void 0 && width !== "auto" && !String(width).includes("%") ? width : void 0;
   const style = {
     textAlign: textAlignment,
-    width,
-    height,
+    ...width !== void 0 ? { width } : {},
+    ...resolvedMinWidth !== void 0 ? { minWidth: resolvedMinWidth } : {},
+    ...maxWidth !== void 0 ? { maxWidth } : {},
+    ...height !== void 0 ? { height } : {},
     ...st
   };
   return /* @__PURE__ */ jsx(