@neo4j-ndl/react 0.3.0 → 0.5.0

package/lib/cjs/tabs/Tabs.js.map

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

package/lib/cjs/text-input/TextInput.js

@@ -0,0 +1,72 @@
+"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 });
+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 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const icons_1 = require("../icons");
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+/** Add any helper functions here. */
+/**
+ *
+ *
+ * TextInput Component
+ *
+ *
+ */
+const TextInput = react_1.default.forwardRef(function TextInput(props, ref) {
+    const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small' } = props, otherInputProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize"]);
+    const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-text`, {
+        disabled: otherInputProps.disabled,
+        [containerSize]: containerSize,
+        'has-error': errorText,
+        'has-left-icon': leftIcon,
+        'has-right-icon': rightIcon || errorText,
+        'has-icon': leftIcon || rightIcon || errorText,
+    });
+    const labelWrappingClass = (0, classnames_1.default)(`form-item-label`, {
+        fluid,
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, otherInputProps, { type: type, ref: ref })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
+});
+exports.default = TextInput;
+//# sourceMappingURL=TextInput.js.map

package/lib/cjs/text-input/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA4C;AAC5C,4DAAoC;AAEpC,oCAAoC;AAyBpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,KAErB,KAAK,EADJ,eAAe,UAChB,KAAK,EAVH,6FAUL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC,6BAA6B,EAAE;QACvE,QAAQ,EAAE,eAAe,CAAC,QAAQ;QAClC,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;KACN,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,sBAAsB,iBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,+CAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,8CAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,kDAAW,eAAe,IAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAU,EACzD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,8CAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,8CAAK,SAAS,EAAC,4BAA4B,gBACzC,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,8CAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/lib/cjs/{input → text-input}/index.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-var Input_1 = require("./Input");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+exports.TextInput = void 0;
+var TextInput_1 = require("./TextInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return __importDefault(TextInput_1).default; } });
 //# sourceMappingURL=index.js.map

package/lib/cjs/text-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-input/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}

package/lib/cjs/trap-focus/TrapFocus.js

@@ -0,0 +1,310 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrapFocus = 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/>.
+ */
+/* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */
+const React = __importStar(require("react"));
+/**
+ * A modified version of the Material UI (@mui/material) TrapFocus component.
+ * We use a modified/slimmed version for easier maintenance.
+ *
+ * See the LICENSES.txt file for license for @mui/material
+ */
+function setRef(ref, value) {
+    if (typeof ref === 'function') {
+        ref(value);
+    }
+    else if (ref) {
+        ref.current = value;
+    }
+}
+function useForkRef(refA, refB) {
+    /**
+     * This will create a new function if the ref props change and are defined.
+     * This means react will call the old forkRef with `null` and the new forkRef
+     * with the ref. Cleanup naturally emerges from this behavior.
+     */
+    return React.useMemo(() => {
+        if (refA == null && refB == null) {
+            return null;
+        }
+        return (refValue) => {
+            setRef(refA, refValue);
+            setRef(refB, refValue);
+        };
+    }, [refA, refB]);
+}
+function ownerDocument(node) {
+    return (node && node.ownerDocument) || document;
+}
+// Inspired by https://github.com/focus-trap/tabbable
+const candidatesSelector = [
+    'input',
+    'select',
+    'textarea',
+    'a[href]',
+    'button',
+    '[tabindex]',
+    'audio[controls]',
+    'video[controls]',
+    '[contenteditable]:not([contenteditable="false"])',
+].join(',');
+function getTabIndex(node) {
+    const tabindexAttr = parseInt(node.getAttribute('tabindex'), 10);
+    if (!Number.isNaN(tabindexAttr)) {
+        return tabindexAttr;
+    }
+    // Browsers do not return `tabIndex` correctly for contentEditable nodes;
+    // https://bugs.chromium.org/p/chromium/issues/detail?id=661108&q=contenteditable%20tabindex&can=2
+    // so if they don't have a tabindex attribute specifically set, assume it's 0.
+    // in Chrome, <details/>, <audio controls/> and <video controls/> elements get a default
+    //  `tabIndex` of -1 when the 'tabindex' attribute isn't specified in the DOM,
+    //  yet they are still part of the regular tab order; in FF, they get a default
+    //  `tabIndex` of 0; since Chrome still puts those elements in the regular tab
+    //  order, consider their tab index to be 0.
+    if (node.contentEditable === 'true' ||
+        ((node.nodeName === 'AUDIO' ||
+            node.nodeName === 'VIDEO' ||
+            node.nodeName === 'DETAILS') &&
+            node.getAttribute('tabindex') === null)) {
+        return 0;
+    }
+    return node.tabIndex;
+}
+function isNonTabbableRadio(node) {
+    if (node.tagName !== 'INPUT' || node.type !== 'radio') {
+        return false;
+    }
+    if (!node.name) {
+        return false;
+    }
+    const getRadio = (selector) => node.ownerDocument.querySelector(`input[type="radio"]${selector}`);
+    let roving = getRadio(`[name="${node.name}"]:checked`);
+    if (!roving) {
+        roving = getRadio(`[name="${node.name}"]`);
+    }
+    return roving !== node;
+}
+function isNodeMatchingSelectorFocusable(node) {
+    if (node.disabled ||
+        (node.tagName === 'INPUT' && node.type === 'hidden') ||
+        isNonTabbableRadio(node)) {
+        return false;
+    }
+    return true;
+}
+function defaultGetTabbable(root) {
+    const regularTabNodes = [];
+    const orderedTabNodes = [];
+    Array.from(root.querySelectorAll(candidatesSelector)).forEach((node, i) => {
+        const nodeTabIndex = getTabIndex(node);
+        if (nodeTabIndex === -1 || !isNodeMatchingSelectorFocusable(node)) {
+            return;
+        }
+        if (nodeTabIndex === 0) {
+            regularTabNodes.push(node);
+        }
+        else {
+            orderedTabNodes.push({
+                documentOrder: i,
+                tabIndex: nodeTabIndex,
+                node,
+            });
+        }
+    });
+    return orderedTabNodes
+        .sort((a, b) => a.tabIndex === b.tabIndex
+        ? a.documentOrder - b.documentOrder
+        : a.tabIndex - b.tabIndex)
+        .map((a) => a.node)
+        .concat(regularTabNodes);
+}
+/**
+ * Utility component that locks focus inside the component.
+ */
+function TrapFocus(props) {
+    const { children, disableRestoreFocus = false, getTabbable = defaultGetTabbable, open, } = props;
+    const ignoreNextEnforceFocus = React.useRef();
+    const sentinelStart = React.useRef(null);
+    const sentinelEnd = React.useRef(null);
+    const nodeToRestore = React.useRef(null);
+    const reactFocusEventTarget = React.useRef(null);
+    const rootRef = React.useRef(null);
+    const handleRef = useForkRef(children.ref, rootRef);
+    const lastKeydown = React.useRef(null);
+    React.useEffect(() => {
+        // We might render an empty child.
+        if (!open || !rootRef.current) {
+            return;
+        }
+        const doc = ownerDocument(rootRef.current);
+        if (!rootRef.current.contains(doc.activeElement)) {
+            if (!rootRef.current.hasAttribute('tabIndex')) {
+                rootRef.current.setAttribute('tabIndex', '-1');
+            }
+            rootRef.current.focus();
+        }
+        return () => {
+            // restoreLastFocus()
+            if (!disableRestoreFocus) {
+                // In IE11 it is possible for document.activeElement to be null resulting
+                // in nodeToRestore.current being null.
+                // Not all elements in IE11 have a focus method.
+                // Once IE11 support is dropped the focus() call can be unconditional.
+                if (nodeToRestore.current && nodeToRestore.current.focus) {
+                    ignoreNextEnforceFocus.current = true;
+                    nodeToRestore.current.focus();
+                }
+                nodeToRestore.current = null;
+            }
+        };
+        // Missing `disableRestoreFocus` which is fine.
+        // We don't support changing that prop on an open TrapFocus
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    React.useEffect(() => {
+        // We might render an empty child.
+        if (!open || !rootRef.current) {
+            return;
+        }
+        const doc = ownerDocument(rootRef.current);
+        const contain = (nativeEvent) => {
+            var _a, _b;
+            const { current: rootElement } = rootRef;
+            // Cleanup functions are executed lazily in React 17.
+            // Contain can be called between the component being unmounted and its cleanup function being run.
+            if (rootElement === null) {
+                return;
+            }
+            if (!doc.hasFocus() || ignoreNextEnforceFocus.current) {
+                ignoreNextEnforceFocus.current = false;
+                return;
+            }
+            if (!rootElement.contains(doc.activeElement)) {
+                // if the focus event is not coming from inside the children's react tree, reset the refs
+                if ((nativeEvent &&
+                    reactFocusEventTarget.current !== nativeEvent.target) ||
+                    doc.activeElement !== reactFocusEventTarget.current) {
+                    reactFocusEventTarget.current = null;
+                }
+                else if (reactFocusEventTarget.current !== null) {
+                    return;
+                }
+                let tabbable = [];
+                if (doc.activeElement === sentinelStart.current ||
+                    doc.activeElement === sentinelEnd.current) {
+                    tabbable = getTabbable(rootRef.current);
+                }
+                if (tabbable.length > 0) {
+                    const isShiftTab = Boolean(((_a = lastKeydown.current) === null || _a === void 0 ? void 0 : _a.shiftKey) && ((_b = lastKeydown.current) === null || _b === void 0 ? void 0 : _b.key) === 'Tab');
+                    const focusNext = tabbable[0];
+                    const focusPrevious = tabbable[tabbable.length - 1];
+                    if (isShiftTab) {
+                        focusPrevious.focus();
+                    }
+                    else {
+                        focusNext.focus();
+                    }
+                }
+                else {
+                    rootElement.focus();
+                }
+            }
+        };
+        const loopFocus = (nativeEvent) => {
+            var _a;
+            lastKeydown.current = nativeEvent;
+            if (nativeEvent.key !== 'Tab') {
+                return;
+            }
+            // Make sure the next tab starts from the right place.
+            // doc.activeElement referes to the origin.
+            if (doc.activeElement === rootRef.current && nativeEvent.shiftKey) {
+                // We need to ignore the next contain as
+                // it will try to move the focus back to the rootRef element.
+                ignoreNextEnforceFocus.current = true;
+                (_a = sentinelEnd.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        };
+        doc.addEventListener('focusin', contain);
+        doc.addEventListener('keydown', loopFocus, true);
+        // With Edge, Safari and Firefox, no focus related events are fired when the focused area stops being a focused area.
+        // e.g. https://bugzilla.mozilla.org/show_bug.cgi?id=559561.
+        // Instead, we can look if the active element was restored on the BODY element.
+        //
+        // The whatwg spec defines how the browser should behave but does not explicitly mention any events:
+        // https://html.spec.whatwg.org/multipage/interaction.html#focus-fixup-rule.
+        const interval = setInterval(() => {
+            var _a;
+            if (((_a = doc.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === 'BODY') {
+                contain();
+            }
+        }, 50);
+        return () => {
+            clearInterval(interval);
+            doc.removeEventListener('focusin', contain);
+            doc.removeEventListener('keydown', loopFocus, true);
+        };
+    }, [disableRestoreFocus, open, getTabbable]);
+    const onFocus = (event) => {
+        if (nodeToRestore.current === null) {
+            nodeToRestore.current = event.relatedTarget;
+        }
+        reactFocusEventTarget.current = event.target;
+        const childrenPropsHandler = children.props.onFocus;
+        if (childrenPropsHandler) {
+            childrenPropsHandler(event);
+        }
+    };
+    const handleFocusSentinel = (event) => {
+        if (nodeToRestore.current === null) {
+            nodeToRestore.current = event.relatedTarget;
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { tabIndex: 0, onFocus: handleFocusSentinel, ref: sentinelStart, "data-test": "sentinelStart" }), React.cloneElement(children, { ref: handleRef, onFocus }), (0, jsx_runtime_1.jsx)("div", { tabIndex: 0, onFocus: handleFocusSentinel, ref: sentinelEnd, "data-test": "sentinelEnd" })] }));
+}
+exports.TrapFocus = TrapFocus;
+//# sourceMappingURL=TrapFocus.js.map

package/lib/cjs/trap-focus/TrapFocus.js.map

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

package/lib/cjs/trap-focus/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("./TrapFocus"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/trap-focus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/trap-focus/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B"}

package/lib/esm/{input/Input.js → _common/input/RadioAndCheckboxWrapper.js}

@@ -40,16 +40,16 @@ import classnames from 'classnames';
  *
  *
  */
-const Input = (props, ref) => {
-    const { label, fluid, labelBefore } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore"]);
-    const containerWrappingClass = classnames('ndl-form-item', {
+const RadioAndCheckboxWrapper = (props, ref) => {
+    const { label, fluid, labelBefore, type = 'text' } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type"]);
+    const containerWrappingClass = classnames(`ndl-form-item ndl-type-${type}`, {
         disabled: otherInputProps.disabled,
     });
     const labelWrappingClass = classnames(`form-item-label`, {
         fluid,
         'label-before': labelBefore,
     });
-    return (_jsx("div", Object.assign({ className: containerWrappingClass }, { children: _jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("input", Object.assign({}, otherInputProps, { ref: ref })), label] })) })));
+    return (_jsx("div", Object.assign({ className: containerWrappingClass }, { children: _jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("input", Object.assign({}, otherInputProps, { ref: ref, type: type })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })) })));
 };
-export default forwardRef(Input);
-//# sourceMappingURL=Input.js.map
+export default forwardRef(RadioAndCheckboxWrapper);
+//# sourceMappingURL=RadioAndCheckboxWrapper.js.map

package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AAmBpC,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,KAEX,KAAK,EADJ,eAAe,UAChB,KAAK,EANH,yCAML,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,4BAAK,SAAS,EAAE,sBAAsB,gBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,gCAAW,eAAe,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAI,EACpD,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,uBAAuB,CAAC,CAAC"}

package/lib/esm/_common/input/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/_common/input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/_common/input/types.ts"],"names":[],"mappings":""}

package/lib/esm/_common/utils.js

@@ -0,0 +1,52 @@
+/**
+ *
+ *  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 { useCallback, useRef } from 'react';
+export const removeNewlines = (input) => input.replace(/(\r\n|\n|\r)/gm, '');
+/** Remove extra spaces from sting */
+export const removeSpaces = (input) => input.replace(/\s+/g, ' ').trim();
+export const needleWarningMessage = (message) => console.warn(`[🪡 Needle]:  ${message}`);
+const getScrollbarSize = (doc) => {
+    // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
+    const documentWidth = doc.documentElement.clientWidth;
+    return Math.abs(window.innerWidth - documentWidth);
+};
+const getPaddingRight = (element) => parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
+/**
+ * Toggles scroll on the provided document.
+ * Useful for disabling scroll when a popup is open (ie ContextMenu/Modal)
+ */
+export const useDocumentScrollToggle = () => {
+    const bodyPadding = useRef(0);
+    return useCallback((disable, doc = document) => {
+        if (disable) {
+            const existingPaddingRight = getPaddingRight(doc.body);
+            bodyPadding.current = existingPaddingRight;
+            const newPaddingRight = existingPaddingRight + getScrollbarSize(doc);
+            doc.body.style.overflow = 'hidden';
+            doc.body.style.paddingRight = `${newPaddingRight}px`;
+        }
+        else {
+            doc.body.style.overflow = '';
+            doc.body.style.paddingRight = `${bodyPadding.current}px`;
+        }
+    }, []);
+};
+//# sourceMappingURL=utils.js.map

package/lib/esm/_common/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/_common/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;AAEtC,qCAAqC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAC5C,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAEpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAe,EAAE,EAAE,CACtD,OAAO,CAAC,IAAI,CAAC,iBAAiB,OAAO,EAAE,CAAC,CAAC;AAE3C,MAAM,gBAAgB,GAAG,CAAC,GAAa,EAAU,EAAE;IACjD,iFAAiF;IACjF,MAAM,aAAa,GAAG,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC;IACtD,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,aAAa,CAAC,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAU,EAAE,CACnD,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AAEnE;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,WAAW,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAEtC,OAAO,WAAW,CAAC,CAAC,OAAgB,EAAE,MAAgB,QAAQ,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACX,MAAM,oBAAoB,GAAG,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACvD,WAAW,CAAC,OAAO,GAAG,oBAAoB,CAAC;YAC3C,MAAM,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC;YACrE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACnC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,eAAe,IAAI,CAAC;SACtD;aAAM;YACL,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YAC7B,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,GAAG,WAAW,CAAC,OAAO,IAAI,CAAC;SAC1D;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}

package/lib/esm/button/Button.js

@@ -33,11 +33,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classnames from 'classnames';
 import { LoadingSpinner } from '../loading-spinner';
-export const removeNewlines = (input) => input.replace(/(\r\n|\n|\r)/gm, '');
-/** Remove extra spaces from sting */
-export const removeSpaces = (input) => input.replace(/\s+/g, ' ').trim();
+import { removeNewlines, removeSpaces } from '../_common/utils';
 export const Button = React.forwardRef(function Button(_a, ref) {
-    var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', rectangle = false, buttonSize = 'regular', className, onClick, tabIndex = 0 } = _a, props = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "rectangle", "buttonSize", "className", "onClick", "tabIndex"]);
+    var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', rectangle = false, buttonSize = 'medium', className, onClick, floating = false, tabIndex = 0 } = _a, props = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "rectangle", "buttonSize", "className", "onClick", "floating", "tabIndex"]);
     let Component = as || 'button';
     if (!as && props.href) {
         Component = 'a';
@@ -47,6 +45,7 @@ export const Button = React.forwardRef(function Button(_a, ref) {
         disabled: disabled,
         loading: loading,
         rectangle: rectangle,
+        'floating-btn': floating,
         /** Now check button is outlined or filled */
         /**
          * Notice:
@@ -57,11 +56,15 @@ export const Button = React.forwardRef(function Button(_a, ref) {
       ${color === 'neutral'
             ? `n-bg-light-${color}-bg-strongest`
             : `n-bg-light-${color}-bg-strong`}
-      ${interactable && `hover:n-bg-light-${color}-hover-strong`}
+      ${interactable &&
+            `hover:n-bg-light-${color}-hover-strong
+         active:n-bg-light-${color}-pressed-strong`}
       `]: fill === 'filled',
         [`
       n-text-light-${color}-text
-      ${interactable && `hover:n-bg-light-${color}-hover-weak`}
+      ${interactable &&
+            `hover:n-bg-light-${color}-hover-weak
+        active:n-bg-light-${color}-pressed-weak`}
       n-border-light-${color}-bg-strong
       `]: fill === 'outlined' && color !== 'neutral',
         /**
@@ -69,14 +72,18 @@ export const Button = React.forwardRef(function Button(_a, ref) {
          * the same principles with colored variations
          */
         [`
-      n-text-${color}-80
+    n-text-light-neutral-text-weak
       n-bg-${color}-10
       ${interactable && `hover:n-bg-${color}-20`}
-      n-border-${color}-60
+      n-border-light-neutral-border-strong
+      active:n-bg-light-neutral-pressed
       `]: fill === 'outlined' && color === 'neutral',
         [`	
       n-text-${color}-50
-      ${interactable && `hover:n-bg-${color}-10`}
+      ${interactable &&
+            `hover:n-bg-${color}-10
+         active:n-bg-light-${color}-pressed-weak
+      `}
       `]: fill === 'text' && color !== 'neutral',
         [`	
      n-text-light-neutral-text-weak