@neo4j-ndl/react 2.0.0-alpha-2599d3c → 2.0.0-alpha-f4e6aa3
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/_common/CodeBlockWrapper.js +5 -8
- package/lib/cjs/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/cjs/_common/defaultImports.js +30 -0
- package/lib/cjs/_common/defaultImports.js.map +1 -0
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js +4 -7
- package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/cjs/accordion/Accordion.js +9 -12
- package/lib/cjs/accordion/Accordion.js.map +1 -1
- package/lib/cjs/banner/Banner.js +2 -5
- package/lib/cjs/banner/Banner.js.map +1 -1
- package/lib/cjs/button/Button.js +3 -4
- package/lib/cjs/button/Button.js.map +1 -1
- package/lib/cjs/button/IconButton.js +2 -2
- package/lib/cjs/button/IconButton.js.map +1 -1
- package/lib/cjs/button/IconButtonArray.js +2 -2
- package/lib/cjs/button/IconButtonArray.js.map +1 -1
- package/lib/cjs/context-menu/ContextMenu.js +6 -9
- package/lib/cjs/context-menu/ContextMenu.js.map +1 -1
- package/lib/cjs/data-grid/Components.js +18 -21
- package/lib/cjs/data-grid/Components.js.map +1 -1
- package/lib/cjs/data-grid/DataGrid.js +2 -5
- package/lib/cjs/data-grid/DataGrid.js.map +1 -1
- package/lib/cjs/date-picker/DatePicker.js +4 -4
- package/lib/cjs/date-picker/DatePicker.js.map +1 -1
- package/lib/cjs/dialog/Dialog.js +8 -11
- package/lib/cjs/dialog/Dialog.js.map +1 -1
- package/lib/cjs/drawer/Drawer.js +8 -12
- package/lib/cjs/drawer/Drawer.js.map +1 -1
- package/lib/cjs/dropdown/Dropdown.js +30 -30
- package/lib/cjs/dropdown/Dropdown.js.map +1 -1
- package/lib/cjs/dropdown/Overrides.js +13 -7
- package/lib/cjs/dropdown/Overrides.js.map +1 -1
- package/lib/cjs/dropzone/Dropzone.js +2 -2
- package/lib/cjs/dropzone/Dropzone.js.map +1 -1
- package/lib/cjs/dropzone/icons/Cloud.js +1 -1
- package/lib/cjs/dropzone/icons/Cloud.js.map +1 -1
- package/lib/cjs/graph-label/GraphLabel.js +4 -7
- package/lib/cjs/graph-label/GraphLabel.js.map +1 -1
- package/lib/cjs/label/Label.js +5 -5
- package/lib/cjs/label/Label.js.map +1 -1
- package/lib/cjs/loading-spinner/LoadingSpinner.js +2 -2
- package/lib/cjs/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/cjs/modal/Modal.js +3 -3
- package/lib/cjs/modal/Modal.js.map +1 -1
- package/lib/cjs/popover/Popover.js +5 -5
- package/lib/cjs/popover/Popover.js.map +1 -1
- package/lib/cjs/progress-bar/ProgressBar.js +2 -2
- package/lib/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/lib/cjs/segmented-control/SegmentedControl.js +4 -7
- package/lib/cjs/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/cjs/side-navigation/SideNavigation.js +6 -9
- package/lib/cjs/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/status-indicator/StatusIndicator.js +7 -7
- package/lib/cjs/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/cjs/table/Components.js +18 -21
- package/lib/cjs/table/Components.js.map +1 -1
- package/lib/cjs/table/Table.js +3 -6
- package/lib/cjs/table/Table.js.map +1 -1
- package/lib/cjs/tabs/Tabs.js +4 -7
- package/lib/cjs/tabs/Tabs.js.map +1 -1
- package/lib/cjs/tag/Tag.js +2 -5
- package/lib/cjs/tag/Tag.js.map +1 -1
- package/lib/cjs/text-input/TextInput.js +5 -8
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/cjs/text-link/TextLink.js +2 -2
- package/lib/cjs/text-link/TextLink.js.map +1 -1
- package/lib/cjs/textarea/Textarea.js +5 -8
- package/lib/cjs/textarea/Textarea.js.map +1 -1
- package/lib/cjs/theme/ThemeProvider.js +4 -7
- package/lib/cjs/theme/ThemeProvider.js.map +1 -1
- package/lib/cjs/tip/Tip.js +5 -5
- package/lib/cjs/tip/Tip.js.map +1 -1
- package/lib/cjs/tip/Tooltip.js +6 -4
- package/lib/cjs/tip/Tooltip.js.map +1 -1
- package/lib/cjs/typography/Typography.js +2 -5
- package/lib/cjs/typography/Typography.js.map +1 -1
- package/lib/cjs/widget/Widget.js +2 -2
- package/lib/cjs/widget/Widget.js.map +1 -1
- package/lib/cjs/wizard/Wizard.js +8 -11
- package/lib/cjs/wizard/Wizard.js.map +1 -1
- package/lib/esm/_common/CodeBlockWrapper.js +1 -1
- package/lib/esm/_common/CodeBlockWrapper.js.map +1 -1
- package/lib/esm/_common/defaultImports.js +24 -0
- package/lib/esm/_common/defaultImports.js.map +1 -0
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js +4 -4
- package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map +1 -1
- package/lib/esm/accordion/Accordion.js +1 -1
- package/lib/esm/accordion/Accordion.js.map +1 -1
- package/lib/esm/banner/Banner.js +2 -2
- package/lib/esm/banner/Banner.js.map +1 -1
- package/lib/esm/button/Button.js +3 -4
- package/lib/esm/button/Button.js.map +1 -1
- package/lib/esm/button/IconButton.js +2 -2
- package/lib/esm/button/IconButton.js.map +1 -1
- package/lib/esm/button/IconButtonArray.js +2 -2
- package/lib/esm/button/IconButtonArray.js.map +1 -1
- package/lib/esm/context-menu/ContextMenu.js +6 -6
- package/lib/esm/context-menu/ContextMenu.js.map +1 -1
- package/lib/esm/data-grid/Components.js +1 -1
- package/lib/esm/data-grid/Components.js.map +1 -1
- package/lib/esm/data-grid/DataGrid.js +1 -1
- package/lib/esm/data-grid/DataGrid.js.map +1 -1
- package/lib/esm/date-picker/DatePicker.js +5 -5
- package/lib/esm/date-picker/DatePicker.js.map +1 -1
- package/lib/esm/dialog/Dialog.js +8 -8
- package/lib/esm/dialog/Dialog.js.map +1 -1
- package/lib/esm/drawer/Drawer.js +4 -5
- package/lib/esm/drawer/Drawer.js.map +1 -1
- package/lib/esm/dropdown/Dropdown.js +32 -32
- package/lib/esm/dropdown/Dropdown.js.map +1 -1
- package/lib/esm/dropdown/Overrides.js +10 -2
- package/lib/esm/dropdown/Overrides.js.map +1 -1
- package/lib/esm/dropzone/Dropzone.js +2 -2
- package/lib/esm/dropzone/Dropzone.js.map +1 -1
- package/lib/esm/dropzone/icons/Cloud.js +1 -1
- package/lib/esm/dropzone/icons/Cloud.js.map +1 -1
- package/lib/esm/graph-label/GraphLabel.js +4 -4
- package/lib/esm/graph-label/GraphLabel.js.map +1 -1
- package/lib/esm/label/Label.js +5 -5
- package/lib/esm/label/Label.js.map +1 -1
- package/lib/esm/loading-spinner/LoadingSpinner.js +2 -2
- package/lib/esm/loading-spinner/LoadingSpinner.js.map +1 -1
- package/lib/esm/modal/Modal.js +3 -3
- package/lib/esm/modal/Modal.js.map +1 -1
- package/lib/esm/popover/Popover.js +5 -5
- package/lib/esm/popover/Popover.js.map +1 -1
- package/lib/esm/progress-bar/ProgressBar.js +2 -2
- package/lib/esm/progress-bar/ProgressBar.js.map +1 -1
- package/lib/esm/segmented-control/SegmentedControl.js +4 -4
- package/lib/esm/segmented-control/SegmentedControl.js.map +1 -1
- package/lib/esm/side-navigation/SideNavigation.js +1 -1
- package/lib/esm/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/status-indicator/StatusIndicator.js +6 -6
- package/lib/esm/status-indicator/StatusIndicator.js.map +1 -1
- package/lib/esm/table/Components.js +1 -1
- package/lib/esm/table/Components.js.map +1 -1
- package/lib/esm/table/Table.js +1 -1
- package/lib/esm/table/Table.js.map +1 -1
- package/lib/esm/tabs/Tabs.js +4 -4
- package/lib/esm/tabs/Tabs.js.map +1 -1
- package/lib/esm/tag/Tag.js +2 -2
- package/lib/esm/tag/Tag.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +5 -5
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/esm/text-link/TextLink.js +1 -1
- package/lib/esm/text-link/TextLink.js.map +1 -1
- package/lib/esm/textarea/Textarea.js +5 -5
- package/lib/esm/textarea/Textarea.js.map +1 -1
- package/lib/esm/theme/ThemeProvider.js +1 -1
- package/lib/esm/theme/ThemeProvider.js.map +1 -1
- package/lib/esm/tip/Tip.js +3 -3
- package/lib/esm/tip/Tip.js.map +1 -1
- package/lib/esm/tip/Tooltip.js +6 -4
- package/lib/esm/tip/Tooltip.js.map +1 -1
- package/lib/esm/typography/Typography.js +1 -1
- package/lib/esm/typography/Typography.js.map +1 -1
- package/lib/esm/widget/Widget.js +2 -2
- package/lib/esm/widget/Widget.js.map +1 -1
- package/lib/esm/wizard/Wizard.js +8 -8
- package/lib/esm/wizard/Wizard.js.map +1 -1
- package/lib/types/_common/defaultImports.d.ts +22 -0
- package/lib/types/button/Button.d.ts +1 -1
- package/lib/types/drawer/Drawer.d.ts +1 -5
- package/lib/types/dropdown/Overrides.d.ts +2 -1
- package/lib/types/dropdown/types.d.ts +1 -1
- package/package.json +2 -2
package/lib/esm/dialog/Dialog.js
CHANGED
|
@@ -31,7 +31,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
33
|
import React, { useContext } from 'react';
|
|
34
|
-
import
|
|
34
|
+
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
import { CheckCircleIconOutline, ExclamationCircleIconOutline, ExclamationTriangleIconOutline, InformationCircleIconOutline, XMarkIconOutline, } from '../icons';
|
|
36
36
|
import { IconButton } from '../button';
|
|
37
37
|
import { Modal } from '../modal';
|
|
@@ -76,11 +76,11 @@ export const Dialog = (_a) => {
|
|
|
76
76
|
if (!open) {
|
|
77
77
|
return null;
|
|
78
78
|
}
|
|
79
|
-
const classes =
|
|
79
|
+
const classes = classNames('ndl-dialog', (_b = restProps.modalProps) === null || _b === void 0 ? void 0 : _b.className, {
|
|
80
80
|
'ndl-with-icon': !!type,
|
|
81
81
|
'ndl-with-close-button': !disableCloseButton,
|
|
82
82
|
});
|
|
83
|
-
const contentWrapperClasses =
|
|
83
|
+
const contentWrapperClasses = classNames('n-flex n-flex-nowrap', {
|
|
84
84
|
'n-mt-10': !!type,
|
|
85
85
|
});
|
|
86
86
|
return (_jsx(Modal, Object.assign({}, restProps, { open: open, onClose: handleClose, modalProps: Object.assign(Object.assign({}, ((restProps === null || restProps === void 0 ? void 0 : restProps.modalProps) || {})), { className: classes, role: 'dialog' }), size: size, children: _jsxs(DialogContext.Provider, { value: { type }, children: [!disableCloseButton && (_jsx(IconButton, { clean: true, size: "large", className: "ndl-dialog-close", onClick: handleCloseClick, role: "button", "data-testid": "ndl-dialog-close", "aria-label": "close", children: _jsx(XMarkIconOutline, {}) })), _jsxs("div", { className: contentWrapperClasses, children: [type && (_jsx("div", { className: `ndl-dialog-type-icon ndl-${type}`, "data-testid": "ndl-dialog-type-icon", children: typeIcons[type] })), _jsx("div", { className: "n-flex n-flex-col n-flex-1 n-w-full", children: children })] })] }) })));
|
|
@@ -88,7 +88,7 @@ export const Dialog = (_a) => {
|
|
|
88
88
|
const Actions = (_a) => {
|
|
89
89
|
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
90
90
|
const { type } = useDialogContext();
|
|
91
|
-
const classes =
|
|
91
|
+
const classes = classNames('ndl-dialog-actions', className);
|
|
92
92
|
let childrenToRender = children;
|
|
93
93
|
// For danger dialogs, we want to convert primary buttons to danger buttons by default
|
|
94
94
|
if (type === 'danger') {
|
|
@@ -107,25 +107,25 @@ const Actions = (_a) => {
|
|
|
107
107
|
Dialog.Actions = Actions;
|
|
108
108
|
const Header = (_a) => {
|
|
109
109
|
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
110
|
-
const classes =
|
|
110
|
+
const classes = classNames('ndl-dialog-header', className);
|
|
111
111
|
return (_jsx("h4", Object.assign({}, rest, { className: classes, children: children })));
|
|
112
112
|
};
|
|
113
113
|
Dialog.Header = Header;
|
|
114
114
|
const Subtitle = (_a) => {
|
|
115
115
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
116
|
-
const classes =
|
|
116
|
+
const classes = classNames('ndl-dialog-subtitle n-body-large', className);
|
|
117
117
|
return (_jsx("div", Object.assign({}, rest, { className: classes, children: children })));
|
|
118
118
|
};
|
|
119
119
|
Dialog.Subtitle = Subtitle;
|
|
120
120
|
const Description = (_a) => {
|
|
121
121
|
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
122
|
-
const classes =
|
|
122
|
+
const classes = classNames('ndl-dialog-description n-body-medium', className);
|
|
123
123
|
return (_jsx("div", Object.assign({}, rest, { className: classes, children: children })));
|
|
124
124
|
};
|
|
125
125
|
Dialog.Description = Description;
|
|
126
126
|
const Content = (_a) => {
|
|
127
127
|
var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
|
|
128
|
-
const classes =
|
|
128
|
+
const classes = classNames('ndl-dialog-content', className);
|
|
129
129
|
return (_jsx("div", Object.assign({}, rest, { className: classes, children: children })));
|
|
130
130
|
};
|
|
131
131
|
Dialog.Content = Content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/drawer/Drawer.js
CHANGED
|
@@ -30,14 +30,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import classNames from '
|
|
33
|
+
import { classNames } from '../_common/defaultImports';
|
|
34
34
|
import { useCallback } from 'react';
|
|
35
35
|
import { Resizable } from 're-resizable';
|
|
36
36
|
import { IconButton } from '../button';
|
|
37
37
|
import { XMarkIconOutline } from '../icons';
|
|
38
38
|
export const Drawer = (_a) => {
|
|
39
|
-
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps,
|
|
40
|
-
closeable = true, style } = _a, restProps = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth", "closeable", "style"]);
|
|
39
|
+
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, closeable = true } = _a, restProps = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "closeable"]);
|
|
41
40
|
const setOnExpandedChange = useCallback(() => {
|
|
42
41
|
if (onExpandedChange)
|
|
43
42
|
onExpandedChange(!expanded);
|
|
@@ -55,7 +54,7 @@ export const Drawer = (_a) => {
|
|
|
55
54
|
return (_jsxs(Resizable, Object.assign({ defaultSize: {
|
|
56
55
|
width: 'auto',
|
|
57
56
|
height: '100%',
|
|
58
|
-
}
|
|
57
|
+
} }, resizeableProps, { className: classes, style: Object.assign({ position: stylePosition }, resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", enable: {
|
|
59
58
|
top: false,
|
|
60
59
|
right: position === 'left',
|
|
61
60
|
bottom: false,
|
|
@@ -66,7 +65,7 @@ export const Drawer = (_a) => {
|
|
|
66
65
|
topLeft: false,
|
|
67
66
|
}, children: [children, _jsx(Close, {})] })));
|
|
68
67
|
}
|
|
69
|
-
return (_jsxs("div", Object.assign({}, restProps, {
|
|
68
|
+
return (_jsxs("div", Object.assign({}, restProps, { className: classes, children: [children, _jsx(Close, {})] })));
|
|
70
69
|
};
|
|
71
70
|
const Header = (_a) => {
|
|
72
71
|
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,14 +30,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import {
|
|
34
|
-
import
|
|
33
|
+
import { useMemo } from 'react';
|
|
34
|
+
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
/** Different types of select components */
|
|
36
36
|
import Creatable from 'react-select/creatable';
|
|
37
37
|
import AsyncSelect from 'react-select/async';
|
|
38
38
|
import { forwardRef } from '../helpers';
|
|
39
39
|
import { needleWarningMessage } from '../_common/utils';
|
|
40
|
-
import { CustomClearIndication, CustomMultiValueRemove, CustomPlaceholder, DropdownIndicatorCurrying, } from './Overrides';
|
|
40
|
+
import { CustomClearIndication, CustomMultiValueRemove, CustomOption, CustomPlaceholder, DropdownIndicatorCurrying, } from './Overrides';
|
|
41
41
|
import Select from 'react-select';
|
|
42
42
|
/**
|
|
43
43
|
*
|
|
@@ -52,6 +52,7 @@ const overrideComponents = (props) => ({
|
|
|
52
52
|
ClearIndicator: CustomClearIndication(props),
|
|
53
53
|
MultiValueRemove: CustomMultiValueRemove(props),
|
|
54
54
|
Placeholder: CustomPlaceholder(props),
|
|
55
|
+
Option: CustomOption(props),
|
|
55
56
|
});
|
|
56
57
|
const customStyles = ({ errorText, size, }) => {
|
|
57
58
|
const focusedBorderColor = errorText
|
|
@@ -62,31 +63,31 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
62
63
|
: 'rgb(var(--theme-palette-neutral-border-strong))';
|
|
63
64
|
const OUTER_BORDER_WIDTH = (state) => (state.isFocused || errorText ? 2 : 1);
|
|
64
65
|
const BORDER_WIDTH = 1;
|
|
65
|
-
const
|
|
66
|
-
const
|
|
66
|
+
const SMALL_TARGET_HEIGHT = 24;
|
|
67
|
+
const MEDIUM_TARGET_HEIGHT = 36;
|
|
67
68
|
const LARGE_TARGET_HEIGHT = 48;
|
|
68
69
|
const getTargetHeight = (size) => {
|
|
69
70
|
let targetHeight = SMALL_TARGET_HEIGHT;
|
|
70
|
-
if (size === '
|
|
71
|
-
targetHeight = EXTRA_SMALL_TARGET_HEIGHT;
|
|
72
|
-
}
|
|
73
|
-
else if (size === 'small') {
|
|
71
|
+
if (size === 'small') {
|
|
74
72
|
targetHeight = SMALL_TARGET_HEIGHT;
|
|
75
73
|
}
|
|
74
|
+
else if (size === 'medium') {
|
|
75
|
+
targetHeight = MEDIUM_TARGET_HEIGHT;
|
|
76
|
+
}
|
|
76
77
|
else if (size === 'large') {
|
|
77
78
|
targetHeight = LARGE_TARGET_HEIGHT;
|
|
78
79
|
}
|
|
79
80
|
return targetHeight;
|
|
80
81
|
};
|
|
81
82
|
const getFontSize = (size) => {
|
|
82
|
-
if (size === '
|
|
83
|
+
if (size === 'small' || size === 'medium')
|
|
83
84
|
return '14px';
|
|
84
85
|
if (size === 'large')
|
|
85
86
|
return '16px';
|
|
86
87
|
return '16px';
|
|
87
88
|
};
|
|
88
89
|
const getLineHeight = (size) => {
|
|
89
|
-
if (size === '
|
|
90
|
+
if (size === 'small' || size === 'medium')
|
|
90
91
|
return '20px';
|
|
91
92
|
if (size === 'large')
|
|
92
93
|
return '24px';
|
|
@@ -104,10 +105,15 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
104
105
|
singleValue: (provided, state) => (Object.assign(Object.assign({}, provided), { color: state.isDisabled
|
|
105
106
|
? 'rgb(var(--theme-palette-neutral-text-weakest))'
|
|
106
107
|
: 'rgb(var(--theme-palette-neutral-text-default))' })),
|
|
107
|
-
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', maxWidth: '95%' })),
|
|
108
|
+
multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', maxWidth: '95%', backgroundColor: 'rgb(var(--theme-palette-neutral-bg-strong))', color: 'rgb(var(--theme-palette-neutral-text-default))' })),
|
|
109
|
+
multiValueLabel: (provided) => (Object.assign(Object.assign({}, provided), { color: 'rgb(var(--theme-palette-neutral-text-default))' })),
|
|
110
|
+
multiValueRemove: (provided) => (Object.assign(Object.assign({}, provided), { '&:hover': {
|
|
111
|
+
cursor: 'pointer !important',
|
|
112
|
+
backgroundColor: 'rgb(var(--theme-palette-danger-hover-weak))',
|
|
113
|
+
} })),
|
|
108
114
|
dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer',
|
|
109
115
|
// 16 is icon size
|
|
110
|
-
padding: size === '
|
|
116
|
+
padding: size === 'small'
|
|
111
117
|
? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
|
|
112
118
|
: '7px' })),
|
|
113
119
|
indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
@@ -115,10 +121,10 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
115
121
|
* The right icon has padding of 8px so:
|
|
116
122
|
* padding-right: 8px+desired
|
|
117
123
|
*/
|
|
118
|
-
paddingRight: size === 'small' || size === '
|
|
124
|
+
paddingRight: size === 'small' || size === 'medium' ? '4px' : '8px' })),
|
|
119
125
|
clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), {
|
|
120
126
|
// 16 is icon size
|
|
121
|
-
padding: size === '
|
|
127
|
+
padding: size === 'small'
|
|
122
128
|
? `${(getTargetHeight(size) - 16 - 2 * BORDER_WIDTH) / 2}px`
|
|
123
129
|
: '0px' })),
|
|
124
130
|
/**
|
|
@@ -126,13 +132,11 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
126
132
|
* 2px everywhere when we have at least one
|
|
127
133
|
* value selected
|
|
128
134
|
*/
|
|
129
|
-
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: size === '
|
|
135
|
+
valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: size === 'small'
|
|
130
136
|
? '0 8px'
|
|
131
137
|
: state.isMulti && state.hasValue
|
|
132
138
|
? '2px'
|
|
133
|
-
: '2px 8px',
|
|
134
|
-
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
135
|
-
: undefined })),
|
|
139
|
+
: '2px 8px' })),
|
|
136
140
|
menu: (provided) => (Object.assign(Object.assign({}, provided), { backgroundColor: 'rgb(var(--theme-palette-neutral-bg-weak))', zIndex: 'var(--z-index-30)' })),
|
|
137
141
|
menuPortal: (provided) => (Object.assign(Object.assign({}, provided), { zIndex: 'var(--z-index-30)' })),
|
|
138
142
|
menuList: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'auto !important', padding: '8px' })),
|
|
@@ -141,10 +145,10 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
141
145
|
let color;
|
|
142
146
|
switch (true) {
|
|
143
147
|
case state.isSelected:
|
|
144
|
-
backgroundColor = 'rgb(var(--theme-palette-primary-bg-
|
|
148
|
+
backgroundColor = 'rgb(var(--theme-palette-primary-bg-selected))';
|
|
145
149
|
break;
|
|
146
150
|
case state.isFocused && !state.isSelected && !state.isDisabled:
|
|
147
|
-
backgroundColor = 'rgb(var(--theme-palette-neutral-
|
|
151
|
+
backgroundColor = 'rgb(var(--theme-palette-neutral-hover))';
|
|
148
152
|
break;
|
|
149
153
|
default:
|
|
150
154
|
backgroundColor = 'transparent';
|
|
@@ -161,7 +165,9 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
161
165
|
}
|
|
162
166
|
return Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { position: 'relative', borderRadius: '8px', marginBottom: '2px', cursor: state.isDisabled
|
|
163
167
|
? 'not-allowed !important'
|
|
164
|
-
: 'pointer !important',
|
|
168
|
+
: 'pointer !important',
|
|
169
|
+
/** Pass undefined to allow CSS rules to apply */
|
|
170
|
+
fontSize: undefined, lineHeight: undefined, backgroundColor: backgroundColor, color: color, '&:hover': {
|
|
165
171
|
backgroundColor: backgroundColor,
|
|
166
172
|
} }), (state.isSelected && {
|
|
167
173
|
'&::before': {
|
|
@@ -176,10 +182,10 @@ const customStyles = ({ errorText, size, }) => {
|
|
|
176
182
|
},
|
|
177
183
|
})), { overflowWrap: 'break-word' });
|
|
178
184
|
},
|
|
179
|
-
input: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === '
|
|
185
|
+
input: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '0px' : undefined, margin: size === 'small' ? '0px' : undefined, lineHeight: getLineHeight(size), height: size === 'small'
|
|
180
186
|
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
181
187
|
: undefined, color: 'rgb(var(--theme-palette-neutral-text-default))' })),
|
|
182
|
-
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { height: size === '
|
|
188
|
+
placeholder: (provided) => (Object.assign(Object.assign({}, provided), { height: size === 'small'
|
|
183
189
|
? `${getTargetHeight(size) - 2 * BORDER_WIDTH}px`
|
|
184
190
|
: undefined, color: 'rgb(var(--theme-palette-neutral-text-weaker))' })),
|
|
185
191
|
};
|
|
@@ -198,12 +204,6 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
198
204
|
// 7 char long pseudo-random string
|
|
199
205
|
return Math.random().toString(36).slice(2, 9);
|
|
200
206
|
}, [label, ariaLabel]);
|
|
201
|
-
// TODO: in v2 extra-small will replace small variant, and multiple support needs to be fixed by then
|
|
202
|
-
useEffect(() => {
|
|
203
|
-
if (size === 'extra-small' && selectProps.isMulti) {
|
|
204
|
-
needleWarningMessage('The extra small size of dropdown does not support multiselect. Please pick another size if multiselect is needed.');
|
|
205
|
-
}
|
|
206
|
-
}, [size, selectProps.isMulti]);
|
|
207
207
|
let SelectElement;
|
|
208
208
|
switch (type) {
|
|
209
209
|
case 'async': {
|
|
@@ -216,7 +216,7 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
216
216
|
default:
|
|
217
217
|
SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier }, selectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps.components) })));
|
|
218
218
|
}
|
|
219
|
-
const
|
|
219
|
+
const classes = classNames('ndl-dropdown', props.className, {
|
|
220
220
|
'ndl-small': size === 'small',
|
|
221
221
|
'ndl-large': size === 'large',
|
|
222
222
|
'ndl-fluid': fluid,
|
|
@@ -224,6 +224,6 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
|
|
|
224
224
|
'ndl-multi': selectProps.isMulti,
|
|
225
225
|
'ndl-creatable': type === 'creatable',
|
|
226
226
|
});
|
|
227
|
-
return (_jsxs(Component, Object.assign({}, rest, { "aria-label": ariaLabel, ref: ref, className:
|
|
227
|
+
return (_jsxs(Component, Object.assign({}, rest, { "aria-label": ariaLabel, ref: ref, className: classes, children: [label && _jsx("label", { htmlFor: identifier, children: label }), SelectElement, helpText && !errorText && (_jsx("span", { className: "ndl-sub-text", children: helpText })), errorText && (_jsx("span", { className: "ndl-sub-text ndl-error-text", children: errorText }))] })));
|
|
228
228
|
});
|
|
229
229
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,2CAA2C;AAC3C,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,aAAa,CAAC;AACrB,OAAO,MAA6C,MAAM,cAAc,CAAC;AAEzE;;;;;;GAMG;AAEH,MAAM,kBAAkB,GAAG,CAKzB,KAAkE,EAClE,EAAE,CACF,CAAC;IACC,iBAAiB,EAAE,yBAAyB,CAAC,KAAK,CAAC;IACnD,kBAAkB,EAAE,IAAI;IACxB,cAAc,EAAE,qBAAqB,CAAC,KAAK,CAAC;IAC5C,gBAAgB,EAAE,sBAAsB,CAAC,KAAK,CAAC;IAC/C,WAAW,EAAE,iBAAiB,CAAC,KAAK,CAAC;IACrC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC;CAKE,CAAA,CAAC;AAElC,MAAM,YAAY,GAAG,CAInB,EACA,SAAS,EACT,IAAI,GAIL,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,SAAS;QAClC,CAAC,CAAC,gDAAgD;QAClD,CAAC,CAAC,yCAAyC,CAAC;IAE9C,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,gDAAgD;QAClD,CAAC,CAAC,iDAAiD,CAAC;IAEtD,MAAM,kBAAkB,GAAG,CACzB,KAAmD,EACnD,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,CAAC,CAAC;IAEvB,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,EAAE,CAAC;IAChC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,MAAM,eAAe,GAAG,CAAC,IAAwB,EAAE,EAAE;QACnD,IAAI,YAAY,GAAG,mBAAmB,CAAC;QACvC,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,YAAY,GAAG,mBAAmB,CAAC;SACpC;aAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;YAC5B,YAAY,GAAG,oBAAoB,CAAC;SACrC;aAAM,IAAI,IAAI,KAAK,OAAO,EAAE;YAC3B,YAAY,GAAG,mBAAmB,CAAC;SACpC;QACD,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,IAAwB,EAAE,EAAE;QAC/C,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC;QACzD,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,MAAM,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,IAAwB,EAAE,EAAE;QACjD,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;YAAE,OAAO,MAAM,CAAC;QACzD,IAAI,IAAI,KAAK,OAAO;YAAE,OAAO,MAAM,CAAC;QACpC,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC;YAChC,oCAAoC;YACpC,sDAAsD;YACtD,SAAS,EAAE,KAAK,CAAC,SAAS;gBACxB,CAAC,CAAC,SAAS,kBAAkB,CAAC,KAAK,CAAC,MAAM,kBAAkB,EAAE;gBAC9D,CAAC,CAAC,MAAM,EACV,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAC/B,eAAe,EAAE,2CAA2C,EAC5D,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,YAAY,EACzB,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa,EACjE,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,aAAa;aAClE,IACD;QACF,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCAC7B,QAAQ,KACX,KAAK,EAAE,KAAK,CAAC,UAAU;gBACrB,CAAC,CAAC,gDAAgD;gBAClD,CAAC,CAAC,gDAAgD,IACpD;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,6CAA6C,EAC9D,KAAK,EAAE,gDAAgD,IACvD;QACF,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC1B,QAAQ,KACX,KAAK,EAAE,gDAAgD,IACvD;QACF,gBAAgB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC3B,QAAQ,KACX,SAAS,EAAE;gBACT,MAAM,EAAE,oBAAoB;gBAC5B,eAAe,EAAE,6CAA6C;aAC/D,IACD;QACF,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC5B,QAAQ,KACX,MAAM,EAAE,SAAS;YACjB,kBAAkB;YAClB,OAAO,EACL,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI;gBAC5D,CAAC,CAAC,KAAK,IACX;QACF,mBAAmB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC9B,QAAQ;YACX;;;eAGG;YACH,YAAY,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IACnE;QACF,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACzB,QAAQ;YACX,kBAAkB;YAClB,OAAO,EACL,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI;gBAC5D,CAAC,CAAC,KAAK,IACX;QACF;;;;WAIG;QACH,cAAc,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,iCAChC,QAAQ,KACX,OAAO,EACL,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ;oBACjC,CAAC,CAAC,KAAK;oBACP,CAAC,CAAC,SAAS,IACf;QACF,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACf,QAAQ,KACX,eAAe,EAAE,2CAA2C,EAC5D,MAAM,EAAE,mBAAmB,IAC3B;QACF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,MAAM,EAAE,mBAAmB,IAC3B;QACF,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACnB,QAAQ,KACX,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,KAAK,IACd;QACF,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC1B,IAAI,eAAuB,CAAC;YAC5B,IAAI,KAAa,CAAC;YAElB,QAAQ,IAAI,EAAE;gBACZ,KAAK,KAAK,CAAC,UAAU;oBACnB,eAAe,GAAG,+CAA+C,CAAC;oBAClE,MAAM;gBACR,KAAK,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU;oBAC5D,eAAe,GAAG,yCAAyC,CAAC;oBAC5D,MAAM;gBACR;oBACE,eAAe,GAAG,aAAa,CAAC;aACnC;YAED,QAAQ,IAAI,EAAE;gBACZ,KAAK,KAAK,CAAC,UAAU;oBACnB,KAAK,GAAG,gDAAgD,CAAC;oBACzD,MAAM;gBACR,KAAK,KAAK,CAAC,UAAU;oBACnB,KAAK,GAAG,wCAAwC,CAAC;oBACjD,MAAM;gBACR;oBACE,KAAK,GAAG,gDAAgD,CAAC;aAC5D;YAED,mEACK,QAAQ,KACX,QAAQ,EAAE,UAAU,EACpB,YAAY,EAAE,KAAK,EACnB,YAAY,EAAE,KAAK,EACnB,MAAM,EAAE,KAAK,CAAC,UAAU;oBACtB,CAAC,CAAC,wBAAwB;oBAC1B,CAAC,CAAC,oBAAoB;gBACxB,iDAAiD;gBACjD,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,SAAS,EACrB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;oBACT,eAAe,EAAE,eAAe;iBACjC,KACE,CAAC,KAAK,CAAC,UAAU,IAAI;gBACtB,WAAW,EAAE;oBACX,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,MAAM;oBACd,eAAe,EAAE,6CAA6C;oBAC9D,YAAY,EAAE,iBAAiB;oBAC/B,IAAI,EAAE,MAAM;oBACZ,GAAG,EAAE,KAAK;iBACX;aACF,CAAC,KACF,YAAY,EAAE,YAAY,IAC1B;QACJ,CAAC;QACD,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAChB,QAAQ,KACX,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7C,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC5C,UAAU,EAAE,aAAa,CAAC,IAAI,CAAC,EAC/B,MAAM,EACJ,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,IAAI;gBACjD,CAAC,CAAC,SAAS,EACf,KAAK,EAAE,gDAAgD,IACvD;QACF,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACtB,QAAQ,KACX,MAAM,EACJ,IAAI,KAAK,OAAO;gBACd,CAAC,CAAC,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,IAAI;gBACjD,CAAC,CAAC,SAAS,EACf,KAAK,EAAE,+CAA+C,IACtD;KACuE,CAAC;AAC9E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAKlD,KAAoD,EACpD,GAAgC;IAEhC,MAAM,EACJ,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,WAAW,GAAG,EAAE,KAEd,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,8FAWL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CACH,kBAAkB,CAAiC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACzE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,YAAY,CAAiC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACvE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QAC5C,IAAI,SAAS;YAAE,OAAO,SAAS,CAAC;QAChC,oBAAoB,CAClB,kEAAkE,CACnE,CAAC;QACF,mCAAmC;QACnC,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,IAAI,aAA0B,CAAC;IAC/B,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO,CAAC,CAAC;YACZ,aAAa,GAAG,CACd,KAAC,WAAW,kBACV,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,IACf,WAAW,IACf,MAAM,kCAAO,cAAc,GAAK,WAAW,CAAC,MAAM,GAClD,UAAU,kCAAO,kBAAkB,GAAK,WAAW,CAAC,UAAU,KAC9D,CACH,CAAC;YACF,MAAM;SACP;QACD,KAAK,WAAW;YACd,aAAa,GAAG,CACd,KAAC,SAAS,kBACR,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,IACf,WAAW,IACf,MAAM,kCAAO,cAAc,GAAK,WAAW,CAAC,MAAM,GAClD,UAAU,kCAAO,kBAAkB,GAAK,WAAW,CAAC,UAAU,KAC9D,CACH,CAAC;YACF,MAAM;QACR;YACE,aAAa,GAAG,CACd,KAAC,MAAM,kBACL,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,UAAU,IACf,WAAW,IACf,MAAM,kCAAO,cAAc,GAAK,WAAW,CAAC,MAAM,GAClD,UAAU,kCAAO,kBAAkB,GAAK,WAAW,CAAC,UAAU,KAC9D,CACH,CAAC;KACL;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,SAAS,EAAE;QAC1D,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,WAAW,CAAC,UAAU;QACtC,WAAW,EAAE,WAAW,CAAC,OAAO;QAChC,eAAe,EAAE,IAAI,KAAK,WAAW;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,oBAAK,IAAI,kBAAc,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,aACrE,KAAK,IAAI,gBAAO,OAAO,EAAE,UAAU,YAAG,KAAK,GAAS,EACpD,aAAa,EACb,QAAQ,IAAI,CAAC,SAAS,IAAI,CACzB,eAAM,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAQ,CACjD,EACA,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,6BAA6B,YAAE,SAAS,GAAQ,CACjE,KACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -31,14 +31,14 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
33
|
import { tokens } from '@neo4j-ndl/base';
|
|
34
|
-
import classNames from '
|
|
34
|
+
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
import { components, } from 'react-select';
|
|
36
36
|
import { ChevronDownIconOutline, ExclamationCircleIconSolid, XMarkIconOutline, } from '../icons';
|
|
37
37
|
export const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(props) {
|
|
38
38
|
const { isDisabled, selectProps } = props;
|
|
39
39
|
const classes = classNames('ndl-dropdown-icon', {
|
|
40
|
-
'ndl-extra-small': size === 'extra-small',
|
|
41
40
|
'ndl-small': size === 'small',
|
|
41
|
+
'ndl-medium': size === 'medium',
|
|
42
42
|
'ndl-large': size === 'large',
|
|
43
43
|
'ndl-disabled': isDisabled,
|
|
44
44
|
});
|
|
@@ -61,4 +61,12 @@ export const CustomPlaceholder = ({ errorText, size, }) => function Component(_a
|
|
|
61
61
|
var { children } = _a, restProps = __rest(_a, ["children"]);
|
|
62
62
|
return (_jsx(components.Placeholder, Object.assign({}, restProps, { children: _jsx("div", { className: "ndl-placeholder", children: children }) })));
|
|
63
63
|
};
|
|
64
|
+
export const CustomOption = ({ errorText, size, }) => function Component(_a) {
|
|
65
|
+
var { children } = _a, restProps = __rest(_a, ["children"]);
|
|
66
|
+
const classes = classNames('ndl-dropdown-option', restProps.className, {
|
|
67
|
+
'n-body-medium': size === 'small' || size === 'medium',
|
|
68
|
+
'n-body-large': size === 'large',
|
|
69
|
+
});
|
|
70
|
+
return (_jsx(components.Option, Object.assign({}, restProps, { className: classes, children: children })));
|
|
71
|
+
};
|
|
64
72
|
//# sourceMappingURL=Overrides.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
32
32
|
*/
|
|
33
33
|
import { useCallback, useMemo, useState } from 'react';
|
|
34
34
|
import { detect } from 'detect-browser';
|
|
35
|
-
import
|
|
35
|
+
import { classNames } from '../_common/defaultImports';
|
|
36
36
|
import CloudImage from './icons/Cloud';
|
|
37
37
|
import FileImage from './icons/File';
|
|
38
38
|
import InvalidFileImage from './icons/InvalidFile';
|
|
@@ -105,7 +105,7 @@ const Dropzone = (props) => {
|
|
|
105
105
|
}, [isDragAccept, currentFileExtension]);
|
|
106
106
|
const isUploading = !!loadingComponent;
|
|
107
107
|
const computedFileImage = (isDragActive && isDragAccept) || isUploading ? (_jsx(FileImage, {})) : (_jsx(InvalidFileImage, {}));
|
|
108
|
-
const wrapperClasses =
|
|
108
|
+
const wrapperClasses = classNames('ndl-dropzone', props.className, {
|
|
109
109
|
'ndl-drag-active': isDragActive,
|
|
110
110
|
'ndl-file-invalid': isDragActive && isDragReject,
|
|
111
111
|
'ndl-drag-disabled': dropZoneOptions === null || dropZoneOptions === void 0 ? void 0 : dropZoneOptions.disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/dropzone/Dropzone.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,6 @@
|
|
|
20
20
|
*/
|
|
21
21
|
|
|
22
22
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
-
const SvgComponent = (props) => (_jsxs("svg", Object.assign({ width: 112, height: 52, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("mask", { id: "a", fill: "rgb(var(--theme-palette-neutral-bg-weak))", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M104.47 18.62c.236-.72.363-1.488.363-2.287a7.333 7.333 0 0 0-9.88-6.879A9.67 9.67 0 0 0 85.833 3c-5.004 0-9.12 3.803-9.616 8.677a7 7 0 0 0-7.362 7.544A9.333 9.333 0 0 0 72.833 37h29.334a9.333 9.333 0 0 0 9.333-9.333c0-4.36-2.989-8.022-7.03-9.047Z" }) }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M104.47 18.62c.236-.72.363-1.488.363-2.287a7.333 7.333 0 0 0-9.88-6.879A9.67 9.67 0 0 0 85.833 3c-5.004 0-9.12 3.803-9.616 8.677a7 7 0 0 0-7.362 7.544A9.333 9.333 0 0 0 72.833 37h29.334a9.333 9.333 0 0 0 9.333-9.333c0-4.36-2.989-8.022-7.03-9.047Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("path", { d: "m104.47 18.62-.246.969-1.038-.263.334-1.018.95.312Zm-9.517-9.166.348.938-.953.353-.338-.958.943-.333Zm-18.736 2.223.995.101-.097.949-.952-.052.054-.998Zm-7.362 7.544.997-.078.054.688-.624.295-.427-.905Zm34.665-.913c.203-.62.313-1.283.313-1.975h2a8.31 8.31 0 0 1-.413 2.598l-1.9-.623Zm.313-1.975A6.333 6.333 0 0 0 97.5 10V8a8.333 8.333 0 0 1 8.333 8.333h-2ZM97.5 10c-.775 0-1.516.139-2.2.392l-.694-1.875A8.318 8.318 0 0 1 97.5 8v2Zm-3.49-.213A8.67 8.67 0 0 0 85.833 4V2c4.65 0 8.603 2.975 10.064 7.122l-1.887.665ZM85.833 4a8.668 8.668 0 0 0-8.621 7.778l-1.99-.202C75.769 6.196 80.31 2 85.833 2v2Zm-9.67 8.675a6.087 6.087 0 0 0-.33-.008v-2c.147 0 .293.004.438.011l-.108 1.997Zm-.33-.008a6 6 0 0 0-6 6h-2a8 8 0 0 1 8-8v2Zm-6 6c0 .16.007.319.02.476l-1.995.156a8.083 8.083 0 0 1-.025-.632h2Zm-.551 1.459a8.334 8.334 0 0 0-4.782 7.54h-2c0-4.132 2.427-7.697 5.928-9.35l.854 1.81Zm-4.782 7.54A8.333 8.333 0 0 0 72.833 36v2C67.126 38 62.5 33.374 62.5 27.667h2ZM72.833 36h29.334v2H72.833v-2Zm29.334 0a8.333 8.333 0 0 0 8.333-8.333h2c0 5.707-4.626 10.333-10.333 10.333v-2Zm8.333-8.333a8.337 8.337 0 0 0-6.276-8.078l.492-1.938c4.474 1.135 7.784 5.188 7.784 10.016h-2Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))", mask: "url(#a)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.85 18.72a3 3 0 0 0-5.71 1.14 4.866 4.866 0 0 0-5.695 6.442A5.455 5.455 0 0 0 5.954 37h22.727a5.455 5.455 0 0 0 .926-10.83 5.098 5.098 0 0 0-6.596-6.16 4.002 4.002 0 0 0-7.162-1.29Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("mask", { id: "b", fill: "rgb(var(--theme-palette-neutral-bg-stronger))", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.045 24.43A10.99 10.99 0 0 1 25.5 21c0-6.075 4.925-11 11-11 1.343 0 2.63.24 3.82.681C42.306 5.041 47.68 1 54 1c7.507 0 13.681 5.705 14.425 13.015.19-.01.382-.015.575-.015 5.799 0 10.5 4.701 10.5 10.5 0 .28-.011.557-.032.832C84.215 27.572 87.5 32.402 87.5 38c0 7.732-6.268 14-14 14h-44c-7.732 0-14-6.268-14-14 0-6.54 4.484-12.032 10.545-13.57Z" }) }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.045 24.43A10.99 10.99 0 0 1 25.5 21c0-6.075 4.925-11 11-11 1.343 0 2.63.24 3.82.681C42.306 5.041 47.68 1 54 1c7.507 0 13.681 5.705 14.425 13.015.19-.01.382-.015.575-.015 5.799 0 10.5 4.701 10.5 10.5 0 .28-.011.557-.032.832C84.215 27.572 87.5 32.402 87.5 38c0 7.732-6.268 14-14 14h-44c-7.732 0-14-6.268-14-14 0-6.54 4.484-12.032 10.545-13.57Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("path", { d: "m26.045 24.43.492 1.938 2.076-.527-.667-2.035-1.9.623ZM40.32 10.68l-.695 1.876 1.906.706.675-1.917-1.886-.665Zm28.105 3.335-1.99.202.193 1.897 1.905-.102-.108-1.998Zm11.043 11.316-1.994-.156-.108 1.376 1.248.589.853-1.81Zm-51.522-1.526A8.99 8.99 0 0 1 27.5 21h-4c0 1.412.226 2.775.645 4.053l3.8-1.247ZM27.5 21a9 9 0 0 1 9-9V8c-7.18 0-13 5.82-13 13h4Zm9-9c1.102 0 2.154.197 3.125.557l1.39-3.751A12.978 12.978 0 0 0 36.5 8v4Zm5.706-.654C43.92 6.482 48.556 3 54 3v-4c-7.194 0-13.307 4.602-15.566 11.017l3.772 1.329ZM54 3c6.47 0 11.794 4.918 12.435 11.218l3.98-.405C69.568 5.492 62.544-1 54-1v4Zm14.533 13.013c.154-.009.31-.013.467-.013v-4c-.229 0-.457.006-.683.018l.216 3.995ZM69 16a8.5 8.5 0 0 1 8.5 8.5h4C81.5 17.596 75.904 12 69 12v4Zm8.5 8.5c0 .228-.009.453-.026.676l3.987.312c.026-.326.039-.656.039-.988h-4Zm1.114 2.64A12.002 12.002 0 0 1 85.5 38h4c0-6.4-3.758-11.919-9.179-14.477l-1.707 3.618ZM85.5 38c0 6.627-5.373 12-12 12v4c8.837 0 16-7.163 16-16h-4Zm-12 12h-44v4h44v-4Zm-44 0c-6.627 0-12-5.373-12-12h-4c0 8.837 7.163 16 16 16v-4Zm-12-12c0-5.603 3.841-10.313 9.037-11.632l-.984-3.877C18.626 24.249 13.5 30.523 13.5 38h4Z", fill: "rgb(var(--theme-palette-neutral-bg-
|
|
23
|
+
const SvgComponent = (props) => (_jsxs("svg", Object.assign({ width: 112, height: 52, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [_jsx("mask", { id: "a", fill: "rgb(var(--theme-palette-neutral-bg-weak))", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M104.47 18.62c.236-.72.363-1.488.363-2.287a7.333 7.333 0 0 0-9.88-6.879A9.67 9.67 0 0 0 85.833 3c-5.004 0-9.12 3.803-9.616 8.677a7 7 0 0 0-7.362 7.544A9.333 9.333 0 0 0 72.833 37h29.334a9.333 9.333 0 0 0 9.333-9.333c0-4.36-2.989-8.022-7.03-9.047Z" }) }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M104.47 18.62c.236-.72.363-1.488.363-2.287a7.333 7.333 0 0 0-9.88-6.879A9.67 9.67 0 0 0 85.833 3c-5.004 0-9.12 3.803-9.616 8.677a7 7 0 0 0-7.362 7.544A9.333 9.333 0 0 0 72.833 37h29.334a9.333 9.333 0 0 0 9.333-9.333c0-4.36-2.989-8.022-7.03-9.047Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("path", { d: "m104.47 18.62-.246.969-1.038-.263.334-1.018.95.312Zm-9.517-9.166.348.938-.953.353-.338-.958.943-.333Zm-18.736 2.223.995.101-.097.949-.952-.052.054-.998Zm-7.362 7.544.997-.078.054.688-.624.295-.427-.905Zm34.665-.913c.203-.62.313-1.283.313-1.975h2a8.31 8.31 0 0 1-.413 2.598l-1.9-.623Zm.313-1.975A6.333 6.333 0 0 0 97.5 10V8a8.333 8.333 0 0 1 8.333 8.333h-2ZM97.5 10c-.775 0-1.516.139-2.2.392l-.694-1.875A8.318 8.318 0 0 1 97.5 8v2Zm-3.49-.213A8.67 8.67 0 0 0 85.833 4V2c4.65 0 8.603 2.975 10.064 7.122l-1.887.665ZM85.833 4a8.668 8.668 0 0 0-8.621 7.778l-1.99-.202C75.769 6.196 80.31 2 85.833 2v2Zm-9.67 8.675a6.087 6.087 0 0 0-.33-.008v-2c.147 0 .293.004.438.011l-.108 1.997Zm-.33-.008a6 6 0 0 0-6 6h-2a8 8 0 0 1 8-8v2Zm-6 6c0 .16.007.319.02.476l-1.995.156a8.083 8.083 0 0 1-.025-.632h2Zm-.551 1.459a8.334 8.334 0 0 0-4.782 7.54h-2c0-4.132 2.427-7.697 5.928-9.35l.854 1.81Zm-4.782 7.54A8.333 8.333 0 0 0 72.833 36v2C67.126 38 62.5 33.374 62.5 27.667h2ZM72.833 36h29.334v2H72.833v-2Zm29.334 0a8.333 8.333 0 0 0 8.333-8.333h2c0 5.707-4.626 10.333-10.333 10.333v-2Zm8.333-8.333a8.337 8.337 0 0 0-6.276-8.078l.492-1.938c4.474 1.135 7.784 5.188 7.784 10.016h-2Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))", mask: "url(#a)" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.85 18.72a3 3 0 0 0-5.71 1.14 4.866 4.866 0 0 0-5.695 6.442A5.455 5.455 0 0 0 5.954 37h22.727a5.455 5.455 0 0 0 .926-10.83 5.098 5.098 0 0 0-6.596-6.16 4.002 4.002 0 0 0-7.162-1.29Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("mask", { id: "b", fill: "rgb(var(--theme-palette-neutral-bg-stronger))", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.045 24.43A10.99 10.99 0 0 1 25.5 21c0-6.075 4.925-11 11-11 1.343 0 2.63.24 3.82.681C42.306 5.041 47.68 1 54 1c7.507 0 13.681 5.705 14.425 13.015.19-.01.382-.015.575-.015 5.799 0 10.5 4.701 10.5 10.5 0 .28-.011.557-.032.832C84.215 27.572 87.5 32.402 87.5 38c0 7.732-6.268 14-14 14h-44c-7.732 0-14-6.268-14-14 0-6.54 4.484-12.032 10.545-13.57Z" }) }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.045 24.43A10.99 10.99 0 0 1 25.5 21c0-6.075 4.925-11 11-11 1.343 0 2.63.24 3.82.681C42.306 5.041 47.68 1 54 1c7.507 0 13.681 5.705 14.425 13.015.19-.01.382-.015.575-.015 5.799 0 10.5 4.701 10.5 10.5 0 .28-.011.557-.032.832C84.215 27.572 87.5 32.402 87.5 38c0 7.732-6.268 14-14 14h-44c-7.732 0-14-6.268-14-14 0-6.54 4.484-12.032 10.545-13.57Z", fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("path", { d: "m26.045 24.43.492 1.938 2.076-.527-.667-2.035-1.9.623ZM40.32 10.68l-.695 1.876 1.906.706.675-1.917-1.886-.665Zm28.105 3.335-1.99.202.193 1.897 1.905-.102-.108-1.998Zm11.043 11.316-1.994-.156-.108 1.376 1.248.589.853-1.81Zm-51.522-1.526A8.99 8.99 0 0 1 27.5 21h-4c0 1.412.226 2.775.645 4.053l3.8-1.247ZM27.5 21a9 9 0 0 1 9-9V8c-7.18 0-13 5.82-13 13h4Zm9-9c1.102 0 2.154.197 3.125.557l1.39-3.751A12.978 12.978 0 0 0 36.5 8v4Zm5.706-.654C43.92 6.482 48.556 3 54 3v-4c-7.194 0-13.307 4.602-15.566 11.017l3.772 1.329ZM54 3c6.47 0 11.794 4.918 12.435 11.218l3.98-.405C69.568 5.492 62.544-1 54-1v4Zm14.533 13.013c.154-.009.31-.013.467-.013v-4c-.229 0-.457.006-.683.018l.216 3.995ZM69 16a8.5 8.5 0 0 1 8.5 8.5h4C81.5 17.596 75.904 12 69 12v4Zm8.5 8.5c0 .228-.009.453-.026.676l3.987.312c.026-.326.039-.656.039-.988h-4Zm1.114 2.64A12.002 12.002 0 0 1 85.5 38h4c0-6.4-3.758-11.919-9.179-14.477l-1.707 3.618ZM85.5 38c0 6.627-5.373 12-12 12v4c8.837 0 16-7.163 16-16h-4Zm-12 12h-44v4h44v-4Zm-44 0c-6.627 0-12-5.373-12-12h-4c0 8.837 7.163 16 16 16v-4Zm-12-12c0-5.603 3.841-10.313 9.037-11.632l-.984-3.877C18.626 24.249 13.5 30.523 13.5 38h4Z", fill: "rgb(var(--theme-palette-neutral-bg-weak))", mask: "url(#b)" }), _jsx("rect", { x: 70.5, y: 8, width: 3, height: 3, rx: 1.5, fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("rect", { x: 35.5, width: 6, height: 6, rx: 3, fill: "rgb(var(--theme-palette-neutral-bg-strong))" }), _jsx("path", { d: "m58.5 30-6-6m0 0-6 6m6-6v18", stroke: "rgb(var(--theme-palette-neutral-bg-stronger))", strokeWidth: 4, strokeLinecap: "round", strokeLinejoin: "round" })] })));
|
|
24
24
|
export default SvgComponent;
|
|
25
25
|
//# sourceMappingURL=Cloud.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cloud.js","sourceRoot":"","sources":["../../../../src/dropzone/icons/Cloud.tsx"],"names":[],"mappings":";AAuBA,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACvD,6BACE,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,eAET,eAAM,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,2CAA2C,YAC3D,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wPAAwP,GAC1P,GACG,EACP,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wPAAwP,EAC1P,IAAI,EAAC,6CAA6C,GAClD,EACF,eACE,CAAC,EAAC,qoCAAqoC,EACvoC,IAAI,EAAC,6CAA6C,EAClD,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0LAA0L,EAC5L,IAAI,EAAC,6CAA6C,GAClD,EACF,eAAM,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,+CAA+C,YAC/D,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2VAA2V,GAC7V,GACG,EACP,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2VAA2V,EAC7V,IAAI,EAAC,6CAA6C,GAClD,EACF,eACE,CAAC,EAAC,wmCAAwmC,EAC1mC,IAAI,EAAC
|
|
1
|
+
{"version":3,"file":"Cloud.js","sourceRoot":"","sources":["../../../../src/dropzone/icons/Cloud.tsx"],"names":[],"mappings":";AAuBA,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACvD,6BACE,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK,eAET,eAAM,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,2CAA2C,YAC3D,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wPAAwP,GAC1P,GACG,EACP,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wPAAwP,EAC1P,IAAI,EAAC,6CAA6C,GAClD,EACF,eACE,CAAC,EAAC,qoCAAqoC,EACvoC,IAAI,EAAC,6CAA6C,EAClD,IAAI,EAAC,SAAS,GACd,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0LAA0L,EAC5L,IAAI,EAAC,6CAA6C,GAClD,EACF,eAAM,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,+CAA+C,YAC/D,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2VAA2V,GAC7V,GACG,EACP,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2VAA2V,EAC7V,IAAI,EAAC,6CAA6C,GAClD,EACF,eACE,CAAC,EAAC,wmCAAwmC,EAC1mC,IAAI,EAAC,2CAA2C,EAChD,IAAI,EAAC,SAAS,GACd,EACF,eACE,CAAC,EAAE,IAAI,EACP,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,GAAG,EACP,IAAI,EAAC,6CAA6C,GAClD,EACF,eACE,CAAC,EAAE,IAAI,EACP,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,6CAA6C,GAClD,EACF,eACE,CAAC,EAAC,6BAA6B,EAC/B,MAAM,EAAC,+CAA+C,EACtD,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,KACE,CACP,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -31,7 +31,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
33
|
import React, { useMemo, useState } from 'react';
|
|
34
|
-
import
|
|
34
|
+
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
import { tokens } from '@neo4j-ndl/base';
|
|
36
36
|
import { getDisabledColor, getDisabledTextColor, getHoverColor, getTextColorFromBackground, } from './color';
|
|
37
37
|
/**
|
|
@@ -42,7 +42,7 @@ import { getDisabledColor, getDisabledTextColor, getHoverColor, getTextColorFrom
|
|
|
42
42
|
*
|
|
43
43
|
*/
|
|
44
44
|
const HexagonEnd = ({ direction = 'left', color }) => {
|
|
45
|
-
const classes =
|
|
45
|
+
const classes = classNames('ndl-hexagon-end', {
|
|
46
46
|
'ndl-left': direction === 'left',
|
|
47
47
|
'ndl-right': direction === 'right',
|
|
48
48
|
});
|
|
@@ -85,7 +85,7 @@ const GraphLabel = React.forwardRef(function GraphLabel(_a, ref) {
|
|
|
85
85
|
if (!color) {
|
|
86
86
|
switch (type) {
|
|
87
87
|
case 'node':
|
|
88
|
-
return tokens.
|
|
88
|
+
return tokens.palette.graph['1'];
|
|
89
89
|
case 'relationship':
|
|
90
90
|
return tokens.theme.light.palette.neutral.bg.strong;
|
|
91
91
|
default:
|
|
@@ -105,7 +105,7 @@ const GraphLabel = React.forwardRef(function GraphLabel(_a, ref) {
|
|
|
105
105
|
if (as) {
|
|
106
106
|
Component = as;
|
|
107
107
|
}
|
|
108
|
-
const commonClasses =
|
|
108
|
+
const commonClasses = classNames(className, {
|
|
109
109
|
'ndl-disabled': disabled,
|
|
110
110
|
'ndl-selected': selected,
|
|
111
111
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"GraphLabel.js","sourceRoot":"","sources":["../../../src/graph-label/GraphLabel.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/label/Label.js
CHANGED
|
@@ -31,7 +31,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
33
|
import React from 'react';
|
|
34
|
-
import
|
|
34
|
+
import { classNames } from '../_common/defaultImports';
|
|
35
35
|
import { CircleIcon, RhombusIcon, TriangleIcon, SquareIcon } from '../icons';
|
|
36
36
|
/**
|
|
37
37
|
*
|
|
@@ -49,7 +49,7 @@ export const LabelColors = [
|
|
|
49
49
|
];
|
|
50
50
|
export const Label = React.forwardRef(function Label(_a, ref) {
|
|
51
51
|
var { color = 'default', children, className, fill = 'filled', withIcon = false } = _a, restProps = __rest(_a, ["color", "children", "className", "fill", "withIcon"]);
|
|
52
|
-
let
|
|
52
|
+
let baseClasses;
|
|
53
53
|
let icon;
|
|
54
54
|
// Clean Label without icon is not allowed
|
|
55
55
|
if (!withIcon && fill === 'clean') {
|
|
@@ -91,7 +91,7 @@ export const Label = React.forwardRef(function Label(_a, ref) {
|
|
|
91
91
|
}
|
|
92
92
|
}
|
|
93
93
|
if (mappedColor === 'default') {
|
|
94
|
-
|
|
94
|
+
baseClasses = classNames({
|
|
95
95
|
[`n-bg-palette-neutral-bg-strongest n-text-palette-neutral-text-inverse`]: fill === 'filled',
|
|
96
96
|
// TODO: There currently is no token for border theme color neutral 60, needs to be added.
|
|
97
97
|
[` n-text-palette-neutral-text-weak n-border-palette-neutral-border-strong`]: fill === 'outlined',
|
|
@@ -100,14 +100,14 @@ export const Label = React.forwardRef(function Label(_a, ref) {
|
|
|
100
100
|
});
|
|
101
101
|
}
|
|
102
102
|
else {
|
|
103
|
-
|
|
103
|
+
baseClasses = classNames({
|
|
104
104
|
[`n-bg-palette-${mappedColor}-bg-strong n-text-palette-neutral-text-inverse`]: fill === 'filled',
|
|
105
105
|
[`n-text-palette-${mappedColor}-text n-border-palette-${mappedColor}-border-strong`]: fill === 'outlined',
|
|
106
106
|
[`n-bg-palette-${mappedColor}-bg-weak n-text-palette-${mappedColor}-text n-border-palette-${mappedColor}-border-weak`]: fill === 'semi-filled',
|
|
107
107
|
[`n-text-palette-neutral-text-default`]: fill === 'clean',
|
|
108
108
|
});
|
|
109
109
|
}
|
|
110
|
-
const classes =
|
|
110
|
+
const classes = classNames('ndl-label', baseClasses, className, {
|
|
111
111
|
'ndl-filled': fill === 'filled',
|
|
112
112
|
'ndl-clean': fill === 'clean',
|
|
113
113
|
'ndl-outlined': fill === 'outlined',
|