@neo4j-ndl/react 0.1.1 → 0.1.4

package/lib/cjs/alert/Alert.js

@@ -0,0 +1,102 @@
+"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.AlertAction = 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 classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importDefault(require("react"));
+const icons_1 = require("../icons");
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+const TITLE_PROPS_ERROR = 'Alert Component: expected `title` prop';
+const NAME_PROPS_ERROR = 'Alert Component: expected `name` prop when title is not a string';
+const getStatusIcon = (iconType) => {
+    let iconComponent;
+    switch (iconType) {
+        case 'success':
+            iconComponent = (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "CheckCircleIcon", type: "solid" }, void 0);
+            break;
+        case 'warning':
+            iconComponent = (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationIcon", type: "solid" }, void 0);
+            break;
+        case 'danger':
+            iconComponent = ((0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }, void 0));
+            break;
+        default:
+            iconComponent = ((0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "InformationCircleIcon", type: "solid" }, void 0));
+    }
+    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "alert-icon alert-status-icon" }, { children: iconComponent }), void 0);
+};
+const AlertAction = (_a) => {
+    var { label } = _a, props = __rest(_a, ["label"]);
+    return (0, jsx_runtime_1.jsx)("a", Object.assign({}, props, { children: label }), void 0);
+};
+exports.AlertAction = AlertAction;
+const Alert = react_1.default.forwardRef(function Alert(_a, ref) {
+    var { type = 'info', icon = false, title, name, actions = [], floating = false, description = null, onClose, className = '', children = null, closeable = false } = _a, rest = __rest(_a, ["type", "icon", "title", "name", "actions", "floating", "description", "onClose", "className", "children", "closeable"]);
+    if (!title) {
+        console.error(TITLE_PROPS_ERROR);
+    }
+    if (typeof title !== 'string' && !name) {
+        console.error(NAME_PROPS_ERROR);
+    }
+    if (typeof title === 'string' && !name) {
+        name = title;
+    }
+    const classes = (0, classnames_1.default)(`ndl-alert`, {
+        ['with-description']: description,
+        ['info']: type === 'info',
+        ['success']: type === 'success',
+        ['warning']: type === 'warning',
+        ['danger']: type === 'danger',
+        ['floating']: floating,
+        [className]: className && className !== '',
+    });
+    const TitleTag = description || children ? 'h5' : 'div';
+    const handleClose = (e) => {
+        if (onClose && typeof onClose === 'function') {
+            onClose(e);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref }, { children: [icon && getStatusIcon(type), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "alert-content" }, { children: [(0, jsx_runtime_1.jsxs)(TitleTag, Object.assign({ className: "alert-title" }, { children: [(0, jsx_runtime_1.jsx)("div", { children: title }, void 0), closeable && ((0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: 0, role: "button", className: "alert-icon close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close-alert" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "XIcon" }, void 0) }), void 0))] }), void 0), (description || children) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "alert-description" }, { children: children || description }), void 0)), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "alert-actions" }, { children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(exports.AlertAction, Object.assign({}, action), index))) }), void 0))] }), void 0)] }), void 0));
+});
+exports.default = Alert;
+//# sourceMappingURL=Alert.js.map

package/lib/cjs/alert/Alert.js.map

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

package/lib/{alert → cjs/alert}/index.js

@@ -19,16 +19,12 @@
  *  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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-exports.__esModule = true;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertAction = exports.Alert = void 0;
 var Alert_1 = require("./Alert");
-__createBinding(exports, Alert_1, "default", "Alert");
-__createBinding(exports, Alert_1, "AlertAction");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
+Object.defineProperty(exports, "AlertAction", { enumerable: true, get: function () { return Alert_1.AlertAction; } });
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,iCAAwD;AAA/C,+GAAA,OAAO,OAAS;AAAE,oGAAA,WAAW,OAAA"}

package/lib/cjs/button/Button.js

@@ -0,0 +1,116 @@
+"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.Button = exports.removeSpaces = exports.removeNewlines = 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 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const loading_spinner_1 = require("../loading-spinner");
+const removeNewlines = (input) => input.replace(/(\r\n|\n|\r)/gm, '');
+exports.removeNewlines = removeNewlines;
+/** Remove extra spaces from sting */
+const removeSpaces = (input) => input.replace(/\s+/g, ' ').trim();
+exports.removeSpaces = removeSpaces;
+exports.Button = react_1.default.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"]);
+    let Component = as || 'button';
+    if (!as && props.href) {
+        Component = 'a';
+    }
+    const interactable = !disabled && !loading;
+    const classes = (0, classnames_1.default)(`ndl-btn ${fill} ${buttonSize}`, {
+        disabled: disabled,
+        loading: loading,
+        rectangle: rectangle,
+        /** Now check button is outlined or filled */
+        /**
+         * Notice:
+         * "Hover" here does not exist for "warning" and "success"
+         * and is custom for Neutral
+         */
+        [`
+      ${color === 'neutral'
+            ? `n-bg-light-${color}-bg-strongest`
+            : `n-bg-light-${color}-bg-strong`}
+      ${interactable && `hover:n-bg-light-${color}-hover-strong`}
+      `]: fill === 'filled',
+        [`
+      n-text-light-${color}-text
+      ${interactable && `hover:n-bg-light-${color}-hover-weak`}
+      n-border-light-${color}-bg-strong
+      `]: fill === 'outlined' && color !== 'neutral',
+        /**
+         * Neutral needs overriding as it doesn't follow
+         * the same principles with colored variations
+         */
+        [`
+      n-text-${color}-80
+      n-bg-${color}-10
+      ${interactable && `hover:n-bg-${color}-20`}
+      n-border-${color}-60
+      `]: fill === 'outlined' && color === 'neutral',
+        [`	
+      n-text-${color}-50
+      ${interactable && `hover:n-bg-${color}-10`}
+      `]: fill === 'text' && color !== 'neutral',
+        [`	
+     n-text-light-neutral-text-weak
+      ${interactable && `hover:n-bg-light-neutral-bg-default`}
+      `]: fill === 'text' && color == 'neutral',
+    });
+    const sanitisedClasses = (0, exports.removeSpaces)((0, exports.removeNewlines)(classes));
+    const handleClick = (e) => {
+        if (!interactable) {
+            // By default, a <button /> element with disabled set to true will not get its
+            // on click handler called. To support the same behavior on <a /> tags we
+            // swallow the event here when disabled, since the <a /> tag with disabled set to
+            // true will have its onClick handler called
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        if (onClick) {
+            onClick(e);
+        }
+        else if (!props.href) {
+            console.error('onClick was not provided');
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(Component
+    /** First props and then className to avoid overriding in classNames */
+    , Object.assign({}, props, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !interactable, className: [sanitisedClasses, className].join(' '), ref: ref, tabIndex: !interactable ? -1 : tabIndex }, { children: [loading ? ((0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, { className: "n-my-auto n-mr-1", size: "small" }, void 0)) : null, children] }), void 0));
+});
+//# sourceMappingURL=Button.js.map

package/lib/cjs/button/Button.js.map

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

package/lib/{button → cjs/button}/index.js

@@ -29,6 +29,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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);
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Button"), exports);
 //# sourceMappingURL=index.js.map

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

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

package/lib/{checkbox → cjs/checkbox}/Checkbox.js

@@ -1,4 +1,9 @@
 "use strict";
+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"
@@ -19,23 +24,8 @@
  *  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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_1 = __importDefault(require("react"));
-var input_1 = require("../input");
+const react_1 = __importDefault(require("react"));
+const input_1 = require("../input");
 /**
  *
  *
@@ -51,12 +41,12 @@ var input_1 = require("../input");
  *
  *
  */
-var Checkbox = react_1["default"].forwardRef(function (props, ref) {
+const Checkbox = react_1.default.forwardRef((props, ref) => {
     if (!props['aria-label'] && !props.label) {
         console.warn('To be accesible the input component requires either `aria-label` or `label` prop: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
     }
-    return react_1["default"].createElement(input_1.Input, __assign({}, props, { ref: ref, type: "checkbox", role: "checkbox" }));
+    return (0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({}, props, { ref: ref, type: "checkbox", role: "checkbox" }), void 0);
 });
 Checkbox.displayName = 'Checkbox';
-exports["default"] = Checkbox;
+exports.default = Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/lib/cjs/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,oCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,QAAQ,GAAG,eAAK,CAAC,UAAU,CAC/B,CAAC,KAAiB,EAAE,GAAyC,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QACxC,OAAO,CAAC,IAAI,CACV,sJAAsJ,CACvJ,CAAC;KACH;IAED,OAAO,uBAAC,aAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,YAAG,CAAC;AACxE,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,kBAAe,QAAQ,CAAC"}

package/lib/{checkbox → cjs/checkbox}/index.js

@@ -19,15 +19,11 @@
  *  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;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-exports.__esModule = true;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 var Checkbox_1 = require("./Checkbox");
-__createBinding(exports, Checkbox_1, "default", "Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,uCAAiD;AAAxC,qHAAA,OAAO,OAAY"}

package/lib/{context-menu → cjs/context-menu}/ContextMenu.js

@@ -1,35 +1,4 @@
 "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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -63,28 +32,49 @@ var __rest = (this && this.__rest) || function (s, e) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuHeader = exports.MenuItem = exports.MenuItems = exports.Menu = void 0;
-var react_1 = __importStar(require("react"));
-var icons_1 = require("../icons");
-var popover_1 = require("../popover");
-var classnames_1 = __importDefault(require("classnames"));
-var MenuContext = react_1["default"].createContext(null);
-var useMenuContext = function () {
-    var context = (0, react_1.useContext)(MenuContext);
+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 = __importStar(require("react"));
+const icons_1 = require("../icons");
+const popover_1 = require("../popover");
+const classnames_1 = __importDefault(require("classnames"));
+const MenuContext = react_1.default.createContext(null);
+const useMenuContext = () => {
+    const context = (0, react_1.useContext)(MenuContext);
     if (context === null) {
         throw new Error('Menu used without context. Did you render this component inside a <Menu />?');
     }
     return context;
 };
 exports.Menu = (0, react_1.forwardRef)(function Menu(_a, ref) {
-    var _b = _a.menuSize, menuSize = _b === void 0 ? 'small' : _b, className = _a.className, _c = _a.minWidth, minWidth = _c === void 0 ? 250 : _c, open = _a.open, onClose = _a.onClose, children = _a.children, rest = __rest(_a, ["menuSize", "className", "minWidth", "open", "onClose", "children"]);
-    var menuRef = (0, react_1.useRef)();
-    var focusFirstMenuItem = (0, react_1.useCallback)(function () {
-        var menu = menuRef.current;
+    var { menuSize = 'small', className, minWidth = 250, open, onClose, children } = _a, rest = __rest(_a, ["menuSize", "className", "minWidth", "open", "onClose", "children"]);
+    const menuRef = (0, react_1.useRef)();
+    const focusFirstMenuItem = (0, react_1.useCallback)(() => {
+        const menu = menuRef.current;
         if (!menu)
             return;
-        var items = menu.querySelectorAll(':scope > .menu-items > .menu-item');
+        const items = menu.querySelectorAll(':scope > .menu-items > .menu-item');
         if (items.length === 0) {
             menu.focus();
         }
@@ -93,12 +83,12 @@ exports.Menu = (0, react_1.forwardRef)(function Menu(_a, ref) {
     // Override ref to map to internal ref
     // as well as change focus to focus the
     // first menu item
-    (0, react_1.useImperativeHandle)(ref, function () {
-        var menu = menuRef.current;
+    (0, react_1.useImperativeHandle)(ref, () => {
+        const menu = menuRef.current;
         if (!menu) {
             return null;
         }
-        return __assign(__assign({}, menu), { focus: focusFirstMenuItem });
+        return Object.assign(Object.assign({}, menu), { focus: focusFirstMenuItem });
     });
     // Focus first menu item on open.
     // This effect is separate from the above
@@ -106,27 +96,26 @@ exports.Menu = (0, react_1.forwardRef)(function Menu(_a, ref) {
     // is triggered on every render usually as
     // anchorOrigin and transformOrigin
     // are typically not memoized
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (open) {
             focusFirstMenuItem();
         }
     }, [open, focusFirstMenuItem]);
-    var classes = (0, classnames_1["default"])('ndl-menu', menuSize, className);
-    return (react_1["default"].createElement(MenuContext.Provider, { value: { onClose: onClose } },
-        react_1["default"].createElement(popover_1.Popover, __assign({ tabIndex: -1 }, rest, { open: open, style: __assign({ minWidth: minWidth }, (rest.style || {})), className: classes, ref: menuRef, onClose: onClose }), children)));
+    const classes = (0, classnames_1.default)('ndl-menu', menuSize, className);
+    return ((0, jsx_runtime_1.jsx)(MenuContext.Provider, Object.assign({ value: { onClose } }, { children: (0, jsx_runtime_1.jsx)(popover_1.Popover, Object.assign({ tabIndex: -1 }, rest, { open: open, style: Object.assign({ minWidth }, (rest.style || {})), className: classes, ref: menuRef, onClose: onClose }, { children: children }), void 0) }), void 0));
 });
-var getMenuItem = function (menuItems, iterator) {
-    var activeElement = document.activeElement;
-    var newEl = iterator(menuItems, activeElement);
-    var menuItem = null;
+const getMenuItem = (menuItems, iterator) => {
+    const activeElement = document.activeElement;
+    let newEl = iterator(menuItems, activeElement);
+    let menuItem = null;
     // Iterate over next element until we find a menu item
     // Iterate a maximum of 10 times looking for an element
-    for (var i = 0; i < 10; i++) {
+    for (let i = 0; i < 10; i++) {
         // Can't find new element, break
         if (!newEl) {
             return null;
         }
-        var role = newEl.getAttribute('role');
+        const role = newEl.getAttribute('role');
         if (role === 'menuitem') {
             menuItem = newEl;
             break;
@@ -136,7 +125,7 @@ var getMenuItem = function (menuItems, iterator) {
     return menuItem;
 };
 // Gets next sibling child of the menu items, looping at the end
-var nextElement = function (menuItems, currentEl) {
+const nextElement = (menuItems, currentEl) => {
     if (currentEl === menuItems || !(currentEl === null || currentEl === void 0 ? void 0 : currentEl.nextElementSibling)) {
         return menuItems.firstChild ? menuItems.firstChild : null;
     }
@@ -146,7 +135,7 @@ var nextElement = function (menuItems, currentEl) {
     return null;
 };
 // Gets prev sibling child of the menu items, looping at the top
-var prevElement = function (menuItems, currentEl) {
+const prevElement = (menuItems, currentEl) => {
     if (currentEl === menuItems || !(currentEl === null || currentEl === void 0 ? void 0 : currentEl.previousElementSibling)) {
         return menuItems.lastChild ? menuItems.lastChild : null;
     }
@@ -156,24 +145,24 @@ var prevElement = function (menuItems, currentEl) {
     return null;
 };
 exports.MenuItems = (0, react_1.forwardRef)(function MenuItems(_a, ref) {
-    var _b = _a.as, as = _b === void 0 ? 'ul' : _b, children = _a.children, className = _a.className, rest = __rest(_a, ["as", "children", "className"]);
-    var menuItemsRef = (0, react_1.useRef)();
-    var onClose = useMenuContext().onClose;
-    var handleKeyDown = function (event) {
-        var menuItems = menuItemsRef.current;
+    var { as = 'ul', children, className } = _a, rest = __rest(_a, ["as", "children", "className"]);
+    const menuItemsRef = (0, react_1.useRef)();
+    const { onClose } = useMenuContext();
+    const handleKeyDown = (event) => {
+        const menuItems = menuItemsRef.current;
         if (!menuItems) {
             return;
         }
         if (event.key == 'ArrowDown') {
             event.preventDefault();
             event.stopPropagation();
-            var newFocusedElement = getMenuItem(menuItems, nextElement);
+            const newFocusedElement = getMenuItem(menuItems, nextElement);
             newFocusedElement === null || newFocusedElement === void 0 ? void 0 : newFocusedElement.focus();
         }
         else if (event.key == 'ArrowUp') {
             event.preventDefault();
             event.stopPropagation();
-            var newFocusedElement = getMenuItem(menuItems, prevElement);
+            const newFocusedElement = getMenuItem(menuItems, prevElement);
             newFocusedElement === null || newFocusedElement === void 0 ? void 0 : newFocusedElement.focus();
         }
         else if (event.key == 'Tab' || event.key == 'Escape') {
@@ -181,50 +170,45 @@ exports.MenuItems = (0, react_1.forwardRef)(function MenuItems(_a, ref) {
             onClose && onClose(event);
         }
     };
-    (0, react_1.useImperativeHandle)(ref, function () { return menuItemsRef.current; });
-    var Component = as;
-    var classes = (0, classnames_1["default"])('menu-items', className);
-    return (react_1["default"].createElement(Component, __assign({ tabIndex: -1, onKeyDown: handleKeyDown, role: "menu" }, rest, { className: classes, ref: menuItemsRef }), children));
+    (0, react_1.useImperativeHandle)(ref, () => menuItemsRef.current);
+    const Component = as;
+    const classes = (0, classnames_1.default)('menu-items', className);
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ tabIndex: -1, onKeyDown: handleKeyDown, role: "menu" }, rest, { className: classes, ref: menuItemsRef }, { children: children }), void 0));
 });
 exports.MenuItem = (0, react_1.forwardRef)(function MenuItem(_a, ref) {
-    var _b = _a.as, as = _b === void 0 ? 'li' : _b, icon = _a.icon, title = _a.title, description = _a.description, className = _a.className, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick, onKeyDown = _a.onKeyDown, rest = __rest(_a, ["as", "icon", "title", "description", "className", "disabled", "onClick", "onKeyDown"]);
-    var Component = as;
-    var classes = (0, classnames_1["default"])("menu-item n-flex n-flex-col", className, {
-        disabled: disabled
+    var { as = 'li', icon, title, description, className, disabled = false, onClick, onKeyDown } = _a, rest = __rest(_a, ["as", "icon", "title", "description", "className", "disabled", "onClick", "onKeyDown"]);
+    const Component = as;
+    const classes = (0, classnames_1.default)(`menu-item n-flex n-flex-col`, className, {
+        disabled,
     });
-    var handleClick = function (e) {
-        if (disabled)
+    const handleClick = (e) => {
+        if (disabled) {
+            e.preventDefault();
             return;
+        }
         if (onClick)
             onClick(e);
     };
-    var handleKeyDown = function (e) {
+    const handleKeyDown = (e) => {
         if (onKeyDown)
             onKeyDown(e);
         if (e.key === 'Enter') {
-            if (disabled)
+            if (disabled) {
+                e.preventDefault();
                 return;
+            }
             if (onClick)
                 onClick(e);
         }
     };
-    return (react_1["default"].createElement(Component, __assign({ tabIndex: -1, role: "menuitem" }, rest, { className: classes, onClick: handleClick, onKeyDown: handleKeyDown, ref: ref }),
-        react_1["default"].createElement("div", { className: "n-flex n-items-center" },
-            icon && react_1["default"].createElement("div", { className: "menu-item-icon" }, icon),
-            react_1["default"].createElement("div", { className: "menu-item-title" }, title)),
-        description && (react_1["default"].createElement("div", { className: "menu-item-description" }, description))));
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ tabIndex: -1, role: "menuitem" }, rest, { className: classes, onClick: handleClick, onKeyDown: handleKeyDown, ref: ref }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-items-center" }, { children: [icon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "menu-item-icon" }, { children: icon }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "menu-item-title" }, { children: title }), void 0)] }), void 0), description && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "menu-item-description" }, { children: description }), void 0))] }), void 0));
 });
 exports.MenuHeader = (0, react_1.forwardRef)(function MenuHeader(_a, ref) {
-    var _b = _a.as, as = _b === void 0 ? 'div' : _b, title = _a.title, description = _a.description, className = _a.className, rest = __rest(_a, ["as", "title", "description", "className"]);
-    var Component = as;
-    var onClose = useMenuContext().onClose;
-    var handleClose = function (e) { return onClose && onClose(e); };
-    var classes = (0, classnames_1["default"])('menu-header n-flex n-flex-col', className);
-    return (react_1["default"].createElement(Component, __assign({}, rest, { className: classes, ref: ref }),
-        react_1["default"].createElement("div", { className: "n-flex n-justify-between n-items-center" },
-            react_1["default"].createElement("div", { className: "menu-header-title" }, title),
-            react_1["default"].createElement("div", { tabIndex: 0, role: "button", onKeyDown: handleClose, onClick: handleClose, className: "menu-header-icon" },
-                react_1["default"].createElement(icons_1.HeroIcon, { iconName: "XIcon" }))),
-        description && (react_1["default"].createElement("div", { className: "menu-header-description" }, description))));
+    var { as = 'div', title, description, className } = _a, rest = __rest(_a, ["as", "title", "description", "className"]);
+    const Component = as;
+    const { onClose } = useMenuContext();
+    const handleClose = (e) => onClose && onClose(e);
+    const classes = (0, classnames_1.default)('menu-header n-flex n-flex-col', className);
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, rest, { className: classes, ref: ref }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-justify-between n-items-center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "menu-header-title" }, { children: title }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ tabIndex: 0, role: "button", onKeyDown: handleClose, onClick: handleClose, className: "menu-header-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "XIcon" }, void 0) }), void 0)] }), void 0), description && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "menu-header-description" }, { children: description }), void 0))] }), void 0));
 });
 //# sourceMappingURL=ContextMenu.js.map