@tidbcloud/uikit 2.0.0-beta.67 → 2.0.0-beta.69
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/CHANGELOG.md +12 -0
- package/dist/biz/Form/Select.cjs +2 -2
- package/dist/biz/Form/Select.js +1 -1
- package/dist/primitive/Select/index.cjs +81 -0
- package/dist/primitive/Select/index.d.cts +7 -0
- package/dist/primitive/Select/index.d.ts +7 -0
- package/dist/primitive/Select/index.js +81 -0
- package/dist/primitive/index.cjs +2 -2
- package/dist/primitive/index.d.cts +3 -2
- package/dist/primitive/index.d.ts +3 -2
- package/dist/primitive/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @tidbcloud/uikit
|
|
2
2
|
|
|
3
|
+
## 2.0.0-beta.69
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- re-export card section props
|
|
8
|
+
|
|
9
|
+
## 2.0.0-beta.68
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- Add `creatable` prop to `Select` component and re-export more types
|
|
14
|
+
|
|
3
15
|
## 2.0.0-beta.67
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
package/dist/biz/Form/Select.cjs
CHANGED
|
@@ -9,7 +9,7 @@ const reactHookForm = require("react-hook-form");
|
|
|
9
9
|
;/* empty css */
|
|
10
10
|
;/* empty css */
|
|
11
11
|
;/* empty css */
|
|
12
|
-
const
|
|
12
|
+
const index = require("../../primitive/Select/index.cjs");
|
|
13
13
|
const FormSelect = ({ name, rules, onChange: onSelect, data, ...restProps }) => {
|
|
14
14
|
const { control, formState, getFieldState } = reactHookForm.useFormContext();
|
|
15
15
|
const { error } = getFieldState(name, formState);
|
|
@@ -21,7 +21,7 @@ const FormSelect = ({ name, rules, onChange: onSelect, data, ...restProps }) =>
|
|
|
21
21
|
rules,
|
|
22
22
|
render: ({ field: { onChange, value } }) => {
|
|
23
23
|
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
24
|
-
|
|
24
|
+
index.Select,
|
|
25
25
|
{
|
|
26
26
|
value,
|
|
27
27
|
data,
|
package/dist/biz/Form/Select.js
CHANGED
|
@@ -7,7 +7,7 @@ import { useFormContext, Controller } from "react-hook-form";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
/* empty css */
|
|
9
9
|
/* empty css */
|
|
10
|
-
import { Select } from "../../
|
|
10
|
+
import { Select } from "../../primitive/Select/index.js";
|
|
11
11
|
const FormSelect = ({ name, rules, onChange: onSelect, data, ...restProps }) => {
|
|
12
12
|
const { control, formState, getFieldState } = useFormContext();
|
|
13
13
|
const { error } = getFieldState(name, formState);
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.cjs");
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const useUncontrolled = require("../../node_modules/.pnpm/@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.cjs");
|
|
6
|
+
const Select$1 = require("../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Select/Select.cjs");
|
|
7
|
+
const defaultGetCreateLabel = (query) => `+ Create ${query}`;
|
|
8
|
+
const CREATE_VALUE_PREFIX = "$create:";
|
|
9
|
+
const defaultGetCreateValue = (query) => `${CREATE_VALUE_PREFIX}${query}`;
|
|
10
|
+
function Select(props) {
|
|
11
|
+
const {
|
|
12
|
+
creatable = false,
|
|
13
|
+
getCreateLabel = defaultGetCreateLabel,
|
|
14
|
+
searchable,
|
|
15
|
+
onCreate,
|
|
16
|
+
filter,
|
|
17
|
+
onChange,
|
|
18
|
+
...rest
|
|
19
|
+
} = props;
|
|
20
|
+
if (creatable && typeof onCreate !== "function") {
|
|
21
|
+
throw new Error("`onCreate` is required when `creatable` is true");
|
|
22
|
+
}
|
|
23
|
+
const [dropdownOpened, setDropdownOpened] = useUncontrolled.useUncontrolled({
|
|
24
|
+
value: props.dropdownOpened,
|
|
25
|
+
onChange: (value2) => setDropdownOpened(value2),
|
|
26
|
+
defaultValue: false
|
|
27
|
+
});
|
|
28
|
+
const close = React.useCallback(() => setDropdownOpened(false), []);
|
|
29
|
+
const open = React.useCallback(() => setDropdownOpened(true), []);
|
|
30
|
+
const [value, setValue] = useUncontrolled.useUncontrolled({
|
|
31
|
+
value: props.value,
|
|
32
|
+
onChange: props.onChange,
|
|
33
|
+
defaultValue: ""
|
|
34
|
+
});
|
|
35
|
+
const [searchValue, setSearchValue] = useUncontrolled.useUncontrolled({
|
|
36
|
+
value: props.searchValue,
|
|
37
|
+
onChange: props.onSearchChange,
|
|
38
|
+
defaultValue: ""
|
|
39
|
+
});
|
|
40
|
+
const defaultOptionsFilter = React.useCallback(({ options, search }) => {
|
|
41
|
+
const splittedSearch = search.toLowerCase().trim().split(" ");
|
|
42
|
+
const nextItems = options.filter((option) => {
|
|
43
|
+
const words = option.label.toLowerCase().trim().split(" ");
|
|
44
|
+
return splittedSearch.every((searchWord) => words.some((word) => word.includes(searchWord)));
|
|
45
|
+
});
|
|
46
|
+
if (nextItems.length === 0) {
|
|
47
|
+
return [
|
|
48
|
+
{
|
|
49
|
+
label: getCreateLabel(search),
|
|
50
|
+
value: defaultGetCreateValue(search)
|
|
51
|
+
}
|
|
52
|
+
];
|
|
53
|
+
}
|
|
54
|
+
return nextItems;
|
|
55
|
+
}, []);
|
|
56
|
+
const handleOptionSubmit = React.useCallback((value2) => {
|
|
57
|
+
if (creatable && value2.startsWith(CREATE_VALUE_PREFIX) && typeof onCreate === "function") {
|
|
58
|
+
const createdItem = onCreate(value2.slice(CREATE_VALUE_PREFIX.length));
|
|
59
|
+
setValue(createdItem.value, createdItem);
|
|
60
|
+
setSearchValue("");
|
|
61
|
+
close();
|
|
62
|
+
}
|
|
63
|
+
}, []);
|
|
64
|
+
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
65
|
+
Select$1.Select,
|
|
66
|
+
{
|
|
67
|
+
...rest,
|
|
68
|
+
value,
|
|
69
|
+
onChange: setValue,
|
|
70
|
+
searchable: searchable || creatable,
|
|
71
|
+
searchValue,
|
|
72
|
+
onSearchChange: setSearchValue,
|
|
73
|
+
filter: creatable ? defaultOptionsFilter : filter,
|
|
74
|
+
onOptionSubmit: handleOptionSubmit,
|
|
75
|
+
dropdownOpened,
|
|
76
|
+
onDropdownClose: close,
|
|
77
|
+
onDropdownOpen: open
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
exports.Select = Select;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SelectProps as MantineSelectProps, ComboboxItem } from '@mantine/core';
|
|
2
|
+
export interface SelectProps extends MantineSelectProps {
|
|
3
|
+
creatable?: boolean;
|
|
4
|
+
getCreateLabel?: (query: string) => string;
|
|
5
|
+
onCreate?: (query: string) => ComboboxItem;
|
|
6
|
+
}
|
|
7
|
+
export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SelectProps as MantineSelectProps, ComboboxItem } from '@mantine/core';
|
|
2
|
+
export interface SelectProps extends MantineSelectProps {
|
|
3
|
+
creatable?: boolean;
|
|
4
|
+
getCreateLabel?: (query: string) => string;
|
|
5
|
+
onCreate?: (query: string) => ComboboxItem;
|
|
6
|
+
}
|
|
7
|
+
export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
|
|
2
|
+
import { useCallback } from "react";
|
|
3
|
+
import { useUncontrolled } from "../../node_modules/.pnpm/@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js";
|
|
4
|
+
import { Select as Select$1 } from "../../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Select/Select.js";
|
|
5
|
+
const defaultGetCreateLabel = (query) => `+ Create ${query}`;
|
|
6
|
+
const CREATE_VALUE_PREFIX = "$create:";
|
|
7
|
+
const defaultGetCreateValue = (query) => `${CREATE_VALUE_PREFIX}${query}`;
|
|
8
|
+
function Select(props) {
|
|
9
|
+
const {
|
|
10
|
+
creatable = false,
|
|
11
|
+
getCreateLabel = defaultGetCreateLabel,
|
|
12
|
+
searchable,
|
|
13
|
+
onCreate,
|
|
14
|
+
filter,
|
|
15
|
+
onChange,
|
|
16
|
+
...rest
|
|
17
|
+
} = props;
|
|
18
|
+
if (creatable && typeof onCreate !== "function") {
|
|
19
|
+
throw new Error("`onCreate` is required when `creatable` is true");
|
|
20
|
+
}
|
|
21
|
+
const [dropdownOpened, setDropdownOpened] = useUncontrolled({
|
|
22
|
+
value: props.dropdownOpened,
|
|
23
|
+
onChange: (value2) => setDropdownOpened(value2),
|
|
24
|
+
defaultValue: false
|
|
25
|
+
});
|
|
26
|
+
const close = useCallback(() => setDropdownOpened(false), []);
|
|
27
|
+
const open = useCallback(() => setDropdownOpened(true), []);
|
|
28
|
+
const [value, setValue] = useUncontrolled({
|
|
29
|
+
value: props.value,
|
|
30
|
+
onChange: props.onChange,
|
|
31
|
+
defaultValue: ""
|
|
32
|
+
});
|
|
33
|
+
const [searchValue, setSearchValue] = useUncontrolled({
|
|
34
|
+
value: props.searchValue,
|
|
35
|
+
onChange: props.onSearchChange,
|
|
36
|
+
defaultValue: ""
|
|
37
|
+
});
|
|
38
|
+
const defaultOptionsFilter = useCallback(({ options, search }) => {
|
|
39
|
+
const splittedSearch = search.toLowerCase().trim().split(" ");
|
|
40
|
+
const nextItems = options.filter((option) => {
|
|
41
|
+
const words = option.label.toLowerCase().trim().split(" ");
|
|
42
|
+
return splittedSearch.every((searchWord) => words.some((word) => word.includes(searchWord)));
|
|
43
|
+
});
|
|
44
|
+
if (nextItems.length === 0) {
|
|
45
|
+
return [
|
|
46
|
+
{
|
|
47
|
+
label: getCreateLabel(search),
|
|
48
|
+
value: defaultGetCreateValue(search)
|
|
49
|
+
}
|
|
50
|
+
];
|
|
51
|
+
}
|
|
52
|
+
return nextItems;
|
|
53
|
+
}, []);
|
|
54
|
+
const handleOptionSubmit = useCallback((value2) => {
|
|
55
|
+
if (creatable && value2.startsWith(CREATE_VALUE_PREFIX) && typeof onCreate === "function") {
|
|
56
|
+
const createdItem = onCreate(value2.slice(CREATE_VALUE_PREFIX.length));
|
|
57
|
+
setValue(createdItem.value, createdItem);
|
|
58
|
+
setSearchValue("");
|
|
59
|
+
close();
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
63
|
+
Select$1,
|
|
64
|
+
{
|
|
65
|
+
...rest,
|
|
66
|
+
value,
|
|
67
|
+
onChange: setValue,
|
|
68
|
+
searchable: searchable || creatable,
|
|
69
|
+
searchValue,
|
|
70
|
+
onSearchChange: setSearchValue,
|
|
71
|
+
filter: creatable ? defaultOptionsFilter : filter,
|
|
72
|
+
onOptionSubmit: handleOptionSubmit,
|
|
73
|
+
dropdownOpened,
|
|
74
|
+
onDropdownClose: close,
|
|
75
|
+
onDropdownOpen: open
|
|
76
|
+
}
|
|
77
|
+
);
|
|
78
|
+
}
|
|
79
|
+
export {
|
|
80
|
+
Select
|
|
81
|
+
};
|
package/dist/primitive/index.cjs
CHANGED
|
@@ -11,6 +11,7 @@ const index = require("../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantine_c
|
|
|
11
11
|
const index$1 = require("./notifier/index.cjs");
|
|
12
12
|
const index$2 = require("./Typography/index.cjs");
|
|
13
13
|
const index$3 = require("./MediaQuery/index.cjs");
|
|
14
|
+
const index$4 = require("./Select/index.cjs");
|
|
14
15
|
const AppShell = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AppShell/AppShell.cjs");
|
|
15
16
|
const AspectRatio = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.cjs");
|
|
16
17
|
const Center = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Center/Center.cjs");
|
|
@@ -50,7 +51,6 @@ const Combobox = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_
|
|
|
50
51
|
const MultiSelect = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/MultiSelect/MultiSelect.cjs");
|
|
51
52
|
const Pill = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Pill/Pill.cjs");
|
|
52
53
|
const PillsInput = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/PillsInput/PillsInput.cjs");
|
|
53
|
-
const Select = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Select/Select.cjs");
|
|
54
54
|
const TagsInput = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/TagsInput/TagsInput.cjs");
|
|
55
55
|
const ActionIcon = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.cjs");
|
|
56
56
|
const Button = require("../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.cjs");
|
|
@@ -140,6 +140,7 @@ exports.notifier = index$1.notifier;
|
|
|
140
140
|
exports.TYPOGRAPHY_STYLES_MAP = index$2.TYPOGRAPHY_STYLES_MAP;
|
|
141
141
|
exports.Typography = index$2.Typography;
|
|
142
142
|
exports.MediaQuery = index$3.MediaQuery;
|
|
143
|
+
exports.Select = index$4.Select;
|
|
143
144
|
exports.AppShell = AppShell.AppShell;
|
|
144
145
|
exports.AspectRatio = AspectRatio.AspectRatio;
|
|
145
146
|
exports.Center = Center.Center;
|
|
@@ -179,7 +180,6 @@ exports.Combobox = Combobox.Combobox;
|
|
|
179
180
|
exports.MultiSelect = MultiSelect.MultiSelect;
|
|
180
181
|
exports.Pill = Pill.Pill;
|
|
181
182
|
exports.PillsInput = PillsInput.PillsInput;
|
|
182
|
-
exports.Select = Select.Select;
|
|
183
183
|
exports.TagsInput = TagsInput.TagsInput;
|
|
184
184
|
exports.ActionIcon = ActionIcon.ActionIcon;
|
|
185
185
|
exports.Button = Button.Button;
|
|
@@ -29,8 +29,8 @@ declare module '@mantine/core' {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
export type ColorScheme = 'light' | 'dark';
|
|
32
|
-
export type { AppShellProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, MultiSelectProps, PillProps, PillsInputProps,
|
|
33
|
-
export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, MultiSelect, Pill, PillsInput,
|
|
32
|
+
export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, MultiSelectProps, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
|
|
33
|
+
export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, MultiSelect, Pill, PillsInput, TagsInput, ActionIcon, Button, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
|
|
34
34
|
export { useColorScheme } from '../hooks/useColorScheme.js';
|
|
35
35
|
export { Dropzone, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, EXE_MIME_TYPE, PDF_MIME_TYPE, IMAGE_MIME_TYPE } from '@mantine/dropzone';
|
|
36
36
|
export type { DropzoneAcceptProps, DropzoneFullScreenProps, DropzoneFullScreenStylesNames, DropzoneIdleProps, DropzoneProps, DropzoneRejectProps, DropzoneStylesNames } from '@mantine/dropzone';
|
|
@@ -44,5 +44,6 @@ export { TextInput, type TextInputProps } from './TextInput/index.js';
|
|
|
44
44
|
export { notifier } from './notifier/index.js';
|
|
45
45
|
export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
|
|
46
46
|
export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
|
|
47
|
+
export { Select, type SelectProps } from './Select/index.js';
|
|
47
48
|
export { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';
|
|
48
49
|
export type { CodeHighlightProps, CodeHighlightTabsProps } from '@mantine/code-highlight';
|
|
@@ -29,8 +29,8 @@ declare module '@mantine/core' {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
export type ColorScheme = 'light' | 'dark';
|
|
32
|
-
export type { AppShellProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, MultiSelectProps, PillProps, PillsInputProps,
|
|
33
|
-
export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, MultiSelect, Pill, PillsInput,
|
|
32
|
+
export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, MultiSelectProps, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
|
|
33
|
+
export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, MultiSelect, Pill, PillsInput, TagsInput, ActionIcon, Button, CloseButton, CopyButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/lib';
|
|
34
34
|
export { useColorScheme } from '../hooks/useColorScheme.js';
|
|
35
35
|
export { Dropzone, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, EXE_MIME_TYPE, PDF_MIME_TYPE, IMAGE_MIME_TYPE } from '@mantine/dropzone';
|
|
36
36
|
export type { DropzoneAcceptProps, DropzoneFullScreenProps, DropzoneFullScreenStylesNames, DropzoneIdleProps, DropzoneProps, DropzoneRejectProps, DropzoneStylesNames } from '@mantine/dropzone';
|
|
@@ -44,5 +44,6 @@ export { TextInput, type TextInputProps } from './TextInput/index.js';
|
|
|
44
44
|
export { notifier } from './notifier/index.js';
|
|
45
45
|
export { Typography, TYPOGRAPHY_STYLES_MAP, type TypographyProps } from './Typography/index.js';
|
|
46
46
|
export { MediaQuery, type MediaQueryProps } from './MediaQuery/index.js';
|
|
47
|
+
export { Select, type SelectProps } from './Select/index.js';
|
|
47
48
|
export { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';
|
|
48
49
|
export type { CodeHighlightProps, CodeHighlightTabsProps } from '@mantine/code-highlight';
|
package/dist/primitive/index.js
CHANGED
|
@@ -9,6 +9,7 @@ import { Dropzone } from "../node_modules/.pnpm/@mantine_dropzone@7.13.2_@mantin
|
|
|
9
9
|
import { notifier } from "./notifier/index.js";
|
|
10
10
|
import { TYPOGRAPHY_STYLES_MAP, Typography } from "./Typography/index.js";
|
|
11
11
|
import { MediaQuery } from "./MediaQuery/index.js";
|
|
12
|
+
import { Select } from "./Select/index.js";
|
|
12
13
|
import { AppShell } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AppShell/AppShell.js";
|
|
13
14
|
import { AspectRatio } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/AspectRatio/AspectRatio.js";
|
|
14
15
|
import { Center } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Center/Center.js";
|
|
@@ -48,7 +49,6 @@ import { Combobox } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_
|
|
|
48
49
|
import { MultiSelect } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/MultiSelect/MultiSelect.js";
|
|
49
50
|
import { Pill } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Pill/Pill.js";
|
|
50
51
|
import { PillsInput } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/PillsInput/PillsInput.js";
|
|
51
|
-
import { Select } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Select/Select.js";
|
|
52
52
|
import { TagsInput } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/TagsInput/TagsInput.js";
|
|
53
53
|
import { ActionIcon } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ActionIcon/ActionIcon.js";
|
|
54
54
|
import { Button } from "../node_modules/.pnpm/@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Button/Button.js";
|