react-better-html 1.1.182 → 1.1.184
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 +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +11 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -942,6 +942,7 @@ type MenuItem = {
|
|
|
942
942
|
};
|
|
943
943
|
type SideMenuProps = {
|
|
944
944
|
items: MenuItem[];
|
|
945
|
+
topSpace?: number;
|
|
945
946
|
logoAssetName?: AssetName | AnyOtherString;
|
|
946
947
|
logoUrl?: string;
|
|
947
948
|
logoText?: string;
|
|
@@ -954,7 +955,9 @@ type SideMenuComponentType = {
|
|
|
954
955
|
pageHolder: (props: SideMenuPageHolderProps) => React.ReactElement;
|
|
955
956
|
};
|
|
956
957
|
declare const SideMenuComponent: SideMenuComponentType;
|
|
957
|
-
type SideMenuPageHolderProps = PageHolderProps & {
|
|
958
|
+
type SideMenuPageHolderProps = PageHolderProps & {
|
|
959
|
+
outsideComponent?: React.ReactNode;
|
|
960
|
+
};
|
|
958
961
|
declare const SideMenu: typeof SideMenuComponent & {
|
|
959
962
|
pageHolder: typeof SideMenuComponent.pageHolder;
|
|
960
963
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -942,6 +942,7 @@ type MenuItem = {
|
|
|
942
942
|
};
|
|
943
943
|
type SideMenuProps = {
|
|
944
944
|
items: MenuItem[];
|
|
945
|
+
topSpace?: number;
|
|
945
946
|
logoAssetName?: AssetName | AnyOtherString;
|
|
946
947
|
logoUrl?: string;
|
|
947
948
|
logoText?: string;
|
|
@@ -954,7 +955,9 @@ type SideMenuComponentType = {
|
|
|
954
955
|
pageHolder: (props: SideMenuPageHolderProps) => React.ReactElement;
|
|
955
956
|
};
|
|
956
957
|
declare const SideMenuComponent: SideMenuComponentType;
|
|
957
|
-
type SideMenuPageHolderProps = PageHolderProps & {
|
|
958
|
+
type SideMenuPageHolderProps = PageHolderProps & {
|
|
959
|
+
outsideComponent?: React.ReactNode;
|
|
960
|
+
};
|
|
958
961
|
declare const SideMenu: typeof SideMenuComponent & {
|
|
959
962
|
pageHolder: typeof SideMenuComponent.pageHolder;
|
|
960
963
|
};
|
package/dist/index.js
CHANGED
|
@@ -9504,6 +9504,7 @@ var MenuItemComponent = (0, import_react29.memo)(function MenuItemComponent2({ i
|
|
|
9504
9504
|
});
|
|
9505
9505
|
var SideMenuComponent = function SideMenu({
|
|
9506
9506
|
items,
|
|
9507
|
+
topSpace = 0,
|
|
9507
9508
|
logoAssetName,
|
|
9508
9509
|
logoUrl,
|
|
9509
9510
|
logoText,
|
|
@@ -9528,7 +9529,9 @@ var SideMenuComponent = function SideMenu({
|
|
|
9528
9529
|
{
|
|
9529
9530
|
position: "fixed",
|
|
9530
9531
|
width: mediaQuery.size1000 ? "100%" : isCollapsed ? sideMenuCollapsedWidth : sideMenuWidth,
|
|
9531
|
-
height:
|
|
9532
|
+
height: `calc(100svh - ${topSpace}px)`,
|
|
9533
|
+
top: topSpace,
|
|
9534
|
+
left: 0,
|
|
9532
9535
|
backgroundColor: theme2.colors.backgroundBase,
|
|
9533
9536
|
borderRight: `solid 1px ${theme2.colors.border}`,
|
|
9534
9537
|
transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : "translateX(-100%)",
|
|
@@ -9640,19 +9643,23 @@ var SideMenuComponent = function SideMenu({
|
|
|
9640
9643
|
}
|
|
9641
9644
|
);
|
|
9642
9645
|
};
|
|
9643
|
-
SideMenuComponent.pageHolder = function SideMenuPageHolder({ ...props }) {
|
|
9646
|
+
SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, ...props }) {
|
|
9644
9647
|
const theme2 = useTheme();
|
|
9645
9648
|
const mediaQuery = useMediaQuery();
|
|
9646
9649
|
const { components, sideMenuIsCollapsed } = useBetterHtmlContextInternal();
|
|
9647
9650
|
const sideMenuWidth = components.sideMenu?.width ?? defaultSideMenuWidth;
|
|
9648
9651
|
const sideMenuCollapsedWidth = theme2.styles.space + theme2.styles.space * 2 + 16 + 1 + theme2.styles.space;
|
|
9649
|
-
return /* @__PURE__ */ (0, import_jsx_runtime27.
|
|
9652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
9650
9653
|
Div_default,
|
|
9651
9654
|
{
|
|
9655
|
+
position: "relative",
|
|
9652
9656
|
width: "100%",
|
|
9653
9657
|
paddingLeft: !mediaQuery.size1000 ? !sideMenuIsCollapsed ? sideMenuWidth : sideMenuCollapsedWidth : void 0,
|
|
9654
9658
|
transition: theme2.styles.transition,
|
|
9655
|
-
children:
|
|
9659
|
+
children: [
|
|
9660
|
+
outsideComponent,
|
|
9661
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(PageHolder_default, { ...props })
|
|
9662
|
+
]
|
|
9656
9663
|
}
|
|
9657
9664
|
);
|
|
9658
9665
|
};
|