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

package/dist/components/index.cjs

@@ -3728,7 +3728,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,
@@ -3743,7 +3743,7 @@ var ControlledValidTextInput = ({
                   className: (0, import_classnames.default)({
                     [classes.helperTextWrapper]: !!maxLength
                   }),
-                  "data-testid": `${dataTestId}-helper-text` || `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
+                  "data-testid": dataTestId ? `${dataTestId}-helper-text` : `${convertUnderscoreToHyphen2(fieldName)}-helper-text`,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                       import_material23.Box,
@@ -8338,38 +8338,19 @@ var useStyles53 = (0, import_mui59.makeStyles)()((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 } = useStyles53();
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_material66.Box, { children: [
@@ -8391,9 +8372,10 @@ var TheToolbar = ({
           imageLogoDarkSmall,
           imageLogoLightSmall
         }
-      )
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material66.Box, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material66.Box, { ml: "auto", children: rightSection })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_material66.Box, { className: classes.offset }),
     LeftDrawer2
   ] });
 };