react-better-html 1.1.194 → 1.1.196
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 +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +8 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -965,8 +965,11 @@ type SideMenuProps = {
|
|
|
965
965
|
collapsable?: boolean;
|
|
966
966
|
withCloseButton?: boolean;
|
|
967
967
|
widthMobileHandle?: boolean;
|
|
968
|
+
absoluteComponent?: React.ReactNode;
|
|
969
|
+
additionalComponent?: React.ReactNode;
|
|
968
970
|
/** @default backgroundContent */
|
|
969
971
|
backgroundColor?: React.CSSProperties["backgroundColor"];
|
|
972
|
+
paddingTop?: React.CSSProperties["paddingTop"];
|
|
970
973
|
};
|
|
971
974
|
type SideMenuComponentType = {
|
|
972
975
|
(props: SideMenuProps): React.ReactElement;
|
package/dist/index.d.ts
CHANGED
|
@@ -965,8 +965,11 @@ type SideMenuProps = {
|
|
|
965
965
|
collapsable?: boolean;
|
|
966
966
|
withCloseButton?: boolean;
|
|
967
967
|
widthMobileHandle?: boolean;
|
|
968
|
+
absoluteComponent?: React.ReactNode;
|
|
969
|
+
additionalComponent?: React.ReactNode;
|
|
968
970
|
/** @default backgroundContent */
|
|
969
971
|
backgroundColor?: React.CSSProperties["backgroundColor"];
|
|
972
|
+
paddingTop?: React.CSSProperties["paddingTop"];
|
|
970
973
|
};
|
|
971
974
|
type SideMenuComponentType = {
|
|
972
975
|
(props: SideMenuProps): React.ReactElement;
|
package/dist/index.js
CHANGED
|
@@ -9597,7 +9597,10 @@ var SideMenuComponent = function SideMenu({
|
|
|
9597
9597
|
collapsable,
|
|
9598
9598
|
withCloseButton,
|
|
9599
9599
|
widthMobileHandle,
|
|
9600
|
-
|
|
9600
|
+
absoluteComponent,
|
|
9601
|
+
additionalComponent,
|
|
9602
|
+
backgroundColor,
|
|
9603
|
+
paddingTop
|
|
9601
9604
|
}) {
|
|
9602
9605
|
const theme2 = useTheme();
|
|
9603
9606
|
const mediaQuery = useMediaQuery();
|
|
@@ -9625,7 +9628,7 @@ var SideMenuComponent = function SideMenu({
|
|
|
9625
9628
|
backgroundColor: readyBackgroundColor,
|
|
9626
9629
|
borderRight: `solid 1px ${theme2.colors.border}`,
|
|
9627
9630
|
transform: !mediaQuery.size1000 || sideMenuIsOpenMobile ? "translateX(0)" : "translateX(-100%)",
|
|
9628
|
-
paddingTop: logoAssetName || logoUrl ? theme2.styles.gap : theme2.styles.space,
|
|
9631
|
+
paddingTop: paddingTop ?? (logoAssetName || logoUrl ? theme2.styles.gap : theme2.styles.space),
|
|
9629
9632
|
transition: mediaQuery.size1000 ? !isCollapsed ? `transform ${theme2.styles.transition}` : "none" : theme2.styles.transition,
|
|
9630
9633
|
userSelect: "none",
|
|
9631
9634
|
zIndex: 10,
|
|
@@ -9707,6 +9710,7 @@ var SideMenuComponent = function SideMenu({
|
|
|
9707
9710
|
))
|
|
9708
9711
|
}
|
|
9709
9712
|
),
|
|
9713
|
+
additionalComponent,
|
|
9710
9714
|
isCollapsable && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
9711
9715
|
Div_default,
|
|
9712
9716
|
{
|
|
@@ -9772,7 +9776,8 @@ var SideMenuComponent = function SideMenu({
|
|
|
9772
9776
|
}
|
|
9773
9777
|
)
|
|
9774
9778
|
}
|
|
9775
|
-
)
|
|
9779
|
+
),
|
|
9780
|
+
absoluteComponent && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default, { position: "absolute", top: 0, left: 0, pointerEvents: "none", zIndex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Div_default, { pointerEvents: "all", children: absoluteComponent }) })
|
|
9776
9781
|
]
|
|
9777
9782
|
}
|
|
9778
9783
|
);
|