@nethru/ui 2.0.4 → 2.0.6

package/base/AddableFormList.js

@@ -13,6 +13,9 @@ const AddableFormList = /*#__PURE__*/forwardRef(({
   readOnly,
   gap = 2,
   margins = [5, 5],
+  showAddButton = true,
+  showRemoveButton = true,
+  allowEmpty = false,
   ...props
 }, ref) => {
   return /*#__PURE__*/_jsx(Stack, {
@@ -29,20 +32,28 @@ const AddableFormList = /*#__PURE__*/forwardRef(({
           alignItems: "start",
           gap: 1,
           marginTop: `${margins[index > 0 ? 1 : 0]}px`,
-          children: [/*#__PURE__*/_jsx(Tooltip, {
+          children: [showRemoveButton && /*#__PURE__*/_jsx(Tooltip, {
             title: "\uC0AD\uC81C",
             children: /*#__PURE__*/_jsx(IconButton, {
-              color: "crud",
+              variant: "menu",
               onClick: _ => onRemove(index),
-              disabled: forms.length === 1,
-              children: /*#__PURE__*/_jsx(RemoveIcon, {})
+              disabled: !allowEmpty && forms.length === 1,
+              children: /*#__PURE__*/_jsx(RemoveIcon, {
+                sx: {
+                  fontSize: 17
+                }
+              })
             })
-          }), /*#__PURE__*/_jsx(Tooltip, {
+          }), showAddButton && /*#__PURE__*/_jsx(Tooltip, {
             title: "\uCD94\uAC00",
             children: /*#__PURE__*/_jsx(IconButton, {
-              color: "crud",
+              variant: "menu",
               onClick: _ => onAdd(index),
-              children: /*#__PURE__*/_jsx(AddIcon, {})
+              children: /*#__PURE__*/_jsx(AddIcon, {
+                sx: {
+                  fontSize: 17
+                }
+              })
             })
           })]
         })]

package/base/ColumnedSection.js

@@ -15,8 +15,8 @@ const ColumnedSection = /*#__PURE__*/forwardRef(({
     const point = Math.floor(12 / columns);
     if (columns <= 3) {
       return {
-        xs: 12,
-        sm: point
+        sm: 12,
+        md: point
       };
     }
     return {

package/base/SearchableSelect.js

@@ -14,6 +14,7 @@ const SearchableSelect = /*#__PURE__*/forwardRef(({
   labelKey = 'label',
   groupKey,
   error,
+  fullWidth,
   formControlProps,
   textFieldProps,
   ...props
@@ -37,6 +38,7 @@ const SearchableSelect = /*#__PURE__*/forwardRef(({
     disabled: props.disabled,
     error: error,
     sx: styles,
+    fullWidth: fullWidth,
     ...formControlProps,
     children: [label && /*#__PURE__*/_jsx(InputLabel, {
       disabled: props.disabled,

package/base/Select.js

@@ -7,6 +7,7 @@ const Select = /*#__PURE__*/forwardRef(({
   label,
   helperText,
   size,
+  fullWidth,
   children,
   formControlProps,
   ...props
@@ -21,6 +22,7 @@ const Select = /*#__PURE__*/forwardRef(({
     disabled: props.disabled,
     error: props.error,
     sx: styles,
+    fullWidth: fullWidth,
     ...formControlProps,
     children: [label && /*#__PURE__*/_jsx(InputLabel, {
       children: label

package/base/Switch.js

@@ -10,6 +10,7 @@ const Switch = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/_jsx(FormControlLabel, {
     ref: ref,
     label: label,
+    labelPlacement: "start",
     control: /*#__PURE__*/_jsx(MuiSwitch, {
       ...props,
       color: "info"

package/base/styles/globalStyles.js

@@ -19,7 +19,8 @@ const globalStyles = {
   },
   body: {
     fontFamily: typography.fontFamily,
-    backgroundColor: blueGrey.contentBg
+    backgroundColor: blueGrey.contentBg,
+    minWidth: '1280px'
   },
   code: {
     fontFamily: typography.fontFamily

package/base/styles/mui/button.js

@@ -249,14 +249,14 @@ export const styles = {
     }) => ({
       minWidth: 60,
       height: ownerState.color === 'crud' ? 26 : 36,
-      padding: ownerState.color === 'crud' ? '0px 2px' : '8px 20px',
+      padding: ownerState.color === 'crud' ? '4px 6px' : '8px 12px',
       fontSize: typography.bodyMdSemibold.fontSize,
       fontWeight: typography.bodyMdSemibold.fontWeight
     }),
     sizeSmall: {
       minWidth: '50px',
       height: '26px',
-      padding: '8px 12px',
+      padding: '8px 8px',
       fontSize: typography.bodySmSemibold.fontSize,
       fontWeight: typography.bodySmSemibold.fontWeight
     },

package/base/styles/mui/formControlLabel.js

@@ -10,6 +10,7 @@ export const styles = {
       }
     },
     label: {
+      // whiteSpace: 'nowrap',
       '&.Mui-disabled': {
         color: grey[400]
       }

package/base/styles/mui/grid.js

@@ -1,6 +1,9 @@
 import { grey } from "../../colors";
 import borderRadius from "../borderRadius";
 export const styles = {
+  defaultProps: {
+    columnSpacing: 5
+  },
   styleOverrides: {
     item: {
       '.MuiGrid-box': {

package/base/styles/mui/iconButton.js

@@ -27,7 +27,7 @@ export const styles = {
     },
     style: {
       '&': {
-        backgroundColor: undefined,
+        backgroundColor: grey[5],
         borderRadius: borderRadius[2],
         '&:active': {
           backgroundColor: grey[10],

package/package.json

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