@nethru/ui 2.0.7 → 2.0.9

package/base/ColumnedSection.js

@@ -8,6 +8,7 @@ const ColumnedSection = /*#__PURE__*/forwardRef(({
   contents = [],
   spacing = 5,
   breakpoints,
+  showBox = true,
   ...props
 }, ref) => {
   const arrangedBreakpoints = useMemo(() => {
@@ -35,7 +36,7 @@ const ColumnedSection = /*#__PURE__*/forwardRef(({
       item: true,
       ...arrangedBreakpoints,
       children: [labels[index], /*#__PURE__*/_jsx(Box, {
-        className: "MuiGrid-box",
+        className: showBox ? 'MuiGrid-box' : undefined,
         children: content
       })]
     }, index))

package/base/FormContent.js

@@ -0,0 +1,14 @@
+import React, { forwardRef } from "react";
+import { Typography } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FormContent = /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(Typography, {
+    ref: ref,
+    variant: "bodyXlMedium",
+    children: children
+  });
+});
+export default FormContent;

package/base/HelpTooltipIcon.js

@@ -0,0 +1,22 @@
+import React, { forwardRef } from "react";
+import { IconButton, Tooltip } from "@mui/material";
+import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+import { jsx as _jsx } from "react/jsx-runtime";
+const HelpTooltipIcon = /*#__PURE__*/forwardRef(({
+  tooltip,
+  onClick,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(Tooltip, {
+    ref: ref,
+    title: tooltip,
+    children: /*#__PURE__*/_jsx(IconButton, {
+      size: "small",
+      onClick: onClick,
+      children: /*#__PURE__*/_jsx(InfoOutlinedIcon, {
+        fontSize: "inherit"
+      })
+    })
+  });
+});
+export default HelpTooltipIcon;

package/base/LabelContentFormList.js

@@ -0,0 +1,30 @@
+import React, { forwardRef } from "react";
+import { Box, Stack } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const LabelContentFormList = /*#__PURE__*/forwardRef(({
+  hgap = 3,
+  vgap = 6,
+  labelWidth = 130,
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(Stack, {
+    ref: ref,
+    gap: vgap,
+    ...props,
+    children: children.map((form, index) => /*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      alignItems: "center",
+      gap: hgap,
+      children: [/*#__PURE__*/_jsx(Box, {
+        sx: {
+          width: labelWidth,
+          wordBreak: 'break-all'
+        },
+        children: form[0]
+      }), form[1]]
+    }, index))
+  });
+});
+export default LabelContentFormList;

package/base/SectionLabel.js

@@ -0,0 +1,14 @@
+import React, { forwardRef } from "react";
+import { Typography } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SectionLabel = /*#__PURE__*/forwardRef(({
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/_jsx(Typography, {
+    ref: ref,
+    variant: "bodyLgSemibold",
+    children: children
+  });
+});
+export default SectionLabel;

package/base/editor/Editor.js

@@ -54,7 +54,8 @@ export default function Editor({
       borderRight: `1px solid ${grey[300]}`
     },
     '.cm-content': {
-      ...typography.code
+      ...typography.code,
+      backgroundColor: '#fff'
     },
     '.cm-content.cm-lineWrapping': {
       wordBreak: 'break-all'

package/base/index.js

@@ -18,15 +18,19 @@ export { default as DataGrid } from "./datagrid/DataGrid";
 export { default as Dialog } from "./dialog/Dialog";
 export { default as DropdownButton } from "./DropdownButton";
 export { default as Editor } from "./editor/Editor";
+export { default as FormContent } from "./FormContent";
 export { default as Frame } from "./frame/Frame";
+export { default as HelpTooltipIcon } from "./HelpTooltipIcon";
+export { default as LabelContentFormList } from "./LabelContentFormList";
 export { default as MainHeader } from "./MainHeader";
 export { default as MenuItem } from "./MenuItem";
 export { default as PropertyTable } from "./PropertyTable";
 export { default as Radio } from "./Radio";
 export { default as SearchableSelect } from "./SearchableSelect";
 export { default as SearchTextField } from "./SearchTextField";
-export { default as Sidebar } from "./frame/sidebar/Sidebar";
+export { default as SectionLabel } from "./SectionLabel";
 export { default as Select } from "./Select";
+export { default as Sidebar } from "./frame/sidebar/Sidebar";
 export { default as Slider } from "./Slider";
 export { default as Snackbar } from "./Snackbar";
 export { default as Switch } from "./Switch";

package/base/styles/createTheme.js

@@ -17,6 +17,8 @@ import * as select from "./mui/select";
 import * as autocomplete from "./mui/autocomplete";
 import * as textField from "./mui/textField";
 import * as formControl from "./mui/formControl";
+import * as formControlLabel from "./mui/formControlLabel";
+import * as formLabel from "./mui/formLabel";
 import * as outlinedInput from "./mui/outlinedInput";
 import * as formHelperText from "./mui/formHelperText";
 import * as inputLabel from "./mui/inputLabel";
@@ -24,7 +26,6 @@ import * as popover from "./mui/popover";
 import * as paper from "./mui/paper";
 import * as list from "./mui/list";
 import * as menuItem from "./mui/menuItem";
-import * as formControlLabel from "./mui/formControlLabel";
 import * as chip from "./mui/chip";
 import * as slider from "./mui/slider";
 import * as tabs from "./mui/tabs";
@@ -68,6 +69,7 @@ export default function createTheme() {
       MuiTextField: textField.styles,
       MuiFormControl: formControl.styles,
       MuiFormControlLabel: formControlLabel.styles,
+      MuiFormLabel: formLabel.styles,
       MuiInputLabel: inputLabel.styles,
       MuiOutlinedInput: outlinedInput.styles,
       MuiFormHelperText: formHelperText.styles,

package/base/styles/mui/formLabel.js

@@ -0,0 +1,12 @@
+import typography from "../typography";
+export const styles = {
+  styleOverrides: {
+    root: {
+      fontFamily: typography.fontFamily,
+      ...typography.bodyMdMedium,
+      '&.MuiFormLabel-colorPrimary': {
+        ...typography.bodyMdMedium
+      }
+    }
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "main": "base/index.js",
   "files": [
     "/base"