@junyiacademy/ui-test 1.6.6 → 1.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +66 -4
- package/dist/index.js.mjs +1479 -0
- package/dist/index.js.umd.js +2 -0
- package/dist/shared-utils/src/hooks/topic-filter/useGetTopicList.d.ts +14 -0
- package/dist/shared-utils/src/models/index.d.ts +2 -0
- package/dist/shared-utils/src/models/topic-tree/SubTree.d.ts +5 -0
- package/dist/shared-utils/src/models/topic-tree/Topic.d.ts +10 -0
- package/dist/shared-utils/src/models/user/UserProfile.d.ts +92 -0
- package/dist/shared-utils/src/utils/axios.d.ts +2 -0
- package/dist/shared-utils/src/utils/getCsrfToken.d.ts +7 -0
- package/dist/{index.d.ts → ui/src/index.d.ts} +7 -0
- package/dist/{interfaces → ui/src/interfaces}/index.d.ts +1 -9
- package/dist/ui/src/lib/Info-Popover/InfoPopover.d.ts +20 -0
- package/dist/ui/src/lib/MUI/Alert/Alert.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Avatar/Avatar.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Badge/Badge.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Checkbox/Checkbox.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Chip/Chip.d.ts +3 -0
- package/dist/ui/src/lib/MUI/CircularProgress/CircularProgress.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Divider/Divider.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Fab/Fab.d.ts +3 -0
- package/dist/ui/src/lib/MUI/LinearProgress/LinearProgress.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Link/Link.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Menu/Menu.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Menu/MenuItem.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Paper/Paper.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Rating/Rating.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Skeleton/Skeleton.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Slider/Slider.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Snackbar/Snackbar.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Switch/Switch.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Tooltip/Tooltip.d.ts +3 -0
- package/dist/ui/src/lib/MUI/Typography/Typography.d.ts +5 -0
- package/dist/ui/src/lib/button/Button.d.ts +10 -0
- package/dist/ui/src/lib/button/LoadingButton.d.ts +7 -0
- package/dist/ui/src/lib/button-group/ButtonGroup.d.ts +15 -0
- package/dist/ui/src/lib/chip/Chip.d.ts +9 -0
- package/dist/ui/src/lib/icon/Icon.d.ts +5 -0
- package/dist/{lib → ui/src/lib}/menu-item/SelectMenuItem.d.ts +1 -1
- package/dist/ui/src/lib/radio/Radio.d.ts +13 -0
- package/dist/ui/src/lib/select/OutlinedSelect.d.ts +3 -0
- package/dist/ui/src/lib/select/Select.d.ts +3 -0
- package/dist/ui/src/lib/select/StandardSelect.d.ts +3 -0
- package/dist/{lib → ui/src/lib}/text-field/TextField.d.ts +1 -1
- package/dist/ui/src/lib/topic-filter/TopicFilter.d.ts +13 -0
- package/dist/ui/src/lib/tutorial/Tutorial.d.ts +8 -0
- package/dist/ui/src/lib/tutorial/TutorialStep.d.ts +27 -0
- package/dist/ui/src/styles/colors.d.ts +11 -0
- package/dist/ui/src/styles/locales/dateTimePicker.d.ts +83 -0
- package/dist/ui/src/styles/theme.d.ts +77 -0
- package/dist/ui/src/utils/capitalize.d.ts +1 -0
- package/package.json +27 -12
- package/dist/index.js +0 -20
- package/dist/interfaces/index.js +0 -2
- package/dist/lib/button/Button.d.ts +0 -6
- package/dist/lib/button/Button.js +0 -73
- package/dist/lib/button-group/ButtonGroup.d.ts +0 -3
- package/dist/lib/button-group/ButtonGroup.js +0 -51
- package/dist/lib/menu-item/SelectMenuItem.js +0 -58
- package/dist/lib/radio/Radio.d.ts +0 -11
- package/dist/lib/radio/Radio.js +0 -76
- package/dist/lib/select/OutlinedSelect.d.ts +0 -3
- package/dist/lib/select/OutlinedSelect.js +0 -133
- package/dist/lib/select/Select.d.ts +0 -3
- package/dist/lib/select/Select.js +0 -40
- package/dist/lib/select/StandardSelect.d.ts +0 -3
- package/dist/lib/select/StandardSelect.js +0 -88
- package/dist/lib/text-field/TextField.js +0 -110
- package/dist/lib/topic-filter/TopicFilter.d.ts +0 -13
- package/dist/lib/topic-filter/TopicFilter.js +0 -151
- package/dist/styles/theme.d.ts +0 -24
- package/dist/styles/theme.js +0 -42
- package/dist/utils/Capitalize.d.ts +0 -1
- package/dist/utils/Capitalize.js +0 -6
- package/dist/utils/topicTree.d.ts +0 -2
- package/dist/utils/topicTree.js +0 -177
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import type { TimeView } from '@mui/x-date-pickers/models/views';
|
|
2
|
+
export declare const zhTW: {
|
|
3
|
+
components: {
|
|
4
|
+
MuiLocalizationProvider: {
|
|
5
|
+
defaultProps: {
|
|
6
|
+
localeText: {
|
|
7
|
+
previousMonth?: string;
|
|
8
|
+
nextMonth?: string;
|
|
9
|
+
calendarWeekNumberHeaderLabel?: string;
|
|
10
|
+
calendarWeekNumberHeaderText?: string;
|
|
11
|
+
calendarWeekNumberAriaLabelText?: (weekNumber: number) => string;
|
|
12
|
+
calendarWeekNumberText?: (weekNumber: number) => string;
|
|
13
|
+
openPreviousView?: string;
|
|
14
|
+
openNextView?: string;
|
|
15
|
+
calendarViewSwitchingButtonAriaLabel?: (currentView: import("@mui/x-date-pickers/models/views").DateView) => string;
|
|
16
|
+
start?: string;
|
|
17
|
+
end?: string;
|
|
18
|
+
startDate?: string;
|
|
19
|
+
startTime?: string;
|
|
20
|
+
endDate?: string;
|
|
21
|
+
endTime?: string;
|
|
22
|
+
cancelButtonLabel?: string;
|
|
23
|
+
clearButtonLabel?: string;
|
|
24
|
+
okButtonLabel?: string;
|
|
25
|
+
todayButtonLabel?: string;
|
|
26
|
+
nextStepButtonLabel?: string;
|
|
27
|
+
clockLabelText?: (view: TimeView, formattedTime: string | null) => string;
|
|
28
|
+
hoursClockNumberText?: (hours: string) => string;
|
|
29
|
+
minutesClockNumberText?: (minutes: string) => string;
|
|
30
|
+
secondsClockNumberText?: (seconds: string) => string;
|
|
31
|
+
selectViewText?: (view: import("@mui/x-date-pickers/internals").TimeViewWithMeridiem) => string;
|
|
32
|
+
openDatePickerDialogue?: (formattedDate: string | null) => string;
|
|
33
|
+
openTimePickerDialogue?: (formattedTime: string | null) => string;
|
|
34
|
+
openRangePickerDialogue?: (formattedRange: string | null) => string;
|
|
35
|
+
fieldClearLabel?: string;
|
|
36
|
+
timeTableLabel?: string;
|
|
37
|
+
dateTableLabel?: string;
|
|
38
|
+
fieldYearPlaceholder?: (params: {
|
|
39
|
+
digitAmount: number;
|
|
40
|
+
format: string;
|
|
41
|
+
}) => string;
|
|
42
|
+
fieldMonthPlaceholder?: (params: {
|
|
43
|
+
contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
|
|
44
|
+
format: string;
|
|
45
|
+
}) => string;
|
|
46
|
+
fieldDayPlaceholder?: (params: {
|
|
47
|
+
format: string;
|
|
48
|
+
}) => string;
|
|
49
|
+
fieldWeekDayPlaceholder?: (params: {
|
|
50
|
+
contentType: import("@mui/x-date-pickers/models").FieldSectionContentType;
|
|
51
|
+
format: string;
|
|
52
|
+
}) => string;
|
|
53
|
+
fieldHoursPlaceholder?: (params: {
|
|
54
|
+
format: string;
|
|
55
|
+
}) => string;
|
|
56
|
+
fieldMinutesPlaceholder?: (params: {
|
|
57
|
+
format: string;
|
|
58
|
+
}) => string;
|
|
59
|
+
fieldSecondsPlaceholder?: (params: {
|
|
60
|
+
format: string;
|
|
61
|
+
}) => string;
|
|
62
|
+
fieldMeridiemPlaceholder?: (params: {
|
|
63
|
+
format: string;
|
|
64
|
+
}) => string;
|
|
65
|
+
year?: string;
|
|
66
|
+
month?: string;
|
|
67
|
+
day?: string;
|
|
68
|
+
weekDay?: string;
|
|
69
|
+
hours?: string;
|
|
70
|
+
minutes?: string;
|
|
71
|
+
seconds?: string;
|
|
72
|
+
meridiem?: string;
|
|
73
|
+
empty?: string;
|
|
74
|
+
datePickerToolbarTitle?: string;
|
|
75
|
+
timePickerToolbarTitle?: string;
|
|
76
|
+
dateTimePickerToolbarTitle?: string;
|
|
77
|
+
dateRangePickerToolbarTitle?: string;
|
|
78
|
+
timeRangePickerToolbarTitle?: string;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
declare module '@mui/material/styles' {
|
|
2
|
+
interface Palette {
|
|
3
|
+
primaryGreen: Palette['primary'];
|
|
4
|
+
blueGreen: Palette['primary'];
|
|
5
|
+
grassGreen: Palette['primary'];
|
|
6
|
+
cancel: Palette['primary'];
|
|
7
|
+
darkOrange: Palette['primary'];
|
|
8
|
+
progressPrimary: Palette['primary'];
|
|
9
|
+
progressUpgraded: Palette['primary'];
|
|
10
|
+
progressUnstarted: Palette['primary'];
|
|
11
|
+
progressStart: Palette['primary'];
|
|
12
|
+
progressLevel1: Palette['primary'];
|
|
13
|
+
progressLevel2: Palette['primary'];
|
|
14
|
+
progressLevel3: Palette['primary'];
|
|
15
|
+
progressFinished: Palette['primary'];
|
|
16
|
+
progressStruggle: Palette['primary'];
|
|
17
|
+
}
|
|
18
|
+
interface PaletteOptions {
|
|
19
|
+
primaryGreen: PaletteOptions['primary'];
|
|
20
|
+
blueGreen: PaletteOptions['primary'];
|
|
21
|
+
grassGreen: PaletteOptions['primary'];
|
|
22
|
+
cancel: PaletteOptions['primary'];
|
|
23
|
+
darkOrange: PaletteOptions['primary'];
|
|
24
|
+
progressPrimary: PaletteOptions['primary'];
|
|
25
|
+
progressUpgraded: PaletteOptions['primary'];
|
|
26
|
+
progressUnstarted: PaletteOptions['primary'];
|
|
27
|
+
progressStart: PaletteOptions['primary'];
|
|
28
|
+
progressLevel1: PaletteOptions['primary'];
|
|
29
|
+
progressLevel2: PaletteOptions['primary'];
|
|
30
|
+
progressLevel3: PaletteOptions['primary'];
|
|
31
|
+
progressFinished: PaletteOptions['primary'];
|
|
32
|
+
progressStruggle: PaletteOptions['primary'];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
export interface DefaultColorOverrides {
|
|
36
|
+
cancel: true;
|
|
37
|
+
primaryGreen: true;
|
|
38
|
+
blueGreen: true;
|
|
39
|
+
grassGreen: true;
|
|
40
|
+
darkOrange: true;
|
|
41
|
+
}
|
|
42
|
+
declare module '@mui/material' {
|
|
43
|
+
interface ButtonPropsColorOverrides extends DefaultColorOverrides {
|
|
44
|
+
}
|
|
45
|
+
interface ButtonGroupPropsColorOverrides extends DefaultColorOverrides {
|
|
46
|
+
}
|
|
47
|
+
interface CheckboxPropsColorOverrides extends DefaultColorOverrides {
|
|
48
|
+
}
|
|
49
|
+
interface FabPropsColorOverrides extends DefaultColorOverrides {
|
|
50
|
+
}
|
|
51
|
+
interface ChipPropsColorOverrides extends DefaultColorOverrides {
|
|
52
|
+
}
|
|
53
|
+
interface SwitchPropsColorOverrides extends DefaultColorOverrides {
|
|
54
|
+
}
|
|
55
|
+
interface BadgePropsColorOverrides extends DefaultColorOverrides {
|
|
56
|
+
}
|
|
57
|
+
interface CircularProgressPropsColorOverrides extends DefaultColorOverrides {
|
|
58
|
+
}
|
|
59
|
+
interface LinearProgressPropsColorOverrides extends DefaultColorOverrides {
|
|
60
|
+
}
|
|
61
|
+
interface ChipPropsColorOverrides extends DefaultColorOverrides {
|
|
62
|
+
progressUpgraded: true;
|
|
63
|
+
progressUnstarted: true;
|
|
64
|
+
progressStart: true;
|
|
65
|
+
progressLevel1: true;
|
|
66
|
+
progressLevel2: true;
|
|
67
|
+
progressLevel3: true;
|
|
68
|
+
progressFinished: true;
|
|
69
|
+
progressStruggle: true;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
declare const theme: import("@mui/material/styles").Theme;
|
|
73
|
+
export default theme;
|
|
74
|
+
export declare const paletteColor: readonly ["primary", "secondary", "success", "error", "info", "cancel", "warning", "primaryGreen", "blueGreen", "grassGreen", "darkOrange"];
|
|
75
|
+
export type Color = (typeof paletteColor)[number];
|
|
76
|
+
export declare const progressColor: readonly ["progressPrimary", "progressUpgraded", "progressUnstarted", "progressStart", "progressLevel1", "progressLevel2", "progressLevel3", "progressFinished", "progressStruggle"];
|
|
77
|
+
export type ProgressColor = (typeof progressColor)[number];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function capitalize(string: string): string;
|
package/package.json
CHANGED
|
@@ -1,29 +1,44 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@junyiacademy/ui-test",
|
|
3
|
-
"version": "1.6.
|
|
4
|
-
"description": "junyiacademy ui library",
|
|
3
|
+
"version": "1.6.7",
|
|
4
|
+
"description": "junyiacademy ui library test",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
|
-
"
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"directories": {
|
|
8
|
+
"lib": "lib"
|
|
9
|
+
},
|
|
10
|
+
"files": [
|
|
11
|
+
"dist"
|
|
12
|
+
],
|
|
7
13
|
"scripts": {
|
|
8
14
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
9
|
-
"build": "
|
|
15
|
+
"build": "rm -rf ./dist && vite build && tsc --emitDeclarationOnly --project tsconfig.json"
|
|
10
16
|
},
|
|
11
17
|
"keywords": [
|
|
12
18
|
"junyiacademy"
|
|
13
19
|
],
|
|
14
|
-
"author": "
|
|
20
|
+
"author": "junyiacademy",
|
|
15
21
|
"license": "MIT",
|
|
16
22
|
"publishConfig": {
|
|
17
23
|
"access": "public"
|
|
18
24
|
},
|
|
19
|
-
"
|
|
20
|
-
"@emotion/react": "11.
|
|
21
|
-
"@emotion/styled": "11.
|
|
22
|
-
"@mui/icons-material": "
|
|
23
|
-
"@mui/material": "
|
|
24
|
-
"
|
|
25
|
+
"peerDependencies": {
|
|
26
|
+
"@emotion/react": ">=11.11.1",
|
|
27
|
+
"@emotion/styled": ">=11.11.0",
|
|
28
|
+
"@mui/icons-material": ">=7.3.1",
|
|
29
|
+
"@mui/material": ">=7.3.1",
|
|
30
|
+
"axios": ">=1.13.2",
|
|
31
|
+
"react": ">=18.2.0",
|
|
32
|
+
"react-dom": ">=18.2.0"
|
|
25
33
|
},
|
|
26
34
|
"devDependencies": {
|
|
27
|
-
"
|
|
35
|
+
"@emotion/react": "^11.0.0",
|
|
36
|
+
"@emotion/styled": "^11.0.0",
|
|
37
|
+
"@mui/material": "^7.3.1",
|
|
38
|
+
"@types/react": "^18.0.0",
|
|
39
|
+
"axios": "~1.13.2",
|
|
40
|
+
"react": "^18.2.0",
|
|
41
|
+
"react-dom": "^=18.2.0",
|
|
42
|
+
"typescript": "^5.8.3"
|
|
28
43
|
}
|
|
29
44
|
}
|
package/dist/index.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Select = exports.TextField = exports.Radio = exports.ButtonGroup = exports.Button = exports.SelectMenuItem = exports.TopicFilter = void 0;
|
|
7
|
-
var TopicFilter_1 = require("./lib/topic-filter/TopicFilter");
|
|
8
|
-
Object.defineProperty(exports, "TopicFilter", { enumerable: true, get: function () { return __importDefault(TopicFilter_1).default; } });
|
|
9
|
-
var SelectMenuItem_1 = require("./lib/menu-item/SelectMenuItem");
|
|
10
|
-
Object.defineProperty(exports, "SelectMenuItem", { enumerable: true, get: function () { return __importDefault(SelectMenuItem_1).default; } });
|
|
11
|
-
var Button_1 = require("./lib/button/Button");
|
|
12
|
-
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
|
|
13
|
-
var ButtonGroup_1 = require("./lib/button-group/ButtonGroup");
|
|
14
|
-
Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return __importDefault(ButtonGroup_1).default; } });
|
|
15
|
-
var Radio_1 = require("./lib/radio/Radio");
|
|
16
|
-
Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return __importDefault(Radio_1).default; } });
|
|
17
|
-
var TextField_1 = require("./lib/text-field/TextField");
|
|
18
|
-
Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return __importDefault(TextField_1).default; } });
|
|
19
|
-
var Select_1 = require("./lib/select/Select");
|
|
20
|
-
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });
|
package/dist/interfaces/index.js
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.Button = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var styles_1 = require("@mui/material/styles");
|
|
31
|
-
var material_1 = require("@mui/material");
|
|
32
|
-
var Button_1 = require("@mui/material/Button");
|
|
33
|
-
// utils
|
|
34
|
-
var Capitalize_1 = __importDefault(require("../../utils/Capitalize"));
|
|
35
|
-
var StyledButton = styles_1.styled(material_1.Button, {
|
|
36
|
-
shouldForwardProp: function (prop) { return prop !== 'active'; },
|
|
37
|
-
})(function (_a) {
|
|
38
|
-
var _b, _c;
|
|
39
|
-
var active = _a.active, _d = _a.color, color = _d === void 0 ? 'primary' : _d, theme = _a.theme;
|
|
40
|
-
return (_b = {},
|
|
41
|
-
// For variant: outlined
|
|
42
|
-
_b["&." + Button_1.buttonClasses.outlined + Capitalize_1.default(color)] = (_c = {
|
|
43
|
-
backgroundColor: active
|
|
44
|
-
? theme.palette[color].main
|
|
45
|
-
: theme.palette.common.white,
|
|
46
|
-
color: active ? theme.palette.common.white : theme.palette[color].main,
|
|
47
|
-
borderColor: theme.palette[color].main,
|
|
48
|
-
'&:hover': {
|
|
49
|
-
backgroundColor: active
|
|
50
|
-
? theme.palette[color].main
|
|
51
|
-
: styles_1.alpha(theme.palette[color].main, 0.1),
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
_c["&." + Button_1.buttonClasses.disabled] = {
|
|
55
|
-
backgroundColor: theme.palette.common.white,
|
|
56
|
-
borderColor: theme.palette.action.disabledBackground,
|
|
57
|
-
color: theme.palette.action.disabled,
|
|
58
|
-
},
|
|
59
|
-
_c),
|
|
60
|
-
// For variant: text
|
|
61
|
-
_b["&." + Button_1.buttonClasses.text + Capitalize_1.default(color)] = {
|
|
62
|
-
'&:hover': {
|
|
63
|
-
backgroundColor: styles_1.alpha(theme.palette[color].main, 0.1),
|
|
64
|
-
},
|
|
65
|
-
},
|
|
66
|
-
_b);
|
|
67
|
-
});
|
|
68
|
-
var Button = function (_a) {
|
|
69
|
-
var active = _a.active, children = _a.children, otherProps = __rest(_a, ["active", "children"]);
|
|
70
|
-
return (react_1.default.createElement(StyledButton, __assign({ active: active }, otherProps), children));
|
|
71
|
-
};
|
|
72
|
-
exports.Button = Button;
|
|
73
|
-
exports.default = exports.Button;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
exports.ButtonGroup = void 0;
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var styles_1 = require("@mui/material/styles");
|
|
31
|
-
var material_1 = require("@mui/material");
|
|
32
|
-
var ButtonGroup_1 = require("@mui/material/ButtonGroup");
|
|
33
|
-
// utils
|
|
34
|
-
var Capitalize_1 = __importDefault(require("../../utils/Capitalize"));
|
|
35
|
-
// self-defined-components
|
|
36
|
-
var StyledButtonGroup = styles_1.styled(material_1.ButtonGroup)(function (_a) {
|
|
37
|
-
var _b;
|
|
38
|
-
var _c = _a.color, color = _c === void 0 ? 'primary' : _c, theme = _a.theme;
|
|
39
|
-
return (_b = {},
|
|
40
|
-
_b["& ." + ButtonGroup_1.buttonGroupClasses.groupedOutlined + Capitalize_1.default(color) + "." + ButtonGroup_1.buttonGroupClasses.grouped + "." + ButtonGroup_1.buttonGroupClasses.disabled] = {
|
|
41
|
-
borderColor: styles_1.alpha(theme.palette[color].main, 0.5),
|
|
42
|
-
color: styles_1.alpha(theme.palette[color].main, 0.5),
|
|
43
|
-
},
|
|
44
|
-
_b);
|
|
45
|
-
});
|
|
46
|
-
var ButtonGroup = function (_a) {
|
|
47
|
-
var children = _a.children, otherProps = __rest(_a, ["children"]);
|
|
48
|
-
return (react_1.default.createElement(StyledButtonGroup, __assign({}, otherProps), children));
|
|
49
|
-
};
|
|
50
|
-
exports.ButtonGroup = ButtonGroup;
|
|
51
|
-
exports.default = exports.ButtonGroup;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
25
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
26
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
27
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
28
|
-
r[k] = a[j];
|
|
29
|
-
return r;
|
|
30
|
-
};
|
|
31
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
32
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
var react_1 = __importDefault(require("react"));
|
|
36
|
-
var material_1 = require("@mui/material");
|
|
37
|
-
var MenuItem_1 = require("@mui/material/MenuItem");
|
|
38
|
-
var SelectMenuItem = function (_a) {
|
|
39
|
-
var children = _a.children, _b = _a.value, value = _b === void 0 ? '' : _b, otherProps = __rest(_a, ["children", "value"]);
|
|
40
|
-
var menuItemSx = otherProps.sx, otherMenuItemProps = __rest(otherProps, ["sx"]);
|
|
41
|
-
return (react_1.default.createElement(material_1.MenuItem, __assign({ sx: __spreadArrays([
|
|
42
|
-
function (theme) {
|
|
43
|
-
var _a;
|
|
44
|
-
return (_a = {
|
|
45
|
-
whiteSpace: 'unset',
|
|
46
|
-
color: theme.palette.text.primary
|
|
47
|
-
},
|
|
48
|
-
_a["&." + MenuItem_1.menuItemClasses.selected] = {
|
|
49
|
-
backgroundColor: theme.palette.grey[300],
|
|
50
|
-
'&:hover': {
|
|
51
|
-
backgroundColor: theme.palette.grey[200],
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
_a);
|
|
55
|
-
}
|
|
56
|
-
], (Array.isArray(menuItemSx) ? menuItemSx : [menuItemSx])), value: value }, otherMenuItemProps), children));
|
|
57
|
-
};
|
|
58
|
-
exports.default = SelectMenuItem;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { RadioProps as MuiRadioProps, FormControlLabelProps as MuiFormControlLabelProps, TypographyProps as MuiTypographyProps } from '@mui/material';
|
|
2
|
-
export interface RadioProps extends MuiFormControlLabelProps {
|
|
3
|
-
color?: 'primary' | 'secondary' | 'default';
|
|
4
|
-
size?: 'medium' | 'small';
|
|
5
|
-
caption?: string;
|
|
6
|
-
FormControlLabelProps?: Partial<MuiFormControlLabelProps>;
|
|
7
|
-
RadioProps?: Partial<MuiRadioProps>;
|
|
8
|
-
TypographyProps?: Partial<MuiTypographyProps>;
|
|
9
|
-
}
|
|
10
|
-
export declare const Radio: ({ checked, disabled, label, labelPlacement, value, FormControlLabelProps, RadioProps, TypographyProps, color, size, caption, }: RadioProps) => JSX.Element;
|
|
11
|
-
export default Radio;
|
package/dist/lib/radio/Radio.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
25
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
26
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
27
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
28
|
-
r[k] = a[j];
|
|
29
|
-
return r;
|
|
30
|
-
};
|
|
31
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
32
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
exports.Radio = void 0;
|
|
36
|
-
var react_1 = __importDefault(require("react"));
|
|
37
|
-
var styles_1 = require("@mui/material/styles");
|
|
38
|
-
var material_1 = require("@mui/material");
|
|
39
|
-
var FormControlLabel_1 = require("@mui/material/FormControlLabel");
|
|
40
|
-
var Radio_1 = require("@mui/material/Radio");
|
|
41
|
-
// self-defined-components
|
|
42
|
-
var StyledFormControlLabel = styles_1.styled(material_1.FormControlLabel)(function (_a) {
|
|
43
|
-
var _b, _c;
|
|
44
|
-
var theme = _a.theme;
|
|
45
|
-
return (_b = {},
|
|
46
|
-
_b["& ." + FormControlLabel_1.formControlLabelClasses.label] = (_c = {
|
|
47
|
-
color: theme.palette.text.secondary
|
|
48
|
-
},
|
|
49
|
-
_c["&." + FormControlLabel_1.formControlLabelClasses.disabled] = {
|
|
50
|
-
color: theme.palette.text.disabled,
|
|
51
|
-
},
|
|
52
|
-
_c),
|
|
53
|
-
_b["& ." + Radio_1.radioClasses.checked + " + ." + FormControlLabel_1.formControlLabelClasses.label] = {
|
|
54
|
-
color: theme.palette.text.primary,
|
|
55
|
-
},
|
|
56
|
-
_b);
|
|
57
|
-
});
|
|
58
|
-
var Radio = function (_a) {
|
|
59
|
-
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;
|
|
60
|
-
var _h = RadioProps.sx, radioSx = _h === void 0 ? [] : _h, otherRadioProps = __rest(RadioProps, ["sx"]);
|
|
61
|
-
var _j = TypographyProps.sx, typographySx = _j === void 0 ? [] : _j, otherTypographyProps = __rest(TypographyProps, ["sx"]);
|
|
62
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
63
|
-
react_1.default.createElement(StyledFormControlLabel, __assign({ control: react_1.default.createElement(material_1.Radio, __assign({ sx: __spreadArrays([
|
|
64
|
-
function (theme) { return ({
|
|
65
|
-
color: theme.palette.text.primary,
|
|
66
|
-
}); }
|
|
67
|
-
], (Array.isArray(radioSx) ? radioSx : [radioSx])), color: color, size: size }, otherRadioProps)), checked: checked, disabled: disabled, label: label, labelPlacement: labelPlacement, value: value }, FormControlLabelProps)),
|
|
68
|
-
caption && (react_1.default.createElement(material_1.Typography, __assign({ sx: __spreadArrays([
|
|
69
|
-
function (theme) { return ({
|
|
70
|
-
color: theme.palette.text.disabled,
|
|
71
|
-
margin: '0 0 0 30px',
|
|
72
|
-
}); }
|
|
73
|
-
], (Array.isArray(typographySx) ? typographySx : [typographySx])), variant: "body2" }, otherTypographyProps), caption))));
|
|
74
|
-
};
|
|
75
|
-
exports.Radio = Radio;
|
|
76
|
-
exports.default = exports.Radio;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { SelectProps as ISelectProps } from '../../interfaces';
|
|
2
|
-
export declare const OutlinedSelect: ({ label, helperText, FormControlProps, InputLabelProps, InputProps, SelectProps, FormHelperTextProps, className, children, color, size, paperMaxHeight, error, hasLabel, hasShrink, value, disabled, }: ISelectProps) => JSX.Element;
|
|
3
|
-
export default OutlinedSelect;
|