@mantine/core 6.0.0-alpha.1 → 6.0.0-alpha.2
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/cjs/Box/style-system-props/system-props/system-props.js +20 -20
- package/cjs/Box/style-system-props/system-props/system-props.js.map +1 -1
- package/cjs/Box/style-system-props/value-getters/get-default-value.js +6 -2
- package/cjs/Box/style-system-props/value-getters/get-default-value.js.map +1 -1
- package/cjs/Box/style-system-props/value-getters/value-getters.js +2 -1
- package/cjs/Box/style-system-props/value-getters/value-getters.js.map +1 -1
- package/cjs/Drawer/Drawer.js.map +1 -1
- package/cjs/Flex/flex-props.js +4 -4
- package/cjs/Flex/flex-props.js.map +1 -1
- package/cjs/Modal/Modal.js.map +1 -1
- package/cjs/ModalBase/ModalBase.context.js.map +1 -1
- package/cjs/ModalBase/ModalBase.js +55 -5
- package/cjs/ModalBase/ModalBase.js.map +1 -1
- package/cjs/ModalBase/ModalBase.styles.js +12 -0
- package/cjs/ModalBase/ModalBase.styles.js.map +1 -0
- package/esm/Box/style-system-props/system-props/system-props.js +20 -20
- package/esm/Box/style-system-props/system-props/system-props.js.map +1 -1
- package/esm/Box/style-system-props/value-getters/get-default-value.js +5 -2
- package/esm/Box/style-system-props/value-getters/get-default-value.js.map +1 -1
- package/esm/Box/style-system-props/value-getters/value-getters.js +3 -2
- package/esm/Box/style-system-props/value-getters/value-getters.js.map +1 -1
- package/esm/Drawer/Drawer.js.map +1 -1
- package/esm/Flex/flex-props.js +4 -4
- package/esm/Flex/flex-props.js.map +1 -1
- package/esm/Modal/Modal.js.map +1 -1
- package/esm/ModalBase/ModalBase.context.js.map +1 -1
- package/esm/ModalBase/ModalBase.js +55 -5
- package/esm/ModalBase/ModalBase.js.map +1 -1
- package/esm/ModalBase/ModalBase.styles.js +8 -0
- package/esm/ModalBase/ModalBase.styles.js.map +1 -0
- package/lib/AppShell/HorizontalSection/HorizontalSection.d.ts +1 -1
- package/lib/Box/style-system-props/value-getters/get-default-value.d.ts +2 -1
- package/lib/Box/style-system-props/value-getters/get-default-value.d.ts.map +1 -1
- package/lib/Box/style-system-props/value-getters/value-getters.d.ts +3 -2
- package/lib/Box/style-system-props/value-getters/value-getters.d.ts.map +1 -1
- package/lib/Drawer/Drawer.d.ts +1 -1
- package/lib/Drawer/Drawer.d.ts.map +1 -1
- package/lib/Highlight/Highlight.d.ts +1 -1
- package/lib/Modal/Modal.d.ts +1 -1
- package/lib/Modal/Modal.d.ts.map +1 -1
- package/lib/ModalBase/ModalBase.context.d.ts +1 -0
- package/lib/ModalBase/ModalBase.context.d.ts.map +1 -1
- package/lib/ModalBase/ModalBase.d.ts +5 -3
- package/lib/ModalBase/ModalBase.d.ts.map +1 -1
- package/lib/ModalBase/ModalBase.styles.d.ts +9 -0
- package/lib/ModalBase/ModalBase.styles.d.ts.map +1 -0
- package/lib/ScrollArea/ScrollArea.d.ts +1 -1
- package/lib/Select/SelectScrollArea/SelectScrollArea.d.ts +1 -1
- package/package.json +4 -4
- package/cjs/TagInput/DefaultValue/DefaultValue.js +0 -88
- package/cjs/TagInput/DefaultValue/DefaultValue.js.map +0 -1
- package/cjs/TagInput/DefaultValue/DefaultValue.styles.js +0 -50
- package/cjs/TagInput/DefaultValue/DefaultValue.styles.js.map +0 -1
- package/cjs/TagInput/TagInput.js +0 -335
- package/cjs/TagInput/TagInput.js.map +0 -1
- package/cjs/TagInput/TagInput.styles.js +0 -65
- package/cjs/TagInput/TagInput.styles.js.map +0 -1
- package/cjs/Transition/GroupedTransition.js +0 -55
- package/cjs/Transition/GroupedTransition.js.map +0 -1
- package/esm/TagInput/DefaultValue/DefaultValue.js +0 -80
- package/esm/TagInput/DefaultValue/DefaultValue.js.map +0 -1
- package/esm/TagInput/DefaultValue/DefaultValue.styles.js +0 -46
- package/esm/TagInput/DefaultValue/DefaultValue.styles.js.map +0 -1
- package/esm/TagInput/TagInput.js +0 -327
- package/esm/TagInput/TagInput.js.map +0 -1
- package/esm/TagInput/TagInput.styles.js +0 -61
- package/esm/TagInput/TagInput.styles.js.map +0 -1
- package/esm/Transition/GroupedTransition.js +0 -47
- package/esm/Transition/GroupedTransition.js.map +0 -1
- package/lib/TagInput/DefaultValue/DefaultValue.d.ts +0 -16
- package/lib/TagInput/DefaultValue/DefaultValue.d.ts.map +0 -1
- package/lib/TagInput/DefaultValue/DefaultValue.styles.d.ts +0 -17
- package/lib/TagInput/DefaultValue/DefaultValue.styles.d.ts.map +0 -1
- package/lib/TagInput/TagInput.d.ts +0 -44
- package/lib/TagInput/TagInput.d.ts.map +0 -1
- package/lib/TagInput/TagInput.styles.d.ts +0 -28
- package/lib/TagInput/TagInput.styles.d.ts.map +0 -1
- package/lib/TagInput/index.d.ts +0 -3
- package/lib/TagInput/index.d.ts.map +0 -1
- package/lib/Transition/GroupedTransition.d.ts +0 -35
- package/lib/Transition/GroupedTransition.d.ts.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultValue.js","sources":["../../../src/TagInput/DefaultValue/DefaultValue.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, MantineNumberSize, Selectors } from '@mantine/styles';\nimport { CloseButton } from '../../CloseButton';\nimport useStyles from './DefaultValue.styles';\n\nexport type DefaultValueStylesNames = Selectors<typeof useStyles>;\n\nexport interface TagInputValueProps\n extends DefaultProps<DefaultValueStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n label: string;\n onRemove(): void;\n disabled: boolean;\n size: MantineSize;\n radius: MantineNumberSize;\n}\n\nconst buttonSizes = {\n xs: 16,\n sm: 22,\n md: 24,\n lg: 26,\n xl: 30,\n};\n\nexport function DefaultValue({\n label,\n classNames,\n styles,\n className,\n onRemove,\n disabled,\n size,\n radius,\n ...others\n}: TagInputValueProps) {\n const { classes, cx } = useStyles(\n { size, disabled, radius },\n { classNames, styles, name: 'TagInput' }\n );\n\n return (\n <div className={cx(classes.defaultValue, className)} {...others}>\n <span className={classes.label}>{label}</span>\n\n {!disabled && (\n <CloseButton\n aria-hidden\n onMouseDown={onRemove}\n size={buttonSizes[size]}\n radius={2}\n color=\"blue\"\n variant=\"transparent\"\n iconSize={buttonSizes[size] / 2}\n className={classes.defaultValueRemove}\n tabIndex={-1}\n />\n )}\n </div>\n );\n}\n\nDefaultValue.displayName = '@mantine/core/TagInput/DefaultValue';\n"],"names":["useStyles","React","CloseButton"],"mappings":"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"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styles = require('@mantine/styles');
|
|
6
|
-
|
|
7
|
-
const sizes = {
|
|
8
|
-
xs: 16,
|
|
9
|
-
sm: 22,
|
|
10
|
-
md: 26,
|
|
11
|
-
lg: 30,
|
|
12
|
-
xl: 36
|
|
13
|
-
};
|
|
14
|
-
const fontSizes = {
|
|
15
|
-
xs: 10,
|
|
16
|
-
sm: 12,
|
|
17
|
-
md: 14,
|
|
18
|
-
lg: 16,
|
|
19
|
-
xl: 18
|
|
20
|
-
};
|
|
21
|
-
var useStyles = styles.createStyles((theme, { size, disabled, radius }) => ({
|
|
22
|
-
defaultValue: {
|
|
23
|
-
display: "flex",
|
|
24
|
-
alignItems: "center",
|
|
25
|
-
backgroundColor: disabled ? theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[3] : theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[1],
|
|
26
|
-
color: disabled ? theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7] : theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
|
|
27
|
-
lineHeight: 1,
|
|
28
|
-
height: styles.getSize({ size, sizes }),
|
|
29
|
-
paddingLeft: styles.getSize({ size, sizes: theme.spacing }),
|
|
30
|
-
paddingRight: disabled ? styles.getSize({ size, sizes: theme.spacing }) : 0,
|
|
31
|
-
fontWeight: 500,
|
|
32
|
-
fontSize: styles.getSize({ size, sizes: fontSizes }),
|
|
33
|
-
borderRadius: styles.getSize({ size: radius, sizes: theme.radius }),
|
|
34
|
-
cursor: disabled ? "not-allowed" : "default",
|
|
35
|
-
userSelect: "none",
|
|
36
|
-
maxWidth: `calc(100% - ${styles.rem(20)})`
|
|
37
|
-
},
|
|
38
|
-
defaultValueRemove: {
|
|
39
|
-
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7]
|
|
40
|
-
},
|
|
41
|
-
label: {
|
|
42
|
-
display: "block",
|
|
43
|
-
overflow: "hidden",
|
|
44
|
-
textOverflow: "ellipsis",
|
|
45
|
-
whiteSpace: "nowrap"
|
|
46
|
-
}
|
|
47
|
-
}));
|
|
48
|
-
|
|
49
|
-
exports.default = useStyles;
|
|
50
|
-
//# sourceMappingURL=DefaultValue.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultValue.styles.js","sources":["../../../src/TagInput/DefaultValue/DefaultValue.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, getSize, rem } from '@mantine/styles';\n\ninterface DefaultLabelStyles {\n size: MantineSize;\n radius: MantineNumberSize;\n disabled: boolean;\n}\n\nconst sizes = {\n xs: 16,\n sm: 22,\n md: 26,\n lg: 30,\n xl: 36,\n};\n\nconst fontSizes = {\n xs: 10,\n sm: 12,\n md: 14,\n lg: 16,\n xl: 18,\n};\n\nexport default createStyles((theme, { size, disabled, radius }: DefaultLabelStyles) => ({\n defaultValue: {\n display: 'flex',\n alignItems: 'center',\n backgroundColor: disabled\n ? theme.colorScheme === 'dark'\n ? theme.colors.dark[5]\n : theme.colors.gray[3]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[7]\n : theme.colors.gray[1],\n color: disabled\n ? theme.colorScheme === 'dark'\n ? theme.colors.dark[1]\n : theme.colors.gray[7]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[0]\n : theme.colors.gray[7],\n lineHeight: 1,\n height: getSize({ size, sizes }),\n paddingLeft: getSize({ size, sizes: theme.spacing }),\n paddingRight: disabled ? getSize({ size, sizes: theme.spacing }) : 0,\n fontWeight: 500,\n fontSize: getSize({ size, sizes: fontSizes }),\n borderRadius: getSize({ size: radius, sizes: theme.radius }),\n cursor: disabled ? 'not-allowed' : 'default',\n userSelect: 'none',\n maxWidth: `calc(100% - ${rem(20)})`,\n },\n\n defaultValueRemove: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n },\n\n label: {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n}));\n"],"names":["createStyles","getSize","rem"],"mappings":";;;;;;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,MAAM,SAAS,GAAG;AAClB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AACpE,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,eAAe,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvL,IAAI,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7K,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,MAAM,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACpC,IAAI,WAAW,EAAEA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACxD,IAAI,YAAY,EAAE,QAAQ,GAAGA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACxE,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAEA,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACjD,IAAI,YAAY,EAAEA,cAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AAChE,IAAI,MAAM,EAAE,QAAQ,GAAG,aAAa,GAAG,SAAS;AAChD,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,QAAQ,EAAE,CAAC,YAAY,EAAEC,UAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACvC,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
package/cjs/TagInput/TagInput.js
DELETED
|
@@ -1,335 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var hooks = require('@mantine/hooks');
|
|
7
|
-
var DefaultValue = require('./DefaultValue/DefaultValue.js');
|
|
8
|
-
var TagInput_styles = require('./TagInput.styles.js');
|
|
9
|
-
var extractSystemStyles = require('../Box/style-system-props/extract-system-styles/extract-system-styles.js');
|
|
10
|
-
var Input = require('../Input/Input.js');
|
|
11
|
-
var CloseButton = require('../CloseButton/CloseButton.js');
|
|
12
|
-
|
|
13
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
|
-
|
|
15
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
|
|
17
|
-
var __defProp = Object.defineProperty;
|
|
18
|
-
var __defProps = Object.defineProperties;
|
|
19
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
20
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
21
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
22
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
23
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
24
|
-
var __spreadValues = (a, b) => {
|
|
25
|
-
for (var prop in b || (b = {}))
|
|
26
|
-
if (__hasOwnProp.call(b, prop))
|
|
27
|
-
__defNormalProp(a, prop, b[prop]);
|
|
28
|
-
if (__getOwnPropSymbols)
|
|
29
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
30
|
-
if (__propIsEnum.call(b, prop))
|
|
31
|
-
__defNormalProp(a, prop, b[prop]);
|
|
32
|
-
}
|
|
33
|
-
return a;
|
|
34
|
-
};
|
|
35
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
36
|
-
var __objRest = (source, exclude) => {
|
|
37
|
-
var target = {};
|
|
38
|
-
for (var prop in source)
|
|
39
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
40
|
-
target[prop] = source[prop];
|
|
41
|
-
if (source != null && __getOwnPropSymbols)
|
|
42
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
43
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
44
|
-
target[prop] = source[prop];
|
|
45
|
-
}
|
|
46
|
-
return target;
|
|
47
|
-
};
|
|
48
|
-
const defaultPasteSplit = (data) => {
|
|
49
|
-
const separators = [",", ";", "\\(", "\\)", "\\*", "/", ":", "\\?", "\n", "\r"];
|
|
50
|
-
return data.split(new RegExp(separators.join("|"))).map((d) => d.trim());
|
|
51
|
-
};
|
|
52
|
-
const getClipboardData = (e) => {
|
|
53
|
-
if (e.clipboardData) {
|
|
54
|
-
return e.clipboardData.getData("text/plain");
|
|
55
|
-
}
|
|
56
|
-
return "";
|
|
57
|
-
};
|
|
58
|
-
const uniq = (arr = []) => {
|
|
59
|
-
const out = [];
|
|
60
|
-
arr.forEach((item) => {
|
|
61
|
-
if (out.indexOf(item) === -1) {
|
|
62
|
-
out.push(item);
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
return out;
|
|
66
|
-
};
|
|
67
|
-
const TagInput = React.forwardRef((_a, ref) => {
|
|
68
|
-
var _b = _a, {
|
|
69
|
-
className,
|
|
70
|
-
style,
|
|
71
|
-
required,
|
|
72
|
-
label,
|
|
73
|
-
description,
|
|
74
|
-
size = "sm",
|
|
75
|
-
error,
|
|
76
|
-
classNames,
|
|
77
|
-
styles,
|
|
78
|
-
wrapperProps,
|
|
79
|
-
value,
|
|
80
|
-
defaultValue,
|
|
81
|
-
onChange = () => {
|
|
82
|
-
},
|
|
83
|
-
valueComponent: Value = DefaultValue.DefaultValue,
|
|
84
|
-
id,
|
|
85
|
-
onFocus,
|
|
86
|
-
onBlur,
|
|
87
|
-
placeholder,
|
|
88
|
-
clearable = false,
|
|
89
|
-
clearInputOnBlur = false,
|
|
90
|
-
variant,
|
|
91
|
-
onChangeInput,
|
|
92
|
-
disabled = false,
|
|
93
|
-
radius = "sm",
|
|
94
|
-
icon,
|
|
95
|
-
rightSection,
|
|
96
|
-
sx,
|
|
97
|
-
maxTags,
|
|
98
|
-
name,
|
|
99
|
-
addOnPaste = true,
|
|
100
|
-
pasteSplit = defaultPasteSplit,
|
|
101
|
-
validationRegex = /.*/,
|
|
102
|
-
onValidationReject = () => {
|
|
103
|
-
},
|
|
104
|
-
onlyUnique = false
|
|
105
|
-
} = _b, others = __objRest(_b, [
|
|
106
|
-
"className",
|
|
107
|
-
"style",
|
|
108
|
-
"required",
|
|
109
|
-
"label",
|
|
110
|
-
"description",
|
|
111
|
-
"size",
|
|
112
|
-
"error",
|
|
113
|
-
"classNames",
|
|
114
|
-
"styles",
|
|
115
|
-
"wrapperProps",
|
|
116
|
-
"value",
|
|
117
|
-
"defaultValue",
|
|
118
|
-
"onChange",
|
|
119
|
-
"valueComponent",
|
|
120
|
-
"id",
|
|
121
|
-
"onFocus",
|
|
122
|
-
"onBlur",
|
|
123
|
-
"placeholder",
|
|
124
|
-
"clearable",
|
|
125
|
-
"clearInputOnBlur",
|
|
126
|
-
"variant",
|
|
127
|
-
"onChangeInput",
|
|
128
|
-
"disabled",
|
|
129
|
-
"radius",
|
|
130
|
-
"icon",
|
|
131
|
-
"rightSection",
|
|
132
|
-
"sx",
|
|
133
|
-
"maxTags",
|
|
134
|
-
"name",
|
|
135
|
-
"addOnPaste",
|
|
136
|
-
"pasteSplit",
|
|
137
|
-
"validationRegex",
|
|
138
|
-
"onValidationReject",
|
|
139
|
-
"onlyUnique"
|
|
140
|
-
]);
|
|
141
|
-
const { classes, cx } = TagInput_styles['default']({ size, invalid: !!error }, { classNames, styles, name: "TagInput" });
|
|
142
|
-
const { systemStyles, rest } = extractSystemStyles.extractSystemStyles(others);
|
|
143
|
-
const inputRef = React.useRef();
|
|
144
|
-
const wrapperRef = React.useRef();
|
|
145
|
-
const uuid = hooks.useId(id);
|
|
146
|
-
const [inputValue, setInputValue] = React.useState("");
|
|
147
|
-
const [IMEOpen, setIMEOpen] = React.useState(false);
|
|
148
|
-
const [_value, setValue] = hooks.useUncontrolled({
|
|
149
|
-
value,
|
|
150
|
-
defaultValue,
|
|
151
|
-
finalValue: [],
|
|
152
|
-
onChange
|
|
153
|
-
});
|
|
154
|
-
const valuesOverflow = React.useRef(!!maxTags && maxTags < _value.length);
|
|
155
|
-
const handleValueRemove = (_val) => {
|
|
156
|
-
const newValue = _value.filter((val) => val !== _val);
|
|
157
|
-
setValue(newValue);
|
|
158
|
-
if (!!maxTags && newValue.length < maxTags) {
|
|
159
|
-
valuesOverflow.current = false;
|
|
160
|
-
}
|
|
161
|
-
};
|
|
162
|
-
const handleInputChange = (event) => {
|
|
163
|
-
typeof onChangeInput === "function" && onChangeInput(event.currentTarget.value);
|
|
164
|
-
setInputValue(event.currentTarget.value);
|
|
165
|
-
};
|
|
166
|
-
const handleInputFocus = (event) => {
|
|
167
|
-
typeof onFocus === "function" && onFocus(event);
|
|
168
|
-
};
|
|
169
|
-
const handleInputBlur = (event) => {
|
|
170
|
-
typeof onBlur === "function" && onBlur(event);
|
|
171
|
-
clearInputOnBlur && setInputValue("");
|
|
172
|
-
};
|
|
173
|
-
const handleAddTags = (newTags) => {
|
|
174
|
-
let tags = newTags;
|
|
175
|
-
if (onlyUnique) {
|
|
176
|
-
tags = uniq(tags);
|
|
177
|
-
tags = tags.filter((tag) => _value.every((currentTag) => currentTag !== tag));
|
|
178
|
-
}
|
|
179
|
-
const rejectedTags = tags.filter((tag) => !validationRegex.test(tag));
|
|
180
|
-
if (maxTags >= 0) {
|
|
181
|
-
const remainingLimit = Math.max(maxTags - _value.length, 0);
|
|
182
|
-
tags = tags.slice(0, remainingLimit);
|
|
183
|
-
}
|
|
184
|
-
if (onValidationReject && rejectedTags.length > 0) {
|
|
185
|
-
onValidationReject(rejectedTags);
|
|
186
|
-
}
|
|
187
|
-
if (rejectedTags.length > 0) {
|
|
188
|
-
return false;
|
|
189
|
-
}
|
|
190
|
-
if (tags.length > 0) {
|
|
191
|
-
const newValue = _value.concat(tags);
|
|
192
|
-
setValue(newValue);
|
|
193
|
-
setInputValue("");
|
|
194
|
-
return true;
|
|
195
|
-
}
|
|
196
|
-
setInputValue("");
|
|
197
|
-
return false;
|
|
198
|
-
};
|
|
199
|
-
const handleInputKeydown = (event) => {
|
|
200
|
-
var _a2, _b2;
|
|
201
|
-
if (IMEOpen) {
|
|
202
|
-
return;
|
|
203
|
-
}
|
|
204
|
-
switch (event.key) {
|
|
205
|
-
case "Enter": {
|
|
206
|
-
if (inputValue) {
|
|
207
|
-
event.preventDefault();
|
|
208
|
-
handleAddTags([inputValue]);
|
|
209
|
-
if (_value.length === maxTags - 1) {
|
|
210
|
-
valuesOverflow.current = true;
|
|
211
|
-
(_a2 = inputRef.current) == null ? void 0 : _a2.blur();
|
|
212
|
-
return;
|
|
213
|
-
}
|
|
214
|
-
(_b2 = inputRef.current) == null ? void 0 : _b2.focus();
|
|
215
|
-
}
|
|
216
|
-
break;
|
|
217
|
-
}
|
|
218
|
-
case "Backspace": {
|
|
219
|
-
if (_value.length > 0 && inputValue.length === 0) {
|
|
220
|
-
setValue(_value.slice(0, -1));
|
|
221
|
-
}
|
|
222
|
-
break;
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
};
|
|
226
|
-
const selectedItems = _value.map((val) => {
|
|
227
|
-
const selectedItem = {
|
|
228
|
-
value: val,
|
|
229
|
-
label: val
|
|
230
|
-
};
|
|
231
|
-
return selectedItem;
|
|
232
|
-
}).filter((val) => !!val).map((item) => /* @__PURE__ */ React__default.createElement(Value, __spreadProps(__spreadValues({}, item), {
|
|
233
|
-
disabled,
|
|
234
|
-
className: classes.value,
|
|
235
|
-
onRemove: () => {
|
|
236
|
-
handleValueRemove(item.value);
|
|
237
|
-
},
|
|
238
|
-
key: item.value,
|
|
239
|
-
size,
|
|
240
|
-
styles,
|
|
241
|
-
classNames,
|
|
242
|
-
radius
|
|
243
|
-
})));
|
|
244
|
-
const handleClear = () => {
|
|
245
|
-
var _a2;
|
|
246
|
-
setInputValue("");
|
|
247
|
-
setValue([]);
|
|
248
|
-
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
249
|
-
valuesOverflow.current = false;
|
|
250
|
-
};
|
|
251
|
-
const handlePaste = (e) => {
|
|
252
|
-
if (!addOnPaste) {
|
|
253
|
-
return;
|
|
254
|
-
}
|
|
255
|
-
e.preventDefault();
|
|
256
|
-
const data = getClipboardData(e);
|
|
257
|
-
const tags = pasteSplit(data);
|
|
258
|
-
handleAddTags(tags);
|
|
259
|
-
};
|
|
260
|
-
return /* @__PURE__ */ React__default.createElement(Input.Input.Wrapper, __spreadValues(__spreadValues({
|
|
261
|
-
required,
|
|
262
|
-
id: uuid,
|
|
263
|
-
label,
|
|
264
|
-
error,
|
|
265
|
-
description,
|
|
266
|
-
size,
|
|
267
|
-
className,
|
|
268
|
-
style,
|
|
269
|
-
classNames,
|
|
270
|
-
styles,
|
|
271
|
-
__staticSelector: "TagInput",
|
|
272
|
-
sx
|
|
273
|
-
}, systemStyles), wrapperProps), /* @__PURE__ */ React__default.createElement("div", {
|
|
274
|
-
className: classes.wrapper,
|
|
275
|
-
"aria-haspopup": "listbox",
|
|
276
|
-
"aria-owns": `${uuid}-items`,
|
|
277
|
-
"aria-controls": uuid,
|
|
278
|
-
tabIndex: -1,
|
|
279
|
-
ref: wrapperRef
|
|
280
|
-
}, /* @__PURE__ */ React__default.createElement(Input.Input, {
|
|
281
|
-
__staticSelector: "TagInput",
|
|
282
|
-
style: { overflow: "hidden" },
|
|
283
|
-
component: "div",
|
|
284
|
-
multiline: true,
|
|
285
|
-
size,
|
|
286
|
-
variant,
|
|
287
|
-
disabled,
|
|
288
|
-
error,
|
|
289
|
-
required,
|
|
290
|
-
radius,
|
|
291
|
-
icon,
|
|
292
|
-
onMouseDown: (event) => {
|
|
293
|
-
var _a2;
|
|
294
|
-
event.preventDefault();
|
|
295
|
-
!disabled && !valuesOverflow.current;
|
|
296
|
-
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
297
|
-
},
|
|
298
|
-
classNames: __spreadValues({}, classNames),
|
|
299
|
-
rightSection: !disabled && clearable && _value.length > 0 ? /* @__PURE__ */ React__default.createElement(CloseButton.CloseButton, {
|
|
300
|
-
variant: "transparent",
|
|
301
|
-
onClick: handleClear,
|
|
302
|
-
size
|
|
303
|
-
}) : rightSection,
|
|
304
|
-
onPaste: handlePaste
|
|
305
|
-
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
306
|
-
className: classes.values,
|
|
307
|
-
id: `${uuid}-items`
|
|
308
|
-
}, selectedItems, /* @__PURE__ */ React__default.createElement("input", __spreadValues({
|
|
309
|
-
ref: hooks.useMergedRef(ref, inputRef),
|
|
310
|
-
type: "text",
|
|
311
|
-
id: uuid,
|
|
312
|
-
className: cx(classes.tagInput, {
|
|
313
|
-
[classes.tagInputEmpty]: _value.length === 0
|
|
314
|
-
}),
|
|
315
|
-
onKeyDown: handleInputKeydown,
|
|
316
|
-
value: inputValue,
|
|
317
|
-
onChange: handleInputChange,
|
|
318
|
-
onFocus: handleInputFocus,
|
|
319
|
-
onCompositionStart: () => setIMEOpen(true),
|
|
320
|
-
onCompositionEnd: () => setIMEOpen(false),
|
|
321
|
-
onBlur: handleInputBlur,
|
|
322
|
-
readOnly: valuesOverflow.current,
|
|
323
|
-
placeholder: _value.length === 0 ? placeholder : void 0,
|
|
324
|
-
disabled,
|
|
325
|
-
autoComplete: "off"
|
|
326
|
-
}, rest))))), name && /* @__PURE__ */ React__default.createElement("input", {
|
|
327
|
-
type: "hidden",
|
|
328
|
-
name,
|
|
329
|
-
value: _value.join(",")
|
|
330
|
-
}));
|
|
331
|
-
});
|
|
332
|
-
TagInput.displayName = "@mantine/core/TagInput";
|
|
333
|
-
|
|
334
|
-
exports.TagInput = TagInput;
|
|
335
|
-
//# sourceMappingURL=TagInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagInput.js","sources":["../../src/TagInput/TagInput.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport { useUncontrolled, useMergedRef, useId } from '@mantine/hooks';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { Input } from '../Input';\nimport { extractSystemStyles } from '../Box';\nimport { CloseButton } from '../CloseButton';\nimport { BaseSelectProps, BaseSelectStylesNames } from '../Select/types';\nimport { DefaultValue, DefaultValueStylesNames } from './DefaultValue/DefaultValue';\nimport useStyles from './TagInput.styles';\n\nexport type TagInputStylesNames =\n | DefaultValueStylesNames\n | Exclude<\n Selectors<typeof useStyles>,\n 'tagInputEmpty' | 'tagInputInputHidden' | 'tagInputPointer'\n >\n | Exclude<\n BaseSelectStylesNames,\n | 'selected'\n | 'item'\n | 'nothingFound'\n | 'separator'\n | 'separatorLabel'\n | 'itemsWrapper'\n | 'dropdown'\n >;\nexport interface TagInputProps extends DefaultProps<TagInputStylesNames>, BaseSelectProps {\n /** Input size */\n size?: MantineSize;\n\n /** Properties spread to root element */\n wrapperProps?: Record<string, any>;\n\n /** Controlled input value */\n value?: string[];\n\n /** Uncontrolled input defaultValue */\n defaultValue?: string[];\n\n /** Controlled input onChange handler */\n onChange?(value: string[]): void;\n\n /** Component used to render values */\n valueComponent?: React.FC<any>;\n\n /** Allow to clear item */\n clearable?: boolean;\n\n /** Clear input field value on blur */\n clearInputOnBlur?: boolean;\n\n /** Called each time search query changes */\n onChangeInput?(query: string): void;\n\n /** Get input ref */\n elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n /** Limit amount of tags */\n maxTags?: number;\n\n /** Component used to render right section */\n rightSection?: React.ReactNode;\n\n /** Called to split after onPaste */\n pasteSplit?: (data: any) => string[];\n\n /** Allow to paste item */\n addOnPaste?: boolean;\n\n /** Called for validation when add tags */\n validationRegex?: RegExp;\n\n /** Called when validationRegex reject tags */\n onValidationReject?: (data: string[]) => void;\n\n /** Allow to only unique */\n onlyUnique?: boolean;\n}\n\nconst defaultPasteSplit = (data: string): string[] => {\n const separators = [',', ';', '\\\\(', '\\\\)', '\\\\*', '/', ':', '\\\\?', '\\n', '\\r'];\n return data.split(new RegExp(separators.join('|'))).map((d) => d.trim());\n};\n\nconst getClipboardData = (e: React.ClipboardEvent): string => {\n if (e.clipboardData) {\n return e.clipboardData.getData('text/plain');\n }\n\n return '';\n};\n\nconst uniq = (arr = []) => {\n const out = [];\n\n arr.forEach((item) => {\n if (out.indexOf(item) === -1) {\n out.push(item);\n }\n });\n\n return out;\n};\n\nexport const TagInput = forwardRef<HTMLInputElement, TagInputProps>(\n (\n {\n className,\n style,\n required,\n label,\n description,\n size = 'sm',\n error,\n classNames,\n styles,\n wrapperProps,\n value,\n defaultValue,\n onChange = () => {},\n valueComponent: Value = DefaultValue,\n id,\n onFocus,\n onBlur,\n placeholder,\n clearable = false,\n clearInputOnBlur = false,\n variant,\n onChangeInput,\n disabled = false,\n radius = 'sm',\n icon,\n rightSection,\n sx,\n maxTags,\n name,\n addOnPaste = true,\n pasteSplit = defaultPasteSplit,\n validationRegex = /.*/,\n onValidationReject = () => {},\n onlyUnique = false,\n ...others\n }: TagInputProps,\n ref\n ) => {\n const { classes, cx } = useStyles(\n { size, invalid: !!error },\n { classNames, styles, name: 'TagInput' }\n );\n const { systemStyles, rest } = extractSystemStyles(others);\n\n const inputRef = useRef<HTMLInputElement>();\n const wrapperRef = useRef<HTMLDivElement>();\n const uuid = useId(id);\n const [inputValue, setInputValue] = useState('');\n const [IMEOpen, setIMEOpen] = useState(false);\n\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: [],\n onChange,\n });\n\n const valuesOverflow = useRef(!!maxTags && maxTags < _value.length);\n\n const handleValueRemove = (_val: string) => {\n const newValue = _value.filter((val) => val !== _val);\n setValue(newValue);\n\n if (!!maxTags && newValue.length < maxTags) {\n valuesOverflow.current = false;\n }\n };\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n typeof onChangeInput === 'function' && onChangeInput(event.currentTarget.value);\n setInputValue(event.currentTarget.value);\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onBlur === 'function' && onBlur(event);\n clearInputOnBlur && setInputValue('');\n };\n\n const handleAddTags = (newTags: string[]): boolean => {\n let tags = newTags;\n if (onlyUnique) {\n tags = uniq(tags);\n tags = tags.filter((tag) => _value.every((currentTag) => currentTag !== tag));\n }\n\n const rejectedTags = tags.filter((tag) => !validationRegex.test(tag));\n\n if (maxTags >= 0) {\n const remainingLimit = Math.max(maxTags - _value.length, 0);\n tags = tags.slice(0, remainingLimit);\n }\n\n if (onValidationReject && rejectedTags.length > 0) {\n onValidationReject(rejectedTags);\n }\n\n if (rejectedTags.length > 0) {\n return false;\n }\n\n if (tags.length > 0) {\n const newValue = _value.concat(tags);\n setValue(newValue);\n setInputValue('');\n return true;\n }\n\n setInputValue('');\n return false;\n };\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (IMEOpen) {\n return;\n }\n switch (event.key) {\n case 'Enter': {\n if (inputValue) {\n event.preventDefault();\n\n handleAddTags([inputValue]);\n if (_value.length === maxTags - 1) {\n valuesOverflow.current = true;\n inputRef.current?.blur();\n return;\n }\n inputRef.current?.focus();\n }\n\n break;\n }\n\n case 'Backspace': {\n if (_value.length > 0 && inputValue.length === 0) {\n setValue(_value.slice(0, -1));\n }\n\n break;\n }\n }\n };\n\n const selectedItems = _value\n .map((val) => {\n const selectedItem = {\n value: val,\n label: val,\n };\n return selectedItem;\n })\n .filter((val) => !!val)\n .map((item) => (\n <Value\n {...item}\n disabled={disabled}\n className={classes.value}\n onRemove={() => {\n handleValueRemove(item.value);\n }}\n key={item.value}\n size={size}\n styles={styles}\n classNames={classNames}\n radius={radius}\n />\n ));\n\n const handleClear = (): void => {\n setInputValue('');\n setValue([]);\n inputRef.current?.focus();\n valuesOverflow.current = false;\n };\n\n const handlePaste = (e: React.ClipboardEvent): void => {\n if (!addOnPaste) {\n return;\n }\n\n e.preventDefault();\n const data = getClipboardData(e);\n const tags = pasteSplit(data);\n handleAddTags(tags);\n };\n\n return (\n <Input.Wrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n style={style}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"TagInput\"\n sx={sx}\n {...systemStyles}\n {...wrapperProps}\n >\n <div\n className={classes.wrapper}\n aria-haspopup=\"listbox\"\n aria-owns={`${uuid}-items`}\n aria-controls={uuid}\n tabIndex={-1}\n ref={wrapperRef}\n >\n <Input<'div'>\n __staticSelector=\"TagInput\"\n style={{ overflow: 'hidden' }}\n component=\"div\"\n multiline\n size={size}\n variant={variant}\n disabled={disabled}\n error={error}\n required={required}\n radius={radius}\n icon={icon}\n onMouseDown={(event) => {\n event.preventDefault();\n !disabled && !valuesOverflow.current;\n inputRef.current?.focus();\n }}\n classNames={{\n ...classNames,\n }}\n rightSection={\n !disabled && clearable && _value.length > 0 ? (\n <CloseButton variant=\"transparent\" onClick={handleClear} size={size} />\n ) : (\n rightSection\n )\n }\n onPaste={handlePaste}\n >\n <div className={classes.values} id={`${uuid}-items`}>\n {selectedItems}\n\n <input\n ref={useMergedRef(ref, inputRef)}\n type=\"text\"\n id={uuid}\n className={cx(classes.tagInput, {\n [classes.tagInputEmpty]: _value.length === 0,\n })}\n onKeyDown={handleInputKeydown}\n value={inputValue}\n onChange={handleInputChange}\n onFocus={handleInputFocus}\n onCompositionStart={() => setIMEOpen(true)}\n onCompositionEnd={() => setIMEOpen(false)}\n onBlur={handleInputBlur}\n readOnly={valuesOverflow.current}\n placeholder={_value.length === 0 ? placeholder : undefined}\n disabled={disabled}\n autoComplete=\"off\"\n {...rest}\n />\n </div>\n </Input>\n </div>\n\n {name && <input type=\"hidden\" name={name} value={_value.join(',')} />}\n </Input.Wrapper>\n );\n }\n);\n\nTagInput.displayName = '@mantine/core/TagInput';\n"],"names":["forwardRef","DefaultValue","useStyles","extractSystemStyles","useRef","useId","useState","useUncontrolled","React","Input","CloseButton","useMergedRef"],"mappings":"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"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styles = require('@mantine/styles');
|
|
6
|
-
var Input_styles = require('../Input/Input.styles.js');
|
|
7
|
-
|
|
8
|
-
var useStyles = styles.createStyles((theme, { size, invalid }) => ({
|
|
9
|
-
wrapper: {
|
|
10
|
-
position: "relative"
|
|
11
|
-
},
|
|
12
|
-
values: {
|
|
13
|
-
minHeight: styles.getSize({ size, sizes: Input_styles.sizes }),
|
|
14
|
-
display: "flex",
|
|
15
|
-
alignItems: "center",
|
|
16
|
-
flexWrap: "wrap",
|
|
17
|
-
marginLeft: `calc(-1 * ${theme.spacing.xs}px / 2)`,
|
|
18
|
-
paddingTop: `calc(${theme.spacing.xs}px / 2 - 2px)`,
|
|
19
|
-
paddingBottom: `calc(${theme.spacing.xs}px / 2 - 2px)`,
|
|
20
|
-
boxSizing: "border-box"
|
|
21
|
-
},
|
|
22
|
-
value: {
|
|
23
|
-
margin: `calc(${theme.spacing.xs}px / 2 - 2px) calc(${theme.spacing.xs}px / 2)`
|
|
24
|
-
},
|
|
25
|
-
tagInput: {
|
|
26
|
-
width: 60,
|
|
27
|
-
backgroundColor: "transparent",
|
|
28
|
-
border: 0,
|
|
29
|
-
outline: 0,
|
|
30
|
-
fontSize: styles.getSize({ size, sizes: theme.fontSizes }),
|
|
31
|
-
padding: 0,
|
|
32
|
-
margin: `calc(${theme.spacing.xs}px / 2)`,
|
|
33
|
-
appearance: "none",
|
|
34
|
-
color: "inherit",
|
|
35
|
-
"&::placeholder": {
|
|
36
|
-
color: invalid ? theme.colors.red[theme.colorScheme === "dark" ? 6 : 7] : theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
|
|
37
|
-
},
|
|
38
|
-
"&:disabled": {
|
|
39
|
-
cursor: "not-allowed"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
tagInputEmpty: {
|
|
43
|
-
width: "100%"
|
|
44
|
-
},
|
|
45
|
-
tagInputInputHidden: {
|
|
46
|
-
width: 0,
|
|
47
|
-
height: 0,
|
|
48
|
-
margin: 0,
|
|
49
|
-
overflow: "hidden"
|
|
50
|
-
},
|
|
51
|
-
tagInputPointer: {
|
|
52
|
-
cursor: "pointer",
|
|
53
|
-
"&:disabled": {
|
|
54
|
-
cursor: "not-allowed"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
input: {
|
|
58
|
-
"&:not(:disabled)": {
|
|
59
|
-
cursor: "pointer"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}));
|
|
63
|
-
|
|
64
|
-
exports.default = useStyles;
|
|
65
|
-
//# sourceMappingURL=TagInput.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagInput.styles.js","sources":["../../src/TagInput/TagInput.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\ninterface TagInputStyles {\n size: MantineSize;\n invalid: boolean;\n}\n\nexport const RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 44,\n xl: 54,\n};\n\nexport default createStyles((theme, { size, invalid }: TagInputStyles) => ({\n wrapper: {\n position: 'relative',\n },\n\n values: {\n minHeight: getSize({ size, sizes: INPUT_SIZES }),\n display: 'flex',\n alignItems: 'center',\n flexWrap: 'wrap',\n marginLeft: `calc(-1 * ${theme.spacing.xs}px / 2)`,\n paddingTop: `calc(${theme.spacing.xs}px / 2 - 2px)`,\n paddingBottom: `calc(${theme.spacing.xs}px / 2 - 2px)`,\n boxSizing: 'border-box',\n },\n\n value: {\n margin: `calc(${theme.spacing.xs}px / 2 - 2px) calc(${theme.spacing.xs}px / 2)`,\n },\n\n tagInput: {\n width: 60,\n backgroundColor: 'transparent',\n border: 0,\n outline: 0,\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n padding: 0,\n margin: `calc(${theme.spacing.xs}px / 2)`,\n appearance: 'none',\n color: 'inherit',\n\n '&::placeholder': {\n color: invalid\n ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n : theme.colorScheme === 'dark'\n ? theme.colors.dark[3]\n : theme.colors.gray[5],\n },\n\n '&:disabled': {\n cursor: 'not-allowed',\n },\n },\n\n tagInputEmpty: {\n width: '100%',\n },\n\n tagInputInputHidden: {\n width: 0,\n height: 0,\n margin: 0,\n overflow: 'hidden',\n },\n\n tagInputPointer: {\n cursor: 'pointer',\n\n '&:disabled': {\n cursor: 'not-allowed',\n },\n },\n\n input: {\n '&:not(:disabled)': {\n cursor: 'pointer',\n },\n },\n}));\n"],"names":["createStyles","getSize","INPUT_SIZES"],"mappings":";;;;;;;AASA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAC3D,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,SAAS,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEC,kBAAW,EAAE,CAAC;AACpD,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AACtD,IAAI,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC;AACvD,IAAI,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC;AAC1D,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AACnF,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,QAAQ,EAAED,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AACvD,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AAC7C,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,gBAAgB,EAAE;AACtB,MAAM,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1J,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,KAAK,EAAE,MAAM;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,kBAAkB,EAAE;AACxB,MAAM,MAAM,EAAE,SAAS;AACvB,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var getTransitionStyles = require('./get-transition-styles/get-transition-styles.js');
|
|
7
|
-
var useTransition = require('./use-transition.js');
|
|
8
|
-
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
|
|
13
|
-
function GroupedTransition({
|
|
14
|
-
transitions,
|
|
15
|
-
duration = 250,
|
|
16
|
-
exitDuration = duration,
|
|
17
|
-
mounted,
|
|
18
|
-
children,
|
|
19
|
-
timingFunction,
|
|
20
|
-
onExit,
|
|
21
|
-
onEntered,
|
|
22
|
-
onEnter,
|
|
23
|
-
onExited
|
|
24
|
-
}) {
|
|
25
|
-
const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition.useTransition({
|
|
26
|
-
mounted,
|
|
27
|
-
duration,
|
|
28
|
-
exitDuration,
|
|
29
|
-
timingFunction,
|
|
30
|
-
onExit,
|
|
31
|
-
onEntered,
|
|
32
|
-
onEnter,
|
|
33
|
-
onExited
|
|
34
|
-
});
|
|
35
|
-
if (transitionDuration === 0) {
|
|
36
|
-
return mounted ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children({})) : null;
|
|
37
|
-
}
|
|
38
|
-
if (transitionStatus === "exited") {
|
|
39
|
-
return null;
|
|
40
|
-
}
|
|
41
|
-
const transitionsStyles = Object.keys(transitions).reduce((acc, transition) => {
|
|
42
|
-
acc[transition] = getTransitionStyles.getTransitionStyles({
|
|
43
|
-
duration: transitions[transition].duration,
|
|
44
|
-
transition: transitions[transition].transition,
|
|
45
|
-
timingFunction: transitions[transition].timingFunction || transitionTimingFunction,
|
|
46
|
-
state: transitionStatus
|
|
47
|
-
});
|
|
48
|
-
return acc;
|
|
49
|
-
}, {});
|
|
50
|
-
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children(transitionsStyles));
|
|
51
|
-
}
|
|
52
|
-
GroupedTransition.displayName = "@mantine/core/GroupedTransition";
|
|
53
|
-
|
|
54
|
-
exports.GroupedTransition = GroupedTransition;
|
|
55
|
-
//# sourceMappingURL=GroupedTransition.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GroupedTransition.js","sources":["../../src/Transition/GroupedTransition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\ninterface GroupedTransitionItem {\n duration: number;\n timingFunction?: React.CSSProperties['transitionTimingFunction'];\n transition: MantineTransition;\n}\n\nexport interface GroupedTransitionProps {\n /** Transitions group */\n transitions: Record<string, GroupedTransitionItem>;\n\n /** Render function with transition group styles argument */\n children(styles: Record<string, React.CSSProperties>): React.ReactElement<any, any>;\n\n /** Enter transition duration in ms */\n duration?: number;\n\n /** Exit transition duration in ms */\n exitDuration?: number;\n\n /** Transition timing function, defaults to theme.transitionTimingFunction */\n timingFunction?: string;\n\n /** When true, component will be mounted */\n mounted: boolean;\n\n /** Calls when exit transition ends */\n onExited?: () => void;\n\n /** Calls when exit transition starts */\n onExit?: () => void;\n\n /** Calls when enter transition starts */\n onEnter?: () => void;\n\n /** Calls when enter transition ends */\n onEntered?: () => void;\n}\n\nexport function GroupedTransition({\n transitions,\n duration = 250,\n exitDuration = duration,\n mounted,\n children,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited,\n}: GroupedTransitionProps) {\n const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n mounted,\n duration,\n exitDuration,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited,\n });\n\n if (transitionDuration === 0) {\n return mounted ? <>{children({})}</> : null;\n }\n\n if (transitionStatus === 'exited') {\n return null;\n }\n\n const transitionsStyles = Object.keys(transitions).reduce((acc, transition) => {\n acc[transition] = getTransitionStyles({\n duration: transitions[transition].duration,\n transition: transitions[transition].transition,\n timingFunction: transitions[transition].timingFunction || transitionTimingFunction,\n state: transitionStatus,\n });\n\n return acc;\n }, {});\n\n return <>{children(transitionsStyles)}</>;\n}\n\nGroupedTransition.displayName = '@mantine/core/GroupedTransition';\n"],"names":["useTransition","React","getTransitionStyles"],"mappings":";;;;;;;;;;;;AAGO,SAAS,iBAAiB,CAAC;AAClC,EAAE,WAAW;AACb,EAAE,QAAQ,GAAG,GAAG;AAChB,EAAE,YAAY,GAAG,QAAQ;AACzB,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,GAAGA,2BAAa,CAAC;AAC3F,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,kBAAkB,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,OAAO,mBAAmBC,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;AACpG,GAAG;AACH,EAAE,IAAI,gBAAgB,KAAK,QAAQ,EAAE;AACrC,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,UAAU,KAAK;AACjF,IAAI,GAAG,CAAC,UAAU,CAAC,GAAGC,uCAAmB,CAAC;AAC1C,MAAM,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,QAAQ;AAChD,MAAM,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,UAAU;AACpD,MAAM,cAAc,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,cAAc,IAAI,wBAAwB;AACxF,MAAM,KAAK,EAAE,gBAAgB;AAC7B,KAAK,CAAC,CAAC;AACP,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,uBAAuBD,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAChG,CAAC;AACD,iBAAiB,CAAC,WAAW,GAAG,iCAAiC;;;;"}
|