@movable/ui 0.28.0 → 0.28.1
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.
|
@@ -7,8 +7,9 @@ type IFilterDrawer = DrawerProps & {
|
|
|
7
7
|
leftOffset?: string;
|
|
8
8
|
filterContent: JSX.Element;
|
|
9
9
|
headerLabel?: string;
|
|
10
|
+
isComponentLevelDrawer?: boolean;
|
|
10
11
|
};
|
|
11
12
|
export declare const defaultFilterDrawerWidth = 280;
|
|
12
13
|
export declare function InkPersistentFilterDrawer({ isOpen, handleDrawerClose, children, drawerWidth, leftOffset, //primary nav width when closed and when open
|
|
13
|
-
filterContent, headerLabel, sx, }: PropsWithChildren<IFilterDrawer>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
filterContent, headerLabel, sx, isComponentLevelDrawer, }: PropsWithChildren<IFilterDrawer>): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export {};
|
package/lib/index.mjs
CHANGED
|
@@ -8731,9 +8731,10 @@ function S0({
|
|
|
8731
8731
|
//primary nav width when closed and when open
|
|
8732
8732
|
filterContent: i,
|
|
8733
8733
|
headerLabel: a = "Filters",
|
|
8734
|
-
sx: c
|
|
8734
|
+
sx: c,
|
|
8735
|
+
isComponentLevelDrawer: l = !1
|
|
8735
8736
|
}) {
|
|
8736
|
-
return R.jsxs(Qt, { sx: { display: "flex" }, children: [R.jsx(ms, { sx: {
|
|
8737
|
+
return R.jsxs(Qt, { sx: { display: "flex", width: "100%" }, children: [R.jsx(ms, { sx: {
|
|
8737
8738
|
...c,
|
|
8738
8739
|
width: n,
|
|
8739
8740
|
flexShrink: 0,
|
|
@@ -8743,7 +8744,8 @@ function S0({
|
|
|
8743
8744
|
}
|
|
8744
8745
|
}, PaperProps: {
|
|
8745
8746
|
style: {
|
|
8746
|
-
left: o
|
|
8747
|
+
left: o,
|
|
8748
|
+
...l && { position: "absolute" }
|
|
8747
8749
|
},
|
|
8748
8750
|
variant: "outlined"
|
|
8749
8751
|
}, variant: "persistent", anchor: "left", open: e, children: R.jsxs(Ze, { direction: "column", spacing: 3, sx: { p: 2 }, children: [R.jsxs(Ze, { direction: "row", alignItems: "center", children: [R.jsxs(Ze, { direction: "row", alignItems: "center", children: [R.jsx(xr, { sx: { color: "text.primary" }, fontSize: "small", children: "filter_list_icon" }), R.jsx(lt, { sx: { ml: 2 }, "data-cy": "drawer-header", children: a })] }), R.jsx(hs, { onClick: t, sx: { ml: "auto" }, children: R.jsx(xr, { fontSize: "small", children: "close_icon" }) })] }), i] }) }), R.jsx(Pp, { open: e, children: r })] });
|