@neo4j-ndl/react 0.5.2 → 0.6.1

package/lib/cjs/drag-and-drop/DragAndDrop.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -35,7 +46,7 @@ const isFileValid = (fileType, paramAcceptedFiles) => {
  */
 const DragAndDrop = (props) => {
     var _a, _b, _c;
-    const { dropZoneOptions, supportedFilesDescription, loadingComponent, isTesting, } = props;
+    const { dropZoneOptions, supportedFilesDescription, loadingComponent, isTesting } = props, otherProps = __rest(props, ["dropZoneOptions", "supportedFilesDescription", "loadingComponent", "isTesting"]);
     const { getRootProps, getInputProps, isDragActive, draggedFiles, acceptedFiles, } = (0, react_dropzone_1.useDropzone)(Object.assign(Object.assign({ 
         // If the developer does not pass this function, then the browser will automatically download the dragged file. To empty function avoids that.
         onDrop: () => null }, dropZoneOptions), { disabled: (dropZoneOptions === null || dropZoneOptions === void 0 ? void 0 : dropZoneOptions.disabled) || !!loadingComponent }));
@@ -63,7 +74,7 @@ const DragAndDrop = (props) => {
         'drag-active': isDragActive,
         'file-invalid': isDragActive && !isDraggedFileValid,
     });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { ref: dropZoneRef, className: wrapperClasses }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-inner-content" }, getRootProps(), { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps())), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-inner" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-header" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "upload-img-wrapper" }, { children: width > 230 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(isDragActive || isUploading) && !isTesting && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "upload-img-label" }, { children: getFileTypeAbbr(isUploading
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, otherProps, { ref: dropZoneRef, className: wrapperClasses }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-inner-content" }, getRootProps(), { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, getInputProps())), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-inner" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-header" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "upload-img-wrapper" }, { children: width > 230 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(isDragActive || isUploading) && !isTesting && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "upload-img-label" }, { children: getFileTypeAbbr(isUploading
                                                     ? (_b = acceptedFiles[0]) === null || _b === void 0 ? void 0 : _b.type
                                                     : (_c = draggedFiles[0]) === null || _c === void 0 ? void 0 : _c.type) }))), isUploading || isDragActive ? (computedFileImage) : ((0, jsx_runtime_1.jsx)(Cloud_1.default, {}))] })) })), !isUploading && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dnd-title-container" }, { children: [(0, jsx_runtime_1.jsxs)("h5", Object.assign({ className: "dnd-title" }, { children: ["Drag ", (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-font-light" }, { children: "&" })), " Drop"] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "dnd-subtitle" }, { children: [(0, jsx_runtime_1.jsx)("span", { children: "or" }), ' ', (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "dnd-browse-link" }, { children: "browse" }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "ndl-drag-and-drop-footer" }, { children: [isUploading && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingComponent }), !isUploading && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-file-support-text" }, { children: supportedFilesDescription })))] }))] }))] })) })));
 };

package/lib/cjs/drag-and-drop/DragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../src/drag-and-drop/DragAndDrop.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../src/drag-and-drop/DragAndDrop.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/dropdown/Dropdown.js

@@ -0,0 +1,158 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const tokens_1 = __importDefault(require("@neo4j-ndl/base/lib/tokens/js/tokens"));
+/** Different types of select components */
+const react_select_1 = __importDefault(require("react-select"));
+const creatable_1 = __importDefault(require("react-select/creatable"));
+const async_1 = __importDefault(require("react-select/async"));
+const helpers_1 = require("../helpers");
+const utils_1 = require("../_common/utils");
+const Overrides_1 = require("./Overrides");
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+const overrideComponents = (props) => ({
+    DropdownIndicator: (0, Overrides_1.DropdownIndicatorCurrying)(props),
+    IndicatorSeparator: null,
+    ClearIndicator: (0, Overrides_1.CustomClearIndication)(props),
+    MultiValueRemove: (0, Overrides_1.CustomMultiValueRemove)(props),
+    Placeholder: (0, Overrides_1.CustomPlaceholder)(props),
+});
+const customStyles = ({ errorText, size, }) => {
+    const focusedBorderColor = errorText
+        ? tokens_1.default.palette.light.danger.border.strong
+        : tokens_1.default.palette.light.primary.focus;
+    const defaultBorder = errorText
+        ? tokens_1.default.palette.light.danger.border.strong
+        : tokens_1.default.palette.light.neutral.border.strong;
+    return {
+        control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size === 'small' ? '36px' : '48px', 
+            // Avoid shifting with border of 2px
+            // Source: https://stackoverflow.com/a/9612782/3247715
+            boxShadow: state.isFocused ? `0 0 0 2px ${focusedBorderColor}` : 'none', outline: 'none', border: state.isFocused
+                ? `1px solid ${focusedBorderColor}`
+                : `1px solid ${defaultBorder}`, '&:hover': {
+                border: state.isFocused
+                    ? `1px solid ${focusedBorderColor}`
+                    : `1px solid ${defaultBorder}`,
+            } })),
+        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px' })),
+        indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
+            /**
+             * The right icon has padding of 8px so:
+             * padding-right: 8px+desired
+             */
+            paddingRight: size === 'small' ? '4px' : '8px' })),
+        /**
+         * Only for multi-select, make the padding
+         * 2px everywhere when we have at least one
+         * value selected
+         */
+        valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: state.isMulti && state.hasValue ? '2px' : '2px 8px' })),
+        menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '16px 12px' : '16px 16px' })),
+        option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', backgroundColor: state.isSelected
+                ? tokens_1.default.palette.light.neutral.bg.strong
+                : 'transparent', color: tokens_1.default.palette.light.neutral.text.default, '&:hover': {
+                backgroundColor: state.isSelected
+                    ? tokens_1.default.palette.light.neutral.bg.strong
+                    : tokens_1.default.palette.light.neutral.bg.default,
+            } })),
+    };
+};
+const ExposedKeys = [
+    'onChange',
+    'isMulti',
+    'isClearable',
+    'formatOptionLabel',
+    'value',
+    'placeholder',
+    'options',
+];
+exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
+    const { as, label, helpText, errorText, fluid = true, size = 'small', type = 'select', selectProps = {}, 'aria-label': ariaLabel } = props, rest = __rest(props, ["as", "label", "helpText", "errorText", "fluid", "size", "type", "selectProps", 'aria-label']);
+    const Component = as || 'div';
+    /**
+     * Merge selectProps with exposed react-select props
+     * Priority is given to selectProps
+     * Source: https://stackoverflow.com/a/32184094/3247715
+     */
+    const MergedSelectProps = (0, react_1.useMemo)(() => ExposedKeys.reduce((a, e) => ((a[e] = selectProps[e] || rest[e]), a), selectProps), [rest, selectProps]);
+    /**
+     * Remove selectProps from rest
+     * to spread them in the root component
+     */
+    const RestProps = (0, react_1.useMemo)(() => {
+        const cloned = Object.assign({}, rest);
+        ExposedKeys.forEach((key) => delete cloned[key]);
+        return cloned;
+    }, [rest]);
+    const ComponentOverrides = (0, react_1.useMemo)(() => overrideComponents({ errorText, size }), [errorText, size]);
+    const StyleOverrides = (0, react_1.useMemo)(() => customStyles({ errorText, size }), [errorText, size]);
+    const identifier = (0, react_1.useMemo)(() => {
+        if (typeof label === 'string')
+            return label;
+        if (ariaLabel)
+            return ariaLabel;
+        (0, utils_1.needleWarningMessage)('Consider adding an aria-label to make the select more accessible');
+        // 7 char long pseudo-random string
+        return Math.random().toString(36).slice(2, 9);
+    }, [label, ariaLabel]);
+    let SelectElement;
+    switch (type) {
+        case 'async-select': {
+            SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            break;
+        }
+        case 'creatable':
+            SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            break;
+        default:
+            SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+    }
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref }, RestProps, { className: (0, classnames_1.default)('ndl-dropdown', size, {
+            fluid,
+        }) }, { children: [label && (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "sub-text" }, { children: helpText })), errorText && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "sub-text error-text" }, { children: errorText }))] })));
+});
+//# sourceMappingURL=Dropdown.js.map

package/lib/cjs/dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/dropdown/Overrides.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomPlaceholder = exports.CustomMultiValueRemove = exports.CustomClearIndication = exports.DropdownIndicatorCurrying = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_select_1 = require("react-select");
+const icons_1 = require("../icons");
+const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(props) {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [(0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: `dropdown-icon ${size}`, iconName: "ChevronDownIcon", style: {
+                        transform: props.selectProps.menuIsOpen
+                            ? 'rotate(180deg)'
+                            : 'rotate(0deg)',
+                        transitionDuration: '150ms',
+                    } }), errorText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: `error-icon ${size}`, role: "img", type: "solid", iconName: "ExclamationCircleIcon" })] }))] })) })));
+};
+exports.DropdownIndicatorCurrying = DropdownIndicatorCurrying;
+const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [(0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak", iconName: "XIcon" }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" })] })) })));
+};
+exports.CustomClearIndication = CustomClearIndication;
+const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueRemove, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: "n-text-light-neutral-text-weak", style: {
+                height: size === 'small' ? '16px' : '20px',
+            }, iconName: "XIcon" }) })));
+};
+exports.CustomMultiValueRemove = CustomMultiValueRemove;
+const CustomPlaceholder = ({ errorText, size, }) => function Component(props) {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Placeholder, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-text-light-neutral-text-weaker n-whitespace-nowrap" }, { children: props.children })) })));
+};
+exports.CustomPlaceholder = CustomPlaceholder;
+//# sourceMappingURL=Overrides.js.map

package/lib/cjs/dropdown/Overrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAOsB;AACtB,oCAAoC;AAG7B,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,uBAAC,gBAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAtCS,QAAA,yBAAyB,6BAsClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAC,4CAA4C,EACtD,QAAQ,EAAC,OAAO,GAChB,EACF,gCAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,qBAAqB,yBAsB9B;AAEG,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,uBAAC,yBAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,uBAAC,gBAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,sBAAsB,0BAsB/B;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,uBAAC,yBAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,8CAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAhBS,QAAA,iBAAiB,qBAgB1B"}

package/lib/cjs/dropdown/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Dropdown"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,6CAA2B"}

package/lib/cjs/dropdown/types.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/cjs/dropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/dropdown/types.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/lib/cjs/index.js

@@ -53,4 +53,6 @@ __exportStar(require("./progress-bar"), exports);
 __exportStar(require("./table"), exports);
 __exportStar(require("./drag-and-drop"), exports);
 __exportStar(require("./text-input"), exports);
+__exportStar(require("./dropdown"), exports);
+__exportStar(require("./tag"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,kDAAgC;AAChC,4CAA0B;AAC1B,0CAAwB;AACxB,iDAA+B;AAC/B,0CAAwB;AACxB,kDAAgC;AAChC,+CAA6B;AAC7B,6CAA2B;AAC3B,wCAAsB"}

package/lib/cjs/table/helpers.js

@@ -66,7 +66,11 @@ exports.ResizingBar = (0, react_1.memo)(function ResizingBarMemoed(props) {
  * The left section of the bottom navigation
  * that is showing the current page and how many results we can see
  */
-const TableResults = ({ pageIndex, pageLength, rowsLength, }) => ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: ["Showing", ' ', (0, jsx_runtime_1.jsxs)("b", { children: [pageIndex * 10, "-", pageIndex * 10 + pageLength] }), ' ', "of ", (0, jsx_runtime_1.jsx)("b", { children: rowsLength }), " results"] }) })));
+const TableResults = ({ pageIndex, pageLength, rowsLength, }) => {
+    const from = Math.min(rowsLength, 1 + (pageIndex * pageLength));
+    const to = Math.min(rowsLength, pageIndex * pageLength + pageLength);
+    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: ["Showing ", (0, jsx_runtime_1.jsxs)("b", { children: [from, to !== from && `-${to}`] }), " of ", (0, jsx_runtime_1.jsx)("b", { children: rowsLength }), " results"] }) })));
+};
 exports.TableResults = TableResults;
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598

package/lib/cjs/table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table/helpers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table/helpers.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/tag/Tag.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -35,9 +58,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const icons_1 = require("../icons");
+const utils_1 = require("../_common/utils");
 /**
  *
  *
@@ -56,12 +80,17 @@ const icons_1 = require("../icons");
 const Tag = react_1.default.forwardRef(function Tag(props, ref) {
     const { children, type = 'default', removeable, onRemove } = props, rest = __rest(props, ["children", "type", "removeable", "onRemove"]);
     if (removeable && typeof onRemove !== 'function') {
-        console.error('Tag element is removable but onRemove prop is not a function or provided');
+        (0, utils_1.needleWarningMessage)('Tag element is removable but onRemove prop is not a function or provided');
     }
-    const classes = (0, classnames_1.default)(`ndl-tag`, type, {
+    const classes = (0, classnames_1.default)(`ndl-tag`, type, props.className, {
         removeable: removeable,
     });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: "remove-icon", onClick: onRemove }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "XIcon" }) })))] })));
+    const keyDownHandler = (0, react_1.useCallback)((e) => {
+        if (e.key === 'Enter') {
+            onRemove && onRemove(e);
+        }
+    }, [onRemove]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: "remove-icon", onKeyDown: keyDownHandler, onClick: onRemove }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "XIcon" }) })))] })));
 });
 exports.default = Tag;
 //# sourceMappingURL=Tag.js.map

package/lib/cjs/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AACpC,oCAAoC;AAgCpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,KAAK,CACX,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,IAAI,EAAE;QAC1C,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,iDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ,gBAC7D,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACtB,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,GAAG,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAA2C;AAC3C,4DAAoC;AACpC,oCAAoC;AAEpC,4CAAwD;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,IAAA,4BAAoB,EAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE;QAC3D,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,iDACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBAEjB,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACtB,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,GAAG,CAAC"}

package/lib/esm/drag-and-drop/DragAndDrop.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import classnames from 'classnames';
 import CloudImage from './icons/Cloud';
@@ -30,7 +41,7 @@ const isFileValid = (fileType, paramAcceptedFiles) => {
  */
 const DragAndDrop = (props) => {
     var _a, _b, _c;
-    const { dropZoneOptions, supportedFilesDescription, loadingComponent, isTesting, } = props;
+    const { dropZoneOptions, supportedFilesDescription, loadingComponent, isTesting } = props, otherProps = __rest(props, ["dropZoneOptions", "supportedFilesDescription", "loadingComponent", "isTesting"]);
     const { getRootProps, getInputProps, isDragActive, draggedFiles, acceptedFiles, } = useDropzone(Object.assign(Object.assign({ 
         // If the developer does not pass this function, then the browser will automatically download the dragged file. To empty function avoids that.
         onDrop: () => null }, dropZoneOptions), { disabled: (dropZoneOptions === null || dropZoneOptions === void 0 ? void 0 : dropZoneOptions.disabled) || !!loadingComponent }));
@@ -58,7 +69,7 @@ const DragAndDrop = (props) => {
         'drag-active': isDragActive,
         'file-invalid': isDragActive && !isDraggedFileValid,
     });
-    return (_jsx("div", Object.assign({}, props, { ref: dropZoneRef, className: wrapperClasses }, { children: _jsxs("div", Object.assign({ className: "ndl-drag-and-drop-inner-content" }, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps())), _jsxs("div", Object.assign({ className: "ndl-drag-and-drop-inner" }, { children: [_jsxs("div", Object.assign({ className: "ndl-drag-and-drop-header" }, { children: [_jsx("div", Object.assign({ className: "upload-img-wrapper" }, { children: width > 230 && (_jsxs(_Fragment, { children: [(isDragActive || isUploading) && !isTesting && (_jsx("span", Object.assign({ className: "upload-img-label" }, { children: getFileTypeAbbr(isUploading
+    return (_jsx("div", Object.assign({}, otherProps, { ref: dropZoneRef, className: wrapperClasses }, { children: _jsxs("div", Object.assign({ className: "ndl-drag-and-drop-inner-content" }, getRootProps(), { children: [_jsx("input", Object.assign({}, getInputProps())), _jsxs("div", Object.assign({ className: "ndl-drag-and-drop-inner" }, { children: [_jsxs("div", Object.assign({ className: "ndl-drag-and-drop-header" }, { children: [_jsx("div", Object.assign({ className: "upload-img-wrapper" }, { children: width > 230 && (_jsxs(_Fragment, { children: [(isDragActive || isUploading) && !isTesting && (_jsx("span", Object.assign({ className: "upload-img-label" }, { children: getFileTypeAbbr(isUploading
                                                     ? (_b = acceptedFiles[0]) === null || _b === void 0 ? void 0 : _b.type
                                                     : (_c = draggedFiles[0]) === null || _c === void 0 ? void 0 : _c.type) }))), isUploading || isDragActive ? (computedFileImage) : (_jsx(CloudImage, {}))] })) })), !isUploading && (_jsxs("div", Object.assign({ className: "dnd-title-container" }, { children: [_jsxs("h5", Object.assign({ className: "dnd-title" }, { children: ["Drag ", _jsx("span", Object.assign({ className: "n-font-light" }, { children: "&" })), " Drop"] })), _jsxs("div", Object.assign({ className: "dnd-subtitle" }, { children: [_jsx("span", { children: "or" }), ' ', _jsx("span", Object.assign({ className: "dnd-browse-link" }, { children: "browse" }))] }))] })))] })), _jsxs("div", Object.assign({ className: "ndl-drag-and-drop-footer" }, { children: [isUploading && _jsx(_Fragment, { children: loadingComponent }), !isUploading && (_jsx("div", Object.assign({ className: "ndl-file-support-text" }, { children: supportedFilesDescription })))] }))] }))] })) })));
 };

package/lib/esm/drag-and-drop/DragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../src/drag-and-drop/DragAndDrop.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../src/drag-and-drop/DragAndDrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAsBA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAmB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAyB9D;;;;;;GAMG;AAEH,qCAAqC;AAErC,MAAM,WAAW,GAAG,CAClB,QAAgB,EAChB,kBAA8C,EAC9C,EAAE;IACF,IAAI,CAAC,kBAAkB;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;QACzD,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC;QAC9B,CAAC,CAAC,kBAAkB,CAAC;IAEvB,OAAO,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IAC9C,MAAM,EACJ,eAAe,EACf,yBAAyB,EACzB,gBAAgB,EAChB,SAAS,KAEP,KAAK,EADJ,UAAU,UACX,KAAK,EANH,iFAML,CAAQ,CAAC;IAEV,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,GAAG,WAAW;QACb,8IAA8I;QAC9I,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAEf,eAAe,KAClB,QAAQ,EAAE,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,KAAI,CAAC,CAAC,gBAAgB,IACzD,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC;IAE9C;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;;QAC3C,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,CAAC;QAC/D,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;aAAM;YACL,OAAO,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAC;SAC3D;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GACtB,YAAY;QACZ,YAAY,CAAC,MAAM,GAAG,CAAC;QACvB,WAAW,CAAC,MAAA,YAAY,CAAC,CAAC,CAAC,0CAAE,IAAI,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,CAAC,CAAC,gBAAgB,CAAC;IAEvC,MAAM,iBAAiB,GACrB,CAAC,YAAY,IAAI,kBAAkB,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CACpD,KAAC,SAAS,KAAG,CACd,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,KAAG,CACrB,CAAC;IAEJ,MAAM,cAAc,GAAG,UAAU,CAAC,mBAAmB,EAAE,KAAK,CAAC,SAAS,EAAE;QACtE,aAAa,EAAE,YAAY;QAC3B,cAAc,EAAE,YAAY,IAAI,CAAC,kBAAkB;KACpD,CAAC,CAAC;IAEH,OAAO,CACL,8BACM,UAAU,IACd,GAAG,EAAE,WAAyD,EAC9D,SAAS,EAAE,cAAc,gBAEzB,6BAAK,SAAS,EAAC,iCAAiC,IAAK,YAAY,EAAE,eACjE,gCAAW,aAAa,EAAE,EAAI,EAC9B,6BAAK,SAAS,EAAC,yBAAyB,iBACtC,6BAAK,SAAS,EAAC,0BAA0B,iBACvC,4BAAK,SAAS,EAAC,oBAAoB,gBAEhC,KAAK,GAAG,GAAG,IAAI,CACd,8BACG,CAAC,YAAY,IAAI,WAAW,CAAC,IAAI,CAAC,SAAS,IAAI,CAC9C,6BAAM,SAAS,EAAC,kBAAkB,gBAC/B,eAAe,CACd,WAAW;oDACT,CAAC,CAAC,MAAA,aAAa,CAAC,CAAC,CAAC,0CAAE,IAAI;oDACxB,CAAC,CAAC,MAAA,YAAY,CAAC,CAAC,CAAC,0CAAE,IAAI,CAC1B,IACI,CACR,EAEA,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CAC7B,iBAAiB,CAClB,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,KAAG,CACf,IACA,CACJ,IACG,EACL,CAAC,WAAW,IAAI,CACf,6BAAK,SAAS,EAAC,qBAAqB,iBAClC,4BAAI,SAAS,EAAC,WAAW,0BAClB,6BAAM,SAAS,EAAC,cAAc,uBAAS,cACzC,EACL,6BAAK,SAAS,EAAC,cAAc,iBAC3B,gCAAe,EAAC,GAAG,EACnB,6BAAM,SAAS,EAAC,iBAAiB,4BAAc,KAC3C,KACF,CACP,KACG,EACN,6BAAK,SAAS,EAAC,0BAA0B,iBACtC,WAAW,IAAI,4BAAG,gBAAgB,GAAI,EACtC,CAAC,WAAW,IAAI,CACf,4BAAK,SAAS,EAAC,uBAAuB,gBACnC,yBAAyB,IACtB,CACP,KACG,KACF,KACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esm/dropdown/Dropdown.js

@@ -0,0 +1,152 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { useMemo } from 'react';
+import classnames from 'classnames';
+import tokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
+/** Different types of select components */
+import Select from 'react-select';
+import Creatable from 'react-select/creatable';
+import AsyncSelect from 'react-select/async';
+import { forwardRef } from '../helpers';
+import { needleWarningMessage } from '../_common/utils';
+import { CustomClearIndication, CustomMultiValueRemove, CustomPlaceholder, DropdownIndicatorCurrying, } from './Overrides';
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+const overrideComponents = (props) => ({
+    DropdownIndicator: DropdownIndicatorCurrying(props),
+    IndicatorSeparator: null,
+    ClearIndicator: CustomClearIndication(props),
+    MultiValueRemove: CustomMultiValueRemove(props),
+    Placeholder: CustomPlaceholder(props),
+});
+const customStyles = ({ errorText, size, }) => {
+    const focusedBorderColor = errorText
+        ? tokens.palette.light.danger.border.strong
+        : tokens.palette.light.primary.focus;
+    const defaultBorder = errorText
+        ? tokens.palette.light.danger.border.strong
+        : tokens.palette.light.neutral.border.strong;
+    return {
+        control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size === 'small' ? '36px' : '48px', 
+            // Avoid shifting with border of 2px
+            // Source: https://stackoverflow.com/a/9612782/3247715
+            boxShadow: state.isFocused ? `0 0 0 2px ${focusedBorderColor}` : 'none', outline: 'none', border: state.isFocused
+                ? `1px solid ${focusedBorderColor}`
+                : `1px solid ${defaultBorder}`, '&:hover': {
+                border: state.isFocused
+                    ? `1px solid ${focusedBorderColor}`
+                    : `1px solid ${defaultBorder}`,
+            } })),
+        multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px' })),
+        indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
+            /**
+             * The right icon has padding of 8px so:
+             * padding-right: 8px+desired
+             */
+            paddingRight: size === 'small' ? '4px' : '8px' })),
+        /**
+         * Only for multi-select, make the padding
+         * 2px everywhere when we have at least one
+         * value selected
+         */
+        valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: state.isMulti && state.hasValue ? '2px' : '2px 8px' })),
+        menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '16px 12px' : '16px 16px' })),
+        option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', backgroundColor: state.isSelected
+                ? tokens.palette.light.neutral.bg.strong
+                : 'transparent', color: tokens.palette.light.neutral.text.default, '&:hover': {
+                backgroundColor: state.isSelected
+                    ? tokens.palette.light.neutral.bg.strong
+                    : tokens.palette.light.neutral.bg.default,
+            } })),
+    };
+};
+const ExposedKeys = [
+    'onChange',
+    'isMulti',
+    'isClearable',
+    'formatOptionLabel',
+    'value',
+    'placeholder',
+    'options',
+];
+export const Dropdown = forwardRef(function Dropdown(props, ref) {
+    const { as, label, helpText, errorText, fluid = true, size = 'small', type = 'select', selectProps = {}, 'aria-label': ariaLabel } = props, rest = __rest(props, ["as", "label", "helpText", "errorText", "fluid", "size", "type", "selectProps", 'aria-label']);
+    const Component = as || 'div';
+    /**
+     * Merge selectProps with exposed react-select props
+     * Priority is given to selectProps
+     * Source: https://stackoverflow.com/a/32184094/3247715
+     */
+    const MergedSelectProps = useMemo(() => ExposedKeys.reduce((a, e) => ((a[e] = selectProps[e] || rest[e]), a), selectProps), [rest, selectProps]);
+    /**
+     * Remove selectProps from rest
+     * to spread them in the root component
+     */
+    const RestProps = useMemo(() => {
+        const cloned = Object.assign({}, rest);
+        ExposedKeys.forEach((key) => delete cloned[key]);
+        return cloned;
+    }, [rest]);
+    const ComponentOverrides = useMemo(() => overrideComponents({ errorText, size }), [errorText, size]);
+    const StyleOverrides = useMemo(() => customStyles({ errorText, size }), [errorText, size]);
+    const identifier = useMemo(() => {
+        if (typeof label === 'string')
+            return label;
+        if (ariaLabel)
+            return ariaLabel;
+        needleWarningMessage('Consider adding an aria-label to make the select more accessible');
+        // 7 char long pseudo-random string
+        return Math.random().toString(36).slice(2, 9);
+    }, [label, ariaLabel]);
+    let SelectElement;
+    switch (type) {
+        case 'async-select': {
+            SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            break;
+        }
+        case 'creatable':
+            SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            break;
+        default:
+            SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+    }
+    return (_jsxs(Component, Object.assign({ ref: ref }, RestProps, { className: classnames('ndl-dropdown', size, {
+            fluid,
+        }) }, { children: [label && _jsx("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && _jsx("span", Object.assign({ className: "sub-text" }, { children: helpText })), errorText && _jsx("span", Object.assign({ className: "sub-text error-text" }, { children: errorText }))] })));
+});
+//# sourceMappingURL=Dropdown.js.map

package/lib/esm/dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/esm/dropdown/Overrides.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { components, } from 'react-select';
+import { HeroIcon } from '../icons';
+export const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(props) {
+    return (_jsx(components.DropdownIndicator, Object.assign({}, props, { children: _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [_jsx(HeroIcon, { className: `dropdown-icon ${size}`, iconName: "ChevronDownIcon", style: {
+                        transform: props.selectProps.menuIsOpen
+                            ? 'rotate(180deg)'
+                            : 'rotate(0deg)',
+                        transitionDuration: '150ms',
+                    } }), errorText && (_jsxs(_Fragment, { children: [_jsx("div", { className: "indicator" }), _jsx(HeroIcon, { className: `error-icon ${size}`, role: "img", type: "solid", iconName: "ExclamationCircleIcon" })] }))] })) })));
+};
+export const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
+    return (_jsx(components.ClearIndicator, Object.assign({}, props, { children: _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [_jsx(HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak", iconName: "XIcon" }), _jsx("div", { className: "indicator" })] })) })));
+};
+export const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {
+    return (_jsx(components.MultiValueRemove, Object.assign({}, props, { children: _jsx(HeroIcon, { className: "n-text-light-neutral-text-weak", style: {
+                height: size === 'small' ? '16px' : '20px',
+            }, iconName: "XIcon" }) })));
+};
+export const CustomPlaceholder = ({ errorText, size, }) => function Component(props) {
+    return (_jsx(components.Placeholder, Object.assign({}, props, { children: _jsx("div", Object.assign({ className: "n-text-light-neutral-text-weaker n-whitespace-nowrap" }, { children: props.children })) })));
+};
+//# sourceMappingURL=Overrides.js.map

package/lib/esm/dropdown/Overrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,KAAC,QAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAC,4CAA4C,EACtD,QAAQ,EAAC,OAAO,GAChB,EACF,cAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,KAAC,QAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,KAAC,UAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,4BAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/dropdown/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './Dropdown';
+//# sourceMappingURL=index.js.map

package/lib/esm/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,YAAY,CAAC"}

package/lib/esm/dropdown/types.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/dropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/dropdown/types.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG"}

package/lib/esm/index.js

@@ -37,4 +37,6 @@ export * from './progress-bar';
 export * from './table';
 export * from './drag-and-drop';
 export * from './text-input';
+export * from './dropdown';
+export * from './tag';
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC"}

package/lib/esm/table/helpers.js

@@ -62,7 +62,11 @@ export const ResizingBar = memo(function ResizingBarMemoed(props) {
  * The left section of the bottom navigation
  * that is showing the current page and how many results we can see
  */
-export const TableResults = ({ pageIndex, pageLength, rowsLength, }) => (_jsx("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: _jsxs("span", { children: ["Showing", ' ', _jsxs("b", { children: [pageIndex * 10, "-", pageIndex * 10 + pageLength] }), ' ', "of ", _jsx("b", { children: rowsLength }), " results"] }) })));
+export const TableResults = ({ pageIndex, pageLength, rowsLength, }) => {
+    const from = Math.min(rowsLength, 1 + (pageIndex * pageLength));
+    const to = Math.min(rowsLength, pageIndex * pageLength + pageLength);
+    return (_jsx("span", Object.assign({ className: "n-text-light-neutral-text-weaker body-medium n-whitespace-nowrap" }, { children: _jsxs("span", { children: ["Showing ", _jsxs("b", { children: [from, to !== from && `-${to}`] }), " of ", _jsx("b", { children: rowsLength }), " results"] }) })));
+};
 /**
  * Modified from here: https://gist.github.com/kottenator/9d936eb3e4e3c3e02598
  *

package/lib/esm/table/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table/helpers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/table/helpers.tsx"],"names":[],"mappings":"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"}

package/lib/esm/tag/Tag.js

@@ -30,9 +30,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import React from 'react';
+import React, { useCallback } from 'react';
 import classnames from 'classnames';
 import { HeroIcon } from '../icons';
+import { needleWarningMessage } from '../_common/utils';
 /**
  *
  *
@@ -51,12 +52,17 @@ import { HeroIcon } from '../icons';
 const Tag = React.forwardRef(function Tag(props, ref) {
     const { children, type = 'default', removeable, onRemove } = props, rest = __rest(props, ["children", "type", "removeable", "onRemove"]);
     if (removeable && typeof onRemove !== 'function') {
-        console.error('Tag element is removable but onRemove prop is not a function or provided');
+        needleWarningMessage('Tag element is removable but onRemove prop is not a function or provided');
     }
-    const classes = classnames(`ndl-tag`, type, {
+    const classes = classnames(`ndl-tag`, type, props.className, {
         removeable: removeable,
     });
-    return (_jsxs("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && (_jsx("button", Object.assign({ type: "button", className: "remove-icon", onClick: onRemove }, { children: _jsx(HeroIcon, { iconName: "XIcon" }) })))] })));
+    const keyDownHandler = useCallback((e) => {
+        if (e.key === 'Enter') {
+            onRemove && onRemove(e);
+        }
+    }, [onRemove]);
+    return (_jsxs("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [children, removeable && (_jsx("button", Object.assign({ type: "button", className: "remove-icon", onKeyDown: keyDownHandler, onClick: onRemove }, { children: _jsx(HeroIcon, { iconName: "XIcon" }) })))] })));
 });
 export default Tag;
 //# sourceMappingURL=Tag.js.map

package/lib/esm/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAgCpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,KAAK,CACX,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,IAAI,EAAE;QAC1C,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,+BAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ,gBAC7D,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACtB,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAoCxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAEvC,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAQ,CAAC;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;KACH;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE;QAC3D,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;SACzB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,+BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACxC,QAAQ,EACR,UAAU,IAAI,CACb,+BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBAEjB,KAAC,QAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACtB,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,GAAG,CAAC"}

package/lib/types/dropdown/Dropdown.d.ts

@@ -0,0 +1,25 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React from 'react';
+/** Different types of select components */
+import { GroupBase } from 'react-select';
+import { SelectExposedProps, DropdownProps } from './types';
+export declare const Dropdown: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>(props: Omit<DropdownProps<OptionType, IsMulti, GroupType>, "selectProps"> & Partial<Pick<DropdownProps<OptionType, IsMulti, GroupType>, "selectProps">> & SelectExposedProps<OptionType, IsMulti, GroupType> & React.RefAttributes<unknown>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

package/lib/types/dropdown/Overrides.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, MultiValueRemoveProps, PlaceholderProps } from 'react-select';
+import { ComponentOverrideCustomProps } from './types';
+export declare const DropdownIndicatorCurrying: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: ComponentOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: DropdownIndicatorProps<OptionType, IsMulti, GroupType>) => JSX.Element;
+export declare const CustomClearIndication: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: ComponentOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: ClearIndicatorProps<OptionType, IsMulti, GroupType>) => JSX.Element;
+export declare const CustomMultiValueRemove: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: ComponentOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: MultiValueRemoveProps<OptionType, IsMulti, GroupType>) => JSX.Element;
+export declare const CustomPlaceholder: <OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>>({ errorText, size, }: ComponentOverrideCustomProps<OptionType, IsMulti, GroupType>) => (props: PlaceholderProps<OptionType, IsMulti, GroupType>) => JSX.Element;

package/lib/types/dropdown/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './Dropdown';

package/lib/types/dropdown/types.d.ts

@@ -0,0 +1,69 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+/// <reference types="react" />
+import { GroupBase, Props } from 'react-select';
+import { CreatableProps } from 'react-select/creatable';
+import { AsyncProps } from 'react-select/async';
+import { ElementBase } from '../helpers';
+/**
+ * We will provide a wrapper to the three distinct select components
+ * the library provides:
+ * 1. Select (the most simple component)
+ * 2. Creatable (for creatign new values in our options)
+ * 3. Async for fetching while typing, useful for cases that we avoid storing things
+ * in browser
+ */
+export declare type ComponentType<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = SelectComponent<OptionType, IsMulti, GroupType>['type'] | CreatableComponent<OptionType, IsMulti, GroupType>['type'] | AsyncComponent<OptionType, IsMulti, GroupType>['type'];
+declare type ComponentSelectProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = SelectComponent<OptionType, IsMulti, GroupType>['selectProps'] | CreatableComponent<OptionType, IsMulti, GroupType>['selectProps'] | AsyncComponent<OptionType, IsMulti, GroupType>['selectProps'];
+interface CommonProps extends Omit<ElementBase<HTMLDivElement>, 'label' | 'value'> {
+    /**
+     * Error message
+     *
+     * Note: if it exists the dropdown will be in error state
+     */
+    errorText?: string;
+    /** Dropdown Label */
+    label?: string | JSX.Element;
+    /** To be used as an attribute in htmlFor */
+    'aria-label'?: string;
+    /** Help text */
+    helpText?: string;
+    /** Size of the component */
+    size?: 'small' | 'large';
+    /** Displays with fluid width */
+    fluid?: boolean;
+}
+declare type SelectComponent<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
+    selectProps: Props<OptionType, IsMulti, GroupType>;
+    type: 'select';
+} & CommonProps;
+declare type AsyncComponent<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
+    selectProps: AsyncProps<OptionType, IsMulti, GroupType>;
+    type: 'async-select';
+} & CommonProps;
+declare type CreatableComponent<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = {
+    selectProps: CreatableProps<OptionType, IsMulti, GroupType>;
+    type: 'creatable';
+} & CommonProps;
+export declare type DropdownProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = SelectComponent<OptionType, IsMulti, GroupType> | AsyncComponent<OptionType, IsMulti, GroupType> | CreatableComponent<OptionType, IsMulti, GroupType>;
+export declare type SelectExposedProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = Pick<ComponentSelectProps<OptionType, IsMulti, GroupType>, 'onChange' | 'isMulti' | 'isClearable' | 'formatOptionLabel' | 'value' | 'placeholder' | 'options'>;
+export declare type ComponentOverrideCustomProps<OptionType, IsMulti extends boolean = false, GroupType extends GroupBase<OptionType> = GroupBase<OptionType>> = Pick<DropdownProps<OptionType, IsMulti, GroupType>, 'size' | 'errorText'>;
+export {};

package/lib/types/index.d.ts

@@ -37,3 +37,5 @@ export * from './progress-bar';
 export * from './table';
 export * from './drag-and-drop';
 export * from './text-input';
+export * from './dropdown';
+export * from './tag';

package/lib/types/tag/Tag.d.ts

@@ -19,6 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
+import { ElementBase } from '../helpers';
 /**
  *
  *
@@ -26,7 +27,7 @@ import React from 'react';
  *
  *
  */
-interface CommonTagProps {
+interface CommonTagProps extends ElementBase {
     children: string | React.ReactNode;
     /** Type of the tag */
     type?: 'destructive' | 'default';
@@ -35,7 +36,7 @@ interface RemoveableTagProps extends CommonTagProps {
     /** Adds a "x" icon is set to true */
     removeable: true;
     /** Handler when remove icon is clicked. Required if `removeable` is true */
-    onRemove: () => void;
+    onRemove: (e: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 interface NonRemovableTagProps extends CommonTagProps {
     removeable?: false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.5.2",
+  "version": "0.6.1",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -60,6 +60,7 @@
     "jest": "^27.3.1",
     "jest-axe": "^5.0.1",
     "react": "^17.0.2",
+    "react-select-event": "^5.5.0",
     "ts-jest": "^27.0.7"
   },
   "peerDependencies": {
@@ -67,9 +68,10 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.5.1",
+    "@neo4j-ndl/base": "^0.6.0",
     "classnames": "^2.3.1",
     "react-dropzone": "^12.0.4",
+    "react-select": "^5.3.2",
     "react-table": "^7.7.0",
     "react-use": "^17.4.0"
   }