@tidbcloud/uikit 2.0.0-beta.66 → 2.0.0-beta.68
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/CodeBlock/index.cjs +3 -3
- package/dist/biz/CodeBlock/index.d.cts +2 -2
- package/dist/biz/CodeBlock/index.d.ts +2 -2
- package/dist/biz/CodeBlock/index.js +3 -3
- package/dist/biz/Form/Select.cjs +2 -2
- package/dist/biz/Form/Select.js +1 -1
- package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.cjs +172 -0
- package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.js +172 -0
- package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/ExpandIcon.cjs +36 -0
- package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/ExpandIcon.js +36 -0
- package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/FileIcon.cjs +13 -0
- package/dist/node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/FileIcon.js +13 -0
- 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 +6 -2
- package/dist/primitive/index.d.cts +5 -2
- package/dist/primitive/index.d.ts +5 -2
- package/dist/primitive/index.js +5 -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.68
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- Add `creatable` prop to `Select` component and re-export more types
|
|
8
|
+
|
|
9
|
+
## 2.0.0-beta.67
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- Re-export code-highlight
|
|
14
|
+
|
|
3
15
|
## 2.0.0-beta.66
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -39,7 +39,7 @@ const CodeBlock = ({
|
|
|
39
39
|
children,
|
|
40
40
|
copyContent,
|
|
41
41
|
onCopyClick,
|
|
42
|
-
|
|
42
|
+
codeHighlightProps,
|
|
43
43
|
foldProps,
|
|
44
44
|
...rest
|
|
45
45
|
}) => {
|
|
@@ -69,7 +69,7 @@ const CodeBlock = ({
|
|
|
69
69
|
children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
70
70
|
CodeHighlight.CodeHighlight,
|
|
71
71
|
{
|
|
72
|
-
...
|
|
72
|
+
...codeHighlightProps,
|
|
73
73
|
withCopyButton: false,
|
|
74
74
|
code: children,
|
|
75
75
|
language,
|
|
@@ -89,7 +89,7 @@ const CodeBlock = ({
|
|
|
89
89
|
// whiteSpace: 'pre-wrap'
|
|
90
90
|
// }
|
|
91
91
|
},
|
|
92
|
-
|
|
92
|
+
codeHighlightProps == null ? void 0 : codeHighlightProps.styles
|
|
93
93
|
])
|
|
94
94
|
}
|
|
95
95
|
)
|
|
@@ -7,7 +7,7 @@ export interface CodeBlockProps extends BoxProps {
|
|
|
7
7
|
codeRender?: (content: string) => React.ReactNode;
|
|
8
8
|
copyContent?: string;
|
|
9
9
|
onCopyClick?: () => void;
|
|
10
|
-
|
|
10
|
+
codeHighlightProps?: Omit<CodeHighlightProps, 'language' | 'children' | 'code'>;
|
|
11
11
|
foldProps?: {
|
|
12
12
|
defaultHeight?: number;
|
|
13
13
|
persistenceKey?: string;
|
|
@@ -15,7 +15,7 @@ export interface CodeBlockProps extends BoxProps {
|
|
|
15
15
|
onIconClick?: (folded: boolean) => void;
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick,
|
|
18
|
+
export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick, codeHighlightProps, foldProps, ...rest }: React.PropsWithChildren<CodeBlockProps>) => import("react/jsx-runtime.js").JSX.Element;
|
|
19
19
|
export interface CopyTextProps extends CodeProps {
|
|
20
20
|
value: string;
|
|
21
21
|
}
|
|
@@ -7,7 +7,7 @@ export interface CodeBlockProps extends BoxProps {
|
|
|
7
7
|
codeRender?: (content: string) => React.ReactNode;
|
|
8
8
|
copyContent?: string;
|
|
9
9
|
onCopyClick?: () => void;
|
|
10
|
-
|
|
10
|
+
codeHighlightProps?: Omit<CodeHighlightProps, 'language' | 'children' | 'code'>;
|
|
11
11
|
foldProps?: {
|
|
12
12
|
defaultHeight?: number;
|
|
13
13
|
persistenceKey?: string;
|
|
@@ -15,7 +15,7 @@ export interface CodeBlockProps extends BoxProps {
|
|
|
15
15
|
onIconClick?: (folded: boolean) => void;
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick,
|
|
18
|
+
export declare const CodeBlock: ({ language, codeRender, children, copyContent, onCopyClick, codeHighlightProps, foldProps, ...rest }: React.PropsWithChildren<CodeBlockProps>) => import("react/jsx-runtime.js").JSX.Element;
|
|
19
19
|
export interface CopyTextProps extends CodeProps {
|
|
20
20
|
value: string;
|
|
21
21
|
}
|
|
@@ -37,7 +37,7 @@ const CodeBlock = ({
|
|
|
37
37
|
children,
|
|
38
38
|
copyContent,
|
|
39
39
|
onCopyClick,
|
|
40
|
-
|
|
40
|
+
codeHighlightProps,
|
|
41
41
|
foldProps,
|
|
42
42
|
...rest
|
|
43
43
|
}) => {
|
|
@@ -67,7 +67,7 @@ const CodeBlock = ({
|
|
|
67
67
|
children: codeRender ? codeRender(children) : /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
68
68
|
CodeHighlight,
|
|
69
69
|
{
|
|
70
|
-
...
|
|
70
|
+
...codeHighlightProps,
|
|
71
71
|
withCopyButton: false,
|
|
72
72
|
code: children,
|
|
73
73
|
language,
|
|
@@ -87,7 +87,7 @@ const CodeBlock = ({
|
|
|
87
87
|
// whiteSpace: 'pre-wrap'
|
|
88
88
|
// }
|
|
89
89
|
},
|
|
90
|
-
|
|
90
|
+
codeHighlightProps == null ? void 0 : codeHighlightProps.styles
|
|
91
91
|
])
|
|
92
92
|
}
|
|
93
93
|
)
|
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,172 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("../../../../../react@18.3.1/node_modules/react/jsx-runtime.cjs");
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const clsx = require("clsx");
|
|
6
|
+
const index = require("../../../../../highlight.js@11.10.0/node_modules/highlight.js/lib/index.cjs");
|
|
7
|
+
const CopyIcon = require("./CopyIcon.cjs");
|
|
8
|
+
const ExpandIcon = require("./ExpandIcon.cjs");
|
|
9
|
+
const FileIcon = require("./FileIcon.cjs");
|
|
10
|
+
const CodeHighlight_module_css = require("./CodeHighlight.module.css.cjs");
|
|
11
|
+
const CodeHighlight_theme_module_css = require("./CodeHighlight.theme.module.css.cjs");
|
|
12
|
+
const rem = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/utils/units-converters/rem.cjs");
|
|
13
|
+
const factory = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/factory/factory.cjs");
|
|
14
|
+
const useProps = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.cjs");
|
|
15
|
+
const useStyles = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/styles-api/use-styles/use-styles.cjs");
|
|
16
|
+
const useUncontrolled = require("../../../../../@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.cjs");
|
|
17
|
+
const UnstyledButton = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
|
|
18
|
+
const Box = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.cjs");
|
|
19
|
+
const ScrollArea = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.cjs");
|
|
20
|
+
const Tooltip = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.cjs");
|
|
21
|
+
const ActionIcon = require("../../../../../@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");
|
|
22
|
+
const CopyButton = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.cjs");
|
|
23
|
+
const createVarsResolver = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
|
|
24
|
+
const classes = { ...CodeHighlight_module_css.default, root: clsx(CodeHighlight_module_css.default.root, CodeHighlight_theme_module_css.default.theme) };
|
|
25
|
+
const defaultProps = {
|
|
26
|
+
withHeader: true,
|
|
27
|
+
copyLabel: "Copy code",
|
|
28
|
+
copiedLabel: "Copied",
|
|
29
|
+
maxCollapsedHeight: rem.rem("8rem"),
|
|
30
|
+
expandCodeLabel: "Expand code",
|
|
31
|
+
collapseCodeLabel: "Collapse code",
|
|
32
|
+
withCopyButton: true
|
|
33
|
+
};
|
|
34
|
+
const varsResolver = createVarsResolver.createVarsResolver((_, { maxCollapsedHeight }) => ({
|
|
35
|
+
root: { "--ch-max-collapsed-height": rem.rem(maxCollapsedHeight) }
|
|
36
|
+
}));
|
|
37
|
+
const CodeHighlightTabs = factory.factory((_props, ref) => {
|
|
38
|
+
const props = useProps.useProps("CodeHighlightTabs", defaultProps, _props);
|
|
39
|
+
const {
|
|
40
|
+
classNames,
|
|
41
|
+
className,
|
|
42
|
+
style,
|
|
43
|
+
styles,
|
|
44
|
+
unstyled,
|
|
45
|
+
vars,
|
|
46
|
+
children,
|
|
47
|
+
code,
|
|
48
|
+
defaultActiveTab,
|
|
49
|
+
activeTab,
|
|
50
|
+
onTabChange,
|
|
51
|
+
withHeader,
|
|
52
|
+
copiedLabel,
|
|
53
|
+
copyLabel,
|
|
54
|
+
getFileIcon,
|
|
55
|
+
maxCollapsedHeight,
|
|
56
|
+
expanded,
|
|
57
|
+
defaultExpanded,
|
|
58
|
+
onExpandedChange,
|
|
59
|
+
expandCodeLabel,
|
|
60
|
+
collapseCodeLabel,
|
|
61
|
+
withExpandButton,
|
|
62
|
+
withCopyButton,
|
|
63
|
+
mod,
|
|
64
|
+
...others
|
|
65
|
+
} = props;
|
|
66
|
+
const getStyles = useStyles.useStyles({
|
|
67
|
+
name: "CodeHighlightTabs",
|
|
68
|
+
props,
|
|
69
|
+
classes,
|
|
70
|
+
className,
|
|
71
|
+
style,
|
|
72
|
+
classNames,
|
|
73
|
+
styles,
|
|
74
|
+
unstyled,
|
|
75
|
+
vars,
|
|
76
|
+
varsResolver
|
|
77
|
+
});
|
|
78
|
+
const [value, setValue] = useUncontrolled.useUncontrolled({
|
|
79
|
+
defaultValue: defaultActiveTab,
|
|
80
|
+
value: activeTab,
|
|
81
|
+
finalValue: 0,
|
|
82
|
+
onChange: onTabChange
|
|
83
|
+
});
|
|
84
|
+
const [_expanded, setExpanded] = useUncontrolled.useUncontrolled({
|
|
85
|
+
defaultValue: defaultExpanded,
|
|
86
|
+
value: expanded,
|
|
87
|
+
finalValue: true,
|
|
88
|
+
onChange: onExpandedChange
|
|
89
|
+
});
|
|
90
|
+
const nodes = Array.isArray(code) ? code : [code];
|
|
91
|
+
const currentCode = nodes[value];
|
|
92
|
+
const highlighted = index.default.highlight(currentCode.code.trim(), {
|
|
93
|
+
language: currentCode.language || "plaintext"
|
|
94
|
+
}).value;
|
|
95
|
+
const files = nodes.map((node, index2) => /* @__PURE__ */ React.createElement(
|
|
96
|
+
UnstyledButton.UnstyledButton,
|
|
97
|
+
{
|
|
98
|
+
...getStyles("file"),
|
|
99
|
+
key: node.fileName,
|
|
100
|
+
mod: { active: index2 === value },
|
|
101
|
+
onClick: () => setValue(index2)
|
|
102
|
+
},
|
|
103
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
104
|
+
FileIcon.FileIcon,
|
|
105
|
+
{
|
|
106
|
+
fileIcon: node.icon,
|
|
107
|
+
getFileIcon,
|
|
108
|
+
fileName: node.fileName,
|
|
109
|
+
...getStyles("fileIcon")
|
|
110
|
+
}
|
|
111
|
+
),
|
|
112
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: node.fileName })
|
|
113
|
+
));
|
|
114
|
+
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
|
|
115
|
+
Box.Box,
|
|
116
|
+
{
|
|
117
|
+
...getStyles("root"),
|
|
118
|
+
mod: [{ collapsed: !_expanded }, mod],
|
|
119
|
+
ref,
|
|
120
|
+
...others,
|
|
121
|
+
dir: "ltr",
|
|
122
|
+
children: [
|
|
123
|
+
withHeader && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...getStyles("header"), children: [
|
|
124
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ScrollArea.ScrollArea, { type: "never", dir: "ltr", offsetScrollbars: false, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { ...getStyles("files"), children: files }) }),
|
|
125
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { ...getStyles("controls"), children: [
|
|
126
|
+
withExpandButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
127
|
+
Tooltip.Tooltip,
|
|
128
|
+
{
|
|
129
|
+
label: _expanded ? collapseCodeLabel : expandCodeLabel,
|
|
130
|
+
fz: "sm",
|
|
131
|
+
position: "left",
|
|
132
|
+
children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
133
|
+
ActionIcon.ActionIcon,
|
|
134
|
+
{
|
|
135
|
+
onClick: () => setExpanded(!_expanded),
|
|
136
|
+
variant: "none",
|
|
137
|
+
"aria-label": _expanded ? collapseCodeLabel : expandCodeLabel,
|
|
138
|
+
...getStyles("control"),
|
|
139
|
+
children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ExpandIcon.ExpandIcon, { expanded: _expanded })
|
|
140
|
+
}
|
|
141
|
+
)
|
|
142
|
+
}
|
|
143
|
+
),
|
|
144
|
+
withCopyButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CopyButton.CopyButton, { value: currentCode.code.trim(), children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tooltip.Tooltip, { label: copied ? copiedLabel : copyLabel, fz: "sm", position: "left", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
145
|
+
ActionIcon.ActionIcon,
|
|
146
|
+
{
|
|
147
|
+
onClick: copy,
|
|
148
|
+
variant: "none",
|
|
149
|
+
...getStyles("control"),
|
|
150
|
+
"aria-label": copied ? copiedLabel : copyLabel,
|
|
151
|
+
children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CopyIcon.CopyIcon, { copied })
|
|
152
|
+
}
|
|
153
|
+
) }) })
|
|
154
|
+
] })
|
|
155
|
+
] }),
|
|
156
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ScrollArea.ScrollArea, { type: "auto", dir: "ltr", offsetScrollbars: false, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box.Box, { ...getStyles("codeWrapper"), mod: { expanded: _expanded }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("pre", { ...getStyles("pre"), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("code", { ...getStyles("code"), dangerouslySetInnerHTML: { __html: highlighted } }) }) }) }),
|
|
157
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
158
|
+
UnstyledButton.UnstyledButton,
|
|
159
|
+
{
|
|
160
|
+
...getStyles("showCodeButton"),
|
|
161
|
+
mod: { hidden: _expanded },
|
|
162
|
+
onClick: () => setExpanded(true),
|
|
163
|
+
children: expandCodeLabel
|
|
164
|
+
}
|
|
165
|
+
)
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
);
|
|
169
|
+
});
|
|
170
|
+
CodeHighlightTabs.displayName = "@mantine/core/CodeHighlightTabs";
|
|
171
|
+
CodeHighlightTabs.classes = classes;
|
|
172
|
+
exports.CodeHighlightTabs = CodeHighlightTabs;
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from "../../../../../react@18.3.1/node_modules/react/jsx-runtime.js";
|
|
2
|
+
import { createElement } from "react";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
import HighlightJS from "../../../../../highlight.js@11.10.0/node_modules/highlight.js/lib/index.js";
|
|
5
|
+
import { CopyIcon } from "./CopyIcon.js";
|
|
6
|
+
import { ExpandIcon } from "./ExpandIcon.js";
|
|
7
|
+
import { FileIcon } from "./FileIcon.js";
|
|
8
|
+
import _classes from "./CodeHighlight.module.css.js";
|
|
9
|
+
import themeClasses from "./CodeHighlight.theme.module.css.js";
|
|
10
|
+
import { rem } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/utils/units-converters/rem.js";
|
|
11
|
+
import { factory } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/factory/factory.js";
|
|
12
|
+
import { useProps } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.js";
|
|
13
|
+
import { useStyles } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/styles-api/use-styles/use-styles.js";
|
|
14
|
+
import { useUncontrolled } from "../../../../../@mantine_hooks@7.13.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.js";
|
|
15
|
+
import { UnstyledButton } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
|
|
16
|
+
import { Box } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/Box/Box.js";
|
|
17
|
+
import { ScrollArea } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.js";
|
|
18
|
+
import { Tooltip } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/Tooltip/Tooltip.js";
|
|
19
|
+
import { ActionIcon } from "../../../../../@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";
|
|
20
|
+
import { CopyButton } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/components/CopyButton/CopyButton.js";
|
|
21
|
+
import { createVarsResolver } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js";
|
|
22
|
+
const classes = { ..._classes, root: clsx(_classes.root, themeClasses.theme) };
|
|
23
|
+
const defaultProps = {
|
|
24
|
+
withHeader: true,
|
|
25
|
+
copyLabel: "Copy code",
|
|
26
|
+
copiedLabel: "Copied",
|
|
27
|
+
maxCollapsedHeight: rem("8rem"),
|
|
28
|
+
expandCodeLabel: "Expand code",
|
|
29
|
+
collapseCodeLabel: "Collapse code",
|
|
30
|
+
withCopyButton: true
|
|
31
|
+
};
|
|
32
|
+
const varsResolver = createVarsResolver((_, { maxCollapsedHeight }) => ({
|
|
33
|
+
root: { "--ch-max-collapsed-height": rem(maxCollapsedHeight) }
|
|
34
|
+
}));
|
|
35
|
+
const CodeHighlightTabs = factory((_props, ref) => {
|
|
36
|
+
const props = useProps("CodeHighlightTabs", defaultProps, _props);
|
|
37
|
+
const {
|
|
38
|
+
classNames,
|
|
39
|
+
className,
|
|
40
|
+
style,
|
|
41
|
+
styles,
|
|
42
|
+
unstyled,
|
|
43
|
+
vars,
|
|
44
|
+
children,
|
|
45
|
+
code,
|
|
46
|
+
defaultActiveTab,
|
|
47
|
+
activeTab,
|
|
48
|
+
onTabChange,
|
|
49
|
+
withHeader,
|
|
50
|
+
copiedLabel,
|
|
51
|
+
copyLabel,
|
|
52
|
+
getFileIcon,
|
|
53
|
+
maxCollapsedHeight,
|
|
54
|
+
expanded,
|
|
55
|
+
defaultExpanded,
|
|
56
|
+
onExpandedChange,
|
|
57
|
+
expandCodeLabel,
|
|
58
|
+
collapseCodeLabel,
|
|
59
|
+
withExpandButton,
|
|
60
|
+
withCopyButton,
|
|
61
|
+
mod,
|
|
62
|
+
...others
|
|
63
|
+
} = props;
|
|
64
|
+
const getStyles = useStyles({
|
|
65
|
+
name: "CodeHighlightTabs",
|
|
66
|
+
props,
|
|
67
|
+
classes,
|
|
68
|
+
className,
|
|
69
|
+
style,
|
|
70
|
+
classNames,
|
|
71
|
+
styles,
|
|
72
|
+
unstyled,
|
|
73
|
+
vars,
|
|
74
|
+
varsResolver
|
|
75
|
+
});
|
|
76
|
+
const [value, setValue] = useUncontrolled({
|
|
77
|
+
defaultValue: defaultActiveTab,
|
|
78
|
+
value: activeTab,
|
|
79
|
+
finalValue: 0,
|
|
80
|
+
onChange: onTabChange
|
|
81
|
+
});
|
|
82
|
+
const [_expanded, setExpanded] = useUncontrolled({
|
|
83
|
+
defaultValue: defaultExpanded,
|
|
84
|
+
value: expanded,
|
|
85
|
+
finalValue: true,
|
|
86
|
+
onChange: onExpandedChange
|
|
87
|
+
});
|
|
88
|
+
const nodes = Array.isArray(code) ? code : [code];
|
|
89
|
+
const currentCode = nodes[value];
|
|
90
|
+
const highlighted = HighlightJS.highlight(currentCode.code.trim(), {
|
|
91
|
+
language: currentCode.language || "plaintext"
|
|
92
|
+
}).value;
|
|
93
|
+
const files = nodes.map((node, index) => /* @__PURE__ */ createElement(
|
|
94
|
+
UnstyledButton,
|
|
95
|
+
{
|
|
96
|
+
...getStyles("file"),
|
|
97
|
+
key: node.fileName,
|
|
98
|
+
mod: { active: index === value },
|
|
99
|
+
onClick: () => setValue(index)
|
|
100
|
+
},
|
|
101
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
102
|
+
FileIcon,
|
|
103
|
+
{
|
|
104
|
+
fileIcon: node.icon,
|
|
105
|
+
getFileIcon,
|
|
106
|
+
fileName: node.fileName,
|
|
107
|
+
...getStyles("fileIcon")
|
|
108
|
+
}
|
|
109
|
+
),
|
|
110
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: node.fileName })
|
|
111
|
+
));
|
|
112
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
113
|
+
Box,
|
|
114
|
+
{
|
|
115
|
+
...getStyles("root"),
|
|
116
|
+
mod: [{ collapsed: !_expanded }, mod],
|
|
117
|
+
ref,
|
|
118
|
+
...others,
|
|
119
|
+
dir: "ltr",
|
|
120
|
+
children: [
|
|
121
|
+
withHeader && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ...getStyles("header"), children: [
|
|
122
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { type: "never", dir: "ltr", offsetScrollbars: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...getStyles("files"), children: files }) }),
|
|
123
|
+
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ...getStyles("controls"), children: [
|
|
124
|
+
withExpandButton && /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
125
|
+
Tooltip,
|
|
126
|
+
{
|
|
127
|
+
label: _expanded ? collapseCodeLabel : expandCodeLabel,
|
|
128
|
+
fz: "sm",
|
|
129
|
+
position: "left",
|
|
130
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
131
|
+
ActionIcon,
|
|
132
|
+
{
|
|
133
|
+
onClick: () => setExpanded(!_expanded),
|
|
134
|
+
variant: "none",
|
|
135
|
+
"aria-label": _expanded ? collapseCodeLabel : expandCodeLabel,
|
|
136
|
+
...getStyles("control"),
|
|
137
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandIcon, { expanded: _expanded })
|
|
138
|
+
}
|
|
139
|
+
)
|
|
140
|
+
}
|
|
141
|
+
),
|
|
142
|
+
withCopyButton && /* @__PURE__ */ jsxRuntimeExports.jsx(CopyButton, { value: currentCode.code.trim(), children: ({ copied, copy }) => /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { label: copied ? copiedLabel : copyLabel, fz: "sm", position: "left", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
143
|
+
ActionIcon,
|
|
144
|
+
{
|
|
145
|
+
onClick: copy,
|
|
146
|
+
variant: "none",
|
|
147
|
+
...getStyles("control"),
|
|
148
|
+
"aria-label": copied ? copiedLabel : copyLabel,
|
|
149
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, { copied })
|
|
150
|
+
}
|
|
151
|
+
) }) })
|
|
152
|
+
] })
|
|
153
|
+
] }),
|
|
154
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { type: "auto", dir: "ltr", offsetScrollbars: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { ...getStyles("codeWrapper"), mod: { expanded: _expanded }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { ...getStyles("pre"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { ...getStyles("code"), dangerouslySetInnerHTML: { __html: highlighted } }) }) }) }),
|
|
155
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
156
|
+
UnstyledButton,
|
|
157
|
+
{
|
|
158
|
+
...getStyles("showCodeButton"),
|
|
159
|
+
mod: { hidden: _expanded },
|
|
160
|
+
onClick: () => setExpanded(true),
|
|
161
|
+
children: expandCodeLabel
|
|
162
|
+
}
|
|
163
|
+
)
|
|
164
|
+
]
|
|
165
|
+
}
|
|
166
|
+
);
|
|
167
|
+
});
|
|
168
|
+
CodeHighlightTabs.displayName = "@mantine/core/CodeHighlightTabs";
|
|
169
|
+
CodeHighlightTabs.classes = classes;
|
|
170
|
+
export {
|
|
171
|
+
CodeHighlightTabs
|
|
172
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("../../../../../react@18.3.1/node_modules/react/jsx-runtime.cjs");
|
|
4
|
+
const rem = require("../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/utils/units-converters/rem.cjs");
|
|
5
|
+
function ExpandIcon({ expanded, style, ...others }) {
|
|
6
|
+
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
|
|
7
|
+
"svg",
|
|
8
|
+
{
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
style: { width: rem.rem(18), height: rem.rem(18), ...style },
|
|
11
|
+
viewBox: "0 0 24 24",
|
|
12
|
+
strokeWidth: "2",
|
|
13
|
+
stroke: "currentColor",
|
|
14
|
+
fill: "none",
|
|
15
|
+
strokeLinecap: "round",
|
|
16
|
+
strokeLinejoin: "round",
|
|
17
|
+
...others,
|
|
18
|
+
children: expanded ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
|
|
19
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
|
|
20
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }),
|
|
21
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M9 17l1 0" }),
|
|
22
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M14 17l1 0" }),
|
|
23
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M19 17l1 0" }),
|
|
24
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M4 17l1 0" })
|
|
25
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
|
|
26
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
|
|
27
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M12 11v8l3 -3m-6 0l3 3" }),
|
|
28
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M9 7l1 0" }),
|
|
29
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M14 7l1 0" }),
|
|
30
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M19 7l1 0" }),
|
|
31
|
+
/* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("path", { d: "M4 7l1 0" })
|
|
32
|
+
] })
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
exports.ExpandIcon = ExpandIcon;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from "../../../../../react@18.3.1/node_modules/react/jsx-runtime.js";
|
|
2
|
+
import { rem } from "../../../../../@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hooks@7.13.2_react@18.3.1_hlfamvk7n3o6ychyvm5cyru4yu/node_modules/@mantine/core/esm/core/utils/units-converters/rem.js";
|
|
3
|
+
function ExpandIcon({ expanded, style, ...others }) {
|
|
4
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
5
|
+
"svg",
|
|
6
|
+
{
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
style: { width: rem(18), height: rem(18), ...style },
|
|
9
|
+
viewBox: "0 0 24 24",
|
|
10
|
+
strokeWidth: "2",
|
|
11
|
+
stroke: "currentColor",
|
|
12
|
+
fill: "none",
|
|
13
|
+
strokeLinecap: "round",
|
|
14
|
+
strokeLinejoin: "round",
|
|
15
|
+
...others,
|
|
16
|
+
children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
17
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
|
|
18
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }),
|
|
19
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 17l1 0" }),
|
|
20
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M14 17l1 0" }),
|
|
21
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 17l1 0" }),
|
|
22
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4 17l1 0" })
|
|
23
|
+
] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
24
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
|
|
25
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 11v8l3 -3m-6 0l3 3" }),
|
|
26
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 7l1 0" }),
|
|
27
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M14 7l1 0" }),
|
|
28
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 7l1 0" }),
|
|
29
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4 7l1 0" })
|
|
30
|
+
] })
|
|
31
|
+
}
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
export {
|
|
35
|
+
ExpandIcon
|
|
36
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("../../../../../react@18.3.1/node_modules/react/jsx-runtime.cjs");
|
|
4
|
+
function FileIcon({ fileIcon, fileName, getFileIcon, className, style }) {
|
|
5
|
+
if (fileIcon) {
|
|
6
|
+
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className, style, children: fileIcon });
|
|
7
|
+
}
|
|
8
|
+
if (getFileIcon && fileName) {
|
|
9
|
+
return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className, style, children: getFileIcon(fileName) });
|
|
10
|
+
}
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
exports.FileIcon = FileIcon;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from "../../../../../react@18.3.1/node_modules/react/jsx-runtime.js";
|
|
2
|
+
function FileIcon({ fileIcon, fileName, getFileIcon, className, style }) {
|
|
3
|
+
if (fileIcon) {
|
|
4
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className, style, children: fileIcon });
|
|
5
|
+
}
|
|
6
|
+
if (getFileIcon && fileName) {
|
|
7
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className, style, children: getFileIcon(fileName) });
|
|
8
|
+
}
|
|
9
|
+
return null;
|
|
10
|
+
}
|
|
11
|
+
export {
|
|
12
|
+
FileIcon
|
|
13
|
+
};
|
|
@@ -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");
|
|
@@ -132,12 +132,15 @@ const Calendar = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_c
|
|
|
132
132
|
const Month = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/Month/Month.cjs");
|
|
133
133
|
const TimeInput = require("../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.cjs");
|
|
134
134
|
const TextInput = require("./TextInput/TextInput.cjs");
|
|
135
|
+
const CodeHighlight = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.cjs");
|
|
136
|
+
const CodeHighlightTabs = require("../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.cjs");
|
|
135
137
|
exports.useColorScheme = useColorScheme.useColorScheme;
|
|
136
138
|
exports.Dropzone = index.Dropzone;
|
|
137
139
|
exports.notifier = index$1.notifier;
|
|
138
140
|
exports.TYPOGRAPHY_STYLES_MAP = index$2.TYPOGRAPHY_STYLES_MAP;
|
|
139
141
|
exports.Typography = index$2.Typography;
|
|
140
142
|
exports.MediaQuery = index$3.MediaQuery;
|
|
143
|
+
exports.Select = index$4.Select;
|
|
141
144
|
exports.AppShell = AppShell.AppShell;
|
|
142
145
|
exports.AspectRatio = AspectRatio.AspectRatio;
|
|
143
146
|
exports.Center = Center.Center;
|
|
@@ -177,7 +180,6 @@ exports.Combobox = Combobox.Combobox;
|
|
|
177
180
|
exports.MultiSelect = MultiSelect.MultiSelect;
|
|
178
181
|
exports.Pill = Pill.Pill;
|
|
179
182
|
exports.PillsInput = PillsInput.PillsInput;
|
|
180
|
-
exports.Select = Select.Select;
|
|
181
183
|
exports.TagsInput = TagsInput.TagsInput;
|
|
182
184
|
exports.ActionIcon = ActionIcon.ActionIcon;
|
|
183
185
|
exports.Button = Button.Button;
|
|
@@ -269,3 +271,5 @@ exports.Calendar = Calendar.Calendar;
|
|
|
269
271
|
exports.Month = Month.Month;
|
|
270
272
|
exports.TimeInput = TimeInput.TimeInput;
|
|
271
273
|
exports.TextInput = TextInput.TextInput;
|
|
274
|
+
exports.CodeHighlight = CodeHighlight.CodeHighlight;
|
|
275
|
+
exports.CodeHighlightTabs = CodeHighlightTabs.CodeHighlightTabs;
|
|
@@ -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, 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,3 +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';
|
|
48
|
+
export { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';
|
|
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, 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,3 +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';
|
|
48
|
+
export { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';
|
|
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";
|
|
@@ -130,6 +130,8 @@ import { Calendar } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_c
|
|
|
130
130
|
import { Month } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/Month/Month.js";
|
|
131
131
|
import { TimeInput } from "../node_modules/.pnpm/@mantine_dates@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@mantine_hoo_fqvtf6tg4qjwkxanualzufe6zy/node_modules/@mantine/dates/esm/components/TimeInput/TimeInput.js";
|
|
132
132
|
import { TextInput } from "./TextInput/TextInput.js";
|
|
133
|
+
import { CodeHighlight } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlight.js";
|
|
134
|
+
import { CodeHighlightTabs } from "../node_modules/.pnpm/@mantine_code-highlight@7.13.2_@mantine_core@7.13.2_patch_hash_v5k5cxye7xaihpcgowhgciky7a_@ma_tdwfyw6pqjurzjjnx3eualyu44/node_modules/@mantine/code-highlight/esm/CodeHighlightTabs.js";
|
|
133
135
|
export {
|
|
134
136
|
Accordion,
|
|
135
137
|
ActionIcon,
|
|
@@ -156,6 +158,8 @@ export {
|
|
|
156
158
|
Chip,
|
|
157
159
|
CloseButton,
|
|
158
160
|
Code,
|
|
161
|
+
CodeHighlight,
|
|
162
|
+
CodeHighlightTabs,
|
|
159
163
|
Collapse,
|
|
160
164
|
ColorInput,
|
|
161
165
|
ColorPicker,
|