@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.
Files changed (81) hide show
  1. package/cjs/Box/style-system-props/system-props/system-props.js +20 -20
  2. package/cjs/Box/style-system-props/system-props/system-props.js.map +1 -1
  3. package/cjs/Box/style-system-props/value-getters/get-default-value.js +6 -2
  4. package/cjs/Box/style-system-props/value-getters/get-default-value.js.map +1 -1
  5. package/cjs/Box/style-system-props/value-getters/value-getters.js +2 -1
  6. package/cjs/Box/style-system-props/value-getters/value-getters.js.map +1 -1
  7. package/cjs/Drawer/Drawer.js.map +1 -1
  8. package/cjs/Flex/flex-props.js +4 -4
  9. package/cjs/Flex/flex-props.js.map +1 -1
  10. package/cjs/Modal/Modal.js.map +1 -1
  11. package/cjs/ModalBase/ModalBase.context.js.map +1 -1
  12. package/cjs/ModalBase/ModalBase.js +55 -5
  13. package/cjs/ModalBase/ModalBase.js.map +1 -1
  14. package/cjs/ModalBase/ModalBase.styles.js +12 -0
  15. package/cjs/ModalBase/ModalBase.styles.js.map +1 -0
  16. package/esm/Box/style-system-props/system-props/system-props.js +20 -20
  17. package/esm/Box/style-system-props/system-props/system-props.js.map +1 -1
  18. package/esm/Box/style-system-props/value-getters/get-default-value.js +5 -2
  19. package/esm/Box/style-system-props/value-getters/get-default-value.js.map +1 -1
  20. package/esm/Box/style-system-props/value-getters/value-getters.js +3 -2
  21. package/esm/Box/style-system-props/value-getters/value-getters.js.map +1 -1
  22. package/esm/Drawer/Drawer.js.map +1 -1
  23. package/esm/Flex/flex-props.js +4 -4
  24. package/esm/Flex/flex-props.js.map +1 -1
  25. package/esm/Modal/Modal.js.map +1 -1
  26. package/esm/ModalBase/ModalBase.context.js.map +1 -1
  27. package/esm/ModalBase/ModalBase.js +55 -5
  28. package/esm/ModalBase/ModalBase.js.map +1 -1
  29. package/esm/ModalBase/ModalBase.styles.js +8 -0
  30. package/esm/ModalBase/ModalBase.styles.js.map +1 -0
  31. package/lib/AppShell/HorizontalSection/HorizontalSection.d.ts +1 -1
  32. package/lib/Box/style-system-props/value-getters/get-default-value.d.ts +2 -1
  33. package/lib/Box/style-system-props/value-getters/get-default-value.d.ts.map +1 -1
  34. package/lib/Box/style-system-props/value-getters/value-getters.d.ts +3 -2
  35. package/lib/Box/style-system-props/value-getters/value-getters.d.ts.map +1 -1
  36. package/lib/Drawer/Drawer.d.ts +1 -1
  37. package/lib/Drawer/Drawer.d.ts.map +1 -1
  38. package/lib/Highlight/Highlight.d.ts +1 -1
  39. package/lib/Modal/Modal.d.ts +1 -1
  40. package/lib/Modal/Modal.d.ts.map +1 -1
  41. package/lib/ModalBase/ModalBase.context.d.ts +1 -0
  42. package/lib/ModalBase/ModalBase.context.d.ts.map +1 -1
  43. package/lib/ModalBase/ModalBase.d.ts +5 -3
  44. package/lib/ModalBase/ModalBase.d.ts.map +1 -1
  45. package/lib/ModalBase/ModalBase.styles.d.ts +9 -0
  46. package/lib/ModalBase/ModalBase.styles.d.ts.map +1 -0
  47. package/lib/ScrollArea/ScrollArea.d.ts +1 -1
  48. package/lib/Select/SelectScrollArea/SelectScrollArea.d.ts +1 -1
  49. package/package.json +4 -4
  50. package/cjs/TagInput/DefaultValue/DefaultValue.js +0 -88
  51. package/cjs/TagInput/DefaultValue/DefaultValue.js.map +0 -1
  52. package/cjs/TagInput/DefaultValue/DefaultValue.styles.js +0 -50
  53. package/cjs/TagInput/DefaultValue/DefaultValue.styles.js.map +0 -1
  54. package/cjs/TagInput/TagInput.js +0 -335
  55. package/cjs/TagInput/TagInput.js.map +0 -1
  56. package/cjs/TagInput/TagInput.styles.js +0 -65
  57. package/cjs/TagInput/TagInput.styles.js.map +0 -1
  58. package/cjs/Transition/GroupedTransition.js +0 -55
  59. package/cjs/Transition/GroupedTransition.js.map +0 -1
  60. package/esm/TagInput/DefaultValue/DefaultValue.js +0 -80
  61. package/esm/TagInput/DefaultValue/DefaultValue.js.map +0 -1
  62. package/esm/TagInput/DefaultValue/DefaultValue.styles.js +0 -46
  63. package/esm/TagInput/DefaultValue/DefaultValue.styles.js.map +0 -1
  64. package/esm/TagInput/TagInput.js +0 -327
  65. package/esm/TagInput/TagInput.js.map +0 -1
  66. package/esm/TagInput/TagInput.styles.js +0 -61
  67. package/esm/TagInput/TagInput.styles.js.map +0 -1
  68. package/esm/Transition/GroupedTransition.js +0 -47
  69. package/esm/Transition/GroupedTransition.js.map +0 -1
  70. package/lib/TagInput/DefaultValue/DefaultValue.d.ts +0 -16
  71. package/lib/TagInput/DefaultValue/DefaultValue.d.ts.map +0 -1
  72. package/lib/TagInput/DefaultValue/DefaultValue.styles.d.ts +0 -17
  73. package/lib/TagInput/DefaultValue/DefaultValue.styles.d.ts.map +0 -1
  74. package/lib/TagInput/TagInput.d.ts +0 -44
  75. package/lib/TagInput/TagInput.d.ts.map +0 -1
  76. package/lib/TagInput/TagInput.styles.d.ts +0 -28
  77. package/lib/TagInput/TagInput.styles.d.ts.map +0 -1
  78. package/lib/TagInput/index.d.ts +0 -3
  79. package/lib/TagInput/index.d.ts.map +0 -1
  80. package/lib/Transition/GroupedTransition.d.ts +0 -35
  81. 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;;;;"}
@@ -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;;;;"}