@neo4j-ndl/react 3.0.31 → 3.0.32
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/lib/cjs/banner/Banner.js +11 -4
- package/lib/cjs/banner/Banner.js.map +1 -1
- package/lib/cjs/button/Button.js +14 -2
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/esm/banner/Banner.js +11 -4
- package/lib/esm/banner/Banner.js.map +1 -1
- package/lib/esm/button/Button.js +14 -2
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/types/banner/Banner.d.ts +8 -4
- package/package.json +2 -2
package/lib/cjs/banner/Banner.js
CHANGED
|
@@ -61,6 +61,7 @@ const defaultImports_1 = require("../_common/defaultImports");
|
|
|
61
61
|
const utils_1 = require("../_common/utils");
|
|
62
62
|
const icons_1 = require("../icons");
|
|
63
63
|
const typography_1 = require("../typography");
|
|
64
|
+
const button_1 = require("../button");
|
|
64
65
|
/**
|
|
65
66
|
*
|
|
66
67
|
*
|
|
@@ -89,9 +90,14 @@ const StatusIcon = ({ type }) => {
|
|
|
89
90
|
return ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
|
|
90
91
|
};
|
|
91
92
|
const BannerActions = react_1.default.forwardRef(function BannerActions(_a, ref) {
|
|
92
|
-
var { label, as, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["label", "as", "htmlAttributes", "style", "className"]);
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
var { label, disabled, fill, as, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["label", "disabled", "fill", "as", "htmlAttributes", "style", "className"]);
|
|
94
|
+
// If statement used because typescript doesn't like the combination of the as and fill properties
|
|
95
|
+
if (fill === 'text') {
|
|
96
|
+
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, restProps, { fill: "text", isDisabled: disabled, size: "small", as: as || 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
|
|
97
|
+
}
|
|
98
|
+
else {
|
|
99
|
+
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, restProps, { fill: "outlined", isDisabled: disabled, size: "small", as: as || 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
|
|
100
|
+
}
|
|
95
101
|
});
|
|
96
102
|
const Banner = react_1.default.forwardRef(function Banner({ as, type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className = '', children = null, isCloseable = false, usage = 'inline', htmlAttributes, }, ref) {
|
|
97
103
|
const Element = as || 'div';
|
|
@@ -105,6 +111,7 @@ const Banner = react_1.default.forwardRef(function Banner({ as, type = 'info', h
|
|
|
105
111
|
}
|
|
106
112
|
const classes = (0, defaultImports_1.classNames)('ndl-banner', {
|
|
107
113
|
'ndl-with-description': description,
|
|
114
|
+
'ndl-with-title': title,
|
|
108
115
|
'ndl-neutral': type === 'neutral',
|
|
109
116
|
'ndl-info': type === 'info',
|
|
110
117
|
'ndl-success': type === 'success',
|
|
@@ -120,7 +127,7 @@ const Banner = react_1.default.forwardRef(function Banner({ as, type = 'info', h
|
|
|
120
127
|
onClose(e);
|
|
121
128
|
}
|
|
122
129
|
};
|
|
123
|
-
return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ className: classes, role: isCloseable ? 'alertdialog' : 'alert', title: name, ref: ref }, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { type: type }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-content", children: [title && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-actions", children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && ((0, jsx_runtime_1.jsx)(
|
|
130
|
+
return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ className: classes, role: isCloseable ? 'alertdialog' : 'alert', title: name, ref: ref }, htmlAttributes, { children: [hasIcon && (0, jsx_runtime_1.jsx)(StatusIcon, { type: type }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-content", children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-title-description", children: [title && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-description", children: children || description }))] }), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-actions", children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && ((0, jsx_runtime_1.jsx)(button_1.IconButton, { isClean: true, size: "small", onKeyDown: handleClose, onClick: handleClose, ariaLabel: "close banner", className: "ndl-banner-icon ndl-close-icon", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
|
|
124
131
|
});
|
|
125
132
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
126
133
|
const BannerNamespace = Object.assign(Banner, { Actions: BannerActions });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAAyC;AAEzC,8DAAuD;AACvD,4CAAwD;AAExD,oCAMkB;AAClB,8CAA2C;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/button/Button.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -29,7 +40,8 @@ const react_1 = __importDefault(require("react"));
|
|
|
29
40
|
const defaultImports_1 = require("../_common/defaultImports");
|
|
30
41
|
const utils_1 = require("../_common/utils");
|
|
31
42
|
const loading_spinner_1 = require("../loading-spinner");
|
|
32
|
-
exports.Button = react_1.default.forwardRef(function Button(
|
|
43
|
+
exports.Button = react_1.default.forwardRef(function Button(_a, ref) {
|
|
44
|
+
var { children, as, type = 'button', isLoading = false, color = 'primary', isDisabled = false, fill = 'filled', size = 'medium', onClick, isFloating = false, className, style, htmlAttributes } = _a, restProps = __rest(_a, ["children", "as", "type", "isLoading", "color", "isDisabled", "fill", "size", "onClick", "isFloating", "className", "style", "htmlAttributes"]);
|
|
33
45
|
const Component = as || 'button';
|
|
34
46
|
const isInteractable = !isDisabled && !isLoading;
|
|
35
47
|
const classes = (0, defaultImports_1.classNames)('ndl-btn', {
|
|
@@ -103,6 +115,6 @@ exports.Button = react_1.default.forwardRef(function Button({ children, as, type
|
|
|
103
115
|
};
|
|
104
116
|
return ((0, jsx_runtime_1.jsxs)(Component
|
|
105
117
|
/** Add button type prop only for button components */
|
|
106
|
-
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), style: style, ref: ref, tabIndex: !isInteractable ? -1 : 0 }, htmlAttributes, { children: [isLoading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
118
|
+
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), style: style, ref: ref, tabIndex: !isInteractable ? -1 : 0 }, restProps, htmlAttributes, { children: [isLoading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
107
119
|
});
|
|
108
120
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/banner/Banner.js
CHANGED
|
@@ -35,6 +35,7 @@ import { classNames } from '../_common/defaultImports';
|
|
|
35
35
|
import { needleWarningMessage } from '../_common/utils';
|
|
36
36
|
import { CheckCircleIconSolid, ExclamationCircleIconSolid, ExclamationTriangleIconSolid, InformationCircleIconSolid, XMarkIconOutline, } from '../icons';
|
|
37
37
|
import { Typography } from '../typography';
|
|
38
|
+
import { Button, IconButton } from '../button';
|
|
38
39
|
/**
|
|
39
40
|
*
|
|
40
41
|
*
|
|
@@ -63,9 +64,14 @@ const StatusIcon = ({ type }) => {
|
|
|
63
64
|
return (_jsx("div", { className: "ndl-banner-icon ndl-banner-status-icon", children: iconComponent }));
|
|
64
65
|
};
|
|
65
66
|
const BannerActions = React.forwardRef(function BannerActions(_a, ref) {
|
|
66
|
-
var { label, as, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["label", "as", "htmlAttributes", "style", "className"]);
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
var { label, disabled, fill, as, htmlAttributes, style, className } = _a, restProps = __rest(_a, ["label", "disabled", "fill", "as", "htmlAttributes", "style", "className"]);
|
|
68
|
+
// If statement used because typescript doesn't like the combination of the as and fill properties
|
|
69
|
+
if (fill === 'text') {
|
|
70
|
+
return (_jsx(Button, Object.assign({}, restProps, { fill: "text", isDisabled: disabled, size: "small", as: as || 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
return (_jsx(Button, Object.assign({}, restProps, { fill: "outlined", isDisabled: disabled, size: "small", as: as || 'a', ref: ref, style: style, className: className, htmlAttributes: htmlAttributes, children: label })));
|
|
74
|
+
}
|
|
69
75
|
});
|
|
70
76
|
const Banner = React.forwardRef(function Banner({ as, type = 'info', hasIcon = false, title, name, actions = [], description = null, onClose, className = '', children = null, isCloseable = false, usage = 'inline', htmlAttributes, }, ref) {
|
|
71
77
|
const Element = as || 'div';
|
|
@@ -79,6 +85,7 @@ const Banner = React.forwardRef(function Banner({ as, type = 'info', hasIcon = f
|
|
|
79
85
|
}
|
|
80
86
|
const classes = classNames('ndl-banner', {
|
|
81
87
|
'ndl-with-description': description,
|
|
88
|
+
'ndl-with-title': title,
|
|
82
89
|
'ndl-neutral': type === 'neutral',
|
|
83
90
|
'ndl-info': type === 'info',
|
|
84
91
|
'ndl-success': type === 'success',
|
|
@@ -94,7 +101,7 @@ const Banner = React.forwardRef(function Banner({ as, type = 'info', hasIcon = f
|
|
|
94
101
|
onClose(e);
|
|
95
102
|
}
|
|
96
103
|
};
|
|
97
|
-
return (_jsxs(Element, Object.assign({ className: classes, role: isCloseable ? 'alertdialog' : 'alert', title: name, ref: ref }, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { type: type }), _jsxs("div", { className: "ndl-banner-content", children: [title && (_jsx(Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && (_jsx("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && (_jsx(
|
|
104
|
+
return (_jsxs(Element, Object.assign({ className: classes, role: isCloseable ? 'alertdialog' : 'alert', title: name, ref: ref }, htmlAttributes, { children: [hasIcon && _jsx(StatusIcon, { type: type }), _jsxs("div", { className: "ndl-banner-content", children: [_jsxs("div", { className: "ndl-banner-title-description", children: [title && (_jsx(Typography, { variant: "h6", as: "span", className: "ndl-banner-title", children: title })), (description || children) && (_jsx("div", { className: "ndl-banner-description", children: children || description }))] }), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), isCloseable && (_jsx(IconButton, { isClean: true, size: "small", onKeyDown: handleClose, onClick: handleClose, ariaLabel: "close banner", className: "ndl-banner-icon ndl-close-icon", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
98
105
|
});
|
|
99
106
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
100
107
|
const BannerNamespace = Object.assign(Banner, { Actions: BannerActions });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/button/Button.js
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
13
|
/**
|
|
3
14
|
*
|
|
@@ -23,7 +34,8 @@ import React from 'react';
|
|
|
23
34
|
import { classNames } from '../_common/defaultImports';
|
|
24
35
|
import { removeNewlines, removeSpaces } from '../_common/utils';
|
|
25
36
|
import { LoadingSpinner } from '../loading-spinner';
|
|
26
|
-
export const Button = React.forwardRef(function Button(
|
|
37
|
+
export const Button = React.forwardRef(function Button(_a, ref) {
|
|
38
|
+
var { children, as, type = 'button', isLoading = false, color = 'primary', isDisabled = false, fill = 'filled', size = 'medium', onClick, isFloating = false, className, style, htmlAttributes } = _a, restProps = __rest(_a, ["children", "as", "type", "isLoading", "color", "isDisabled", "fill", "size", "onClick", "isFloating", "className", "style", "htmlAttributes"]);
|
|
27
39
|
const Component = as || 'button';
|
|
28
40
|
const isInteractable = !isDisabled && !isLoading;
|
|
29
41
|
const classes = classNames('ndl-btn', {
|
|
@@ -97,6 +109,6 @@ export const Button = React.forwardRef(function Button({ children, as, type = 'b
|
|
|
97
109
|
};
|
|
98
110
|
return (_jsxs(Component
|
|
99
111
|
/** Add button type prop only for button components */
|
|
100
|
-
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), style: style, ref: ref, tabIndex: !isInteractable ? -1 : 0 }, htmlAttributes, { children: [isLoading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
112
|
+
, Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), style: style, ref: ref, tabIndex: !isInteractable ? -1 : 0 }, restProps, htmlAttributes, { children: [isLoading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
|
|
101
113
|
});
|
|
102
114
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -27,10 +27,11 @@ import { type PolymorphicPropsWithRef, type PolymorphicForwardRefExoticComponent
|
|
|
27
27
|
*
|
|
28
28
|
*
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
type BannerActionsProps = {
|
|
31
31
|
/** Label of the action item */
|
|
32
32
|
label: string;
|
|
33
|
-
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
fill?: 'outlined' | 'text';
|
|
34
35
|
} & ({
|
|
35
36
|
as: 'button';
|
|
36
37
|
/** Event handler when the action button is clicked. If set, the element is rendered as `button` */
|
|
@@ -72,7 +73,10 @@ type BannerGlobalProps = {
|
|
|
72
73
|
type?: BannerType;
|
|
73
74
|
};
|
|
74
75
|
type BannerFullWidthProps = {
|
|
75
|
-
/**
|
|
76
|
+
/**
|
|
77
|
+
* How the banner is used
|
|
78
|
+
* (deprecated, will be removed in v4)
|
|
79
|
+
*/
|
|
76
80
|
usage: 'full-width';
|
|
77
81
|
/** Type of the banner */
|
|
78
82
|
type?: Exclude<BannerType, 'success'>;
|
|
@@ -96,7 +100,7 @@ declare const BannerNamespace: Omit<React.ForwardRefExoticComponent<BannerProps
|
|
|
96
100
|
[key: string]: unknown;
|
|
97
101
|
}>, "$$typeof"> & Omit<React.ExoticComponent<BannerProps & {
|
|
98
102
|
[key: string]: unknown;
|
|
99
|
-
}>, never> & (<InstanceT extends React.ElementType = "div">(props: PolymorphicPropsWithRef<InstanceT, BannerProps>) => React.ReactElement | null) & {
|
|
103
|
+
}>, never> & (<InstanceT extends React.ElementType = "div">(props: PolymorphicPropsWithRef<InstanceT, BannerProps>) => React.ReactElement /** Description of the banner. Will be ignored if `children` is passed */ | null) & {
|
|
100
104
|
Actions: PolymorphicForwardRefExoticComponent<"a", BannerActionsProps>;
|
|
101
105
|
};
|
|
102
106
|
export { BannerNamespace as Banner };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.32",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"@tanstack/react-table": "8.20.5",
|
|
65
65
|
"react": ">=16.8.0",
|
|
66
66
|
"react-dom": ">=16.8.0",
|
|
67
|
-
"@neo4j-ndl/base": "^3.0.
|
|
67
|
+
"@neo4j-ndl/base": "^3.0.17"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
70
|
"@dnd-kit/core": "6.1.0",
|