@junyiacademy/ui-test 1.6.6 → 1.6.9

package/README.md

@@ -1,7 +1,69 @@
-# ui
+# React + TypeScript + Vite
 
-This library was generated with [Nx](https://nx.dev).
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-## Running unit tests
+Currently, two official plugins are available:
 
-Run `nx test ui` to execute the unit tests via [Jest](https://jestjs.io).
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      ...tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      ...tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      ...tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+]);
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactDom from 'eslint-plugin-react-dom';
+import reactX from 'eslint-plugin-react-x';
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+]);
+```

package/package.json

@@ -1,29 +1,45 @@
 {
   "name": "@junyiacademy/ui-test",
-  "version": "1.6.6",
+  "version": "1.6.9",
   "description": "junyiacademy ui library",
   "main": "./dist/index.js",
-  "typings": "./dist/index.d.ts",
+  "types": "./dist/index.d.ts",
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc --build --clean && tsc --build"
+    "build": "rm -rf ./dist && tsc && vite build"
   },
   "keywords": [
     "junyiacademy"
   ],
-  "author": "Junyi Academy",
+  "author": "junyiacademy",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
-  "dependencies": {
-    "@emotion/react": "11.9.0",
-    "@emotion/styled": "11.8.1",
-    "@mui/icons-material": "5.6.2",
-    "@mui/material": "5.6.2",
-    "react": "17.0.2"
+  "peerDependencies": {
+    "@emotion/react": ">=11.11.1",
+    "@emotion/styled": ">=11.11.0",
+    "@mui/icons-material": ">=7.3.1",
+    "@mui/material": ">=7.3.1",
+    "axios": ">=1.13.2",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
   "devDependencies": {
-    "typescript": "~4.1.4"
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/material": "^7.3.1",
+    "@types/react": "^18.0.0",
+    "axios": "~1.13.2",
+    "react": "^18.2.0",
+    "react-dom": "^=18.2.0",
+    "typescript": "^5.8.3",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export { default as TopicFilter } from './lib/topic-filter/TopicFilter';
-export { default as SelectMenuItem } from './lib/menu-item/SelectMenuItem';
-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 Select } from './lib/select/Select';

package/dist/index.js

@@ -1,20 +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.Select = exports.TextField = exports.Radio = exports.ButtonGroup = exports.Button = exports.SelectMenuItem = exports.TopicFilter = void 0;
-var TopicFilter_1 = require("./lib/topic-filter/TopicFilter");
-Object.defineProperty(exports, "TopicFilter", { enumerable: true, get: function () { return __importDefault(TopicFilter_1).default; } });
-var SelectMenuItem_1 = require("./lib/menu-item/SelectMenuItem");
-Object.defineProperty(exports, "SelectMenuItem", { enumerable: true, get: function () { return __importDefault(SelectMenuItem_1).default; } });
-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 Select_1 = require("./lib/select/Select");
-Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });

package/dist/interfaces/index.d.ts

@@ -1,29 +0,0 @@
-import { ChangeEvent } from 'react';
-import { SelectProps as MuiSelectProp, InputProps as MuiInputProps, FormControlProps as MuiFormControlProps, InputLabelProps as MuiInputLabelProps, OutlinedInputProps, FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
-export interface ITopicTreeNode {
-    childTopics: ITopicTreeNode[];
-    id: string;
-    isContentTopic: boolean;
-    key: string;
-    tags: string[];
-    title: string;
-}
-export interface SelectProps extends MuiSelectProp {
-    helperText?: string;
-    FormControlProps?: Partial<MuiFormControlProps>;
-    InputLabelProps?: Partial<MuiInputLabelProps>;
-    InputProps?: (Partial<OutlinedInputProps> & {
-        onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    }) | (object & Partial<MuiInputProps>);
-    SelectProps?: object | Partial<MuiSelectProp>;
-    FormHelperTextProps?: Partial<MuiFormHelperTextProps>;
-    color?: 'primary' | 'secondary';
-    size?: 'medium' | 'small';
-    paperMaxHeight?: number | string;
-    error?: boolean;
-    hasLabel?: boolean;
-    hasShrink?: boolean;
-    disabled?: boolean;
-    className?: string;
-    otherProps?: any;
-}

package/dist/interfaces/index.js

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

package/dist/lib/button/Button.d.ts

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

package/dist/lib/button/Button.js

@@ -1,73 +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.Button = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("@mui/material/styles");
-var material_1 = require("@mui/material");
-var Button_1 = require("@mui/material/Button");
-// utils
-var Capitalize_1 = __importDefault(require("../../utils/Capitalize"));
-var StyledButton = styles_1.styled(material_1.Button, {
-    shouldForwardProp: function (prop) { return prop !== 'active'; },
-})(function (_a) {
-    var _b, _c;
-    var active = _a.active, _d = _a.color, color = _d === void 0 ? 'primary' : _d, theme = _a.theme;
-    return (_b = {},
-        // For variant: outlined
-        _b["&." + Button_1.buttonClasses.outlined + Capitalize_1.default(color)] = (_c = {
-                backgroundColor: active
-                    ? theme.palette[color].main
-                    : theme.palette.common.white,
-                color: active ? theme.palette.common.white : theme.palette[color].main,
-                borderColor: theme.palette[color].main,
-                '&:hover': {
-                    backgroundColor: active
-                        ? theme.palette[color].main
-                        : styles_1.alpha(theme.palette[color].main, 0.1),
-                }
-            },
-            _c["&." + Button_1.buttonClasses.disabled] = {
-                backgroundColor: theme.palette.common.white,
-                borderColor: theme.palette.action.disabledBackground,
-                color: theme.palette.action.disabled,
-            },
-            _c),
-        // For variant: text
-        _b["&." + Button_1.buttonClasses.text + Capitalize_1.default(color)] = {
-            '&:hover': {
-                backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
-            },
-        },
-        _b);
-});
-var Button = function (_a) {
-    var active = _a.active, children = _a.children, otherProps = __rest(_a, ["active", "children"]);
-    return (react_1.default.createElement(StyledButton, __assign({ active: active }, otherProps), children));
-};
-exports.Button = Button;
-exports.default = exports.Button;

package/dist/lib/button-group/ButtonGroup.d.ts

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

package/dist/lib/button-group/ButtonGroup.js

@@ -1,51 +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.ButtonGroup = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("@mui/material/styles");
-var material_1 = require("@mui/material");
-var ButtonGroup_1 = require("@mui/material/ButtonGroup");
-// utils
-var Capitalize_1 = __importDefault(require("../../utils/Capitalize"));
-// self-defined-components
-var StyledButtonGroup = styles_1.styled(material_1.ButtonGroup)(function (_a) {
-    var _b;
-    var _c = _a.color, color = _c === void 0 ? 'primary' : _c, theme = _a.theme;
-    return (_b = {},
-        _b["& ." + ButtonGroup_1.buttonGroupClasses.groupedOutlined + Capitalize_1.default(color) + "." + ButtonGroup_1.buttonGroupClasses.grouped + "." + ButtonGroup_1.buttonGroupClasses.disabled] = {
-            borderColor: styles_1.alpha(theme.palette[color].main, 0.5),
-            color: styles_1.alpha(theme.palette[color].main, 0.5),
-        },
-        _b);
-});
-var ButtonGroup = function (_a) {
-    var children = _a.children, otherProps = __rest(_a, ["children"]);
-    return (react_1.default.createElement(StyledButtonGroup, __assign({}, otherProps), children));
-};
-exports.ButtonGroup = ButtonGroup;
-exports.default = exports.ButtonGroup;

package/dist/lib/menu-item/SelectMenuItem.d.ts

@@ -1,6 +0,0 @@
-import { MenuItemProps } from '@mui/material';
-export interface SelectMenuItemProps extends MenuItemProps {
-    value?: any;
-}
-declare const SelectMenuItem: ({ children, value, ...otherProps }: SelectMenuItemProps) => JSX.Element;
-export default SelectMenuItem;

package/dist/lib/menu-item/SelectMenuItem.js

@@ -1,58 +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 });
-var react_1 = __importDefault(require("react"));
-var material_1 = require("@mui/material");
-var MenuItem_1 = require("@mui/material/MenuItem");
-var SelectMenuItem = function (_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, otherProps = __rest(_a, ["children", "value"]);
-    var menuItemSx = otherProps.sx, otherMenuItemProps = __rest(otherProps, ["sx"]);
-    return (react_1.default.createElement(material_1.MenuItem, __assign({ sx: __spreadArrays([
-            function (theme) {
-                var _a;
-                return (_a = {
-                        whiteSpace: 'unset',
-                        color: theme.palette.text.primary
-                    },
-                    _a["&." + MenuItem_1.menuItemClasses.selected] = {
-                        backgroundColor: theme.palette.grey[300],
-                        '&:hover': {
-                            backgroundColor: theme.palette.grey[200],
-                        },
-                    },
-                    _a);
-            }
-        ], (Array.isArray(menuItemSx) ? menuItemSx : [menuItemSx])), value: value }, otherMenuItemProps), children));
-};
-exports.default = SelectMenuItem;

package/dist/lib/radio/Radio.d.ts

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

package/dist/lib/radio/Radio.js

@@ -1,76 +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.Radio = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("@mui/material/styles");
-var material_1 = require("@mui/material");
-var FormControlLabel_1 = require("@mui/material/FormControlLabel");
-var Radio_1 = require("@mui/material/Radio");
-// self-defined-components
-var StyledFormControlLabel = styles_1.styled(material_1.FormControlLabel)(function (_a) {
-    var _b, _c;
-    var theme = _a.theme;
-    return (_b = {},
-        _b["& ." + FormControlLabel_1.formControlLabelClasses.label] = (_c = {
-                color: theme.palette.text.secondary
-            },
-            _c["&." + FormControlLabel_1.formControlLabelClasses.disabled] = {
-                color: theme.palette.text.disabled,
-            },
-            _c),
-        _b["& ." + Radio_1.radioClasses.checked + " + ." + FormControlLabel_1.formControlLabelClasses.label] = {
-            color: theme.palette.text.primary,
-        },
-        _b);
-});
-var Radio = function (_a) {
-    var checked = _a.checked, disabled = _a.disabled, label = _a.label, labelPlacement = _a.labelPlacement, value = _a.value, _b = _a.FormControlLabelProps, FormControlLabelProps = _b === void 0 ? {} : _b, _c = _a.RadioProps, RadioProps = _c === void 0 ? {} : _c, _d = _a.TypographyProps, TypographyProps = _d === void 0 ? {} : _d, _e = _a.color, color = _e === void 0 ? 'secondary' : _e, _f = _a.size, size = _f === void 0 ? 'medium' : _f, _g = _a.caption, caption = _g === void 0 ? '' : _g;
-    var _h = RadioProps.sx, radioSx = _h === void 0 ? [] : _h, otherRadioProps = __rest(RadioProps, ["sx"]);
-    var _j = TypographyProps.sx, typographySx = _j === void 0 ? [] : _j, otherTypographyProps = __rest(TypographyProps, ["sx"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(StyledFormControlLabel, __assign({ control: react_1.default.createElement(material_1.Radio, __assign({ sx: __spreadArrays([
-                    function (theme) { return ({
-                        color: theme.palette.text.primary,
-                    }); }
-                ], (Array.isArray(radioSx) ? radioSx : [radioSx])), color: color, size: size }, otherRadioProps)), checked: checked, disabled: disabled, label: label, labelPlacement: labelPlacement, value: value }, FormControlLabelProps)),
-        caption && (react_1.default.createElement(material_1.Typography, __assign({ sx: __spreadArrays([
-                function (theme) { return ({
-                    color: theme.palette.text.disabled,
-                    margin: '0 0 0 30px',
-                }); }
-            ], (Array.isArray(typographySx) ? typographySx : [typographySx])), variant: "body2" }, otherTypographyProps), caption))));
-};
-exports.Radio = Radio;
-exports.default = exports.Radio;

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

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

package/dist/lib/select/OutlinedSelect.js

@@ -1,133 +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.OutlinedSelect = void 0;
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("@mui/material/styles");
-var material_1 = require("@mui/material");
-var FormHelperText_1 = require("@mui/material/FormHelperText");
-var InputLabel_1 = require("@mui/material/InputLabel");
-var OutlinedInput_1 = require("@mui/material/OutlinedInput");
-var InputBase_1 = require("@mui/material/InputBase");
-var StyledInputLabel = styles_1.styled(material_1.InputLabel, {
-    shouldForwardProp: function (prop) { return prop !== 'color'; },
-})(function (_a) {
-    var _b, _c;
-    var color = _a.color, theme = _a.theme;
-    return (_b = {
-            color: theme.palette.text.secondary
-        },
-        _b["&." + InputLabel_1.inputLabelClasses.outlined] = (_c = {},
-            _c["&:not(." + InputLabel_1.inputLabelClasses.disabled + ") ." + InputLabel_1.inputLabelClasses.focused] = {
-                color: theme.palette.action.active,
-            },
-            _c["&." + InputLabel_1.inputLabelClasses.sizeSmall + ":not(." + InputLabel_1.inputLabelClasses.shrink + ")"] = {
-                transform: 'translate(12px, 12px) scale(1)',
-            },
-            _c),
-        // eslint-disable-next-line
-        _b["&." + InputLabel_1.inputLabelClasses.shrink + ":not(." + InputLabel_1.inputLabelClasses.error + "):not(." + InputLabel_1.inputLabelClasses.disabled + ")." + InputLabel_1.inputLabelClasses.focused] = {
-            color: theme.palette[color].main,
-        },
-        _b["&." + InputLabel_1.inputLabelClasses.shrink] = {
-            backgroundColor: '#ffffff',
-            padding: '0 2px',
-        },
-        _b);
-});
-var StyledOutlinedInput = styles_1.styled(material_1.OutlinedInput)(function (_a) {
-    var _b, _c;
-    var theme = _a.theme;
-    return (_b = {},
-        _b["&." + OutlinedInput_1.outlinedInputClasses.root] = (_c = {},
-            _c["&." + OutlinedInput_1.outlinedInputClasses.error + "." + OutlinedInput_1.outlinedInputClasses.focused + " ." + OutlinedInput_1.outlinedInputClasses.notchedOutline] = {
-                borderColor: "" + theme.palette.error.main,
-            },
-            _c["& ." + InputBase_1.inputBaseClasses.inputSizeSmall] = {
-                padding: '12.5px 15px 12.5px 12px',
-            },
-            _c),
-        _b["& ." + OutlinedInput_1.outlinedInputClasses.input] = {
-            color: theme.palette.text.primary,
-            '&:focus': {
-                background: 'rgba(0,0,0,0)',
-            },
-        },
-        _b);
-});
-var OutlinedSelect = function (_a) {
-    var _b;
-    var label = _a.label, helperText = _a.helperText, _c = _a.FormControlProps, FormControlProps = _c === void 0 ? {} : _c, _d = _a.InputLabelProps, InputLabelProps = _d === void 0 ? {} : _d, _e = _a.InputProps, InputProps = _e === void 0 ? {} : _e, _f = _a.SelectProps, SelectProps = _f === void 0 ? {} : _f, _g = _a.FormHelperTextProps, FormHelperTextProps = _g === void 0 ? {} : _g, className = _a.className, children = _a.children, _h = _a.color, color = _h === void 0 ? 'primary' : _h, _j = _a.size, size = _j === void 0 ? 'small' : _j, _k = _a.paperMaxHeight, paperMaxHeight = _k === void 0 ? 'auto' : _k, _l = _a.error, error = _l === void 0 ? false : _l, _m = _a.hasLabel, hasLabel = _m === void 0 ? true : _m, _o = _a.hasShrink, hasShrink = _o === void 0 ? false : _o, _p = _a.value, value = _p === void 0 ? '' : _p, _q = _a.disabled, disabled = _q === void 0 ? false : _q;
-    var hasHelperText = !!helperText;
-    var _r = FormControlProps.sx, formControlSx = _r === void 0 ? [] : _r, otherFormControlProps = __rest(FormControlProps, ["sx"]);
-    var _s = FormHelperTextProps.sx, formHelperTextSx = _s === void 0 ? [] : _s, otherFormHelperTextProps = __rest(FormHelperTextProps, ["sx"]);
-    return (react_1.default.createElement(material_1.FormControl, __assign({ sx: __spreadArrays([
-            function (theme) {
-                var _a;
-                return ({
-                    backgroundColor: 'white',
-                    '&:hover': (_a = {},
-                        // eslint-disable-next-line
-                        _a["& :not(." + OutlinedInput_1.outlinedInputClasses.disabled + "):not(." + OutlinedInput_1.outlinedInputClasses.error + ") ." + OutlinedInput_1.outlinedInputClasses.notchedOutline] = {
-                            borderColor: theme.palette[color].main,
-                        },
-                        _a),
-                });
-            }
-        ], (Array.isArray(formControlSx) ? formControlSx : [formControlSx])), size: size, disabled: disabled, error: error, color: color, className: className }, otherFormControlProps),
-        hasLabel && (react_1.default.createElement(StyledInputLabel, __assign({ color: color, shrink: hasShrink ? true : undefined }, InputLabelProps), label)),
-        react_1.default.createElement(material_1.Select, __assign({ value: value, label: hasLabel ? label : undefined, MenuProps: {
-                PaperProps: {
-                    sx: {
-                        maxHeight: paperMaxHeight,
-                    },
-                },
-                disableAutoFocusItem: true,
-                anchorOrigin: {
-                    vertical: 2,
-                    horizontal: 'left',
-                },
-                transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left',
-                },
-            }, input: react_1.default.createElement(StyledOutlinedInput, __assign({ color: color, label: hasLabel ? label : undefined, disabled: disabled }, InputProps)) }, SelectProps), children),
-        hasHelperText && (react_1.default.createElement(material_1.FormHelperText, __assign({ sx: __assign((_b = {}, _b["&." + FormHelperText_1.formHelperTextClasses.root] = {
-                marginLeft: 0,
-            }, _b), (Array.isArray(formHelperTextSx)
-                ? formHelperTextSx
-                : [formHelperTextSx])) }, otherFormHelperTextProps), helperText))));
-};
-exports.OutlinedSelect = OutlinedSelect;
-exports.default = exports.OutlinedSelect;

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

@@ -1,3 +0,0 @@
-import { SelectProps } from '../../interfaces';
-export declare function Select({ variant, ...props }: SelectProps): JSX.Element;
-export default Select;