react-better-html 1.1.187 → 1.1.189
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 +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -935,10 +935,12 @@ type SideMenuItem = {
|
|
|
935
935
|
text: string;
|
|
936
936
|
iconName: IconName | AnyOtherString;
|
|
937
937
|
href?: string;
|
|
938
|
-
onClick?: (item: SideMenuItem) => void;
|
|
939
938
|
disabled?: boolean;
|
|
940
939
|
hidden?: boolean;
|
|
941
940
|
children?: SideMenuItem[];
|
|
941
|
+
/** @default true */
|
|
942
|
+
onClickCloseSideMenu?: boolean;
|
|
943
|
+
onClick?: (item: SideMenuItem) => void;
|
|
942
944
|
};
|
|
943
945
|
type SideMenuProps = {
|
|
944
946
|
items: SideMenuItem[];
|
|
@@ -982,6 +984,8 @@ type BetterHtmlConfig = {
|
|
|
982
984
|
icons: Partial<IconsConfig>;
|
|
983
985
|
assets: Partial<AssetsConfig>;
|
|
984
986
|
loaders: Partial<LoaderConfig>;
|
|
987
|
+
sideMenuIsCollapsed: boolean;
|
|
988
|
+
sideMenuIsOpenMobile: boolean;
|
|
985
989
|
components: {
|
|
986
990
|
button?: {
|
|
987
991
|
style?: ComponentStyleConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
|
package/dist/index.d.ts
CHANGED
|
@@ -935,10 +935,12 @@ type SideMenuItem = {
|
|
|
935
935
|
text: string;
|
|
936
936
|
iconName: IconName | AnyOtherString;
|
|
937
937
|
href?: string;
|
|
938
|
-
onClick?: (item: SideMenuItem) => void;
|
|
939
938
|
disabled?: boolean;
|
|
940
939
|
hidden?: boolean;
|
|
941
940
|
children?: SideMenuItem[];
|
|
941
|
+
/** @default true */
|
|
942
|
+
onClickCloseSideMenu?: boolean;
|
|
943
|
+
onClick?: (item: SideMenuItem) => void;
|
|
942
944
|
};
|
|
943
945
|
type SideMenuProps = {
|
|
944
946
|
items: SideMenuItem[];
|
|
@@ -982,6 +984,8 @@ type BetterHtmlConfig = {
|
|
|
982
984
|
icons: Partial<IconsConfig>;
|
|
983
985
|
assets: Partial<AssetsConfig>;
|
|
984
986
|
loaders: Partial<LoaderConfig>;
|
|
987
|
+
sideMenuIsCollapsed: boolean;
|
|
988
|
+
sideMenuIsOpenMobile: boolean;
|
|
985
989
|
components: {
|
|
986
990
|
button?: {
|
|
987
991
|
style?: ComponentStyleConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
|
package/dist/index.js
CHANGED
|
@@ -9391,7 +9391,7 @@ var MenuItemComponent = (0, import_react29.memo)(function MenuItemComponent2({ i
|
|
|
9391
9391
|
const [isOpened, setIsOpened] = useBooleanState();
|
|
9392
9392
|
const onClickElement = (0, import_react29.useCallback)(() => {
|
|
9393
9393
|
if (item.disabled) return;
|
|
9394
|
-
onClick?.();
|
|
9394
|
+
if (item.onClickCloseSideMenu !== false) onClick?.();
|
|
9395
9395
|
item.onClick?.(item);
|
|
9396
9396
|
}, [onClick, item]);
|
|
9397
9397
|
const isCollapsed = sideMenuIsCollapsed && !mediaQuery.size1000;
|
|
@@ -9418,7 +9418,7 @@ var MenuItemComponent = (0, import_react29.memo)(function MenuItemComponent2({ i
|
|
|
9418
9418
|
overflow: isCollapsed ? "hidden" : void 0,
|
|
9419
9419
|
cursor: item.disabled ? "not-allowed" : "pointer",
|
|
9420
9420
|
opacity: item.disabled ? 0.6 : void 0,
|
|
9421
|
-
onClick: item.children ? setIsOpened.toggle :
|
|
9421
|
+
onClick: item.children ? setIsOpened.toggle : onClickElement,
|
|
9422
9422
|
children: [
|
|
9423
9423
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon_default, { name: item.iconName, color: theme2.colors.primary, size: iconSize, flexShrink: 0 }),
|
|
9424
9424
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
@@ -9604,10 +9604,10 @@ var SideMenuComponent = function SideMenu({
|
|
|
9604
9604
|
readyBottomItems && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
9605
9605
|
Div_default.column,
|
|
9606
9606
|
{
|
|
9607
|
-
borderTop: `solid 1px ${theme2.colors.border}
|
|
9607
|
+
borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
|
|
9608
9608
|
gap: theme2.styles.gap / 2,
|
|
9609
9609
|
marginTop: "auto",
|
|
9610
|
-
paddingTop: theme2.styles.space,
|
|
9610
|
+
paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
|
|
9611
9611
|
paddingInline: theme2.styles.space,
|
|
9612
9612
|
paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
|
|
9613
9613
|
children: readyBottomItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(MenuItemComponent, { item, onClick: onClickXButton }, item.text))
|