react-better-html 1.1.188 → 1.1.190
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 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -359,6 +359,8 @@ type PageHolderComponentType = {
|
|
|
359
359
|
pageBackgroundColor?: React.CSSProperties["backgroundColor"];
|
|
360
360
|
pageBackgroundImage?: React.CSSProperties["backgroundImage"];
|
|
361
361
|
contentMaxWidth?: React.CSSProperties["maxWidth"];
|
|
362
|
+
/** @default true */
|
|
363
|
+
contentInsideBox?: boolean;
|
|
362
364
|
behindComponent?: React.ReactNode;
|
|
363
365
|
sideComponent?: React.ReactNode;
|
|
364
366
|
/** @default "right" */
|
|
@@ -984,6 +986,8 @@ type BetterHtmlConfig = {
|
|
|
984
986
|
icons: Partial<IconsConfig>;
|
|
985
987
|
assets: Partial<AssetsConfig>;
|
|
986
988
|
loaders: Partial<LoaderConfig>;
|
|
989
|
+
sideMenuIsCollapsed: boolean;
|
|
990
|
+
sideMenuIsOpenMobile: boolean;
|
|
987
991
|
components: {
|
|
988
992
|
button?: {
|
|
989
993
|
style?: ComponentStyleConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
|
package/dist/index.d.ts
CHANGED
|
@@ -359,6 +359,8 @@ type PageHolderComponentType = {
|
|
|
359
359
|
pageBackgroundColor?: React.CSSProperties["backgroundColor"];
|
|
360
360
|
pageBackgroundImage?: React.CSSProperties["backgroundImage"];
|
|
361
361
|
contentMaxWidth?: React.CSSProperties["maxWidth"];
|
|
362
|
+
/** @default true */
|
|
363
|
+
contentInsideBox?: boolean;
|
|
362
364
|
behindComponent?: React.ReactNode;
|
|
363
365
|
sideComponent?: React.ReactNode;
|
|
364
366
|
/** @default "right" */
|
|
@@ -984,6 +986,8 @@ type BetterHtmlConfig = {
|
|
|
984
986
|
icons: Partial<IconsConfig>;
|
|
985
987
|
assets: Partial<AssetsConfig>;
|
|
986
988
|
loaders: Partial<LoaderConfig>;
|
|
989
|
+
sideMenuIsCollapsed: boolean;
|
|
990
|
+
sideMenuIsOpenMobile: boolean;
|
|
987
991
|
components: {
|
|
988
992
|
button?: {
|
|
989
993
|
style?: ComponentStyleConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
|
package/dist/index.js
CHANGED
|
@@ -3837,6 +3837,7 @@ PageHolderComponent.center = (0, import_react15.forwardRef)(function Center({
|
|
|
3837
3837
|
pageBackgroundColor,
|
|
3838
3838
|
pageBackgroundImage,
|
|
3839
3839
|
contentMaxWidth,
|
|
3840
|
+
contentInsideBox,
|
|
3840
3841
|
behindComponent,
|
|
3841
3842
|
sideComponent,
|
|
3842
3843
|
sideComponentPosition = "right",
|
|
@@ -3849,6 +3850,7 @@ PageHolderComponent.center = (0, import_react15.forwardRef)(function Center({
|
|
|
3849
3850
|
const { app } = useBetterHtmlContextInternal();
|
|
3850
3851
|
const breakingPoint = mediaQuery.size1000;
|
|
3851
3852
|
const withSideComponent = sideComponent && !breakingPoint;
|
|
3853
|
+
const ContentTag = contentInsideBox !== false ? Div_default.box : Div_default;
|
|
3852
3854
|
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
3853
3855
|
Div_default.row,
|
|
3854
3856
|
{
|
|
@@ -3875,7 +3877,7 @@ PageHolderComponent.center = (0, import_react15.forwardRef)(function Center({
|
|
|
3875
3877
|
),
|
|
3876
3878
|
sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Div_default, { width: "50%" }),
|
|
3877
3879
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
3878
|
-
|
|
3880
|
+
ContentTag,
|
|
3879
3881
|
{
|
|
3880
3882
|
width: `calc(100% - ${theme2.styles.space * 2}px)`,
|
|
3881
3883
|
maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
|
|
@@ -9604,10 +9606,10 @@ var SideMenuComponent = function SideMenu({
|
|
|
9604
9606
|
readyBottomItems && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
9605
9607
|
Div_default.column,
|
|
9606
9608
|
{
|
|
9607
|
-
borderTop: `solid 1px ${theme2.colors.border}
|
|
9609
|
+
borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
|
|
9608
9610
|
gap: theme2.styles.gap / 2,
|
|
9609
9611
|
marginTop: "auto",
|
|
9610
|
-
paddingTop: theme2.styles.space,
|
|
9612
|
+
paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
|
|
9611
9613
|
paddingInline: theme2.styles.space,
|
|
9612
9614
|
paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
|
|
9613
9615
|
children: readyBottomItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuItemComponent, { item, onClick: onClickXButton }, item.text))
|