@junyiacademy/ui-test 1.5.12 → 1.5.15

package/declarations/libs/ui/src/utils/Capitalize.d.ts

@@ -1 +1 @@
-export default function capitalize(string: any): any;
+export default function capitalize(string: any): string;

package/dist/libs/ui/src/lib/button/Button.js

@@ -7,12 +7,12 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Button_1 = require("@mui/material/Button");
 //utils
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 const StyledButton = styles_1.styled(material_1.Button, {
     shouldForwardProp: (prop) => prop !== 'active',
 })(({ active, color = 'primary', theme }) => ({
     // For variant: outlined
-    [`&.${Button_1.buttonClasses.outlined}${lodash_1.default.capitalize(color)}`]: {
+    [`&.${Button_1.buttonClasses.outlined}${Capitalize_1.default(color)}`]: {
         backgroundColor: active
             ? theme.palette[color].main
             : theme.palette.common.white,
@@ -30,7 +30,7 @@ const StyledButton = styles_1.styled(material_1.Button, {
         },
     },
     // For variant: text
-    [`&.${Button_1.buttonClasses.text}${lodash_1.default.capitalize(color)}`]: {
+    [`&.${Button_1.buttonClasses.text}${Capitalize_1.default(color)}`]: {
         '&:hover': {
             backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
         },

package/dist/libs/ui/src/lib/button-group/ButtonGroup.js

@@ -7,10 +7,10 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const ButtonGroup_1 = require("@mui/material/ButtonGroup");
 //utils
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 // self-defined-components
 const StyledButtonGroup = styles_1.styled(material_1.ButtonGroup)(({ color = 'primary', theme }) => ({
-    [`& .${ButtonGroup_1.buttonGroupClasses.groupedOutlined}${lodash_1.default.capitalize(color)}.${ButtonGroup_1.buttonGroupClasses.grouped}.${ButtonGroup_1.buttonGroupClasses.disabled}`]: {
+    [`& .${ButtonGroup_1.buttonGroupClasses.groupedOutlined}${Capitalize_1.default(color)}.${ButtonGroup_1.buttonGroupClasses.grouped}.${ButtonGroup_1.buttonGroupClasses.disabled}`]: {
         borderColor: styles_1.alpha(theme.palette[color].main, 0.5),
         color: styles_1.alpha(theme.palette[color].main, 0.5),
     },

package/dist/libs/ui/src/lib/text-field/TextField.js

@@ -9,8 +9,9 @@ const TextField_1 = require("@mui/material/TextField");
 const Input_1 = require("@mui/material/Input");
 const InputLabel_1 = require("@mui/material/InputLabel");
 const OutlinedInput_1 = require("@mui/material/OutlinedInput");
+const FormHelperText_1 = require("@mui/material/FormHelperText");
 //utils
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 // self-defined-components
 const StyledTextField = styles_1.styled(material_1.TextField)(({ label, color = 'primary', theme }) => ({
     [`& .${InputLabel_1.inputLabelClasses.error}`]: {
@@ -26,7 +27,7 @@ const StyledTextField = styles_1.styled(material_1.TextField)(({ label, color =
     },
     // For variant: standard | filled
     [`& .${Input_1.inputClasses.underline}:not(.${Input_1.inputClasses.disabled})`]: {
-        [`&.MuiInputBase-color${lodash_1.default.capitalize(color)}:hover:before`]: {
+        [`&.MuiInputBase-color${Capitalize_1.default(color)}:hover:before`]: {
             borderColor: theme.palette[color].main,
         },
     },
@@ -38,7 +39,7 @@ const StyledTextField = styles_1.styled(material_1.TextField)(({ label, color =
         borderColor: theme.palette.error.main,
     },
     [`&.${TextField_1.textFieldClasses.root} :not(.${Input_1.inputClasses.disabled}):not(.${Input_1.inputClasses.error})`]: {
-        [`&.MuiInputBase-color${lodash_1.default.capitalize(color)}:hover .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
+        [`&.MuiInputBase-color${Capitalize_1.default(color)}:hover .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
             borderColor: theme.palette[color].main,
         },
     },
@@ -52,7 +53,16 @@ const TextField = (props) => {
     var _a;
     const hasEndAdornment = !!((_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment);
     const { InputLabelProps, InputProps } = props, otherProps = tslib_1.__rest(props, ["InputLabelProps", "InputProps"]);
-    return (react_1.default.createElement(StyledTextField, Object.assign({ InputLabelProps: Object.assign(Object.assign({}, InputLabelProps), { shrink: hasEndAdornment ? true : undefined }), InputProps: Object.assign({}, InputProps) }, otherProps)));
+    return (react_1.default.createElement(StyledTextField, Object.assign({ InputLabelProps: Object.assign(Object.assign({}, InputLabelProps), { shrink: hasEndAdornment ? true : undefined }), FormHelperTextProps: {
+            sx: (theme) => ({
+                [`&.${FormHelperText_1.formHelperTextClasses.root}`]: {
+                    marginLeft: 0,
+                    [`&.${Input_1.inputClasses.error}`]: {
+                        color: theme.palette.error.main,
+                    },
+                },
+            }),
+        }, InputProps: Object.assign({}, InputProps) }, otherProps)));
 };
 exports.TextField = TextField;
 exports.default = exports.TextField;

package/dist/libs/ui/src/utils/Capitalize.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function capitalize(string) {
-    return string.charAt(0).toUpperCase() + string.slice(1);
+    return `${string.charAt(0).toUpperCase()}${string.slice(1)}`;
 }
 exports.default = capitalize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@junyiacademy/ui-test",
-  "version": "1.5.12",
+  "version": "1.5.15",
   "description": "junyiacademy ui library",
   "main": "./dist/libs/ui/src/index.js",
   "typings": "./declarations/libs/ui/src/index.d.ts",
@@ -21,11 +21,9 @@
     "@emotion/styled": "11.6.0",
     "@mui/icons-material": "5.2.5",
     "@mui/material": "5.2.7",
-    "lodash": "^4.17.21",
     "react": "17.0.2"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.179",
     "typescript": "~4.1.4"
   }
 }