npm - @junyiacademy/ui-test - Versions diffs - 1.5.4 → 1.5.8 - Mend

@junyiacademy/ui-test 1.5.4 → 1.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

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

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

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

@@ -6,19 +6,22 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const Button_1 = require("@mui/material/Button");
+//utils
+const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 const StyledButton = styles_1.styled(material_1.Button, {
     shouldForwardProp: (prop) => prop !== 'active',
-})(({ active, theme }) => ({
-    [`&.${Button_1.buttonClasses.outlinedPrimary}`]: {
+})(({ active, color = 'primary', theme }) => ({
+    // For variant: outlined
+    [`&.${Button_1.buttonClasses.outlined}${Capitalize_1.default(color)}`]: {
         backgroundColor: active
-            ? theme.palette.primary.main
+            ? theme.palette[color].main
             : theme.palette.common.white,
-        color: active ? theme.palette.common.white : theme.palette.primary.main,
-        borderColor: theme.palette.primary.main,
+        color: active ? theme.palette.common.white : theme.palette[color].main,
+        borderColor: theme.palette[color].main,
         '&:hover': {
             backgroundColor: active
-                ? theme.palette.primary.main
-                : styles_1.alpha(theme.palette.primary.main, 0.1),
+                ? theme.palette[color].main
+                : styles_1.alpha(theme.palette[color].main, 0.1),
         },
         [`&.${Button_1.buttonClasses.disabled}`]: {
             backgroundColor: theme.palette.common.white,
@@ -26,31 +29,15 @@ const StyledButton = styles_1.styled(material_1.Button, {
             color: theme.palette.action.disabled,
         },
     },
-    [`&.${Button_1.buttonClasses.outlinedSecondary}`]: {
-        backgroundColor: active
-            ? theme.palette.secondary.main
-            : theme.palette.common.white,
-        color: active ? theme.palette.common.white : theme.palette.secondary.main,
-        borderColor: theme.palette.secondary.main,
-        '&:hover': {
-            backgroundColor: active
-                ? theme.palette.secondary.main
-                : styles_1.alpha(theme.palette.secondary.main, 0.1),
-        },
-        [`&.${Button_1.buttonClasses.disabled}`]: {
-            backgroundColor: theme.palette.common.white,
-            borderColor: theme.palette.action.disabledBackground,
-            color: theme.palette.action.disabled,
-        },
-    },
-    [`&.${Button_1.buttonClasses.textPrimary}`]: {
+    // For variant: text
+    [`&.${Button_1.buttonClasses.text}${Capitalize_1.default(color)}`]: {
         '&:hover': {
-            backgroundColor: styles_1.alpha(theme.palette.primary.main, 0.1),
+            backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
         },
     },
-    [`&.${Button_1.buttonClasses.textSecondary}`]: {
+    [`&.${Button_1.buttonClasses.text}${Capitalize_1.default(color)}`]: {
         '&:hover': {
-            backgroundColor: styles_1.alpha(theme.palette.secondary.main, 0.1),
+            backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
         },
     },
 }));

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

@@ -6,6 +6,7 @@ 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");
+// 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),

package/dist/libs/ui/src/lib/radio/Radio.js CHANGED Viewed

@@ -7,6 +7,7 @@ const styles_1 = require("@mui/material/styles");
 const material_1 = require("@mui/material");
 const FormControlLabel_1 = require("@mui/material/FormControlLabel");
 const Radio_1 = require("@mui/material/Radio");
+// self-defined-components
 const StyledFormControlLabel = styles_1.styled(material_1.FormControlLabel)(({ theme }) => ({
     [`& .${FormControlLabel_1.formControlLabelClasses.label}`]: {
         color: theme.palette.text.secondary,

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

@@ -52,7 +52,7 @@ const StyledOutlinedInput = styles_1.styled(material_1.OutlinedInput)(({ theme }
     },
     [`& .${OutlinedInput_1.outlinedInputClasses.input}`]: {
         color: theme.palette.text.primary,
-        ['&:focus']: {
+        '&:focus': {
             background: 'rgba(0,0,0,0)',
         },
     },
@@ -61,7 +61,7 @@ const OutlinedSelect = ({ label, helperText, InputProps, SelectProps, className,
     const hasHelperText = !!helperText;
     return (react_1.default.createElement(StyledFormControl, { size: size, disabled: disabled, error: error, color: color, className: className },
         hasLabel && (react_1.default.createElement(StyledInputLabel, { color: color, shrink: hasShrink ? true : undefined }, label)),
-        react_1.default.createElement(material_1.Select, Object.assign({ value: value, MenuProps: {
+        react_1.default.createElement(material_1.Select, Object.assign({ value: value, label: hasLabel ? label : undefined, MenuProps: {
                 PaperProps: {
                     sx: {
                         maxHeight: paperMaxHeight,

package/dist/libs/ui/src/lib/select/StandardSelect.js CHANGED Viewed

@@ -48,7 +48,6 @@ function StandardSelect({ label, helperText, InputProps, SelectProps, className,
                 PaperProps: {
                     sx: {
                         maxHeight: paperMaxHeight,
-                        top: '30px !important',
                     },
                 },
                 anchorOrigin: {

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

@@ -9,8 +9,10 @@ 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");
+//utils
+const Capitalize_1 = tslib_1.__importDefault(require("../../utils/Capitalize"));
 // self-defined-components
-const StyledTextField = styles_1.styled(material_1.TextField)(({ theme }) => ({
+const StyledTextField = styles_1.styled(material_1.TextField)(({ color = 'primary', theme }) => ({
     [`& .${InputLabel_1.inputLabelClasses.error}`]: {
         [`&:not(.${InputLabel_1.inputLabelClasses.shrink})`]: {
             color: theme.palette.text.secondary,
@@ -24,11 +26,8 @@ const StyledTextField = styles_1.styled(material_1.TextField)(({ theme }) => ({
     },
     // For variant: standard | filled
     [`& .${Input_1.inputClasses.underline}:not(.${Input_1.inputClasses.disabled})`]: {
-        [`&:hover:before`]: {
-            borderColor: theme.palette.primary.main,
-        },
-        [`&.${Input_1.inputClasses.colorSecondary}:hover:before`]: {
-            borderColor: theme.palette.secondary.main,
+        [`&.MuiInputBase-color${Capitalize_1.default(color)}:hover:before`]: {
+            borderColor: theme.palette[color].main,
         },
     },
     // For variant: outlined
@@ -39,11 +38,8 @@ const StyledTextField = styles_1.styled(material_1.TextField)(({ theme }) => ({
         borderColor: theme.palette.error.main,
     },
     [`&.${TextField_1.textFieldClasses.root} :not(.${Input_1.inputClasses.disabled}):not(.${Input_1.inputClasses.error})`]: {
-        [`&:hover .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.primary.main,
-        },
-        [`&.${Input_1.inputClasses.colorSecondary}:hover .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
-            borderColor: theme.palette.secondary.main,
+        [`&.MuiInputBase-color${Capitalize_1.default(color)}:hover .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
+            borderColor: theme.palette[color].main,
         },
     },
 }));

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

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@junyiacademy/ui-test",
-  "version": "1.5.4",
+  "version": "1.5.8",
   "description": "junyiacademy ui library",
   "main": "./dist/libs/ui/src/index.js",
   "typings": "./declarations/libs/ui/src/index.d.ts",