@neo4j-ndl/react 2.16.26 → 3.0.0-alpha-4904fb7

package/lib/esm/widget/Widget.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
@@ -40,13 +29,12 @@ import { default as ResizeCornerIcon } from '../icons/generated/custom/ResizeCor
  *
  *
  */
-export const Widget = forwardRef(function Widget(_a, ref) {
-    var _b;
-    var { header, subheader, leftMenu, rightMenu, isElevated = false, isResizeable = false, resizeableProps, children, className } = _a, restProps = __rest(_a, ["header", "subheader", "leftMenu", "rightMenu", "isElevated", "isResizeable", "resizeableProps", "children", "className"]);
+export const Widget = forwardRef(function Widget({ header, subheader, leftMenu, rightMenu, isElevated = false, isResizeable = false, resizeableProps, children, className, htmlAttributes, }, ref) {
+    var _a;
     const classes = classNames('ndl-widget', className, {
         'ndl-leftmenu': leftMenu,
         'ndl-elevated': isElevated,
     });
-    return (_jsxs("div", Object.assign({ className: classes, ref: ref }, restProps, { children: [_jsxs("header", { className: "ndl-header-wrapper", children: [_jsxs("div", { className: "ndl-header-left", children: [leftMenu, _jsxs("div", { className: "ndl-headers n-flex n-flex-col", children: [_jsx("div", { className: "ndl-header", children: header }), _jsx("div", { className: "ndl-subheader", children: subheader })] })] }), rightMenu] }), _jsx("div", { className: "ndl-widget-content n-flex-grow", children: children }), isResizeable && (_jsx("button", Object.assign({ "aria-label": "Resizing handle" }, resizeableProps, { className: `ndl-resize-handle ${(_b = resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.className) !== null && _b !== void 0 ? _b : ''}`, children: _jsx(ResizeCornerIcon, {}) })))] })));
+    return (_jsxs("div", Object.assign({ className: classes, ref: ref }, htmlAttributes, { children: [_jsxs("header", { className: "ndl-header-wrapper", children: [_jsxs("div", { className: "ndl-header-left", children: [leftMenu, _jsxs("div", { className: "ndl-headers n-flex n-flex-col", children: [_jsx("div", { className: "ndl-header", children: header }), _jsx("div", { className: "ndl-subheader", children: subheader })] })] }), rightMenu] }), _jsx("div", { className: "ndl-widget-content n-flex-grow", children: children }), isResizeable && (_jsx("button", Object.assign({ "aria-label": "Resizing handle" }, resizeableProps, { className: `ndl-resize-handle ${(_a = resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.className) !== null && _a !== void 0 ? _a : ''}`, children: _jsx(ResizeCornerIcon, {}) })))] })));
 });
 //# sourceMappingURL=Widget.js.map

package/lib/esm/widget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAgCrF;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CAC9C,EAWc,EACd,GAAiC;;QAZjC,EACE,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,EACR,SAAS,OAEG,EADT,SAAS,cAVd,0HAWC,CADa;IAId,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,SAAS,eAC9C,kBAAQ,SAAS,EAAC,oBAAoB,aACpC,eAAK,SAAS,EAAC,iBAAiB,aAC7B,QAAQ,EACT,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,YAAY,YAAE,MAAM,GAAO,EAC1C,cAAK,SAAS,EAAC,eAAe,YAAE,SAAS,GAAO,IAC5C,IACF,EACL,SAAS,IACH,EACT,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,YAAY,IAAI,CACf,6CACa,iBAAiB,IACxB,eAAe,IACnB,SAAS,EAAE,qBAAqB,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,mCAAI,EAAE,EAAE,YAElE,KAAC,gBAAgB,KAAG,IACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../src/widget/Widget.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAc,EAAqB,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAmCrF;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CAC9C,EACE,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,EACR,SAAS,EACT,cAAc,GACF,EACd,GAAiC;;IAEjC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAClD,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eACnD,kBAAQ,SAAS,EAAC,oBAAoB,aACpC,eAAK,SAAS,EAAC,iBAAiB,aAC7B,QAAQ,EACT,eAAK,SAAS,EAAC,+BAA+B,aAC5C,cAAK,SAAS,EAAC,YAAY,YAAE,MAAM,GAAO,EAC1C,cAAK,SAAS,EAAC,eAAe,YAAE,SAAS,GAAO,IAC5C,IACF,EACL,SAAS,IACH,EACT,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,YAAY,IAAI,CACf,6CACa,iBAAiB,IACxB,eAAe,IACnB,SAAS,EAAE,qBAAqB,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,mCAAI,EAAE,EAAE,YAElE,KAAC,gBAAgB,KAAG,IACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/wizard/Wizard.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
@@ -30,77 +19,95 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+import React, { useEffect } from 'react';
 import { classNames } from '../_common/defaultImports';
-import { randomId } from '../_common/utils';
-const getStatus = (activeStep, stepIndex) => stepIndex + 1 === activeStep
+import { Typography } from '../typography';
+export const Wizard = React.forwardRef(function Wizard({ as, className, style, size = 'large', steps, activeStepIndex, orientation, htmlAttributes, }, ref) {
+    useEffect(() => {
+        if (activeStepIndex > steps.length - 1 || activeStepIndex < 0) {
+            console.warn(`[🪡 Needle]: The activeStepIndex in Wizard is out of bounds. The activeStepIndex is ${activeStepIndex} and the number of steps is ${steps.length}.`);
+        }
+    }, [activeStepIndex, steps.length]);
+    switch (size) {
+        case 'small':
+            return (_jsx(WizardSmall, { as: as, orientation: orientation, style: style, className: className, steps: steps, activeStepIndex: activeStepIndex, ref: ref, htmlAttributes: htmlAttributes }));
+        case 'large':
+            return (_jsx(WizardLarge, { as: as, orientation: orientation, style: style, className: className, steps: steps, activeStepIndex: activeStepIndex, ref: ref, htmlAttributes: htmlAttributes }));
+    }
+});
+const getStatus = (activeStepIndex, stepIndex) => stepIndex === activeStepIndex
     ? 'active'
-    : activeStep < stepIndex + 1
+    : activeStepIndex < stepIndex
         ? 'incomplete'
         : 'complete';
-const Circle = ({ status, number, text, type, }) => {
-    const statusClasses = classNames({
-        'ndl-active': status === 'active',
-        'ndl-complete': status === 'complete',
-        'ndl-incomplete': status === 'incomplete',
+const WizardLarge = React.forwardRef(function WizardLarge({ orientation = 'horizontal', activeStepIndex, steps, as, style, className, htmlAttributes, }, ref) {
+    const Component = as || 'div';
+    const wizardClasses = classNames('ndl-wizard', 'ndl-wizard-large', {
+        'ndl-horizontal': orientation === 'horizontal',
+        'ndl-vertical': orientation === 'vertical',
+        className,
     });
-    const typeClasses = classNames({
-        'ndl-horizontal': type === 'horizontal',
-        'ndl-vertical': type === 'vertical',
+    const componentStyle = {
+        gridTemplateColumns: orientation === 'horizontal'
+            ? `repeat(${steps.length}, 1fr)`
+            : `32px 1fr`,
+        gridTemplateRows: orientation === 'vertical' && `repeat(${steps.length}, 1fr)`,
+    };
+    const stepClasses = (index, step) => {
+        const status = getStatus(activeStepIndex, index);
+        return classNames('ndl-wizard-step', {
+            'ndl-horizontal': orientation === 'horizontal',
+            'ndl-vertical': orientation === 'vertical',
+            'ndl-wizard-step-line-right': index < steps.length - 1,
+            'ndl-wizard-step-line-left': index > 0,
+            'ndl-wizard-step-complete': status === 'complete',
+            'ndl-wizard-step-active': status === 'active',
+            'ndl-wizard-step-error': step.status === 'error',
+        });
+    };
+    return (_jsxs(Component, Object.assign({ className: wizardClasses, style: Object.assign(Object.assign({}, style), componentStyle), ref: ref }, htmlAttributes, { children: [steps.map((step, index) => {
+                if (typeof step.content === 'string') {
+                    const wizardStepClasses = classNames('ndl-wizard-step-text', {
+                        'ndl-vertical': orientation === 'vertical',
+                        'ndl-horizontal': orientation === 'horizontal',
+                        'ndl-wizard-step-incomplete': getStatus(activeStepIndex, index) === 'incomplete',
+                    });
+                    return (_jsx("div", { className: wizardStepClasses, children: _jsx(Typography, { variant: "body-large", children: step.content }) }, index));
+                }
+                else {
+                    return _jsx(React.Fragment, { children: step.content }, index);
+                }
+            }), steps.map((step, index) => {
+                return (_jsx("div", { className: stepClasses(index, step), style: {
+                        gridRow: orientation === 'vertical' ? index + 1 : '',
+                    }, children: _jsx(Circle, { status: step.status === 'error'
+                            ? 'error'
+                            : getStatus(activeStepIndex, index), number: index + 1, text: step.content }) }, index));
+            })] })));
+});
+export const WizardSmall = React.forwardRef(function WizardSmall({ orientation = 'horizontal', activeStepIndex, steps, as, className, htmlAttributes, }, ref) {
+    const Component = as || 'div';
+    const wizardClasses = classNames('ndl-wizard', 'ndl-wizard-small', {
+        'ndl-horizontal': orientation === 'horizontal',
+        'ndl-vertical': orientation === 'vertical',
+        className,
     });
-    return (_jsxs("div", { className: "ndl-wizard-circle", children: [_jsx("div", { className: "n-relative", children: _jsx("div", { className: `ndl-text ${typeClasses}`, children: text }) }), _jsxs("svg", { className: `n-size-10 ${statusClasses}`, children: [status === 'active' && (_jsxs("g", { children: [_jsx("circle", { className: "n-fill-palette-primary-text", cx: "20", cy: "20", r: "20" }), _jsx("circle", { className: "n-fill-neutral-10", cx: "20", cy: "20", r: "18" })] })), _jsx("circle", { className: `${status === 'complete' || status === 'active'
-                            ? 'n-fill-palette-primary-text'
-                            : 'n-fill-palette-neutral-text-weakest'}`, cx: "20", cy: "20", r: "16" }), _jsx("text", { x: "50%", y: "50%", className: "n-fill-neutral-10", textAnchor: "middle", dy: "0.3em", children: number })] })] }));
-};
-const Line = ({ status, type, }) => {
-    const classes = classNames('ndl-wizard-line', {
-        'ndl-active': status === 'active',
-        'ndl-complete': status === 'complete',
-        'ndl-incomplete': status === 'incomplete',
-        'ndl-horizontal': type === 'horizontal',
-        'ndl-vertical': type === 'vertical',
+    const stepClasses = (index) => classNames('ndl-wizard-step', {
+        'ndl-horizontal': orientation === 'horizontal',
+        'ndl-vertical': orientation === 'vertical',
+        'ndl-wizard-step-active': getStatus(activeStepIndex, index) === 'active',
+        'ndl-wizard-step-complete': getStatus(activeStepIndex, index) === 'complete',
     });
-    return _jsx("div", { "aria-hidden": true, className: classes });
-};
-export const Horizontal = (_a) => {
-    var { activeStep, steps, className } = _a, restProps = __rest(_a, ["activeStep", "steps", "className"]);
-    const components = [];
-    for (let i = 0; i < steps.length; i++) {
-        const text = steps[i];
-        components.push(_jsx(Circle, { type: "horizontal", number: i + 1, text: text, status: getStatus(activeStep, i) }, `circle-${i}-step-${randomId(4)}`));
-        if (i < steps.length - 1) {
-            components.push(_jsx(Line, { type: "horizontal", status: getStatus(activeStep, i) }, `line-${i}-step-${randomId(4)}`));
-        }
-    }
-    return (_jsx("div", Object.assign({}, restProps, { className: classNames('ndl-horizontal-wizard', className), role: "navigation", children: components })));
-};
-export const Vertical = (_a) => {
-    var { activeStep, steps, className } = _a, restProps = __rest(_a, ["activeStep", "steps", "className"]);
-    const components = [];
-    for (let i = 0; i < steps.length; i++) {
-        const text = steps[i];
-        components.push(_jsx(Circle, { type: "vertical", number: i + 1, text: text, status: getStatus(activeStep, i) }, `circle-${i}-step-${randomId(4)}`));
-        if (i < steps.length - 1) {
-            components.push(_jsx(Line, { type: "vertical", status: getStatus(activeStep, i) }, `line-${i}-step-${randomId(4)}`));
-        }
-    }
-    return (_jsx("div", Object.assign({}, restProps, { className: classNames('ndl-vertical-wizard ', className), role: "navigation", children: components })));
-};
-export const Footer = (_a) => {
-    var { activeStep, steps, className } = _a, restProps = __rest(_a, ["activeStep", "steps", "className"]);
-    return (_jsx("div", Object.assign({}, restProps, { className: classNames('ndl-footer-wizard', className), role: "navigation", children: _jsxs("div", { className: "n-flex n-items-center", children: [_jsx("div", { className: "n-w-token-12 n-mr-token-7 n-h-token-1 n-bg-palette-neutral-border-strong" }), steps.map((v, i) => (_jsx("div", { className: "n-items-center n-justify-center n-flex n-px-token-2", children: _jsxs("svg", { className: `n-size-token-4 footer-circle ${getStatus(activeStep, i)}`, children: [getStatus(activeStep, i) === 'active' && (_jsx("g", { children: _jsx("circle", { className: "n-fill-palette-primary-text", cx: "4", cy: "4", r: "4" }) })), _jsx("circle", { className: `${getStatus(activeStep, i) === 'active'
-                                    ? 'n-fill-palette-primary-text'
-                                    : 'n-fill-palette-neutral-border-strong'}`, cx: "4", cy: "4", r: "3" })] }) }, i))), _jsx("div", { className: "n-w-token-12 n-ml-token-7 n-h-token-1 n-bg-palette-neutral-border-strong" })] }) })));
-};
-export const Wizard = (_a) => {
-    var { type = 'horizontal', activeStep = 0, steps = [] } = _a, restProps = __rest(_a, ["type", "activeStep", "steps"]);
-    const allProps = Object.assign({ activeStep: activeStep, steps: steps }, restProps);
-    switch (type) {
-        case 'vertical':
-            return _jsx(Vertical, Object.assign({}, allProps));
-        case 'footer':
-            return _jsx(Footer, Object.assign({}, allProps));
-        default:
-            return _jsx(Horizontal, Object.assign({}, allProps));
-    }
+    return (_jsxs(Component, Object.assign({ className: wizardClasses, ref: ref }, htmlAttributes, { children: [_jsx("div", { className: "ndl-wizard-steps-line" }), steps.map((step, index) => {
+                return (_jsx("div", { className: stepClasses(index), children: _jsx("div", { className: "ndl-wizard-circle" }) }, index));
+            }), _jsx("div", { className: "ndl-wizard-steps-line" })] })));
+});
+const Circle = ({ status, number, }) => {
+    const innerCircleClasses = classNames({
+        'n-fill-palette-primary-bg-strong': status === 'complete' || status === 'active',
+        'n-fill-palette-neutral-bg-stronger': status === 'incomplete',
+        'n-fill-palette-danger-bg-strong': status === 'error',
+    });
+    return (_jsx("div", { className: "ndl-wizard-circle", children: _jsxs("svg", { children: [status === 'active' && (_jsx("g", { children: _jsx("circle", { className: "n-stroke-palette-primary-bg-strong", style: { fill: 'transparent', strokeWidth: 2 }, cx: "16", cy: "16", r: "14" }) })), _jsx("circle", { className: innerCircleClasses, cx: "16", cy: "16", r: "12" }), _jsx("text", { x: "50%", y: "50%", fontSize: 14, className: "n-fill-palette-neutral-bg-weak", textAnchor: "middle", dy: "0.3em", children: status === 'error' ? '!' : number })] }) }));
 };
 //# sourceMappingURL=Wizard.js.map

package/lib/esm/wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../src/wizard/Wizard.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,SAAiB,EAAE,EAAE,CAC1D,SAAS,GAAG,CAAC,KAAK,UAAU;IAC1B,CAAC,CAAC,QAAQ;IACV,CAAC,CAAC,UAAU,GAAG,SAAS,GAAG,CAAC;QAC1B,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,UAAU,CAAC;AAEnB,MAAM,MAAM,GAAG,CAAC,EACd,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,GAML,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,YAAY,EAAE,MAAM,KAAK,QAAQ;QACjC,cAAc,EAAE,MAAM,KAAK,UAAU;QACrC,gBAAgB,EAAE,MAAM,KAAK,YAAY;KAC1C,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC;QAC7B,gBAAgB,EAAE,IAAI,KAAK,YAAY;QACvC,cAAc,EAAE,IAAI,KAAK,UAAU;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,YAAY,YACzB,cAAK,SAAS,EAAE,YAAY,WAAW,EAAE,YAAG,IAAI,GAAO,GACnD,EAEN,eAAK,SAAS,EAAE,aAAa,aAAa,EAAE,aACzC,MAAM,KAAK,QAAQ,IAAI,CACtB,wBACE,iBACE,SAAS,EAAC,6BAA6B,EACvC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,GACN,EACF,iBAAQ,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,IAC7D,CACL,EACD,iBACE,SAAS,EAAE,GACT,MAAM,KAAK,UAAU,IAAI,MAAM,KAAK,QAAQ;4BAC1C,CAAC,CAAC,6BAA6B;4BAC/B,CAAC,CAAC,qCACN,EAAE,EACF,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,GACN,EACF,eACE,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,mBAAmB,EAC7B,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAC,OAAO,YAET,MAAM,GACF,IACH,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,EACZ,MAAM,EACN,IAAI,GAIL,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE;QAC5C,YAAY,EAAE,MAAM,KAAK,QAAQ;QACjC,cAAc,EAAE,MAAM,KAAK,UAAU;QACrC,gBAAgB,EAAE,MAAM,KAAK,YAAY;QACzC,gBAAgB,EAAE,IAAI,KAAK,YAAY;QACvC,cAAc,EAAE,IAAI,KAAK,UAAU;KACpC,CAAC,CAAC;IAEH,OAAO,mCAAiB,SAAS,EAAE,OAAO,GAAI,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAKC,EAAE,EAAE;QALL,EACzB,UAAU,EACV,KAAK,EACL,SAAS,OAEiB,EADvB,SAAS,cAJa,oCAK1B,CADa;IAEZ,MAAM,UAAU,GAAkB,EAAE,CAAC;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,UAAU,CAAC,IAAI,CACb,KAAC,MAAM,IAEL,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE,CAAC,GAAG,CAAC,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,IAJ3B,UAAU,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAKtC,CACH,CAAC;QAEF,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,UAAU,CAAC,IAAI,CACb,KAAC,IAAI,IAEH,IAAI,EAAC,YAAY,EACjB,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,IAF3B,QAAQ,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAGpC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,CACL,8BACM,SAAS,IACb,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,EACzD,IAAI,EAAC,YAAY,YAEhB,UAAU,IACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAKG,EAAE,EAAE;QALP,EACvB,UAAU,EACV,KAAK,EACL,SAAS,OAEiB,EADvB,SAAS,cAJW,oCAKxB,CADa;IAEZ,MAAM,UAAU,GAAkB,EAAE,CAAC;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,UAAU,CAAC,IAAI,CACb,KAAC,MAAM,IAEL,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,CAAC,GAAG,CAAC,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,IAJ3B,UAAU,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAKtC,CACH,CAAC;QACF,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACzB,UAAU,CAAC,IAAI,CACb,KAAC,IAAI,IAEH,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,IAF3B,QAAQ,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,CAGpC,CACH,CAAC;QACJ,CAAC;IACH,CAAC;IACD,OAAO,CACL,8BACM,SAAS,IACb,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,EACxD,IAAI,EAAC,YAAY,YAEhB,UAAU,IACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAKK,EAAE,EAAE;QALT,EACrB,UAAU,EACV,KAAK,EACL,SAAS,OAEiB,EADvB,SAAS,cAJS,oCAKtB,CADa;IACmB,OAAA,CAC/B,8BACM,SAAS,IACb,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,EACrD,IAAI,EAAC,YAAY,YAEjB,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,0EAA0E,GAAG,EAC3F,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,cACE,SAAS,EAAC,qDAAqD,YAG/D,eACE,SAAS,EAAE,gCAAgC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,aAEpE,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,QAAQ,IAAI,CACxC,sBACE,iBACE,SAAS,EAAC,6BAA6B,EACvC,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,GACL,GACA,CACL,EACD,iBACE,SAAS,EAAE,GACT,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,QAAQ;oCACnC,CAAC,CAAC,6BAA6B;oCAC/B,CAAC,CAAC,sCACN,EAAE,EACF,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,GACL,IACE,IAzBD,CAAC,CA0BF,CACP,CAAC,EACF,cAAK,SAAS,EAAC,0EAA0E,GAAG,IACxF,IACF,CACP,CAAA;CAAA,CAAC;AAQF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACrB,IAAI,GAAG,YAAY,EACnB,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,EAAE,OAEE,EADT,SAAS,cAJS,+BAKtB,CADa;IAEZ,MAAM,QAAQ,mBACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,IACT,SAAS,CACb,CAAC;IAEF,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,UAAU;YACb,OAAO,KAAC,QAAQ,oBAAK,QAAQ,EAAI,CAAC;QACpC,KAAK,QAAQ;YACX,OAAO,KAAC,MAAM,oBAAK,QAAQ,EAAI,CAAC;QAClC;YACE,OAAO,KAAC,UAAU,oBAAK,QAAQ,EAAI,CAAC;IACxC,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../../src/wizard/Wizard.tsx"],"names":[],"mappings":"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"}

package/lib/types/_common/CodeBlockWrapper.d.ts

@@ -19,16 +19,20 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type IconButtonProps } from '../button';
-import { type ElementBase } from '../helpers';
-export interface CodeBlockWrapperProps extends ElementBase<HTMLElement> {
+import { IconButton } from '../button';
+export interface CodeBlockWrapperProps {
     maxHeight?: number;
     code: string;
     headerTitle?: string | JSX.Element;
     children: JSX.Element;
-    disabled?: boolean;
-    actions?: IconButtonProps[];
+    isDisabled?: boolean;
+    actions?: React.ComponentPropsWithoutRef<typeof IconButton<'button'>>[];
     shouldShowExpandButton: boolean;
     setShouldShowExpandButton: React.Dispatch<React.SetStateAction<boolean>>;
+    className?: string;
+    style?: React.CSSProperties;
 }
-export declare const CodeBlockWrapper: React.ForwardRefExoticComponent<CodeBlockWrapperProps & React.RefAttributes<unknown>>;
+export declare const CodeBlockWrapper: React.ForwardRefExoticComponent<{
+    htmlAttributes?: import("./types").HtmlAttributes<React.ElementType<any>> | undefined;
+    as?: React.ElementType<any> | undefined;
+} & CodeBlockWrapperProps & React.RefAttributes<unknown>>;

package/lib/types/_common/ConditionalWrap.d.ts

@@ -22,8 +22,8 @@
  * Component to enable conditional
  * wrapping of components
  */
-export declare const ConditionalWrap: ({ condition, wrap, children, }: {
-    condition: boolean;
+export declare const ConditionalWrap: ({ shouldWrap, wrap, children, }: {
+    shouldWrap: boolean;
     wrap: (childre: JSX.Element) => JSX.Element;
     children: JSX.Element;
 }) => JSX.Element;

package/lib/types/_common/coditionalWrap.d.ts

@@ -19,9 +19,9 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 type ConditionalWrapProps = {
-    condition: boolean;
+    shouldWrap: boolean;
     wrapper: (children: React.ReactNode) => React.ReactNode;
     children: React.ReactNode;
 };
-export declare const ConditionalWrap: ({ condition, wrapper, children, }: ConditionalWrapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConditionalWrap: ({ shouldWrap: condition, wrapper, children, }: ConditionalWrapProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/_common/input/RadioAndCheckboxWrapper.d.ts

@@ -18,8 +18,9 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-
+import React, { type ComponentPropsWithoutRef } from 'react';
 import { type CommonInputProps } from './types';
+import { type HtmlAttributes } from '../types';
 /**
  *
  *
@@ -29,10 +30,20 @@ import { type CommonInputProps } from './types';
  */
 export interface RadioAndCheckboxProps extends Omit<CommonInputProps, 'label'> {
     /** Sets checked state */
-    checked?: boolean;
+    isChecked?: boolean;
     /** Displays label before */
-    labelBefore?: boolean;
+    hasLabelBefore?: boolean;
     label?: string | React.ReactNode;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isFluid?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: ComponentPropsWithoutRef<'input'>['type'];
+    ariaLabel?: string;
+    isDefaultChecked?: boolean;
+    /** HTML attributes */
+    htmlAttributes?: HtmlAttributes<'input'>;
 }
 /** Add any helper functions here. */
 /**
@@ -43,5 +54,5 @@ export interface RadioAndCheckboxProps extends Omit<CommonInputProps, 'label'> {
  *
  */
 export declare const customLabelAndNoAriaLabelWarningMessage = "aria label not detected when using a custom label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI";
-declare const _default: import("react").ForwardRefExoticComponent<Omit<RadioAndCheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<RadioAndCheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/lib/types/_common/input/types.d.ts

@@ -18,21 +18,19 @@
  *  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 { type ComponentPropsWithoutRef } from 'react';
-import { type ComponentPropsWithoutRefAsObj } from '../../helpers';
-import { type Tip } from '../../tip';
-export interface CommonInputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'size'> {
+import { type Tooltip } from '../../tooltip';
+export interface CommonInputProps {
     /** Sets disabled state */
-    disabled?: boolean;
+    isDisabled?: boolean;
     /** Sets the label */
     label?: string | React.ReactNode;
     /** Displays with fluid width */
-    fluid?: boolean;
+    isFluid?: boolean;
     /** Ref to the `input` element */
     ref?: React.RefObject<HTMLInputElement>;
 }
 export type TooltipObjectProps = {
-    tooltipRoot?: Partial<ComponentPropsWithoutRefAsObj<typeof Tip>>;
-    tooltipTrigger?: Partial<ComponentPropsWithoutRefAsObj<(typeof Tip)['Trigger']>>;
-    tooltipContent?: Partial<ComponentPropsWithoutRefAsObj<(typeof Tip)['Content']>>;
+    tooltipRoot?: Partial<React.ComponentPropsWithoutRef<typeof Tooltip>>;
+    tooltipTrigger?: Partial<React.ComponentPropsWithoutRef<typeof Tooltip.Trigger>>;
+    tooltipContent?: Partial<React.ComponentPropsWithoutRef<typeof Tooltip.Content>>;
 };

package/lib/types/_common/messages.d.ts

@@ -19,4 +19,3 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 export declare const customLabelAndNoAriaLabelWarningMessage = "aria label not detected when using a custom label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI";
-export declare const anchorElNotSetWarningMessage = "anchorEl property reference is null. This component might not work as expected.";

package/lib/types/_common/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ *
+ *  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 { type ComponentPropsWithoutRef } from 'react';
+export type PolymorphicComponentProps<T extends React.ElementType, Props = Record<string, never>> = {
+    /**
+     * Html attributes to apply to the root element. This will override any default html attributes, use with caution.
+     */
+    htmlAttributes?: HtmlAttributes<T>;
+    /**
+     * An override of the default HTML tag of the root of the component.
+     * Can also be another React component.
+     */
+    as?: T;
+} & Props;
+export type PolymorphicRef<T extends React.ElementType> = React.ComponentPropsWithRef<T>['ref'];
+export type PolymorphicComponentPropsWithRef<T extends React.ElementType, Props = Record<string, never>> = PolymorphicComponentProps<T, Props> & {
+    ref?: PolymorphicRef<T>;
+};
+export type HtmlAttributes<T extends React.ElementType> = ComponentPropsWithoutRef<T> & {
+    [key: `data-${string}`]: string | undefined;
+};
+export type PolymorphicComponent<U extends Record<string, unknown>, D extends React.ElementType> = <T extends React.ElementType = D>(props: PolymorphicComponentPropsWithRef<T, U>) => React.ReactNode | null;

package/lib/types/accordion/Accordion.d.ts

@@ -19,20 +19,23 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type ElementBase } from '../helpers';
+import { type HtmlAttributes } from '../_common/types';
 export type AccordionItemId = string | number | undefined;
-export interface AccordionBase extends ElementBase<HTMLDivElement> {
-    children: React.ReactNode | string;
+export interface AccordionBase {
+    /** The component children. */
+    children: React.ReactNode;
+    /** Additional className */
     className?: string;
-    as?: string | React.ComponentType<any>;
+    /** HtmlAttributes */
+    htmlAttributes?: HtmlAttributes<'div'>;
 }
 interface IsNotMultiple<T extends AccordionItemId> {
-    multiple: false | undefined;
+    isMultiple: false | undefined;
     expandedItemId: T | null;
     onChange: (expandedItemId: T | null) => void;
 }
 interface IsMultiple<T extends AccordionItemId> {
-    multiple: true;
+    isMultiple: true;
     expandedItemIds: T[];
     onChange: (expandedItemIds: T[]) => void;
 }
@@ -40,7 +43,7 @@ type AccordionIsMultiple<T extends AccordionItemId> = AccordionBase & IsMultiple
 type AccordionIsNotMultiple<T extends AccordionItemId> = AccordionBase & IsNotMultiple<T>;
 export type AccordionProps<T extends AccordionItemId> = AccordionIsMultiple<T> | AccordionIsNotMultiple<T>;
 export type AccordionArrowPosition = 'left' | 'right';
-export interface AccordionItemProps<T extends AccordionItemId> extends ElementBase<HTMLDivElement> {
+export interface AccordionItemProps<T extends AccordionItemId> {
     /** The component item id. */
     itemId: T;
     /** The title. */
@@ -50,11 +53,14 @@ export interface AccordionItemProps<T extends AccordionItemId> extends ElementBa
     /** Which side the accordion arrow will appear. */
     arrowPosition?: AccordionArrowPosition;
     /** If the component item is disabled. */
-    disabled?: boolean;
+    isDisabled?: boolean;
+    htmlAttributes?: HtmlAttributes<'div'>;
+    children?: React.ReactNode;
+    className?: string;
 }
 declare const Accordion: (<T extends AccordionItemId>(props: AccordionProps<T> & React.RefAttributes<unknown>) => React.ReactElement | null) & {
     Item: {
-        <T extends AccordionItemId>({ itemId, children, title, className, arrowPosition, disabled, onExpandedChange, ...restProps }: AccordionItemProps<T>): import("react/jsx-runtime").JSX.Element;
+        <T extends AccordionItemId>({ itemId, children, title, className, arrowPosition, isDisabled, onExpandedChange, htmlAttributes, ...restProps }: AccordionItemProps<T>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/lib/types/avatar/Avatar.d.ts

@@ -19,21 +19,27 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type ElementBase } from '../helpers';
-export interface AvatarProps extends ElementBase<HTMLDivElement> {
-    as?: string | React.ComponentType<any>;
-    className?: string;
+import { type PolymorphicComponentPropsWithRef } from '../_common/types';
+export type AvatarProps = {
     hasStatus?: boolean;
     isDisabled?: boolean;
     name?: string;
     shape?: 'circle' | 'square' | undefined;
     size?: 'small' | 'medium' | 'large' | 'x-large';
+    /**  Source URI for the image. */
     source?: string;
     status?: 'offline' | 'online' | 'unknown' | undefined;
     type?: 'icon' | 'image' | 'letters';
-}
+    className?: string;
+} & ({
+    as: 'button';
+    onClick: () => void;
+} | {
+    as?: React.ElementType;
+});
+type AvatarComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, AvatarProps>) => React.ReactNode | null;
 export declare const defaultProps: {
-    as: string;
+    as: "div";
     className: undefined;
     hasStatus: false;
     isDisabled: false;
@@ -44,4 +50,5 @@ export declare const defaultProps: {
     status: undefined;
     type: "image";
 };
-export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<unknown>>;
+export declare const Avatar: AvatarComponent;
+export {};