@natoora-libs/core 0.1.7 → 0.1.8
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.
|
@@ -978,8 +978,10 @@ type Props = {
|
|
|
978
978
|
imageLogoLightSmall: string;
|
|
979
979
|
handleOpen: () => void;
|
|
980
980
|
LeftDrawer: ReactNode;
|
|
981
|
+
leftSection?: ReactNode;
|
|
982
|
+
rightSection?: ReactNode;
|
|
981
983
|
};
|
|
982
|
-
declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
984
|
+
declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
983
985
|
|
|
984
986
|
type IToastMessage = {
|
|
985
987
|
toastType: 'success' | 'info' | 'warning' | 'error';
|
|
@@ -978,8 +978,10 @@ type Props = {
|
|
|
978
978
|
imageLogoLightSmall: string;
|
|
979
979
|
handleOpen: () => void;
|
|
980
980
|
LeftDrawer: ReactNode;
|
|
981
|
+
leftSection?: ReactNode;
|
|
982
|
+
rightSection?: ReactNode;
|
|
981
983
|
};
|
|
982
|
-
declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
984
|
+
declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
|
|
983
985
|
|
|
984
986
|
type IToastMessage = {
|
|
985
987
|
toastType: 'success' | 'info' | 'warning' | 'error';
|
package/dist/components/index.js
CHANGED
|
@@ -8151,38 +8151,19 @@ var useStyles52 = makeStyles52()((theme) => ({
|
|
|
8151
8151
|
menuButton: {
|
|
8152
8152
|
color: theme.palette.primary.contrastText
|
|
8153
8153
|
},
|
|
8154
|
-
searchNatoora: {
|
|
8155
|
-
width: "100%"
|
|
8156
|
-
},
|
|
8157
|
-
searchIcon: {
|
|
8158
|
-
opacity: ".5"
|
|
8159
|
-
},
|
|
8160
|
-
inputRoot: {
|
|
8161
|
-
color: "inherit"
|
|
8162
|
-
},
|
|
8163
|
-
inputInput: {
|
|
8164
|
-
transition: theme.transitions.create("width"),
|
|
8165
|
-
width: "100%"
|
|
8166
|
-
},
|
|
8167
8154
|
topBar: {
|
|
8168
8155
|
display: "flex",
|
|
8169
8156
|
gap: theme.spacing(1),
|
|
8170
8157
|
backgroundColor: colors.topBar
|
|
8171
|
-
}
|
|
8172
|
-
drawer: {
|
|
8173
|
-
backgroundColor: "black"
|
|
8174
|
-
},
|
|
8175
|
-
drawerItem: {
|
|
8176
|
-
maxWidth: "300px",
|
|
8177
|
-
width: "80vw"
|
|
8178
|
-
},
|
|
8179
|
-
offset: theme.mixins.toolbar
|
|
8158
|
+
}
|
|
8180
8159
|
}));
|
|
8181
8160
|
var TheToolbar = ({
|
|
8182
8161
|
imageLogoDarkSmall,
|
|
8183
8162
|
imageLogoLightSmall,
|
|
8184
8163
|
handleOpen,
|
|
8185
|
-
LeftDrawer: LeftDrawer2
|
|
8164
|
+
LeftDrawer: LeftDrawer2,
|
|
8165
|
+
leftSection,
|
|
8166
|
+
rightSection
|
|
8186
8167
|
}) => {
|
|
8187
8168
|
const { classes } = useStyles52();
|
|
8188
8169
|
return /* @__PURE__ */ jsxs80(Box32, { children: [
|
|
@@ -8204,9 +8185,10 @@ var TheToolbar = ({
|
|
|
8204
8185
|
imageLogoDarkSmall,
|
|
8205
8186
|
imageLogoLightSmall
|
|
8206
8187
|
}
|
|
8207
|
-
)
|
|
8188
|
+
),
|
|
8189
|
+
/* @__PURE__ */ jsx118(Box32, { ml: 2, children: leftSection }),
|
|
8190
|
+
/* @__PURE__ */ jsx118(Box32, { ml: "auto", children: rightSection })
|
|
8208
8191
|
] }) }),
|
|
8209
|
-
/* @__PURE__ */ jsx118(Box32, { className: classes.offset }),
|
|
8210
8192
|
LeftDrawer2
|
|
8211
8193
|
] });
|
|
8212
8194
|
};
|