react-better-html 1.1.195 → 1.1.197

package/dist/index.mjs

@@ -8607,7 +8607,7 @@ var TableComponent = forwardRef15(function Table({
                         )
                       ] })
                     },
-                    value.value
+                    value.value.toString()
                   );
                 }) : /* @__PURE__ */ jsx23(Text_default.unknown, { children: "No values" }) })
               ] }),
@@ -9355,7 +9355,7 @@ var Foldable_default = Foldable2;
 
 // src/components/SideMenu.tsx
 import { memo as memo27, useCallback as useCallback16, useEffect as useEffect15, useMemo as useMemo12 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var MenuItemComponent = memo27(function MenuItemComponent2({ item, backgroundColor, onClick }) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   if (!reactRouterDomPlugin2) {
@@ -9510,6 +9510,9 @@ var SideMenuComponent = function SideMenu({
   collapsable,
   withCloseButton,
   widthMobileHandle,
+  absoluteComponent,
+  additionalComponent,
+  isLoading,
   backgroundColor,
   paddingTop
 }) {
@@ -9582,45 +9585,48 @@ var SideMenuComponent = function SideMenu({
             ) }),
             withCloseButton && mediaQuery.size1000 && /* @__PURE__ */ jsx27(Button_default.icon, { icon: "XMark", marginLeft: "auto", onClick: onClickXButton })
           ] }),
-          /* @__PURE__ */ jsx27(
-            Div_default.column,
-            {
-              width: "100%",
-              height: "100%",
-              overflowY: "auto",
-              paddingInline: theme2.styles.space,
-              paddingBottom: !isCollapsable && !readyBottomItems ? theme2.styles.space : void 0,
-              children: /* @__PURE__ */ jsx27(Div_default.column, { gap: theme2.styles.gap / 2, children: readyItems.map((item) => /* @__PURE__ */ jsx27(
-                MenuItemComponent,
-                {
-                  item,
-                  backgroundColor: readyBackgroundColor,
-                  onClick: onClickXButton
-                },
-                item.text
-              )) })
-            }
-          ),
-          readyBottomItems && /* @__PURE__ */ jsx27(
-            Div_default.column,
-            {
-              borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
-              gap: theme2.styles.gap / 2,
-              marginTop: "auto",
-              paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
-              paddingInline: theme2.styles.space,
-              paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
-              children: readyBottomItems.map((item) => /* @__PURE__ */ jsx27(
-                MenuItemComponent,
-                {
-                  item,
-                  backgroundColor: readyBackgroundColor,
-                  onClick: onClickXButton
-                },
-                item.text
-              ))
-            }
-          ),
+          !isLoading ? /* @__PURE__ */ jsxs23(Fragment8, { children: [
+            /* @__PURE__ */ jsx27(
+              Div_default.column,
+              {
+                width: "100%",
+                height: "100%",
+                overflowY: "auto",
+                paddingInline: theme2.styles.space,
+                paddingBottom: !isCollapsable && !readyBottomItems ? theme2.styles.space : void 0,
+                children: /* @__PURE__ */ jsx27(Div_default.column, { gap: theme2.styles.gap / 2, children: readyItems.map((item) => /* @__PURE__ */ jsx27(
+                  MenuItemComponent,
+                  {
+                    item,
+                    backgroundColor: readyBackgroundColor,
+                    onClick: onClickXButton
+                  },
+                  item.text
+                )) })
+              }
+            ),
+            readyBottomItems && /* @__PURE__ */ jsx27(
+              Div_default.column,
+              {
+                borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
+                gap: theme2.styles.gap / 2,
+                marginTop: "auto",
+                paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
+                paddingInline: theme2.styles.space,
+                paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
+                children: readyBottomItems.map((item) => /* @__PURE__ */ jsx27(
+                  MenuItemComponent,
+                  {
+                    item,
+                    backgroundColor: readyBackgroundColor,
+                    onClick: onClickXButton
+                  },
+                  item.text
+                ))
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx27(Div_default, { flex: 1, children: /* @__PURE__ */ jsx27(Loader_default.box, { text: isCollapsed ? "" : void 0 }) }),
+          additionalComponent,
           isCollapsable && /* @__PURE__ */ jsx27(
             Div_default,
             {
@@ -9686,7 +9692,8 @@ var SideMenuComponent = function SideMenu({
               }
             )
           }
-        )
+        ),
+        absoluteComponent && /* @__PURE__ */ jsx27(Div_default, { position: "absolute", top: 0, left: 0, pointerEvents: "none", zIndex: 2, children: /* @__PURE__ */ jsx27(Div_default, { pointerEvents: "all", children: absoluteComponent }) })
       ]
     }
   );