@junyiacademy/ui-test 1.5.2 → 1.5.3

package/declarations/libs/ui/src/interfaces/index.d.ts

@@ -9,7 +9,6 @@ export interface ITopicTreeNode {
     title: string;
 }
 export interface SelectProps extends MuiSelectProp {
-    placeholder: string;
     helperText?: string;
     InputProps?: (Partial<OutlinedInputProps> & {
         onChange: (e: ChangeEvent<HTMLInputElement>) => void;

package/declarations/libs/ui/src/lib/select/OutlinedSelect.d.ts

@@ -1,3 +1,3 @@
 import { SelectProps } from '../../interfaces';
-export declare const OutlinedSelect: ({ placeholder, helperText, InputProps, SelectProps, className, children, color, size, paperMaxHeight, error, hasLabel, hasShrink, value, disabled, }: SelectProps) => JSX.Element;
+export declare const OutlinedSelect: ({ label, helperText, InputProps, SelectProps, className, children, color, size, paperMaxHeight, error, hasLabel, hasShrink, value, disabled, }: SelectProps) => JSX.Element;
 export default OutlinedSelect;

package/declarations/libs/ui/src/lib/select/StandardSelect.d.ts

@@ -1,3 +1,3 @@
 import { SelectProps } from '../../interfaces';
-export declare function StandardSelect({ placeholder, helperText, InputProps, SelectProps, className, children, color, size, paperMaxHeight, error, hasShrink, value, disabled, }: SelectProps): JSX.Element;
+export declare function StandardSelect({ label, helperText, InputProps, SelectProps, className, children, color, size, paperMaxHeight, error, hasShrink, value, disabled, }: SelectProps): JSX.Element;
 export default StandardSelect;

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

@@ -57,11 +57,11 @@ const StyledOutlinedInput = styles_1.styled(material_1.OutlinedInput)(({ theme }
         },
     },
 }));
-const OutlinedSelect = ({ placeholder, helperText, InputProps, SelectProps, className, children, color = 'primary', size = 'small', paperMaxHeight = 'auto', error = false, hasLabel = true, hasShrink = false, value = '', disabled = false, }) => {
+const OutlinedSelect = ({ label, helperText, InputProps, SelectProps, className, children, color = 'primary', size = 'small', paperMaxHeight = 'auto', error = false, hasLabel = true, hasShrink = false, value = '', disabled = false, }) => {
     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, variant: 'outlined', shrink: hasShrink ? true : undefined }, placeholder)),
-        react_1.default.createElement(material_1.Select, Object.assign({ label: placeholder, value: value, MenuProps: {
+        hasLabel && (react_1.default.createElement(StyledInputLabel, { color: color, variant: 'outlined', shrink: hasShrink ? true : undefined }, label)),
+        react_1.default.createElement(material_1.Select, Object.assign({ label: label, value: value, MenuProps: {
                 PaperProps: {
                     sx: {
                         maxHeight: paperMaxHeight,
@@ -76,7 +76,7 @@ const OutlinedSelect = ({ placeholder, helperText, InputProps, SelectProps, clas
                     vertical: 'top',
                     horizontal: 'left',
                 },
-            }, input: react_1.default.createElement(StyledOutlinedInput, Object.assign({ color: color, label: hasLabel ? placeholder : undefined, disabled: disabled }, InputProps)) }, SelectProps), children),
+            }, input: react_1.default.createElement(StyledOutlinedInput, Object.assign({ color: color, label: hasLabel ? label : '', disabled: disabled }, InputProps)) }, SelectProps), children),
         hasHelperText && react_1.default.createElement(material_1.FormHelperText, null, helperText)));
 };
 exports.OutlinedSelect = OutlinedSelect;

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

@@ -40,11 +40,11 @@ const StyledInput = styles_1.styled(material_1.Input, {
         },
     },
 }));
-function StandardSelect({ placeholder, helperText, InputProps, SelectProps, className, children, color = 'primary', size = 'small', paperMaxHeight = 'auto', error = false, hasShrink = false, value = '', disabled = false, }) {
+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 }, placeholder),
-        react_1.default.createElement(material_1.Select, Object.assign({ label: placeholder, value: value, MenuProps: {
+        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,

package/dist/libs/ui/src/lib/topic-filter/TopicFilter.js

@@ -9,7 +9,7 @@ const material_1 = require("@mui/material");
 const Select_1 = tslib_1.__importDefault(require("../select/Select"));
 const SelectMenuItem_1 = tslib_1.__importDefault(require("../menu-item/SelectMenuItem"));
 // self-defined-configs
-const PLACEHOLDER = '請選擇';
+const LABEL = '請選擇';
 const StyledSelect = styles_1.styled(Select_1.default)(({ theme }) => ({
     width: 220,
     margin: theme.spacing(1),
@@ -71,7 +71,7 @@ const TopicFilter = ({ topicTree, onTopicSelected, isLastLayer, hasArrow, initSe
         setLayeredTopicList([topicTree]);
     }, [topicTree]);
     if (layeredTopicList.length === 0) {
-        return (react_1.default.createElement(StyledSelect, { variant: 'outlined', size: 'small', placeholder: '\u8F09\u5165\u8CC7\u6599\u4E2D...', disabled: true }));
+        return (react_1.default.createElement(StyledSelect, { variant: 'outlined', size: 'small', label: '\u8F09\u5165\u8CC7\u6599\u4E2D...', disabled: true }));
     }
     return (react_1.default.createElement(material_1.Box, { sx: {
             display: 'flex',
@@ -83,7 +83,7 @@ const TopicFilter = ({ topicTree, onTopicSelected, isLastLayer, hasArrow, initSe
                 display: 'flex',
                 alignItems: 'center',
             }, key: layeredTopic.id },
-            react_1.default.createElement(StyledSelect, { variant: 'outlined', size: 'small', label: '\u8ACB\u9078\u64C7', paperMaxHeight: 412, hasLabel: hasLabel, placeholder: PLACEHOLDER, value: (selectedTopicIds === null || selectedTopicIds === void 0 ? void 0 : selectedTopicIds[layerNumber]) || '', SelectProps: {
+            react_1.default.createElement(StyledSelect, { variant: 'outlined', size: 'small', label: LABEL, paperMaxHeight: 412, hasLabel: hasLabel, value: (selectedTopicIds === null || selectedTopicIds === void 0 ? void 0 : selectedTopicIds[layerNumber]) || '', SelectProps: {
                     'data-testid': `layered-topic-${layerNumber}`,
                 }, InputProps: {
                     inputProps: {
@@ -107,7 +107,7 @@ const TopicFilter = ({ topicTree, onTopicSelected, isLastLayer, hasArrow, initSe
                         });
                     },
                 } },
-                react_1.default.createElement(SelectMenuItem_1.default, { disabled: true }, PLACEHOLDER),
+                react_1.default.createElement(SelectMenuItem_1.default, { disabled: true }, LABEL),
                 layeredTopic.childTopics.map((childTopic) => (react_1.default.createElement(SelectMenuItem_1.default, { key: childTopic.id, value: childTopic.id, "data-testid": `layered-menuitem-${layerNumber}`, "data-is-content-topic": childTopic.isContentTopic }, childTopic.title)))),
             hasArrow && layerNumber !== layeredTopicList.length - 1 && (react_1.default.createElement(ArrowRightRounded_1.default, { sx: (theme) => ({
                     margin: theme.spacing(-1, -1.5),

package/package.json

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