@etsoo/materialui 1.3.17 → 1.3.19

package/lib/CultureDataTable.d.ts

@@ -9,6 +9,8 @@ export type CultureDataTableProps = Omit<DataTableProps, "columns"> & {
     cultureLabel?: string;
     editable?: boolean;
     titleLabel?: string;
+    hasDescription?: boolean;
+    descriptionLabel?: string;
 };
 /**
  * Culture DataTable

package/lib/CultureDataTable.js

@@ -8,7 +8,7 @@ import { globalApp } from "./app/ReactApp";
  */
 export function CultureDataTable(props) {
     // Destruct
-    const { cultures, cultureLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("culture"), editable = true, titleLabel, ...rest } = props;
+    const { cultures, cultureLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("culture"), editable = true, titleLabel, hasDescription = false, descriptionLabel = globalApp === null || globalApp === void 0 ? void 0 : globalApp.get("description"), ...rest } = props;
     const getCultureLabel = React.useCallback((value) => { var _a, _b; return (_b = (_a = cultures.find((c) => c.id == value.id)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : `${value.value}`; }, [cultures]);
     return (React.createElement(DataTable, { columns: [
             {
@@ -25,6 +25,17 @@ export function CultureDataTable(props) {
                 flex: 1,
                 editable,
                 sortable: false
-            }
+            },
+            ...(hasDescription
+                ? [
+                    {
+                        field: "description",
+                        headerName: descriptionLabel,
+                        flex: 1,
+                        editable,
+                        sortable: false
+                    }
+                ]
+                : [])
         ], ...rest }));
 }

package/lib/OptionGroup.js

@@ -112,5 +112,5 @@ export function OptionGroup(props) {
                     }
                 } })),
             React.createElement(Box, { paddingLeft: 2, paddingY: "7px", position: outlined ? "absolute" : undefined }, group)),
-        helperText && React.createElement(FormHelperText, null, helperText)));
+        helperText && (React.createElement(FormHelperText, { sx: { marginLeft: 2, marginRight: 2 } }, helperText))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.3.17",
+  "version": "1.3.19",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -76,15 +76,15 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.22.15",
-    "@babel/core": "^7.22.19",
+    "@babel/core": "^7.22.20",
     "@babel/plugin-transform-runtime": "^7.22.15",
-    "@babel/preset-env": "^7.22.15",
+    "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.5.4",
+    "@types/jest": "^29.5.5",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
     "@typescript-eslint/parser": "^6.7.0",
     "jest": "^29.7.0",

package/src/CultureDataTable.tsx

@@ -12,6 +12,8 @@ export type CultureDataTableProps = Omit<DataTableProps, "columns"> & {
   cultureLabel?: string;
   editable?: boolean;
   titleLabel?: string;
+  hasDescription?: boolean;
+  descriptionLabel?: string;
 };
 
 /**
@@ -26,6 +28,8 @@ export function CultureDataTable(props: CultureDataTableProps) {
     cultureLabel = globalApp?.get("culture"),
     editable = true,
     titleLabel,
+    hasDescription = false,
+    descriptionLabel = globalApp?.get("description"),
     ...rest
   } = props;
 
@@ -52,7 +56,18 @@ export function CultureDataTable(props: CultureDataTableProps) {
           flex: 1,
           editable,
           sortable: false
-        }
+        },
+        ...(hasDescription
+          ? [
+              {
+                field: "description",
+                headerName: descriptionLabel,
+                flex: 1,
+                editable,
+                sortable: false
+              }
+            ]
+          : [])
       ]}
       {...rest}
     />

package/src/OptionGroup.tsx

@@ -320,7 +320,11 @@ export function OptionGroup<
           {group}
         </Box>
       </FormControl>
-      {helperText && <FormHelperText>{helperText}</FormHelperText>}
+      {helperText && (
+        <FormHelperText sx={{ marginLeft: 2, marginRight: 2 }}>
+          {helperText}
+        </FormHelperText>
+      )}
     </React.Fragment>
   );
 }