@junyiacademy/ui-test 0.0.7 → 0.0.8

package/src/utils/topicTree.ts

@@ -24,7 +24,97 @@ export const topicTree: ITopicTreeNode = {
                   key:
                     'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
                   tags: [],
-                  title: '【一上】比長短',
+                  title: '【一上】比長短1',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach3',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短2',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach4',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短3',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach5',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短4',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach6',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短5',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach7',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短6',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach8',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短7',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach9',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短8',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach10',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短9',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach11',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短10',
+                },
+                {
+                  childTopics: [],
+                  id: 'j-m1ach12',
+                  isContentTopic: true,
+                  key:
+                    'ag5zfmp1bnlpYWNhZGVteXJmCxIFVG9waWMiKHpWQ01BOGpXQTU5SW1zSi1sdWJSQTJlV0QzbHpuZUZiY1BwMUZWOVoMCxIFVG9waWMiKHRXZlVrTHNpSjRYcHlMTGFDa2QtVTRDWkRjcjMwZ3JSTGtSUUNNazgM',
+                  tags: [],
+                  title: '【一上】比長短11',
                 },
               ],
               id: 'math-grade-1-a',

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

@@ -1,5 +0,0 @@
-export { default as Button } from './lib/button/Button';
-export { default as ButtonGroup } from './lib/button-group/ButtonGroup';
-export { default as Radio } from './lib/radio/Radio';
-export { default as TextField } from './lib/text-field/TextField';
-export { default as SelectionItem } from './lib/selection-item/SelectionItem';

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

@@ -1,8 +0,0 @@
-export interface ITopicTreeNode {
-    childTopics: ITopicTreeNode[];
-    id: string;
-    isContentTopic: boolean;
-    key: string;
-    tags: string[];
-    title: string;
-}

package/declarations/libs/ui/src/lib/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[];
-}
-declare const TopicFilter: ({ topicTree, onTopicSelected, isLastLayer, hasArrow, initSelectedTopicIds, }: TopicFilterProps) => JSX.Element;
-export default TopicFilter;

package/declarations/libs/ui/src/lib/button/Button.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps as MuiButtonProps } from '@material-ui/core';
-export interface ButtonProps extends MuiButtonProps {
-    active?: boolean;
-}
-export declare const Button: ({ active, children, ...otherProps }: ButtonProps) => JSX.Element;
-export default Button;

package/declarations/libs/ui/src/lib/button-group/ButtonGroup.d.ts

@@ -1,3 +0,0 @@
-import { ButtonGroupProps as MuiButtonGroupProps } from '@material-ui/core';
-export declare const ButtonGroup: ({ children, ...otherProps }: MuiButtonGroupProps) => JSX.Element;
-export default ButtonGroup;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface SelectMenuItemProps {
-    value?: any;
-    disabled?: boolean;
-}
-declare const SelectMenuItem: React.ForwardRefExoticComponent<SelectMenuItemProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLLIElement>>;
-export default SelectMenuItem;

package/declarations/libs/ui/src/lib/radio/Radio.d.ts

@@ -1,10 +0,0 @@
-import { RadioProps as MuiRadioProps, FormControlLabelProps } from '@material-ui/core';
-export interface RadioProps extends Omit<FormControlLabelProps, 'control'> {
-    color?: 'primary' | 'secondary' | 'default';
-    size?: 'medium' | 'small';
-    caption?: string;
-    formControlLabelProps?: Partial<FormControlLabelProps>;
-    radioProps?: Partial<MuiRadioProps>;
-}
-export declare const Radio: ({ checked, disabled, label, labelPlacement, value, formControlLabelProps, radioProps, color, size, caption, }: RadioProps) => JSX.Element;
-export default Radio;

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

@@ -1,15 +0,0 @@
-import { PropsWithChildren, ChangeEvent } from 'react';
-import { SelectProps, OutlinedInputProps } from '@material-ui/core';
-export interface OutlinedSelectProps {
-    size?: 'medium' | 'small';
-    hasLabel?: boolean;
-    placeholder?: string;
-    value?: unknown;
-    disabled?: boolean;
-    SelectProps?: Partial<SelectProps>;
-    OutlinedInputProps?: Partial<OutlinedInputProps> & {
-        onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    };
-}
-declare const OutlinedSelect: ({ size, hasLabel, placeholder, value, disabled, SelectProps, OutlinedInputProps, children, }: PropsWithChildren<OutlinedSelectProps>) => JSX.Element;
-export default OutlinedSelect;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { SelectProps, InputProps } from '@material-ui/core';
-export interface StandardSelectProps {
-    color?: 'primary' | 'secondary';
-    size?: 'medium' | 'small';
-    width?: number | 'auto';
-    paperMaxHeight?: number | 'auto';
-    error?: boolean;
-    hasShrink?: boolean;
-    placeholder: string;
-    hasHelperText?: boolean;
-    helperText?: string;
-    InputProps?: object & Partial<InputProps>;
-    value?: unknown;
-    disabled?: boolean;
-    SelectProps?: object | Partial<SelectProps>;
-    children?: React.ReactNode;
-}
-export declare function StandardSelect({ color, size, width, paperMaxHeight, error, hasShrink, placeholder, hasHelperText, helperText, InputProps, value, SelectProps, disabled, children, }: StandardSelectProps): JSX.Element;
-export default StandardSelect;

package/declarations/libs/ui/src/lib/text-field/TextField.d.ts

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

package/dist/libs/ui/src/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectionItem = exports.TextField = exports.Radio = exports.ButtonGroup = exports.Button = void 0;
-var Button_1 = require("./lib/button/Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-var ButtonGroup_1 = require("./lib/button-group/ButtonGroup");
-Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return __importDefault(ButtonGroup_1).default; } });
-var Radio_1 = require("./lib/radio/Radio");
-Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return __importDefault(Radio_1).default; } });
-var TextField_1 = require("./lib/text-field/TextField");
-Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return __importDefault(TextField_1).default; } });
-var SelectionItem_1 = require("./lib/selection-item/SelectionItem");
-Object.defineProperty(exports, "SelectionItem", { enumerable: true, get: function () { return __importDefault(SelectionItem_1).default; } });

package/dist/libs/ui/src/interfaces/index.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/libs/ui/src/lib/TopicFilter.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const ArrowRightRounded_1 = tslib_1.__importDefault(require("@material-ui/icons/ArrowRightRounded"));
-const OutlinedSelect_1 = tslib_1.__importDefault(require("./select/OutlinedSelect"));
-const SelectMenuItem_1 = tslib_1.__importDefault(require("./menu-item/SelectMenuItem"));
-// self-defined-configs
-const PLACEHOLDER = '請選擇';
-// self-defined-components
-const useStyles = styles_1.makeStyles((theme) => ({
-    filtersWrapper: {
-        display: 'flex',
-        alignItems: 'center',
-        flexWrap: 'wrap',
-    },
-    selectWrapper: {
-        display: 'flex',
-        alignItems: 'center',
-    },
-    arrowIcon: {
-        margin: theme.spacing(-1, -1.5),
-        fontSize: theme.spacing(7),
-        color: '#444',
-    },
-}));
-const TopicFilter = ({ topicTree, onTopicSelected, isLastLayer, hasArrow, initSelectedTopicIds, }) => {
-    const classes = useStyles();
-    const [selectedTopicIds, setSelectedTopicIds] = react_1.useState([]);
-    const [layeredTopicList, setLayeredTopicList] = react_1.useState([]);
-    const [isFocusedList, setIsFocusedList] = react_1.useState([]);
-    const initSelectedLayers = () => {
-        const newLayeredTopicList = initSelectedTopicIds.reduce((topicListAccumulator, topicId, index) => {
-            var _a, _b;
-            const selectedTopic = (_b = (_a = topicListAccumulator[index]) === null || _a === void 0 ? void 0 : _a.childTopics) === null || _b === void 0 ? void 0 : _b.find((childTopic) => childTopic.id === topicId);
-            if (!selectedTopic) {
-                return topicListAccumulator;
-            }
-            if (isLastLayer(selectedTopic)) {
-                return topicListAccumulator;
-            }
-            return [...topicListAccumulator, selectedTopic];
-        }, [topicTree]);
-        setLayeredTopicList(newLayeredTopicList);
-        setSelectedTopicIds(initSelectedTopicIds.slice(0, newLayeredTopicList.length));
-        setIsFocusedList(Array(newLayeredTopicList.length).fill(false));
-    };
-    const handleChange = (e, layerNumber, layeredTopic) => {
-        const selectedTopic = layeredTopic.childTopics.find((childTopic) => childTopic.id === e.target.value);
-        const newSelectedTopicIds = [
-            ...selectedTopicIds.slice(0, layerNumber),
-            selectedTopic.id,
-        ];
-        setSelectedTopicIds(newSelectedTopicIds);
-        onTopicSelected(selectedTopic, {
-            layerNumber,
-            selectedTopicIds: newSelectedTopicIds,
-        });
-        if (isLastLayer(selectedTopic)) {
-            setLayeredTopicList((prevTopicList) => prevTopicList.slice(0, layerNumber + 1));
-            setIsFocusedList((prevList) => prevList.slice(0, layerNumber + 1));
-        }
-        else {
-            setLayeredTopicList((prevTopicList) => [
-                ...prevTopicList.slice(0, layerNumber + 1),
-                selectedTopic,
-            ]);
-            setIsFocusedList((prevList) => [
-                ...prevList.slice(0, layerNumber + 1),
-                false,
-            ]);
-        }
-    };
-    react_1.useEffect(() => {
-        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(OutlinedSelect_1.default, { size: 'small', placeholder: '\u8F09\u5165\u8CC7\u6599\u4E2D...', disabled: true }));
-    }
-    return (react_1.default.createElement("div", { className: classes.filtersWrapper }, layeredTopicList.map((layeredTopic, layerNumber) => {
-        const hasLabel = isFocusedList[layerNumber] || !selectedTopicIds[layerNumber];
-        return (react_1.default.createElement("div", { key: layeredTopic.id, className: classes.selectWrapper },
-            react_1.default.createElement(OutlinedSelect_1.default, { size: 'small', hasLabel: hasLabel, placeholder: PLACEHOLDER, value: (selectedTopicIds === null || selectedTopicIds === void 0 ? void 0 : selectedTopicIds[layerNumber]) || '', SelectProps: {
-                    inputProps: {
-                        'data-testid': `layered-topic-${layerNumber}`,
-                    },
-                }, OutlinedInputProps: {
-                    inputProps: {
-                        'aria-label': `layered-topic-${layerNumber}`,
-                    },
-                    onChange: (e) => {
-                        handleChange(e, layerNumber, layeredTopic);
-                    },
-                    onFocus: () => {
-                        setIsFocusedList((prevList) => {
-                            const newList = [...prevList];
-                            newList[layerNumber] = true;
-                            return newList;
-                        });
-                    },
-                    onBlur: () => {
-                        setIsFocusedList((prevList) => {
-                            const newList = [...prevList];
-                            newList[layerNumber] = false;
-                            return newList;
-                        });
-                    },
-                } },
-                react_1.default.createElement(SelectMenuItem_1.default, { disabled: true }, PLACEHOLDER),
-                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, { fontSize: 'large', classes: { root: classes.arrowIcon }, "data-testid": 'topic-filter-arrow' }))));
-    })));
-};
-exports.default = TopicFilter;

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

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const core_1 = require("@material-ui/core");
-// self-defined-components
-const PREFIX = 'JuiButton';
-const classes = {
-    outlinedPrimary: `${PREFIX}-outlinedPrimary`,
-    outlinedSecondary: `${PREFIX}-outlinedSecondary`,
-    textPrimary: `${PREFIX}-textPrimary`,
-    textSecondary: `${PREFIX}-textSecondary`,
-    disabled: `${PREFIX}-disabled`,
-};
-const StyledButton = styles_1.styled((_a) => {
-    var { active: _active } = _a, other = tslib_1.__rest(_a, ["active"]);
-    return (react_1.default.createElement(core_1.Button, Object.assign({ classes: classes }, other)));
-})(({ active, theme }) => ({
-    [`&.${classes.outlinedPrimary}`]: {
-        backgroundColor: active
-            ? theme.palette.primary.main
-            : theme.palette.common.white,
-        color: active ? theme.palette.common.white : theme.palette.primary.main,
-        borderColor: theme.palette.primary.main,
-        '&:hover': {
-            backgroundColor: active
-                ? theme.palette.primary.main
-                : styles_1.fade(theme.palette.primary.main, 0.1),
-        },
-        [`&.${classes.disabled}`]: {
-            backgroundColor: theme.palette.common.white,
-            borderColor: theme.palette.action.disabledBackground,
-            color: theme.palette.action.disabled,
-        },
-    },
-    [`&.${classes.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.fade(theme.palette.secondary.main, 0.1),
-        },
-        [`&.${classes.disabled}`]: {
-            backgroundColor: theme.palette.common.white,
-            borderColor: theme.palette.action.disabledBackground,
-            color: theme.palette.action.disabled,
-        },
-    },
-    [`&.${classes.textPrimary}`]: {
-        '&:hover': {
-            backgroundColor: styles_1.fade(theme.palette.primary.main, 0.1),
-        },
-    },
-    [`&.${classes.textSecondary}`]: {
-        '&:hover': {
-            backgroundColor: styles_1.fade(theme.palette.secondary.main, 0.1),
-        },
-    },
-}));
-const Button = (_a) => {
-    var { active, children } = _a, otherProps = tslib_1.__rest(_a, ["active", "children"]);
-    return (react_1.default.createElement(StyledButton, Object.assign({ active: active }, otherProps), children));
-};
-exports.Button = Button;
-exports.default = exports.Button;

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGroup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const core_1 = require("@material-ui/core");
-const PREFIX = 'JuiButtonGroup';
-const classes = {
-    grouped: `${PREFIX}-grouped`,
-    groupedOutlinedPrimary: `${PREFIX}-groupedOutlinedPrimary`,
-    groupedOutlinedSecondary: `${PREFIX}-groupedOutlinedSecondary`,
-    disabled: `${PREFIX}-disabled`,
-};
-const StyledButtonGroup = styles_1.styled((_a) => {
-    var props = tslib_1.__rest(_a, []);
-    return (react_1.default.createElement(core_1.ButtonGroup, Object.assign({ classes: classes }, props)));
-})(({ theme }) => ({
-    [`& .${classes.groupedOutlinedPrimary}.${classes.grouped}.${classes.disabled}`]: {
-        borderColor: styles_1.fade(theme.palette.primary.main, 0.5),
-        color: styles_1.fade(theme.palette.primary.main, 0.5),
-    },
-    [`& .${classes.groupedOutlinedSecondary}.${classes.grouped}.${classes.disabled}`]: {
-        borderColor: styles_1.fade(theme.palette.secondary.main, 0.5),
-        color: styles_1.fade(theme.palette.secondary.main, 0.5),
-    },
-}));
-const ButtonGroup = (_a) => {
-    var { children } = _a, otherProps = tslib_1.__rest(_a, ["children"]);
-    return (react_1.default.createElement(StyledButtonGroup, Object.assign({}, otherProps), children));
-};
-exports.ButtonGroup = ButtonGroup;
-exports.default = exports.ButtonGroup;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const core_1 = require("@material-ui/core");
-// self-defined-components
-const useStyles = styles_1.makeStyles((theme) => ({
-    menuItem: {
-        width: theme.spacing(27.5),
-        whiteSpace: 'unset',
-        color: 'rgba(0, 0, 0, 0.87)',
-    },
-    menuItemSelected: { backgroundColor: '#E0E0E0' },
-}));
-const SelectMenuItem = react_1.default.forwardRef((_a, ref) => {
-    var { children, value = '' } = _a, otherProps = tslib_1.__rest(_a, ["children", "value"]);
-    const classes = useStyles();
-    return (react_1.default.createElement(core_1.MenuItem, Object.assign({ ref: ref, classes: {
-            root: classes.menuItem,
-            selected: classes.menuItemSelected,
-        }, value: value }, otherProps), children));
-});
-exports.default = SelectMenuItem;

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Radio = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const core_1 = require("@material-ui/core");
-const PREFIX = 'JuiRadio';
-const classes = {
-    formControlLabel: `${PREFIX}-formControl-label`,
-    formControlDisabled: `${PREFIX}-formControl-disabled`,
-    radioChecked: `${PREFIX}-radio-checked`,
-};
-const StyledFormControlLabel = styles_1.styled((props) => (react_1.default.createElement(core_1.FormControlLabel, Object.assign({ classes: {
-        label: classes.formControlLabel,
-        disabled: classes.formControlDisabled,
-    } }, props))))(({ theme }) => ({
-    [`& .${classes.formControlLabel}`]: {
-        color: theme.palette.text.secondary,
-        [`&.${classes.formControlDisabled}`]: {
-            color: theme.palette.text.disabled,
-        },
-    },
-    [`& .${classes.radioChecked} + .${classes.formControlLabel}`]: {
-        color: theme.palette.text.primary,
-    },
-}));
-const StyledRadio = styles_1.styled((props) => (react_1.default.createElement(core_1.Radio, Object.assign({ classes: {
-        checked: classes.radioChecked,
-    } }, props))))(({ theme }) => ({
-    color: theme.palette.text.primary,
-}));
-const StyledTypography = styles_1.styled(core_1.Typography)(({ theme }) => ({
-    color: theme.palette.text.disabled,
-    margin: '0 0 0 30px',
-}));
-const Radio = ({ checked, disabled, label, labelPlacement, value, formControlLabelProps, radioProps, color = 'secondary', size = 'medium', caption = '', }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StyledFormControlLabel, Object.assign({ control: react_1.default.createElement(StyledRadio, Object.assign({ color: color, size: size }, radioProps)), checked: checked, disabled: disabled, label: label, labelPlacement: labelPlacement, value: value }, formControlLabelProps)),
-        caption && (react_1.default.createElement(StyledTypography, { variant: 'body2' }, caption))));
-};
-exports.Radio = Radio;
-exports.default = exports.Radio;

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const styles_1 = require("@material-ui/core/styles");
-const core_1 = require("@material-ui/core");
-// self-defined-components
-const useStyles = styles_1.makeStyles((theme) => ({
-    formControl: {
-        margin: theme.spacing(1),
-        width: theme.spacing(27.5),
-        backgroundColor: 'white',
-        '&:hover': {
-            '& :not($inputDisabled) $notchedOutline': {
-                borderColor: theme.palette.primary.main,
-            },
-        },
-    },
-    input: {
-        color: 'rgba(0, 0, 0, 0.87)',
-    },
-    inputMarginDense: { padding: '14.5px 12px 14.5px' },
-    inputLabel: {
-        color: theme.palette.text.secondary,
-    },
-    inputLabelOutlined: {
-        '&$inputLabelMarginDense:not($inputLabelShrink)': {
-            transform: 'translate(12px, 16px) scale(1)',
-        },
-    },
-    inputDisabled: {},
-    notchedOutline: {},
-    inputLabelMarginDense: {},
-    inputLabelShrink: {},
-    menuPaper: { maxHeight: 412 },
-}));
-const OutlinedSelect = ({ size = 'medium', hasLabel = true, placeholder, value = '', disabled = false, SelectProps, OutlinedInputProps, children, }) => {
-    const classes = useStyles();
-    return (react_1.default.createElement(core_1.FormControl, { className: classes.formControl, size: size, disabled: disabled },
-        hasLabel && (react_1.default.createElement(core_1.InputLabel, { variant: 'outlined', classes: {
-                root: classes.inputLabel,
-                outlined: classes.inputLabelOutlined,
-                marginDense: classes.inputLabelMarginDense,
-                shrink: classes.inputLabelShrink,
-            } }, placeholder)),
-        react_1.default.createElement(core_1.Select, Object.assign({ value: value, input: react_1.default.createElement(core_1.OutlinedInput, Object.assign({ label: hasLabel ? placeholder : undefined, classes: {
-                    input: classes.input,
-                    inputMarginDense: classes.inputMarginDense,
-                    notchedOutline: classes.notchedOutline,
-                    disabled: classes.inputDisabled,
-                }, disabled: disabled }, OutlinedInputProps)), MenuProps: {
-                disableAutoFocusItem: true,
-                anchorOrigin: {
-                    vertical: 2,
-                    horizontal: 'left',
-                },
-                transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left',
-                },
-                getContentAnchorEl: null,
-                classes: { paper: classes.menuPaper },
-            } }, SelectProps), children)));
-};
-exports.default = OutlinedSelect;