@junyiacademy/ui-test 1.5.16 → 1.6.2

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const OutlinedSelect_1 = require("./OutlinedSelect");
-const StandardSelect_1 = require("./StandardSelect");
-function Select(_a) {
-    var { variant } = _a, props = tslib_1.__rest(_a, ["variant"]);
-    if (variant === 'outlined') {
-        return react_1.default.createElement(OutlinedSelect_1.OutlinedSelect, Object.assign({}, props));
-    }
-    return react_1.default.createElement(StandardSelect_1.StandardSelect, Object.assign({}, props));
-}
-exports.Select = Select;
-exports.default = Select;

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StandardSelect = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const material_1 = require("@mui/material");
-const InputLabel_1 = require("@mui/material/InputLabel");
-const Input_1 = require("@mui/material/Input");
-const StyledInputLabel = styles_1.styled(material_1.InputLabel, {
-    shouldForwardProp: (prop) => prop !== 'color',
-})(({ color, theme }) => ({
-    [`&.${InputLabel_1.inputLabelClasses.root}`]: {
-        color: theme.palette.text.disabled,
-    },
-    [`&.${InputLabel_1.inputLabelClasses.focused}`]: {
-        color: theme.palette[color].main,
-    },
-    [`&.${InputLabel_1.inputLabelClasses.error}`]: {
-        color: theme.palette.error.main,
-    },
-}));
-const StyledInput = styles_1.styled(material_1.Input, {
-    shouldForwardProp: (prop) => prop !== 'color',
-})(({ color, theme }) => ({
-    color: theme.palette.text.primary,
-    [`& .${Input_1.inputClasses.input}`]: {
-        '&:focus': {
-            background: 'rgba(0,0,0,0)',
-        },
-    },
-    [`&.${Input_1.inputClasses.underline}:not(.${Input_1.inputClasses.disabled}):not(.${Input_1.inputClasses.error})`]: {
-        '&:after,&:hover:before': {
-            borderBottomColor: theme.palette[color].main,
-        },
-    },
-    [`&.${Input_1.inputClasses.underline}.${Input_1.inputClasses.error}:not(.${Input_1.inputClasses.disabled})`]: {
-        '&:after,&:hover:before': {
-            borderBottomColor: theme.palette.error.main,
-        },
-    },
-}));
-function StandardSelect({ label, helperText, InputProps, SelectProps, className, children, color = 'primary', size = 'small', paperMaxHeight = 'auto', error = false, hasShrink = false, value = '', disabled = false, }) {
-    const hasHelperText = !!helperText;
-    return (react_1.default.createElement(material_1.FormControl, { variant: 'standard', color: color, size: size, disabled: disabled, error: error, className: className },
-        react_1.default.createElement(StyledInputLabel, { color: color, shrink: hasShrink ? true : undefined }, label),
-        react_1.default.createElement(material_1.Select, Object.assign({ label: label, value: value, MenuProps: {
-                PaperProps: {
-                    sx: {
-                        maxHeight: paperMaxHeight,
-                    },
-                },
-                anchorOrigin: {
-                    vertical: 2,
-                    horizontal: 'left',
-                },
-                transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left',
-                },
-            }, input: react_1.default.createElement(StyledInput, Object.assign({ color: color }, InputProps)) }, SelectProps), children),
-        hasHelperText && react_1.default.createElement(material_1.FormHelperText, null, helperText)));
-}
-exports.StandardSelect = StandardSelect;
-exports.default = StandardSelect;

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

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextField = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@mui/material/styles");
-const material_1 = require("@mui/material");
-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 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}`]: {
-        [`&:not(.${InputLabel_1.inputLabelClasses.shrink})`]: {
-            color: theme.palette.text.secondary,
-        },
-        [`&.${InputLabel_1.inputLabelClasses.disabled}`]: {
-            color: theme.palette.text.disabled,
-        },
-    },
-    [`& .${InputLabel_1.inputLabelClasses.error}.${InputLabel_1.inputLabelClasses.focused}`]: {
-        color: theme.palette.error.main,
-    },
-    // For variant: standard | filled
-    [`& .${Input_1.inputClasses.underline}:not(.${Input_1.inputClasses.disabled})`]: {
-        [`&.MuiInputBase-color${Capitalize_1.default(color)}:hover:before`]: {
-            borderColor: theme.palette[color].main,
-        },
-    },
-    // For variant: outlined
-    [`& .${Input_1.inputClasses.disabled} .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
-        borderStyle: 'dotted',
-    },
-    [`& .${Input_1.inputClasses.error}.${Input_1.inputClasses.focused} .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
-        borderColor: theme.palette.error.main,
-    },
-    [`&.${TextField_1.textFieldClasses.root} :not(.${Input_1.inputClasses.disabled}):not(.${Input_1.inputClasses.error})`]: {
-        [`&.MuiInputBase-color${Capitalize_1.default(color)}:hover .${OutlinedInput_1.outlinedInputClasses.notchedOutline}`]: {
-            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);
-    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 }), 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 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function capitalize(string) {
-    return `${string.charAt(0).toUpperCase()}${string.slice(1)}`;
-}
-exports.default = capitalize;