fui-material 1.24.21 → 1.24.22

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

@@ -973,7 +973,6 @@ const FButton = ({
   color = "primary",
   size = "btn-sm",
   st: st2,
-  className,
   fullWidth,
   ...props
 }) => {
@@ -995,11 +994,11 @@ const FButton = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "button",
     {
-      className: `${stylesBtn["btn"]} ${stylesBtn[size]} ${stylesBtn[`btn${variant === "contained" ? "-" : "-outline-"}${color}`]} ${className || ""}`,
       style,
       type: "button",
       ...props,
       id: inputId,
+      className: `${stylesBtn["btn"]} ${stylesBtn[size]} ${stylesBtn[`btn${variant === "contained" ? "-" : "-outline-"}${color}`]} ${props.className || ""}`,
       children
     }
   );
@@ -1632,7 +1631,6 @@ const styles$p = {
 const FTableHead = ({
   st: st2,
   children,
-  className,
   textAlignment = "left",
   // По умолчанию выравнивание слева
   isSticky = false,
@@ -1647,8 +1645,8 @@ const FTableHead = ({
     "thead",
     {
       style,
-      className: `${styles$p["f-table-component__table_header"]} ${isSticky ? styles$p["is-sticky"] : ""} ${className || ""}`,
       ...props,
+      className: `${styles$p["f-table-component__table_header"]} ${isSticky ? styles$p["is-sticky"] : ""} ${props.className || ""}`,
       children
     }
   );
@@ -1660,7 +1658,6 @@ const FTableBody = ({
   // По умолчанию выравнивание слева
   tableWrapperRef,
   visibleRowCount = void 0,
-  className,
   ...props
 }) => {
   const style = {
@@ -1746,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"]} ${className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { ref: tableBodyRef, style, ...props, className: `${styles$p["f-table-component__table_body"]} ${props.className || ""}`, 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 } })
@@ -1756,7 +1753,6 @@ const FTableBody$1 = React.memo(FTableBody);
 const FTable = ({
   st: st2,
   children,
-  className,
   overflowX = "auto",
   // По умолчанию горизонтальное переполнение автоматическое
   overflowY = "auto",
@@ -1791,9 +1787,9 @@ const FTable = ({
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "table",
         {
-          className: `table ${styles$p["f-table-component__table"]} ${styles$p["bordered"]} ${styles$p["bordered-half"]} ${className || ""}`,
           style: st2,
           ...props,
+          className: `table ${styles$p["f-table-component__table"]} ${styles$p["bordered"]} ${styles$p["bordered-half"]} ${props.className || ""}`,
           children: React.Children.map(children, (child) => {
             if (React.isValidElement(child) && child.type === FTableHead) {
               const headProps = child.props;
@@ -1825,8 +1821,6 @@ const FTable = ({
 const FTableRow = ({
   st: st2,
   children,
-  id,
-  className,
   ...props
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1834,8 +1828,7 @@ const FTableRow = ({
     {
       style: st2,
       ...props,
-      id,
-      className: `${styles$p["f-table-component__table_row"]} ${className || ""}`,
+      className: `${styles$p["f-table-component__table_row"]} ${props.className || ""}`,
       children
     }
   );
@@ -1849,8 +1842,6 @@ const FTableHeaderCell = ({
   // По умолчанию выравнивание слева
   width = "auto",
   // По умолчанию ширина автоматическая
-  id,
-  className,
   ...props
 }) => {
   const style = {
@@ -1861,12 +1852,11 @@ const FTableHeaderCell = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "th",
     {
-      id,
-      className: `${styles$p["f-table-component__table_header-cell"]} ${className || ""}`,
       style,
       rowSpan: row && row > 1 ? row : void 0,
       colSpan: col && col > 1 ? col : void 0,
       ...props,
+      className: `${styles$p["f-table-component__table_header-cell"]} ${props.className || ""}`,
       children
     }
   );
@@ -1880,8 +1870,6 @@ const FTableDataCell = ({
   // По умолчанию выравнивание слева
   height = "auto",
   // По умолчанию высота автоматическая
-  className,
-  id,
   ...props
 }) => {
   const style = {
@@ -1892,12 +1880,11 @@ const FTableDataCell = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "td",
     {
-      className: `${styles$p["f-table-component__table_body-cell"]} ${className || ""}`,
-      id,
       style,
       rowSpan: row && row > 1 ? row : void 0,
       colSpan: col && col > 1 ? col : void 0,
       ...props,
+      className: `${styles$p["f-table-component__table_body-cell"]} ${props.className || ""}`,
       children
     }
   );
@@ -1905,17 +1892,14 @@ const FTableDataCell = ({
 const FTableFooter = ({
   st: st2,
   children,
-  className,
-  id,
   ...props
 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "tfoot",
     {
-      className: `${styles$p["f-table-component__table_footer"]} ${className || ""}`,
       style: st2,
-      id,
       ...props,
+      className: `${styles$p["f-table-component__table_footer"]} ${props.className || ""}`,
       children
     }
   );
@@ -2111,11 +2095,11 @@ const styles$l = {
   "f-checkbox": "_f-checkbox_9rvqg_1"
 };
 const FCheckbox = forwardRef(
-  ({ label, className, id, st: st2, ...props }, ref) => {
+  ({ label, id, st: st2, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: `${styles$l["f-checkbox"]} ${className || ""}`,
+        className: `${styles$l["f-checkbox"]} ${props.className || ""}`,
         id,
         style: st2,
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
@@ -2821,12 +2805,12 @@ const FSelect = forwardRef(
               "select",
               {
                 ref,
-                id: inputId,
-                className: `f-form-element__control-element ${styles$e["f-select__control-element"]} ${errText ? "error" : ""}`,
                 "aria-invalid": !!errText,
                 "aria-describedby": [helpText ? inputId + "-helptext" : null, (errText == null ? void 0 : errText.length) ? inputId + "-errortext" : null].filter(Boolean).join(" "),
                 ...props,
+                id: inputId,
                 disabled: props.disabled || load,
+                className: `f-form-element__control-element ${styles$e["f-select__control-element"]} ${errText ? "error" : ""} ${props.className || ""}`,
                 children: !load && children
               }
             ),
@@ -2890,9 +2874,6 @@ const FFullDateField = forwardRef(
     st: st2,
     value,
     fullWidth,
-    disabled: disabled2,
-    id,
-    className,
     load = false,
     errText,
     helpText,
@@ -2904,13 +2885,10 @@ const FFullDateField = forwardRef(
       FTextField,
       {
         st: st2,
-        className,
         width,
         height,
         fullWidth,
-        id,
         ref,
-        disabled: disabled2,
         load,
         value: load ? "" : value,
         type: load ? "text" : "date",
@@ -3663,7 +3641,6 @@ const FSearchBox = forwardRef(
     readOnly,
     errText,
     helpText,
-    className,
     load = false,
     children,
     color = "primary",
@@ -3683,12 +3660,12 @@ const FSearchBox = forwardRef(
           ref,
           disabled: disabled2,
           readOnly: readOnly || load,
-          className: `${styles$9["f-search-box__input"]} ${className || ""}`,
           type: type ?? "text",
           helpText,
           errText,
           load,
-          ...props
+          ...props,
+          className: `${styles$9["f-search-box__input"]} ${props.className || ""}`
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$9["f-search-box__button"], style: { marginTop: label ? "21.8px" : "0" }, children: [