fui-material 2.0.2 → 2.1.0

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

@@ -1,4 +1,4 @@
-import React, { useRef, useState, forwardRef, useEffect, useMemo, useCallback, useLayoutEffect, Fragment, isValidElement, cloneElement } from "react";
+import React, { forwardRef, useRef, useState, useEffect, useMemo, useCallback, useLayoutEffect, Fragment, isValidElement, cloneElement } from "react";
 import ReactDOM from "react-dom";
 import './main.css';function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
@@ -967,7 +967,7 @@ const stylesBtn = {
   "btn-link": "_btn-link_ch6o3_411",
   "btn-outline-link": "_btn-outline-link_ch6o3_434"
 };
-const FButton = ({
+const FButton = forwardRef(({
   children,
   variant = "contained",
   color = "primary",
@@ -975,7 +975,7 @@ const FButton = ({
   st: st2,
   fullWidth,
   ...props
-}) => {
+}, ref) => {
   const inputId = props.id || `button-${Math.random().toString(36).substring(2, 9)}`;
   let style = st2 !== void 0 ? { ...st2 } : void 0;
   if (fullWidth) {
@@ -994,6 +994,7 @@ const FButton = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "button",
     {
+      ref,
       style,
       type: "button",
       ...props,
@@ -1002,7 +1003,8 @@ const FButton = ({
       children
     }
   );
-};
+});
+FButton.displayName = "FButton";
 const defaultStyles = {
   "f-button-file": "_f-button-file_i2hex_1",
   "file-preview-list": "_file-preview-list_i2hex_1"
@@ -1614,19 +1616,25 @@ const FPaper = ({
     }
   );
 };
-const bordered = "_bordered_bxmcg_18";
+const bordered = "_bordered_19x7r_18";
+const left$1 = "_left_19x7r_40";
+const center = "_center_19x7r_43";
+const right = "_right_19x7r_46";
 const styles$p = {
-  "f-table-component": "_f-table-component_bxmcg_1",
-  "f-table-component__table": "_f-table-component__table_bxmcg_7",
+  "f-table-component": "_f-table-component_19x7r_1",
+  "f-table-component__table": "_f-table-component__table_19x7r_7",
   bordered,
-  "bordered-half": "_bordered-half_bxmcg_22",
-  "f-table-component__table_header": "_f-table-component__table_header_bxmcg_25",
-  "is-sticky": "_is-sticky_bxmcg_32",
-  "f-table-component__table_header-cell": "_f-table-component__table_header-cell_bxmcg_37",
-  "f-table-component__table_body": "_f-table-component__table_body_bxmcg_54",
-  "f-table-component__table_row": "_f-table-component__table_row_bxmcg_57",
-  "f-table-component__table_body-cell": "_f-table-component__table_body-cell_bxmcg_61",
-  "f-table-component__table_footer": "_f-table-component__table_footer_bxmcg_73"
+  "bordered-half": "_bordered-half_19x7r_22",
+  "f-table-component__table_header": "_f-table-component__table_header_19x7r_25",
+  "is-sticky": "_is-sticky_19x7r_32",
+  "f-table-component__table_header-cell": "_f-table-component__table_header-cell_19x7r_37",
+  left: left$1,
+  center,
+  right,
+  "f-table-component__table_body": "_f-table-component__table_body_19x7r_65",
+  "f-table-component__table_row": "_f-table-component__table_row_19x7r_68",
+  "f-table-component__table_body-cell": "_f-table-component__table_body-cell_19x7r_81",
+  "f-table-component__table_footer": "_f-table-component__table_footer_19x7r_97"
 };
 const FTableHead = ({
   st: st2,
@@ -1637,16 +1645,12 @@ const FTableHead = ({
   // По умолчанию заголовок не "липкий"
   ...props
 }) => {
-  const style = {
-    textAlign: textAlignment,
-    ...st2
-  };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "thead",
     {
-      style,
+      style: st2,
       ...props,
-      className: `${styles$p["f-table-component__table_header"]} ${isSticky ? styles$p["is-sticky"] : ""} ${props.className || ""}`,
+      className: `${styles$p["f-table-component__table_header"]} ${isSticky ? styles$p["is-sticky"] : ""} ${props.className || ""} ${styles$p[textAlignment]}`,
       children
     }
   );
@@ -1660,10 +1664,6 @@ const FTableBody = ({
   visibleRowCount = void 0,
   ...props
 }) => {
-  const style = {
-    textAlign: textAlignment,
-    ...st2
-  };
   const tableBodyRef = useRef(null);
   const flatChildren = useMemo(() => React.Children.toArray(children), [children]);
   const totalRows = flatChildren.length;
@@ -1743,7 +1743,7 @@ const FTableBody = ({
   } else {
     visibleItems = flatChildren;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { ref: tableBodyRef, style, ...props, className: `${styles$p["f-table-component__table_body"]} ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { ref: tableBodyRef, style: st2, ...props, className: `${styles$p["f-table-component__table_body"]} ${props.className || ""}  ${styles$p[textAlignment]}`, children: [
     virtualizationEnabled && rowHeights.some((h) => h > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { height: topOffset } }),
     visibleItems.map((child, idx) => React.isValidElement(child) ? React.cloneElement(child, { "data-row-index": virtualizationEnabled ? startIdx + idx : idx, key: virtualizationEnabled ? startIdx + idx : idx }) : child),
     virtualizationEnabled && rowHeights.some((h) => h > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { height: bottomOffset } })
@@ -1821,6 +1821,7 @@ const FTable = ({
 const FTableRow = ({
   st: st2,
   children,
+  textAlignment,
   ...props
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1828,7 +1829,7 @@ const FTableRow = ({
     {
       style: st2,
       ...props,
-      className: `${styles$p["f-table-component__table_row"]} ${props.className || ""}`,
+      className: `${styles$p["f-table-component__table_row"]} ${props.className || ""}${textAlignment !== void 0 ? ` ${styles$p[textAlignment]}` : ""}`,
       children
     }
   );
@@ -1838,8 +1839,8 @@ const FTableHeaderCell = ({
   row,
   col,
   children,
-  textAlignment = "left",
-  // По умолчанию выравнивание слева
+  textAlignment,
+  // По умолчанию выравнивания нет
   width = "auto",
   // По умолчанию ширина автоматическая
   ...props
@@ -1866,8 +1867,8 @@ const FTableDataCell = ({
   row,
   col,
   children,
-  textAlignment = "left",
-  // По умолчанию выравнивание слева
+  textAlignment,
+  // По умолчанию выравнивания нет
   height = "auto",
   // По умолчанию высота автоматическая
   ...props
@@ -3511,7 +3512,7 @@ const FTabs = ({
     }
   );
 };
-const FTab = ({
+const FTab = forwardRef(({
   children,
   id,
   className,
@@ -3519,10 +3520,11 @@ const FTab = ({
   onClick,
   disabled: disabled2,
   active: active2
-}) => {
+}, ref) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "button",
     {
+      ref,
       type: "button",
       id,
       style: st2,
@@ -3532,7 +3534,8 @@ const FTab = ({
       children
     }
   );
-};
+});
+FTab.displayName = "FTab";
 const styles$a = {
   "f-dropdown": "_f-dropdown_d5i2z_1",
   "f-dropdown__arrow": "_f-dropdown__arrow_d5i2z_6",
@@ -6705,7 +6708,7 @@ const document$1 = (data, format = "A4", orientation = "vertical") => {
   let width = 11906;
   let height = 16838;
   let top = 1134;
-  let right = 567;
+  let right2 = 567;
   let bottom = 1134;
   let left2 = 1701;
   const header = 709;
@@ -6715,7 +6718,7 @@ const document$1 = (data, format = "A4", orientation = "vertical") => {
       width = orientation === "landscape" ? 16838 : 11906;
       height = orientation === "landscape" ? 11906 : 16838;
       top = orientation === "landscape" ? 1134 : 1134;
-      right = orientation === "landscape" ? 851 : 567;
+      right2 = orientation === "landscape" ? 851 : 567;
       bottom = orientation === "landscape" ? 1418 : 1134;
       left2 = orientation === "landscape" ? 1701 : 1701;
       break;
@@ -6723,7 +6726,7 @@ const document$1 = (data, format = "A4", orientation = "vertical") => {
       width = orientation === "landscape" ? 23803 : 16817;
       height = orientation === "landscape" ? 16817 : 23803;
       top = orientation === "landscape" ? 1134 : 1134;
-      right = orientation === "landscape" ? 851 : 851;
+      right2 = orientation === "landscape" ? 851 : 851;
       bottom = orientation === "landscape" ? 1134 : 1134;
       left2 = orientation === "landscape" ? 1418 : 1418;
       break;
@@ -6731,7 +6734,7 @@ const document$1 = (data, format = "A4", orientation = "vertical") => {
       width = orientation === "landscape" ? 31678 : 23803;
       height = orientation === "landscape" ? 23803 : 31678;
       top = orientation === "landscape" ? 1418 : 1418;
-      right = orientation === "landscape" ? 1134 : 1134;
+      right2 = orientation === "landscape" ? 1134 : 1134;
       bottom = orientation === "landscape" ? 1418 : 1418;
       left2 = orientation === "landscape" ? 1701 : 1701;
       break;
@@ -6739,12 +6742,12 @@ const document$1 = (data, format = "A4", orientation = "vertical") => {
       width = orientation === "landscape" ? 31678 : 31678;
       height = orientation === "landscape" ? 31678 : 31678;
       top = orientation === "landscape" ? 1701 : 1701;
-      right = orientation === "landscape" ? 1701 : 1701;
+      right2 = orientation === "landscape" ? 1701 : 1701;
       bottom = orientation === "landscape" ? 1985 : 1985;
       left2 = orientation === "landscape" ? 2268 : 2268;
       break;
   }
-  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w:document xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" xmlns:cx2="http://schemas.microsoft.com/office/drawing/2015/10/21/chartex" xmlns:cx3="http://schemas.microsoft.com/office/drawing/2016/5/9/chartex" xmlns:cx4="http://schemas.microsoft.com/office/drawing/2016/5/10/chartex" xmlns:cx5="http://schemas.microsoft.com/office/drawing/2016/5/11/chartex" xmlns:cx6="http://schemas.microsoft.com/office/drawing/2016/5/12/chartex" xmlns:cx7="http://schemas.microsoft.com/office/drawing/2016/5/13/chartex" xmlns:cx8="http://schemas.microsoft.com/office/drawing/2016/5/14/chartex" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:aink="http://schemas.microsoft.com/office/drawing/2016/ink" xmlns:am3d="http://schemas.microsoft.com/office/drawing/2017/model3d" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:oel="http://schemas.microsoft.com/office/2019/extlst" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:wp14="http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:w14="http://schemas.microsoft.com/office/word/2010/wordml" xmlns:w15="http://schemas.microsoft.com/office/word/2012/wordml" xmlns:w16cex="http://schemas.microsoft.com/office/word/2018/wordml/cex" xmlns:w16cid="http://schemas.microsoft.com/office/word/2016/wordml/cid" xmlns:w16="http://schemas.microsoft.com/office/word/2018/wordml" xmlns:w16sdtdh="http://schemas.microsoft.com/office/word/2020/wordml/sdtdatahash" xmlns:w16se="http://schemas.microsoft.com/office/word/2015/wordml/symex" xmlns:wpg="http://schemas.microsoft.com/office/word/2010/wordprocessingGroup" xmlns:wpi="http://schemas.microsoft.com/office/word/2010/wordprocessingInk" xmlns:wne="http://schemas.microsoft.com/office/word/2006/wordml" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" mc:Ignorable="w14 w15 w16se w16cid w16 w16cex w16sdtdh wp14"><w:body>${data}<w:sectPr><w:pgSz w:w="${width}" w:h="${height}" w:orient="${orientation}"/><w:pgMar w:top="${top}" w:right="${right}" w:bottom="${bottom}" w:left="${left2}" w:header="${header}" w:footer="${footer}" w:gutter="0"/><w:cols w:space="708"/><w:docGrid w:linePitch="360"/></w:sectPr></w:body></w:document>`;
+  return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><w:document xmlns:wpc="http://schemas.microsoft.com/office/word/2010/wordprocessingCanvas" xmlns:cx="http://schemas.microsoft.com/office/drawing/2014/chartex" xmlns:cx1="http://schemas.microsoft.com/office/drawing/2015/9/8/chartex" xmlns:cx2="http://schemas.microsoft.com/office/drawing/2015/10/21/chartex" xmlns:cx3="http://schemas.microsoft.com/office/drawing/2016/5/9/chartex" xmlns:cx4="http://schemas.microsoft.com/office/drawing/2016/5/10/chartex" xmlns:cx5="http://schemas.microsoft.com/office/drawing/2016/5/11/chartex" xmlns:cx6="http://schemas.microsoft.com/office/drawing/2016/5/12/chartex" xmlns:cx7="http://schemas.microsoft.com/office/drawing/2016/5/13/chartex" xmlns:cx8="http://schemas.microsoft.com/office/drawing/2016/5/14/chartex" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:aink="http://schemas.microsoft.com/office/drawing/2016/ink" xmlns:am3d="http://schemas.microsoft.com/office/drawing/2017/model3d" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:oel="http://schemas.microsoft.com/office/2019/extlst" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:wp14="http://schemas.microsoft.com/office/word/2010/wordprocessingDrawing" xmlns:wp="http://schemas.openxmlformats.org/drawingml/2006/wordprocessingDrawing" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:w="http://schemas.openxmlformats.org/wordprocessingml/2006/main" xmlns:w14="http://schemas.microsoft.com/office/word/2010/wordml" xmlns:w15="http://schemas.microsoft.com/office/word/2012/wordml" xmlns:w16cex="http://schemas.microsoft.com/office/word/2018/wordml/cex" xmlns:w16cid="http://schemas.microsoft.com/office/word/2016/wordml/cid" xmlns:w16="http://schemas.microsoft.com/office/word/2018/wordml" xmlns:w16sdtdh="http://schemas.microsoft.com/office/word/2020/wordml/sdtdatahash" xmlns:w16se="http://schemas.microsoft.com/office/word/2015/wordml/symex" xmlns:wpg="http://schemas.microsoft.com/office/word/2010/wordprocessingGroup" xmlns:wpi="http://schemas.microsoft.com/office/word/2010/wordprocessingInk" xmlns:wne="http://schemas.microsoft.com/office/word/2006/wordml" xmlns:wps="http://schemas.microsoft.com/office/word/2010/wordprocessingShape" mc:Ignorable="w14 w15 w16se w16cid w16 w16cex w16sdtdh wp14"><w:body>${data}<w:sectPr><w:pgSz w:w="${width}" w:h="${height}" w:orient="${orientation}"/><w:pgMar w:top="${top}" w:right="${right2}" w:bottom="${bottom}" w:left="${left2}" w:header="${header}" w:footer="${footer}" w:gutter="0"/><w:cols w:space="708"/><w:docGrid w:linePitch="360"/></w:sectPr></w:body></w:document>`;
 };
 const styles$1 = () => {
   return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>