fui-material 2.8.7 → 2.8.9

package/README.md

@@ -63,6 +63,20 @@ npm run build
 npm run lint
 ```
 
+## Для graphify
+
+### Запуск сервера оновления
+
+```bash
+graphify watch .
+```
+
+### Обновление
+
+```bash
+graphify update .
+```
+
 ## 📄 Лицензия
 
-ISC © Allori
+ISC © Allori

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

@@ -713,39 +713,39 @@ const FPaper = ({
   );
 };
 const TableControlsContext = createContext({ query: "", sort: null });
-const left$1 = "_left_jup4u_79";
-const center = "_center_jup4u_82";
-const right = "_right_jup4u_85";
-const justify = "_justify_jup4u_88";
-const more = "_more_jup4u_196";
+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_jup4u_1",
-  "f-table-component__table": "_f-table-component__table_jup4u_13",
-  "f-table-component__table_header": "_f-table-component__table_header_jup4u_23",
-  "is-sticky": "_is-sticky_jup4u_27",
-  "f-table-component__table_header-cell": "_f-table-component__table_header-cell_jup4u_33",
-  "f-table-component__table_body-cell": "_f-table-component__table_body-cell_jup4u_33",
-  "f-table-component__table_body": "_f-table-component__table_body_jup4u_33",
-  "f-table-component__table_row": "_f-table-component__table_row_jup4u_62",
-  "f-table-component__table_row_no-hover": "_f-table-component__table_row_no-hover_jup4u_62",
-  "f-table-component__table_footer": "_f-table-component__table_footer_jup4u_68",
+  "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_jup4u_92",
-  "cell-preview-text": "_cell-preview-text_jup4u_113",
-  "cell-preview": "_cell-preview_jup4u_113",
-  "cell-reveal": "_cell-reveal_jup4u_170",
+  "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_jup4u_227",
-  "table-tools": "_table-tools_jup4u_319",
-  "table-search": "_table-search_jup4u_325",
-  "table-sort": "_table-sort_jup4u_360",
-  "table-empty": "_table-empty_jup4u_388",
-  "cell-tooltip-anchor": "_cell-tooltip-anchor_jup4u_395",
-  "cell-tooltip": "_cell-tooltip_jup4u_395",
-  "cell-tooltip-in": "_cell-tooltip-in_jup4u_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,17 +1113,23 @@ const FTableHeaderCell = ({
   children,
   textAlignment,
   // По умолчанию выравнивания нет
-  width = "auto",
-  // По умолчанию ширина автоматическая
+  width,
+  minWidth,
+  maxWidth,
+  height,
   sortKey,
   ...props
 }) => {
   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,
+    ...width !== void 0 ? { width } : {},
+    ...resolvedMinWidth !== void 0 ? { minWidth: resolvedMinWidth } : {},
+    ...maxWidth !== void 0 ? { maxWidth } : {},
+    ...height !== void 0 ? { height } : {},
     ...st
   };
   return /* @__PURE__ */ jsx(
@@ -1226,7 +1239,10 @@ const FTableDataCell = ({
   col,
   children,
   textAlignment,
-  height = "auto",
+  width,
+  minWidth,
+  maxWidth,
+  height,
   truncate,
   sortKey: _sortKey,
   sortValue: _sortValue,
@@ -1239,9 +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,
-    height,
+    ...width !== void 0 ? { width } : {},
+    ...resolvedMinWidth !== void 0 ? { minWidth: resolvedMinWidth } : {},
+    ...maxWidth !== void 0 ? { maxWidth } : {},
+    ...height !== void 0 ? { height } : {},
     ...st
   };
   return /* @__PURE__ */ jsx(