react-better-html 1.1.182 → 1.1.183

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -954,7 +954,9 @@ type SideMenuComponentType = {
954
954
  pageHolder: (props: SideMenuPageHolderProps) => React.ReactElement;
955
955
  };
956
956
  declare const SideMenuComponent: SideMenuComponentType;
957
- type SideMenuPageHolderProps = PageHolderProps & {};
957
+ type SideMenuPageHolderProps = PageHolderProps & {
958
+ outsideComponent?: React.ReactNode;
959
+ };
958
960
  declare const SideMenu: typeof SideMenuComponent & {
959
961
  pageHolder: typeof SideMenuComponent.pageHolder;
960
962
  };
package/dist/index.d.ts CHANGED
@@ -954,7 +954,9 @@ type SideMenuComponentType = {
954
954
  pageHolder: (props: SideMenuPageHolderProps) => React.ReactElement;
955
955
  };
956
956
  declare const SideMenuComponent: SideMenuComponentType;
957
- type SideMenuPageHolderProps = PageHolderProps & {};
957
+ type SideMenuPageHolderProps = PageHolderProps & {
958
+ outsideComponent?: React.ReactNode;
959
+ };
958
960
  declare const SideMenu: typeof SideMenuComponent & {
959
961
  pageHolder: typeof SideMenuComponent.pageHolder;
960
962
  };
package/dist/index.js CHANGED
@@ -9640,19 +9640,23 @@ var SideMenuComponent = function SideMenu({
9640
9640
  }
9641
9641
  );
9642
9642
  };
9643
- SideMenuComponent.pageHolder = function SideMenuPageHolder({ ...props }) {
9643
+ SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, ...props }) {
9644
9644
  const theme2 = useTheme();
9645
9645
  const mediaQuery = useMediaQuery();
9646
9646
  const { components, sideMenuIsCollapsed } = useBetterHtmlContextInternal();
9647
9647
  const sideMenuWidth = components.sideMenu?.width ?? defaultSideMenuWidth;
9648
9648
  const sideMenuCollapsedWidth = theme2.styles.space + theme2.styles.space * 2 + 16 + 1 + theme2.styles.space;
9649
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
9649
+ return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
9650
9650
  Div_default,
9651
9651
  {
9652
+ position: "relative",
9652
9653
  width: "100%",
9653
9654
  paddingLeft: !mediaQuery.size1000 ? !sideMenuIsCollapsed ? sideMenuWidth : sideMenuCollapsedWidth : void 0,
9654
9655
  transition: theme2.styles.transition,
9655
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PageHolder_default, { ...props })
9656
+ children: [
9657
+ outsideComponent,
9658
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PageHolder_default, { ...props })
9659
+ ]
9656
9660
  }
9657
9661
  );
9658
9662
  };