@junyiacademy/ui-test 1.6.6 → 1.6.9

package/dist/lib/select/Select.js

@@ -1,40 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = void 0;
-var react_1 = __importDefault(require("react"));
-var OutlinedSelect_1 = require("./OutlinedSelect");
-var StandardSelect_1 = require("./StandardSelect");
-function Select(_a) {
-    var variant = _a.variant, props = __rest(_a, ["variant"]);
-    if (variant === 'outlined') {
-        return react_1.default.createElement(OutlinedSelect_1.OutlinedSelect, __assign({}, props));
-    }
-    return react_1.default.createElement(StandardSelect_1.StandardSelect, __assign({}, props));
-}
-exports.Select = Select;
-exports.default = Select;

package/dist/lib/select/StandardSelect.d.ts

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

package/dist/lib/select/StandardSelect.js

@@ -1,88 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StandardSelect = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("@mui/material/styles");
-var material_1 = require("@mui/material");
-var InputLabel_1 = require("@mui/material/InputLabel");
-var Input_1 = require("@mui/material/Input");
-var StyledInputLabel = styles_1.styled(material_1.InputLabel, {
-    shouldForwardProp: function (prop) { return prop !== 'color'; },
-})(function (_a) {
-    var _b;
-    var color = _a.color, theme = _a.theme;
-    return (_b = {},
-        _b["&." + InputLabel_1.inputLabelClasses.root] = {
-            color: theme.palette.text.disabled,
-        },
-        _b["&." + InputLabel_1.inputLabelClasses.focused] = {
-            color: theme.palette[color].main,
-        },
-        _b["&." + InputLabel_1.inputLabelClasses.error] = {
-            color: theme.palette.error.main,
-        },
-        _b);
-});
-var StyledInput = styles_1.styled(material_1.Input, {
-    shouldForwardProp: function (prop) { return prop !== 'color'; },
-})(function (_a) {
-    var _b;
-    var color = _a.color, theme = _a.theme;
-    return (_b = {
-            color: theme.palette.text.primary
-        },
-        _b["& ." + Input_1.inputClasses.input] = {
-            '&:focus': {
-                background: 'rgba(0,0,0,0)',
-            },
-        },
-        _b["&." + Input_1.inputClasses.underline + ":not(." + Input_1.inputClasses.disabled + "):not(." + Input_1.inputClasses.error + ")"] = {
-            '&:after,&:hover:before': {
-                borderBottomColor: theme.palette[color].main,
-            },
-        },
-        _b["&." + Input_1.inputClasses.underline + "." + Input_1.inputClasses.error + ":not(." + Input_1.inputClasses.disabled + ")"] = {
-            '&:after,&:hover:before': {
-                borderBottomColor: theme.palette.error.main,
-            },
-        },
-        _b);
-});
-function StandardSelect(_a) {
-    var label = _a.label, helperText = _a.helperText, _b = _a.FormControlProps, FormControlProps = _b === void 0 ? {} : _b, _c = _a.InputLabelProps, InputLabelProps = _c === void 0 ? {} : _c, _d = _a.InputProps, InputProps = _d === void 0 ? {} : _d, _e = _a.SelectProps, SelectProps = _e === void 0 ? {} : _e, _f = _a.FormHelperTextProps, FormHelperTextProps = _f === void 0 ? {} : _f, className = _a.className, children = _a.children, _g = _a.color, color = _g === void 0 ? 'primary' : _g, _h = _a.size, size = _h === void 0 ? 'small' : _h, _j = _a.paperMaxHeight, paperMaxHeight = _j === void 0 ? 'auto' : _j, _k = _a.error, error = _k === void 0 ? false : _k, _l = _a.hasShrink, hasShrink = _l === void 0 ? false : _l, _m = _a.value, value = _m === void 0 ? '' : _m, _o = _a.disabled, disabled = _o === void 0 ? false : _o;
-    var hasHelperText = !!helperText;
-    return (react_1.default.createElement(material_1.FormControl, __assign({ variant: "standard", color: color, size: size, disabled: disabled, error: error, className: className }, FormControlProps),
-        react_1.default.createElement(StyledInputLabel, __assign({ color: color, shrink: hasShrink ? true : undefined }, InputLabelProps), label),
-        react_1.default.createElement(material_1.Select, __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, __assign({ color: color }, InputProps)) }, SelectProps), children),
-        hasHelperText && (react_1.default.createElement(material_1.FormHelperText, __assign({}, FormHelperTextProps), helperText))));
-}
-exports.StandardSelect = StandardSelect;
-exports.default = StandardSelect;

package/dist/lib/text-field/TextField.d.ts

@@ -1,3 +0,0 @@
-import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-export declare const TextField: (props: MuiTextFieldProps) => JSX.Element;
-export default TextField;

package/dist/lib/text-field/TextField.js

@@ -1,110 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextField = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("@mui/material/styles");
-var material_1 = require("@mui/material");
-var TextField_1 = require("@mui/material/TextField");
-var Input_1 = require("@mui/material/Input");
-var InputLabel_1 = require("@mui/material/InputLabel");
-var OutlinedInput_1 = require("@mui/material/OutlinedInput");
-var FormHelperText_1 = require("@mui/material/FormHelperText");
-// utils
-var Capitalize_1 = __importDefault(require("../../utils/Capitalize"));
-// self-defined-components
-var StyledTextField = styles_1.styled(material_1.TextField)(function (_a) {
-    var _b, _c, _d, _e;
-    var label = _a.label, _f = _a.color, color = _f === void 0 ? 'primary' : _f, theme = _a.theme;
-    return (_b = {},
-        _b["& ." + InputLabel_1.inputLabelClasses.error] = (_c = {},
-            _c["&:not(." + InputLabel_1.inputLabelClasses.shrink + ")"] = {
-                color: theme.palette.text.secondary,
-            },
-            _c["&." + InputLabel_1.inputLabelClasses.disabled] = {
-                color: theme.palette.text.disabled,
-            },
-            _c),
-        _b["& ." + InputLabel_1.inputLabelClasses.error + "." + InputLabel_1.inputLabelClasses.focused] = {
-            color: theme.palette.error.main,
-        },
-        // For variant: standard | filled
-        _b["& ." + Input_1.inputClasses.underline + ":not(." + Input_1.inputClasses.disabled + ")"] = (_d = {},
-            _d["&.MuiInputBase-color" + Capitalize_1.default(color) + ":hover:before"] = {
-                borderColor: theme.palette[color].main,
-            },
-            _d),
-        // For variant: outlined
-        _b["& ." + Input_1.inputClasses.disabled + " ." + OutlinedInput_1.outlinedInputClasses.notchedOutline] = {
-            borderStyle: 'dotted',
-        },
-        _b["& ." + Input_1.inputClasses.error + "." + Input_1.inputClasses.focused + " ." + OutlinedInput_1.outlinedInputClasses.notchedOutline] = {
-            borderColor: theme.palette.error.main,
-        },
-        _b["&." + TextField_1.textFieldClasses.root + " :not(." + Input_1.inputClasses.disabled + "):not(." + Input_1.inputClasses.error + ")"] = (_e = {},
-            _e["&.MuiInputBase-color" + Capitalize_1.default(color) + ":hover ." + OutlinedInput_1.outlinedInputClasses.notchedOutline] = {
-                borderColor: theme.palette[color].main,
-            },
-            _e),
-        _b["& ." + OutlinedInput_1.outlinedInputClasses.notchedOutline] = {
-            '& > legend': {
-                maxWidth: label === '' && 0,
-            },
-        },
-        _b);
-});
-var TextField = function (props) {
-    var _a;
-    var hasEndAdornment = !!((_a = props === null || props === void 0 ? void 0 : props.InputProps) === null || _a === void 0 ? void 0 : _a.endAdornment);
-    var InputLabelProps = props.InputLabelProps, InputProps = props.InputProps, _b = props.FormHelperTextProps, FormHelperTextProps = _b === void 0 ? {} : _b, otherProps = __rest(props, ["InputLabelProps", "InputProps", "FormHelperTextProps"]);
-    var _c = FormHelperTextProps.sx, formHelperTextSx = _c === void 0 ? [] : _c, otherFormHelperTextProps = __rest(FormHelperTextProps, ["sx"]);
-    return (react_1.default.createElement(StyledTextField, __assign({ InputLabelProps: __assign(__assign({}, InputLabelProps), { shrink: hasEndAdornment ? true : undefined }), FormHelperTextProps: __assign({ sx: __spreadArrays([
-                function (theme) {
-                    var _a, _b;
-                    return (_a = {},
-                        _a["&." + FormHelperText_1.formHelperTextClasses.root] = (_b = {
-                                marginLeft: 0
-                            },
-                            _b["&." + Input_1.inputClasses.error] = {
-                                color: theme.palette.error.main,
-                            },
-                            _b),
-                        _a);
-                }
-            ], (Array.isArray(formHelperTextSx)
-                ? formHelperTextSx
-                : [formHelperTextSx])) }, otherFormHelperTextProps), InputProps: __assign({}, InputProps) }, otherProps)));
-};
-exports.TextField = TextField;
-exports.default = exports.TextField;

package/dist/lib/topic-filter/TopicFilter.d.ts

@@ -1,13 +0,0 @@
-import type { ITopicTreeNode } from '../../interfaces';
-export interface TopicFilterProps {
-    topicTree: ITopicTreeNode;
-    onTopicSelected: (topic: ITopicTreeNode, selectedInfo: {
-        layerNumber: number;
-        selectedTopicIds: string[];
-    }) => void;
-    isLastLayer: (topic: ITopicTreeNode) => boolean;
-    hasArrow: boolean;
-    initSelectedTopicIds: string[];
-}
-export declare const TopicFilter: ({ topicTree, onTopicSelected, isLastLayer, hasArrow, initSelectedTopicIds, }: TopicFilterProps) => JSX.Element;
-export default TopicFilter;

package/dist/lib/topic-filter/TopicFilter.js

@@ -1,151 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopicFilter = void 0;
-var react_1 = __importStar(require("react"));
-var styles_1 = require("@mui/material/styles");
-var ArrowRightRounded_1 = __importDefault(require("@mui/icons-material/ArrowRightRounded"));
-var material_1 = require("@mui/material");
-var Select_1 = __importDefault(require("../select/Select"));
-var SelectMenuItem_1 = __importDefault(require("../menu-item/SelectMenuItem"));
-// self-defined-configs
-var LABEL = '請選擇';
-var StyledSelect = styles_1.styled(Select_1.default)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        width: 220,
-        margin: theme.spacing(1),
-    });
-});
-var TopicFilter = function (_a) {
-    var topicTree = _a.topicTree, onTopicSelected = _a.onTopicSelected, isLastLayer = _a.isLastLayer, hasArrow = _a.hasArrow, initSelectedTopicIds = _a.initSelectedTopicIds;
-    var _b = react_1.useState([]), selectedTopicIds = _b[0], setSelectedTopicIds = _b[1];
-    var _c = react_1.useState([]), layeredTopicList = _c[0], setLayeredTopicList = _c[1];
-    var _d = react_1.useState([]), isFocusedList = _d[0], setIsFocusedList = _d[1];
-    var initSelectedLayers = function () {
-        var newLayeredTopicList = initSelectedTopicIds.reduce(function (topicListAccumulator, topicId, index) {
-            var _a, _b;
-            var selectedTopic = (_b = (_a = topicListAccumulator[index]) === null || _a === void 0 ? void 0 : _a.childTopics) === null || _b === void 0 ? void 0 : _b.find(function (childTopic) { return childTopic.id === topicId; });
-            if (!selectedTopic) {
-                return topicListAccumulator;
-            }
-            if (isLastLayer(selectedTopic)) {
-                return topicListAccumulator;
-            }
-            return __spreadArrays(topicListAccumulator, [selectedTopic]);
-        }, [topicTree]);
-        setLayeredTopicList(newLayeredTopicList);
-        setSelectedTopicIds(initSelectedTopicIds.slice(0, newLayeredTopicList.length));
-        setIsFocusedList(Array(newLayeredTopicList.length).fill(false));
-    };
-    var handleChange = function (e, layerNumber, layeredTopic) {
-        var selectedTopic = layeredTopic.childTopics.find(function (childTopic) { return childTopic.id === e.target.value; });
-        var newSelectedTopicIds = __spreadArrays(selectedTopicIds.slice(0, layerNumber), [
-            selectedTopic.id,
-        ]);
-        setSelectedTopicIds(newSelectedTopicIds);
-        onTopicSelected(selectedTopic, {
-            layerNumber: layerNumber,
-            selectedTopicIds: newSelectedTopicIds,
-        });
-        if (isLastLayer(selectedTopic)) {
-            setLayeredTopicList(function (prevTopicList) {
-                return prevTopicList.slice(0, layerNumber + 1);
-            });
-            setIsFocusedList(function (prevList) { return prevList.slice(0, layerNumber + 1); });
-        }
-        else {
-            setLayeredTopicList(function (prevTopicList) { return __spreadArrays(prevTopicList.slice(0, layerNumber + 1), [
-                selectedTopic,
-            ]); });
-            setIsFocusedList(function (prevList) { return __spreadArrays(prevList.slice(0, layerNumber + 1), [
-                false,
-            ]); });
-        }
-    };
-    react_1.useEffect(function () {
-        if (!topicTree || Object.keys(topicTree).length === 0) {
-            return;
-        }
-        if (initSelectedTopicIds.length !== 0) {
-            initSelectedLayers();
-            return;
-        }
-        setLayeredTopicList([topicTree]);
-    }, [topicTree]);
-    if (layeredTopicList.length === 0) {
-        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',
-            alignItems: 'center',
-            flexWrap: 'wrap',
-        } }, layeredTopicList.map(function (layeredTopic, layerNumber) {
-        var hasLabel = isFocusedList[layerNumber] || !selectedTopicIds[layerNumber];
-        return (react_1.default.createElement(material_1.Box, { sx: {
-                display: 'flex',
-                alignItems: 'center',
-            }, key: layeredTopic.id },
-            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: {
-                        'aria-label': "layered-topic-" + layerNumber,
-                    },
-                    onChange: function (e) {
-                        handleChange(e, layerNumber, layeredTopic);
-                    },
-                    onFocus: function () {
-                        setIsFocusedList(function (prevList) {
-                            var newList = __spreadArrays(prevList);
-                            newList[layerNumber] = true;
-                            return newList;
-                        });
-                    },
-                    onBlur: function () {
-                        setIsFocusedList(function (prevList) {
-                            var newList = __spreadArrays(prevList);
-                            newList[layerNumber] = false;
-                            return newList;
-                        });
-                    },
-                } },
-                react_1.default.createElement(SelectMenuItem_1.default, { disabled: true, value: "" }, LABEL),
-                layeredTopic.childTopics.map(function (childTopic) { return (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: function (theme) { return ({
-                    margin: theme.spacing(-1, -1.5),
-                    fontSize: theme.spacing(7),
-                    color: '#444',
-                }); }, fontSize: "large", "data-testid": "topic-filter-arrow" }))));
-    })));
-};
-exports.TopicFilter = TopicFilter;
-exports.default = exports.TopicFilter;

package/dist/styles/theme.d.ts

@@ -1,24 +0,0 @@
-/**
- * Copyright (c) 2020 Junyi Academy.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-declare module '@mui/material/styles/createPalette' {
-    interface Palette {
-        green: {
-            primary: Palette['primary'];
-            blueGreen: Palette['primary'];
-            grassGreen: Palette['primary'];
-        };
-    }
-    interface PaletteOptions {
-        green: {
-            primary: PaletteOptions['primary'];
-            blueGreen: PaletteOptions['primary'];
-            grassGreen: PaletteOptions['primary'];
-        };
-    }
-}
-declare const theme: import("@mui/material/styles").Theme;
-export default theme;

package/dist/styles/theme.js

@@ -1,42 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2020 Junyi Academy.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@mui/material/styles");
-// Create a theme instance.
-var theme = styles_1.createTheme({
-    typography: {
-        fontFamily: ['Noto Sans TC', 'Helvetica', 'Arial', 'sans-serif'].join(','),
-    },
-    palette: {
-        primary: {
-            light: '#82C0FF',
-            main: '#4990E2',
-            dark: '#0063B0',
-        },
-        secondary: {
-            light: '#FFD759',
-            main: '#F5A623',
-            dark: '#BD7700',
-            contrastText: '#FFFFFF',
-        },
-        green: {
-            primary: {
-                light: '#9DD49E',
-                main: '#5CB85D',
-                dark: '#218838',
-            },
-            blueGreen: {
-                main: '#19A696',
-            },
-            grassGreen: {
-                main: '#80BB5A',
-            },
-        },
-    },
-});
-exports.default = theme;

package/dist/utils/Capitalize.d.ts

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

package/dist/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;

package/dist/utils/topicTree.d.ts

@@ -1,2 +0,0 @@
-import { ITopicTreeNode } from '../interfaces';
-export declare const topicTree: ITopicTreeNode;