@natoora-libs/core 0.1.0 → 0.1.2-dev0.1

package/dist/components/index.d.cts

@@ -973,8 +973,10 @@ type Props = {
     imageLogoLightSmall: string;
     handleOpen: () => void;
     LeftDrawer: ReactNode;
+    leftSection?: ReactNode;
+    rightSection?: ReactNode;
 };
-declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
 
 type IToastMessage = {
     toastType: 'success' | 'info' | 'warning' | 'error';

package/dist/components/index.d.ts

@@ -973,8 +973,10 @@ type Props = {
     imageLogoLightSmall: string;
     handleOpen: () => void;
     LeftDrawer: ReactNode;
+    leftSection?: ReactNode;
+    rightSection?: ReactNode;
 };
-declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, }: Props) => react_jsx_runtime.JSX.Element>;
+declare const _default$1: React.MemoExoticComponent<({ imageLogoDarkSmall, imageLogoLightSmall, handleOpen, LeftDrawer, leftSection, rightSection, }: Props) => react_jsx_runtime.JSX.Element>;
 
 type IToastMessage = {
     toastType: 'success' | 'info' | 'warning' | 'error';

package/dist/components/index.js

@@ -3444,7 +3444,7 @@ var ControlledValidTextInput = ({
               value: controlledField?.value || "",
               fullWidth: true,
               id: fieldName,
-              "data-testid": `${dataTestId}-input` || `${convertUnderscoreToHyphen2(fieldName)}-input`,
+              "data-testid": dataTestId ? `${dataTestId}-input` : `${convertUnderscoreToHyphen2(fieldName)}-input`,
               label,
               error: !!fieldState.error,
               multiline: true,
@@ -3459,7 +3459,7 @@ var ControlledValidTextInput = ({
                   className: classNames({
                     [classes.helperTextWrapper]: !!maxLength
                   }),
-                  "data-testid": `${dataTestId}-helper-text` || `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
+                  "data-testid": dataTestId ? `${dataTestId}-helper-text` : `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
                   children: [
                     /* @__PURE__ */ jsx71(
                       Box10,
@@ -8097,38 +8097,19 @@ var useStyles52 = makeStyles52()((theme) => ({
   menuButton: {
     color: theme.palette.primary.contrastText
   },
-  searchNatoora: {
-    width: "100%"
-  },
-  searchIcon: {
-    opacity: ".5"
-  },
-  inputRoot: {
-    color: "inherit"
-  },
-  inputInput: {
-    transition: theme.transitions.create("width"),
-    width: "100%"
-  },
   topBar: {
     display: "flex",
     gap: theme.spacing(1),
     backgroundColor: colors.topBar
-  },
-  drawer: {
-    backgroundColor: "black"
-  },
-  drawerItem: {
-    maxWidth: "300px",
-    width: "80vw"
-  },
-  offset: theme.mixins.toolbar
+  }
 }));
 var TheToolbar = ({
   imageLogoDarkSmall,
   imageLogoLightSmall,
   handleOpen,
-  LeftDrawer: LeftDrawer2
+  LeftDrawer: LeftDrawer2,
+  leftSection,
+  rightSection
 }) => {
   const { classes } = useStyles52();
   return /* @__PURE__ */ jsxs80(Box32, { children: [
@@ -8150,9 +8131,10 @@ var TheToolbar = ({
           imageLogoDarkSmall,
           imageLogoLightSmall
         }
-      )
+      ),
+      /* @__PURE__ */ jsx117(Box32, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ jsx117(Box32, { ml: "auto", children: rightSection })
     ] }) }),
-    /* @__PURE__ */ jsx117(Box32, { className: classes.offset }),
     LeftDrawer2
   ] });
 };