@neo4j-ndl/react 0.1.1 → 0.1.4

package/lib/{popover → cjs/popover}/Popover.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,148 +32,167 @@ 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.Popover = void 0;
-var react_1 = __importStar(require("react"));
-var ReactDOM = __importStar(require("react-dom"));
-var classnames_1 = __importDefault(require("classnames"));
-var helpers_1 = require("../helpers");
-var getScrollbarSize = function (doc) {
+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 ReactDOM = __importStar(require("react-dom"));
+const classnames_1 = __importDefault(require("classnames"));
+const helpers_1 = require("../helpers");
+const getScrollbarSize = (doc) => {
     // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
-    var documentWidth = doc.documentElement.clientWidth;
+    const documentWidth = doc.documentElement.clientWidth;
     return Math.abs(window.innerWidth - documentWidth);
 };
-var getPaddingRight = function (element) {
-    return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
-};
-var getOffsetTop = function (rect, vertical) {
-    var offset = 0;
+const getPaddingRight = (element) => parseInt(window.getComputedStyle(element).paddingRight, 10) || 0;
+const getOffsetTop = (rect, vertical) => {
+    let offset = 0;
     if (vertical === 'bottom') {
         offset = rect.height;
     }
     return offset;
 };
-var getOffsetLeft = function (rect, horizontal) {
-    var offset = 0;
+const getOffsetLeft = (rect, horizontal) => {
+    let offset = 0;
     if (horizontal === 'right') {
         offset = rect.width;
     }
     return offset;
 };
 exports.Popover = (0, react_1.forwardRef)(function Popover(_a, ref) {
-    var _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, open = _a.open, anchorEl = _a.anchorEl, onClose = _a.onClose, _c = _a.anchorOrigin, anchorOrigin = _c === void 0 ? { vertical: 'bottom', horizontal: 'left' } : _c, _d = _a.transformOrigin, transformOrigin = _d === void 0 ? { vertical: 'top', horizontal: 'left' } : _d, className = _a.className, _e = _a.nested, nested = _e === void 0 ? false : _e, rest = __rest(_a, ["as", "children", "open", "anchorEl", "onClose", "anchorOrigin", "transformOrigin", "className", "nested"]);
-    var Component = as;
-    var popoverRef = (0, react_1.useRef)();
-    var bodyPadding = (0, react_1.useRef)(0);
+    var { as = 'div', children, open, anchorEl, onClose, anchorOrigin = { vertical: 'bottom', horizontal: 'left' }, transformOrigin = { vertical: 'top', horizontal: 'left' }, className, nested = false } = _a, rest = __rest(_a, ["as", "children", "open", "anchorEl", "onClose", "anchorOrigin", "transformOrigin", "className", "nested"]);
+    const Component = as;
+    const popoverRef = (0, react_1.useRef)();
+    const bodyPadding = (0, react_1.useRef)(0);
     // Override ref to map to internal ref
-    (0, react_1.useImperativeHandle)(ref, function () {
-        var popover = popoverRef.current;
+    (0, react_1.useImperativeHandle)(ref, () => {
+        const popover = popoverRef.current;
         if (!popover) {
             return null;
         }
         return popover;
     });
-    var _f = (0, react_1.useState)(false), enter = _f[0], setEnter = _f[1];
-    var base = (0, classnames_1["default"])({
-        open: open,
-        enter: enter
+    const [enter, setEnter] = (0, react_1.useState)(false);
+    const base = (0, classnames_1.default)({
+        open,
+        enter,
     });
-    var getPositioningStyles = (0, react_1.useCallback)(function (element) {
+    const getPositioningStyles = (0, react_1.useCallback)((element) => {
         if (!anchorEl)
             throw Error('Missing anchorEl for Popover component');
-        var anchorRect = anchorEl.getBoundingClientRect();
-        var menuRect = {
+        const anchorRect = anchorEl.getBoundingClientRect();
+        const menuRect = {
             width: element.offsetWidth,
-            height: element.offsetHeight
+            height: element.offsetHeight,
         };
-        var transformX = transformOrigin.horizontal == 'right' ? -menuRect.width : 0;
-        var transformY = transformOrigin.vertical == 'bottom' ? -menuRect.height : 0;
-        var marginThreshold = 16; // An arbitrary margin between the menu popup and the border of the window
+        const transformX = transformOrigin.horizontal == 'right' ? -menuRect.width : 0;
+        const transformY = transformOrigin.vertical == 'bottom' ? -menuRect.height : 0;
+        const marginThreshold = 16; // An arbitrary margin between the menu popup and the border of the window
         // Window thresholds taking required margin into account
-        var heightThreshold = window.innerHeight - marginThreshold;
-        var widthThreshold = window.innerWidth - marginThreshold;
-        var top = anchorRect.top +
+        const heightThreshold = window.innerHeight - marginThreshold;
+        const widthThreshold = window.innerWidth - marginThreshold;
+        let top = anchorRect.top +
             getOffsetTop(anchorRect, anchorOrigin.vertical) +
             transformY;
-        var left = anchorRect.left +
+        let left = anchorRect.left +
             getOffsetLeft(anchorRect, anchorOrigin.horizontal) +
             transformX;
-        var right = left + menuRect.width;
-        var bottom = top + menuRect.height;
+        const right = left + menuRect.width;
+        const bottom = top + menuRect.height;
         // Check if the vertical axis needs shifting
         if (top < marginThreshold) {
-            var diff = top - marginThreshold;
+            const diff = top - marginThreshold;
             top -= diff;
         }
         else if (bottom > heightThreshold) {
-            var diff = bottom - heightThreshold;
+            const diff = bottom - heightThreshold;
             top -= diff;
         }
         // Check if the horizontal axis needs shifting
         if (left < marginThreshold) {
-            var diff = left - marginThreshold;
+            const diff = left - marginThreshold;
             left -= diff;
         }
         else if (right > widthThreshold) {
-            var diff = right - widthThreshold;
+            const diff = right - widthThreshold;
             left -= diff;
         }
         return {
-            top: top,
-            left: left
+            top,
+            left,
         };
     }, [anchorOrigin, transformOrigin, anchorEl]);
-    var setPositioningStyles = (0, react_1.useCallback)(function () {
-        var element = popoverRef.current;
+    const setPositioningStyles = (0, react_1.useCallback)(() => {
+        const element = popoverRef.current;
         if (!element) {
             return;
         }
-        var positioning = getPositioningStyles(element);
+        const positioning = getPositioningStyles(element);
         if (positioning.top !== null) {
-            element.style.top = "".concat(positioning.top, "px");
+            element.style.top = `${positioning.top}px`;
         }
         if (positioning.left !== null) {
-            element.style.left = "".concat(positioning.left, "px");
+            element.style.left = `${positioning.left}px`;
         }
     }, [getPositioningStyles]);
     // Disable scroll and add padding when the popover is open
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (nested) {
             return;
         }
         if (open) {
-            var existingPaddingRight = getPaddingRight(document.body);
+            const existingPaddingRight = getPaddingRight(document.body);
             bodyPadding.current = existingPaddingRight;
-            var newPaddingRight = existingPaddingRight + getScrollbarSize(document);
+            const newPaddingRight = existingPaddingRight + getScrollbarSize(document);
             document.body.style.overflow = 'hidden';
-            document.body.style.paddingRight = "".concat(newPaddingRight, "px");
+            document.body.style.paddingRight = `${newPaddingRight}px`;
         }
         else {
             document.body.style.overflow = '';
-            document.body.style.paddingRight = "".concat(bodyPadding.current, "px");
+            document.body.style.paddingRight = `${bodyPadding.current}px`;
         }
     }, [open, nested]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => {
         if (open) {
             setPositioningStyles();
         }
     }, [open, setPositioningStyles]);
     // Set Enter to trigger fade in animation
-    (0, react_1.useEffect)(function () { return setEnter(open); }, [open]);
-    (0, react_1.useEffect)(function () {
+    (0, react_1.useEffect)(() => setEnter(open), [open]);
+    (0, react_1.useEffect)(() => {
         if (!open) {
             return undefined;
         }
-        var handleResize = (0, helpers_1.debounce)(function () {
+        const handleResize = (0, helpers_1.debounce)(() => {
             setPositioningStyles();
         });
         window.addEventListener('resize', handleResize);
-        return function () {
+        return () => {
             handleResize.clear();
             window.removeEventListener('resize', handleResize);
         };
     }, [anchorEl, open, setPositioningStyles]);
-    var handleBackdropClick = function (event) {
+    const handleBackdropClick = (event) => {
         event.stopPropagation();
         event.preventDefault();
         onClose && onClose(event);
@@ -212,13 +200,10 @@ exports.Popover = (0, react_1.forwardRef)(function Popover(_a, ref) {
     if (!open) {
         return null;
     }
-    var classes = (0, classnames_1["default"])('ndl-popover', base, className);
-    return (react_1["default"].createElement(Portal, { container: document.body },
-        react_1["default"].createElement("div", { className: "ndl-popover-backdrop", role: "button", tabIndex: 0, onClick: handleBackdropClick, onKeyDown: handleBackdropClick, "data-testid": "popover-backdrop" }),
-        react_1["default"].createElement(Component, __assign({ tabIndex: -1 }, rest, { className: classes, ref: popoverRef, "data-testid": "popover-content" }), children)));
+    const classes = (0, classnames_1.default)('ndl-popover', base, className);
+    return ((0, jsx_runtime_1.jsxs)(Portal, Object.assign({ container: document.body }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-popover-backdrop", role: "button", tabIndex: 0, onClick: handleBackdropClick, onKeyDown: handleBackdropClick, "data-testid": "popover-backdrop" }, void 0), (0, jsx_runtime_1.jsx)(Component, Object.assign({ tabIndex: -1 }, rest, { className: classes, ref: popoverRef, "data-testid": "popover-content" }, { children: children }), void 0)] }), void 0));
 });
-var Portal = function (_a) {
-    var children = _a.children, container = _a.container;
+const Portal = ({ children, container }) => {
     return ReactDOM.createPortal(children, container);
 };
 //# sourceMappingURL=Popover.js.map

package/lib/cjs/popover/Popover.js.map

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

package/lib/{popover → cjs/popover}/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("./Popover"), exports);
 //# sourceMappingURL=index.js.map

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

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

package/lib/cjs/progress-bar/ProgressBar.js

@@ -0,0 +1,46 @@
+"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 ProgressBar = react_1.default.forwardRef(function ProgressBar(_a, ref) {
+    var { heading, estimatedTime, value, barSize = 'small', className } = _a, rest = __rest(_a, ["heading", "estimatedTime", "value", "barSize", "className"]);
+    const classes = (0, classnames_1.default)('ndl-progress-bar-wrapper', barSize, className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { className: classes, ref: ref }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "header" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "heading" }, { children: heading }), void 0), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "progress-number" }, { children: value + '%' }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "progress-bar-container", role: "progressbar", title: "progress bar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": value }, { children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar", style: { width: value + '%' } }, void 0) }), void 0), estimatedTime && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "details" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "estimated-time-heading" }, { children: "Estimated time:" }), void 0), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "estimated-time" }, { children: estimatedTime }), void 0)] }), void 0))] }), void 0));
+});
+exports.default = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/lib/cjs/progress-bar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/progress-bar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,4DAAoC;AAUpC,MAAM,WAAW,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,WAAW,CACvD,EAOmB,EACnB,GAAuC;QARvC,EACE,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,GAAG,OAAO,EACjB,SAAS,OAEQ,EADd,IAAI,cANT,6DAOC,CADQ;IAIT,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,0BAA0B,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE3E,OAAO,CACL,iDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,iBACzC,+CAAK,SAAS,EAAC,QAAQ,iBACrB,+CAAM,SAAS,EAAC,SAAS,gBAAE,OAAO,YAAQ,EAC1C,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,GAAG,GAAG,YAAQ,aAClD,EACN,8CACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,cAAc,mBACL,CAAC,mBACD,GAAG,mBACH,KAAK,gBAEpB,gCAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,WAAI,YAC3D,EACL,aAAa,IAAI,CAChB,+CAAK,SAAS,EAAC,SAAS,iBACtB,+CAAM,SAAS,EAAC,wBAAwB,6CAAuB,EAC/D,+CAAM,SAAS,EAAC,gBAAgB,gBAAE,aAAa,YAAQ,aACnD,CACP,aACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,WAAW,CAAC"}

package/lib/{progress-bar → cjs/progress-bar}/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.ProgressBar = void 0;
 var ProgressBar_1 = require("./ProgressBar");
-__createBinding(exports, ProgressBar_1, "default", "ProgressBar");
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
 //# sourceMappingURL=index.js.map

package/lib/cjs/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,6CAAuD;AAA9C,2HAAA,OAAO,OAAe"}

package/lib/{radio → cjs/radio}/Radio.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,8 +41,8 @@ var input_1 = require("../input");
  *
  *
  */
-var Radio = react_1["default"].forwardRef(function Radio(props, ref) {
-    return react_1["default"].createElement(input_1.Input, __assign({}, props, { type: "radio", role: "radio", ref: ref }));
+const Radio = react_1.default.forwardRef(function Radio(props, ref) {
+    return (0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({}, props, { type: "radio", role: "radio", ref: ref }), void 0);
 });
-exports["default"] = Radio;
+exports.default = Radio;
 //# sourceMappingURL=Radio.js.map

package/lib/cjs/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/radio/Radio.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,oCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAC3C,KAAiB,EACjB,GAAyC;IAEzC,OAAO,uBAAC,aAAK,oBAAK,KAAK,IAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,YAAI,CAAC;AAClE,CAAC,CAAC,CAAC;AAEH,kBAAe,KAAK,CAAC"}

package/lib/{radio → cjs/radio}/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.Radio = void 0;
 var Radio_1 = require("./Radio");
-__createBinding(exports, Radio_1, "default", "Radio");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return __importDefault(Radio_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,iCAA2C;AAAlC,+GAAA,OAAO,OAAS"}

package/lib/{switch → cjs/switch}/Switch.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,8 +41,8 @@ var input_1 = require("../input");
  *
  *
  */
-var Switch = react_1["default"].forwardRef(function Switch(props, ref) {
-    return react_1["default"].createElement(input_1.Input, __assign({}, props, { ref: ref, type: "checkbox", role: "switch" }));
+const Switch = react_1.default.forwardRef(function Switch(props, ref) {
+    return (0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({}, props, { ref: ref, type: "checkbox", role: "switch" }), void 0);
 });
-exports["default"] = Switch;
+exports.default = Switch;
 //# sourceMappingURL=Switch.js.map

package/lib/cjs/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/switch/Switch.tsx"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA0B;AAC1B,oCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,MAAM,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAC7C,KAAiB,EACjB,GAAyC;IAEzC,OAAO,uBAAC,aAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,YAAG,CAAC;AACtE,CAAC,CAAC,CAAC;AAEH,kBAAe,MAAM,CAAC"}

package/lib/{switch → cjs/switch}/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.Switch = void 0;
 var Switch_1 = require("./Switch");
-__createBinding(exports, Switch_1, "default", "Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return __importDefault(Switch_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}