@junyiacademy/ui-test 1.5.10 → 1.5.13

package/declarations/libs/ui/src/lib/menu-item/SelectMenuItem.d.ts

@@ -1,7 +1,6 @@
 import { MenuItemProps } from '@mui/material';
 export interface SelectMenuItemProps extends MenuItemProps {
     value?: any;
-    disabled?: boolean;
 }
-declare const SelectMenuItem: ({ children, value, disabled, ...otherProps }: SelectMenuItemProps) => JSX.Element;
+declare const SelectMenuItem: ({ children, value, ...otherProps }: SelectMenuItemProps) => JSX.Element;
 export default SelectMenuItem;

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

@@ -35,11 +35,6 @@ const StyledButton = styles_1.styled(material_1.Button, {
             backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
         },
     },
-    [`&.${Button_1.buttonClasses.text}${Capitalize_1.default(color)}`]: {
-        '&:hover': {
-            backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
-        },
-    },
 }));
 const Button = (_a) => {
     var { active, children } = _a, otherProps = tslib_1.__rest(_a, ["active", "children"]);

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

@@ -6,15 +6,13 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const ButtonGroup_1 = require("@mui/material/ButtonGroup");
+//utils
+const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 // self-defined-components
-const StyledButtonGroup = styles_1.styled(material_1.ButtonGroup)(({ theme }) => ({
-    [`& .${ButtonGroup_1.buttonGroupClasses.groupedOutlinedPrimary}.${ButtonGroup_1.buttonGroupClasses.grouped}.${ButtonGroup_1.buttonGroupClasses.disabled}`]: {
-        borderColor: styles_1.alpha(theme.palette.primary.main, 0.5),
-        color: styles_1.alpha(theme.palette.primary.main, 0.5),
-    },
-    [`& .${ButtonGroup_1.buttonGroupClasses.groupedOutlinedSecondary}.${ButtonGroup_1.buttonGroupClasses.grouped}.${ButtonGroup_1.buttonGroupClasses.disabled}`]: {
-        borderColor: styles_1.alpha(theme.palette.secondary.main, 0.5),
-        color: styles_1.alpha(theme.palette.secondary.main, 0.5),
+const StyledButtonGroup = styles_1.styled(material_1.ButtonGroup)(({ color = 'primary', theme }) => ({
+    [`& .${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),
     },
 }));
 const ButtonGroup = (_a) => {

package/dist/libs/ui/src/lib/menu-item/SelectMenuItem.js

@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
 const MenuItem_1 = require("@mui/material/MenuItem");
 const SelectMenuItem = (_a) => {
-    var { children, value = '', disabled = false } = _a, otherProps = tslib_1.__rest(_a, ["children", "value", "disabled"]);
+    var { children, value = '' } = _a, otherProps = tslib_1.__rest(_a, ["children", "value"]);
     return (react_1.default.createElement(material_1.MenuItem, Object.assign({ sx: (theme) => ({
             whiteSpace: 'unset',
             color: theme.palette.text.primary,

package/dist/libs/ui/src/lib/select/OutlinedSelect.js

@@ -31,14 +31,11 @@ const StyledInputLabel = styles_1.styled(material_1.InputLabel, {
 }));
 const StyledOutlinedInput = styles_1.styled(material_1.OutlinedInput)(({ theme }) => ({
     [`&.${OutlinedInput_1.outlinedInputClasses.root}`]: {
-        [`&.${InputBase_1.inputBaseClasses.sizeSmall}`]: {
-            height: 48,
-        },
         [`&.${OutlinedInput_1.outlinedInputClasses.error}.${OutlinedInput_1.outlinedInputClasses.focused} .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
             borderColor: `${theme.palette.error.main}`,
         },
         [`& .${InputBase_1.inputBaseClasses.inputSizeSmall}`]: {
-            padding: '14.5px 15px 14.5px 12px',
+            padding: '12.5px 15px 12.5px 12px',
         },
     },
     [`& .${OutlinedInput_1.outlinedInputClasses.input}`]: {

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

@@ -12,7 +12,7 @@ const OutlinedInput_1 = require("@mui/material/OutlinedInput");
 //utils
 const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 // self-defined-components
-const StyledTextField = styles_1.styled(material_1.TextField)(({ color = 'primary', theme }) => ({
+const StyledTextField = styles_1.styled(material_1.TextField)(({ label, color = 'primary', theme }) => ({
     [`& .${InputLabel_1.inputLabelClasses.error}`]: {
         [`&:not(.${InputLabel_1.inputLabelClasses.shrink})`]: {
             color: theme.palette.text.secondary,
@@ -42,18 +42,17 @@ const StyledTextField = styles_1.styled(material_1.TextField)(({ color = 'primar
             borderColor: theme.palette[color].main,
         },
     },
+    [`& .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
+        '& > legend': {
+            maxWidth: label === '' && 0,
+        },
+    },
 }));
 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);
-    return (react_1.default.createElement(StyledTextField, Object.assign({ InputLabelProps: Object.assign(Object.assign({}, props.InputLabelProps), { classes: {
-                error: InputLabel_1.inputLabelClasses.error,
-                disabled: InputLabel_1.inputLabelClasses.disabled,
-                shrink: InputLabel_1.inputLabelClasses.shrink,
-                focused: InputLabel_1.inputLabelClasses.focused,
-            }, shrink: hasEndAdornment ? true : undefined }), InputProps: Object.assign(Object.assign({}, props.InputProps), { classes: Object.assign({ colorSecondary: Input_1.inputClasses.colorSecondary, disabled: Input_1.inputClasses.disabled, error: Input_1.inputClasses.error, focused: Input_1.inputClasses.focused }, ((props === null || props === void 0 ? void 0 : props.variant) === 'outlined'
-                ? { notchedOutline: OutlinedInput_1.outlinedInputClasses.notchedOutline }
-                : { underline: Input_1.inputClasses.underline })) }) }, props)));
+    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)));
 };
 exports.TextField = TextField;
 exports.default = exports.TextField;

package/package.json

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