@nethru/ui 1.0.42 → 1.0.44

package/dist/Button.js

@@ -0,0 +1,36 @@
+import { useMemo } from "react";
+import MuiButton from "@mui/material/Button";
+import { Box } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Button({
+  label,
+  icon,
+  iconPlacement = 'start',
+  iconSize = '20px',
+  iconProps = {},
+  ...props
+}) {
+  const iconComponent = useMemo(() => {
+    return icon ? /*#__PURE__*/_jsx(Box, {
+      component: icon,
+      sx: {
+        '&.MuiSvgIcon-root': {
+          fontSize: `${iconSize}!important`
+        }
+      },
+      ...iconProps
+    }) : null;
+  }, [icon, iconSize, iconProps]);
+  const startIcon = useMemo(() => {
+    return iconPlacement === 'start' ? iconComponent : null;
+  }, [iconComponent, iconPlacement]);
+  const endIcon = useMemo(() => {
+    return iconPlacement === 'end' ? iconComponent : null;
+  }, [iconComponent, iconPlacement]);
+  return /*#__PURE__*/_jsx(MuiButton, {
+    startIcon: startIcon,
+    endIcon: endIcon,
+    ...props,
+    children: label
+  });
+}

package/dist/Checkbox.js

@@ -1,16 +1,27 @@
+import { useMemo } from "react";
 import MuiCheckbox from "@mui/material/Checkbox";
 import { FormControlLabel } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Checkbox({
   label,
+  size = 'medium',
   sx,
   ...props
 }) {
+  const styles = useMemo(() => ({
+    '& .MuiFormControlLabel-label': {
+      fontSize: size === 'small' ? '14px' : '16px'
+    }
+  }), [size]);
   return /*#__PURE__*/_jsx(FormControlLabel, {
     label: label,
     control: /*#__PURE__*/_jsx(MuiCheckbox, {
+      size: size,
       ...props
     }),
-    sx: sx
+    sx: {
+      ...styles,
+      ...sx
+    }
   });
 }

package/dist/PropertyTable.js

@@ -3,14 +3,14 @@ import MenuItem from "@mui/material/MenuItem";
 import { DataGrid, useGridApiContext } from "@mui/x-data-grid";
 import Select from "./Select";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function PropertyTable({
+const PropertyTable = /*#__PURE__*/forwardRef(({
   columns,
   rows,
   onUpdate,
   readOnly,
   sx,
   ...props
-}) {
+}, ref) => {
   const styles = useMemo(() => {
     const result = {
       '&.MuiDataGrid-root': {
@@ -72,6 +72,7 @@ export default function PropertyTable({
     return row;
   };
   return /*#__PURE__*/_jsx(DataGrid, {
+    ref: ref,
     columns: arrangedColumns,
     rows: rows,
     columnHeaderHeight: 35,
@@ -90,7 +91,7 @@ export default function PropertyTable({
     },
     ...props
   });
-}
+});
 const SingleSelect = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     id,
@@ -117,4 +118,5 @@ const SingleSelect = /*#__PURE__*/forwardRef((props, ref) => {
       children: option.label
     }, option.value))
   });
-});
+});
+export default PropertyTable;

package/dist/index.js

@@ -5,6 +5,7 @@ export { default as AlertDialog } from "./AlertDialog";
 export { default as AppBar } from "./AppBar";
 export { default as AppendableFormList } from "./AppendableFormList";
 export { default as AvatarDropdown } from "./AvatarDropdown";
+export { default as Button } from "./Button";
 export { default as Checkbox } from "./Checkbox";
 export { default as CircularProgress } from "./CircularProgress";
 export { default as ColumnedSection } from "./ColumnedSection";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "1.0.42",
+  "version": "1.0.44",
   "main": "dist/index.js",
   "files": [
     "/dist"