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

package/lib/esm/button/Button.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,30 +19,13 @@
  *  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 __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";
 import React from 'react';
 import { classNames } from '../_common/defaultImports';
 import { removeNewlines, removeSpaces } from '../_common/utils';
 import { LoadingSpinner } from '../loading-spinner';
-export const Button = React.forwardRef(function Button(_a, ref) {
-    var { children, as, type = 'button', loading = false, color = 'primary', disabled = false, fill = 'filled', size = 'medium', className, onClick, floating = false, tabIndex = 0 } = _a, restProps = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "size", "className", "onClick", "floating", "tabIndex"]);
-    let Component = as || 'button';
-    if (!as && restProps.href) {
-        Component = 'a';
-    }
-    const isInteractable = !disabled && !loading;
+export const Button = React.forwardRef(function Button({ children, as, type = 'button', isLoading = false, color = 'primary', isDisabled = false, fill = 'filled', size = 'medium', className, onClick, isFloating = false, htmlAttributes, }, ref) {
+    const Component = as || 'button';
+    const isInteractable = !isDisabled && !isLoading;
     const classes = classNames('ndl-btn', {
         'ndl-small': size === 'small',
         'ndl-medium': size === 'medium',
@@ -49,9 +33,9 @@ export const Button = React.forwardRef(function Button(_a, ref) {
         'ndl-filled': fill === 'filled',
         'ndl-outlined': fill === 'outlined',
         'ndl-text': fill === 'text',
-        'ndl-disabled': disabled,
-        'ndl-loading': loading,
-        'ndl-floating-btn': floating,
+        'ndl-disabled': isDisabled,
+        'ndl-loading': isLoading,
+        'ndl-floating-btn': isFloating,
         /** Now check button is outlined or filled */
         /**
          * Notice:
@@ -91,12 +75,12 @@ export const Button = React.forwardRef(function Button(_a, ref) {
          active:n-bg-palette-${color}-pressed-weak
       `}
       `]: fill === 'text' && color !== 'neutral',
-        [`	
+        [`
      n-text-palette-neutral-text-weak
       ${isInteractable && `hover:n-bg-palette-neutral-bg-default`}
       `]: fill === 'text' && color == 'neutral',
     });
-    const sanitisedClasses = removeSpaces(removeNewlines(classes));
+    const sanitizedClasses = removeSpaces(removeNewlines(classes));
     const handleClick = (e) => {
         if (!isInteractable) {
             // By default, a <button /> element with disabled set to true will not get its
@@ -112,7 +96,7 @@ export const Button = React.forwardRef(function Button(_a, ref) {
         }
     };
     return (_jsxs(Component
-    /** First props and then className to avoid overriding in classNames */
-    , Object.assign({}, restProps, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitisedClasses, className].join(' '), ref: ref, tabIndex: !isInteractable ? -1 : tabIndex, children: [loading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
+    /** Add button type prop only for button components */
+    , Object.assign({}, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: [sanitizedClasses, className].join(' '), ref: ref, tabIndex: !isInteractable ? -1 : 0 }, htmlAttributes, { children: [isLoading ? (_jsx(LoadingSpinner, { className: "n-my-auto n-mr-token-3", size: "small" })) : null, children] })));
 });
 //# sourceMappingURL=Button.js.map

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

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

package/lib/esm/button/IconButton.js

@@ -35,28 +35,25 @@ import { classNames } from '../_common/defaultImports';
 import { needleWarningMessage } from '../_common/utils';
 import { LoadingSpinner } from '../loading-spinner';
 export const IconButton = React.forwardRef(function Button(_a, ref) {
-    var { children, as, type = 'button', loading = false, disabled = false, size = 'medium', className, onClick, grouped, floating = false, danger, clean, active = false } = _a, restProps = __rest(_a, ["children", "as", "type", "loading", "disabled", "size", "className", "onClick", "grouped", "floating", "danger", "clean", "active"]);
-    let Component = as || 'button';
-    if (!as && restProps.href) {
-        Component = 'a';
-    }
-    const isInteractable = !disabled && !loading;
+    var { children, as, isLoading = false, isDisabled = false, size = 'medium', className, isGrouped, isFloating = false, isDanger, isClean, isActive = false, ariaLabel, htmlAttributes, onClick } = _a, restProps = __rest(_a, ["children", "as", "isLoading", "isDisabled", "size", "className", "isGrouped", "isFloating", "isDanger", "isClean", "isActive", "ariaLabel", "htmlAttributes", "onClick"]);
+    const Component = as || 'button';
+    const isInteractable = !isDisabled && !isLoading;
     const classes = classNames('ndl-icon-btn', className, {
         'ndl-small': size === 'small',
         'ndl-medium': size === 'medium',
         'ndl-large': size === 'large',
-        'ndl-grouped': grouped,
-        'ndl-disabled': disabled,
-        'ndl-loading': loading,
-        'ndl-floating': floating,
-        'ndl-danger': danger,
-        'ndl-clean': clean,
-        'ndl-active': active,
+        'ndl-grouped': isGrouped,
+        'ndl-disabled': isDisabled,
+        'ndl-loading': isLoading,
+        'ndl-floating': isFloating,
+        'ndl-danger': isDanger,
+        'ndl-clean': isClean,
+        'ndl-active': isActive,
     });
-    if (clean && floating) {
+    if (isClean && isFloating) {
         needleWarningMessage("Can't have 'clean' and 'floating' props true at the same time");
     }
-    if (!restProps['aria-label']) {
+    if (!htmlAttributes || (htmlAttributes && !htmlAttributes['aria-label'])) {
         needleWarningMessage('Icon buttons do not have text, be sure to include an aria-label for screen readers link: https://dequeuniversity.com/rules/axe/4.4/button-name?application=axeAPI');
     }
     const handleClick = (e) => {
@@ -72,12 +69,7 @@ export const IconButton = React.forwardRef(function Button(_a, ref) {
         if (onClick) {
             onClick(e);
         }
-        else if (!restProps.href) {
-            console.error('onClick was not provided');
-        }
     };
-    return (_jsx(Component
-    /** First props and then className to avoid overriding in classNames */
-    , Object.assign({}, restProps, (Component === 'button' ? { type } : {}), { onClick: handleClick, disabled: !isInteractable, className: classes, ref: ref, children: loading ? (_jsx(LoadingSpinner, { size: "small" })) : (_jsx("div", { className: "ndl-icon", children: children })) })));
+    return (_jsx(Component, Object.assign({ onClick: handleClick, disabled: !isInteractable, "aria-label": ariaLabel, className: classes, ref: ref }, restProps, htmlAttributes, { children: isLoading ? (_jsx(LoadingSpinner, { size: "small" })) : (_jsx("div", { className: "ndl-icon", children: children })) })));
 });
 //# sourceMappingURL=IconButton.js.map

package/lib/esm/button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/button/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAsCpD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CACxD,EAekB,EAClB,GAAG;QAhBH,EACE,QAAQ,EACR,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,MAAM,GAAG,KAAK,OAEE,EADb,SAAS,cAdd,qIAeC,CADa;IAId,IAAI,SAAS,GAAG,EAAE,IAAI,QAAQ,CAAC;IAE/B,IAAI,CAAC,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC;QAC1B,SAAS,GAAG,GAAG,CAAC;IAClB,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC;IAE7C,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACpD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,aAAa,EAAE,OAAO;QACtB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,OAAO;QACtB,cAAc,EAAE,QAAQ;QACxB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,KAAK;QAClB,YAAY,EAAE,MAAM;KACrB,CAAC,CAAC;IAEH,IAAI,KAAK,IAAI,QAAQ,EAAE,CAAC;QACtB,oBAAoB,CAClB,+DAA+D,CAChE,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC;QAC7B,oBAAoB,CAClB,mKAAmK,CACpK,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;aAAM,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS;IACR,uEAAuE;wBACnE,SAAS,EAET,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC5C,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,cAAc,EACzB,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,YAEP,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAChC,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAO,CAC3C,IACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/button/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA4EpD,MAAM,CAAC,MAAM,UAAU,GAAwB,KAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAG7E,EAgBgD,EAChD,GAAsB;QAjBtB,EACE,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,cAAc,EACd,OAAO,OAEuC,EAD3C,SAAS,cAfd,0KAgBC,CADa;IAId,MAAM,SAAS,GAAsB,EAAE,IAAI,QAAQ,CAAC;IAEpD,MAAM,cAAc,GAAG,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC;IAEjD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACpD,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,UAAU;QAC1B,aAAa,EAAE,SAAS;QACxB,cAAc,EAAE,UAAU;QAC1B,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,IAAI,OAAO,IAAI,UAAU,EAAE,CAAC;QAC1B,oBAAoB,CAClB,+DAA+D,CAChE,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;QACzE,oBAAoB,CAClB,mKAAmK,CACpK,CAAC;IACJ,CAAC;IAED,MAAM,WAAW,GAAG,CAAC,CAAkD,EAAE,EAAE;QACzE,IAAI,CAAC,cAAc,EAAE,CAAC;YACpB,8EAA8E;YAC9E,yEAAyE;YACzE,iFAAiF;YACjF,4CAA4C;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,cAAc,gBACb,SAAS,EACrB,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,IAEJ,SAAS,EACT,cAAc,cAEjB,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,cAAc,IAAC,IAAI,EAAC,OAAO,GAAG,CAChC,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAO,CAC3C,IACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/button/IconButtonArray.js

@@ -1,15 +1,4 @@
-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 } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -32,19 +21,51 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import React from 'react';
 import { classNames } from '../_common/defaultImports';
-/**
- * TODO: v3. Incorporate the `size` prop into the component, and pass it to IconButton children.
- * We need to use also the `size` prop to adjust padding in various sizes, now it has a fixed padding.
- */
-export const IconButtonArray = React.forwardRef(function Button(_a, ref) {
-    var { children, as, className, floating = false, orientation = 'horizontal' } = _a, restProps = __rest(_a, ["children", "as", "className", "floating", "orientation"]);
-    const Component = as || 'div';
+import { IconButton } from './IconButton';
+import { ChevronDownIconOutline, ChevronUpIconOutline, ChevronLeftIconOutline, ChevronRightIconOutline, } from '../icons';
+const CollapsibleButtonWrapper = ({ children, }) => {
+    return _jsx(_Fragment, { children: children });
+};
+CollapsibleButtonWrapper.displayName = 'CollapsibleButtonWrapper';
+export const IconButtonArrayComponent = React.forwardRef(function IconButtonArrayComponent({ children, as, className, isFloating = false, orientation = 'horizontal', size = 'medium', htmlAttributes, }, ref) {
+    const [isCollapsed, setIsCollapsed] = React.useState(true);
     const classes = classNames('ndl-icon-btn-array', {
         'n-flex-row': orientation === 'horizontal',
         'n-flex-col': orientation === 'vertical',
-        'ndl-array-floating': floating,
-        [`${className}`]: className,
+        'ndl-array-floating': isFloating,
+        [`ndl-${size}`]: size,
+        [className]: className,
     });
-    return (_jsx(Component, Object.assign({}, restProps, { className: classes, ref: ref, children: children })));
+    const Component = as || 'div';
+    const applySizeProp = (child) => {
+        if (React.isValidElement(child) &&
+            child.type === IconButton) {
+            return React.cloneElement(child, { size: child.props.size || size });
+        }
+        return child;
+    };
+    const childrenArray = React.Children.toArray(children);
+    const fixedButtons = childrenArray.filter((child) => !React.isValidElement(child) ||
+        child.type.displayName !==
+            'CollapsibleButtonWrapper');
+    const fixedButtonsWithProps = React.Children.map(fixedButtons, applySizeProp);
+    const collapsibleButtonWrapper = childrenArray.find((child) => React.isValidElement(child) &&
+        child.type.displayName ===
+            'CollapsibleButtonWrapper');
+    const collapsibleButtonsWithProps = collapsibleButtonWrapper
+        ? React.Children.map(collapsibleButtonWrapper.props.children, applySizeProp)
+        : null;
+    const renderChevronIcon = () => {
+        if (orientation === 'horizontal') {
+            return isCollapsed ? (_jsx(ChevronRightIconOutline, {})) : (_jsx(ChevronLeftIconOutline, {}));
+        }
+        return isCollapsed ? (_jsx(ChevronDownIconOutline, {})) : (_jsx(ChevronUpIconOutline, {}));
+    };
+    return (_jsxs(Component, Object.assign({ role: "group", className: classes, ref: ref }, htmlAttributes, { children: [fixedButtonsWithProps, collapsibleButtonsWithProps && (_jsxs(_Fragment, { children: [!isCollapsed && collapsibleButtonsWithProps, _jsx(IconButton, { onClick: () => setIsCollapsed(!isCollapsed), size: size, ariaLabel: "Show more", "aria-expanded": !isCollapsed, isClean: true, isGrouped: true, children: renderChevronIcon() })] }))] })));
+});
+const IconButtonArray = Object.assign(IconButtonArrayComponent, {
+    CollapsibleButtonWrapper,
 });
+IconButtonArray.displayName = 'IconButtonArray';
+export { IconButtonArray };
 //# sourceMappingURL=IconButtonArray.js.map

package/lib/esm/button/IconButtonArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/button/IconButtonArray.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAqBvD;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAC7D,EAOuB,EACvB,GAAG;QARH,EACE,QAAQ,EACR,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,YAAY,OAEL,EADlB,SAAS,cANd,0DAOC,CADa;IAId,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,EAAE;QAC/C,YAAY,EAAE,WAAW,KAAK,YAAY;QAC1C,YAAY,EAAE,WAAW,KAAK,UAAU;QACxC,oBAAoB,EAAE,QAAQ;QAC9B,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,SAAS,oBAAK,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YACnD,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"IconButtonArray.js","sourceRoot":"","sources":["../../../src/button/IconButtonArray.tsx"],"names":[],"mappings":"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"}

package/lib/esm/callout/Callout.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";
 /**
  *
@@ -66,8 +55,7 @@ const getStatusIcon = (iconType) => {
  *
  *
  */
-export const Callout = React.forwardRef(function Callout(_a, ref) {
-    var { as, type = 'note', header = null, children, description = null, className } = _a, restProps = __rest(_a, ["as", "type", "header", "children", "description", "className"]);
+export const Callout = React.forwardRef(function Callout({ as, type = 'note', header = null, children, description = null, className, htmlAttributes, }, ref) {
     const Component = as || 'div';
     const classes = classNames('ndl-callout', className, {
         'ndl-callout-note': type === 'note',
@@ -75,6 +63,6 @@ export const Callout = React.forwardRef(function Callout(_a, ref) {
         'ndl-callout-example': type === 'example',
         'ndl-callout-tip': type === 'tip',
     });
-    return (_jsxs(Component, Object.assign({ ref: ref }, restProps, { className: classes, children: [_jsx("div", { className: "ndl-callout-rectangle" }), _jsxs("div", { className: "ndl-callout-wrapper", children: [getStatusIcon(type), _jsxs("div", { className: "ndl-callout-content", children: [_jsx(Typography, { variant: "h6", className: "ndl-callout-title", children: type.toUpperCase() }), header && (_jsx(Typography, { variant: "subheading-medium", className: "ndl-callout-header", children: header })), (description || children) && (_jsx(Typography, { variant: "body-medium", className: "ndl-callout-description", children: children || description }))] })] })] })));
+    return (_jsxs(Component, Object.assign({ ref: ref, className: classes }, htmlAttributes, { children: [_jsx("div", { className: "ndl-callout-rectangle" }), _jsxs("div", { className: "ndl-callout-wrapper", children: [getStatusIcon(type), _jsxs("div", { className: "ndl-callout-content", children: [_jsx(Typography, { variant: "h6", className: "ndl-callout-title", children: type.toUpperCase() }), header && (_jsx(Typography, { variant: "subheading-medium", className: "ndl-callout-header", children: header })), (description || children) && (_jsx(Typography, { variant: "body-medium", className: "ndl-callout-description", children: children || description }))] })] })] })));
 });
 //# sourceMappingURL=Callout.js.map

package/lib/esm/callout/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/callout/Callout.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,EAC9B,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwB3C;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAqB,EAAE,EAAE;IAC9C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,WAAW;YACd,aAAa,GAAG,CACd,KAAC,8BAA8B,IAAC,SAAS,EAAC,4BAA4B,GAAG,CAC1E,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,CACd,KAAC,iBAAiB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAC3D,CAAC;YACF,MAAM;QACR,KAAK,KAAK;YACR,aAAa,GAAG,KAAC,oBAAoB,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YAC1E,MAAM;QACR,KAAK,MAAM,CAAC;QACZ;YACE,aAAa,GAAG,CACd,KAAC,4BAA4B,IAAC,SAAS,EAAC,uBAAuB,GAAG,CACnE,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAC,kBAAkB,YAAE,aAAa,GAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CACtD,EAQe,EACf,GAAgC;QAThC,EACE,EAAE,EACF,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,OAEI,EADV,SAAS,cAPd,gEAQC,CADa;IAId,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QACnD,kBAAkB,EAAE,IAAI,KAAK,MAAM;QACnC,uBAAuB,EAAE,IAAI,KAAK,WAAW;QAC7C,qBAAqB,EAAE,IAAI,KAAK,SAAS;QACzC,iBAAiB,EAAE,IAAI,KAAK,KAAK;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,OAAO,aACpD,cAAK,SAAS,EAAC,uBAAuB,GAAO,EAC7C,eAAK,SAAS,EAAC,qBAAqB,aACjC,aAAa,CAAC,IAAI,CAAC,EACpB,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,YACnD,IAAI,CAAC,WAAW,EAAE,GACR,EACZ,MAAM,IAAI,CACT,KAAC,UAAU,IACT,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAC,oBAAoB,YAE7B,MAAM,GACI,CACd,EACA,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAC5B,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,WAAW,GACb,CACd,IACG,IACF,KACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Callout.js","sourceRoot":"","sources":["../../../src/callout/Callout.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,OAAO,EACL,4BAA4B,EAC5B,8BAA8B,EAC9B,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA6B3C;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAqB,EAAE,EAAE;IAC9C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,WAAW;YACd,aAAa,GAAG,CACd,KAAC,8BAA8B,IAAC,SAAS,EAAC,4BAA4B,GAAG,CAC1E,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,CACd,KAAC,iBAAiB,IAAC,SAAS,EAAC,0BAA0B,GAAG,CAC3D,CAAC;YACF,MAAM;QACR,KAAK,KAAK;YACR,aAAa,GAAG,KAAC,oBAAoB,IAAC,SAAS,EAAC,sBAAsB,GAAG,CAAC;YAC1E,MAAM;QACR,KAAK,MAAM,CAAC;QACZ;YACE,aAAa,GAAG,CACd,KAAC,4BAA4B,IAAC,SAAS,EAAC,uBAAuB,GAAG,CACnE,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAC,kBAAkB,YAAE,aAAa,GAAO,CAAC;AACjE,CAAC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAGtD,EACE,EAAE,EACF,IAAI,GAAG,MAAM,EACb,MAAM,GAAG,IAAI,EACb,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,cAAc,GAC6B,EAC7C,GAAsB;IAEtB,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QACnD,kBAAkB,EAAE,IAAI,KAAK,MAAM;QACnC,uBAAuB,EAAE,IAAI,KAAK,WAAW;QAC7C,qBAAqB,EAAE,IAAI,KAAK,SAAS;QACzC,iBAAiB,EAAE,IAAI,KAAK,KAAK;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,IAAM,cAAc,eACzD,cAAK,SAAS,EAAC,uBAAuB,GAAO,EAC7C,eAAK,SAAS,EAAC,qBAAqB,aACjC,aAAa,CAAC,IAAI,CAAC,EACpB,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,YACnD,IAAI,CAAC,WAAW,EAAE,GACR,EACZ,MAAM,IAAI,CACT,KAAC,UAAU,IACT,OAAO,EAAC,mBAAmB,EAC3B,SAAS,EAAC,oBAAoB,YAE7B,MAAM,GACI,CACd,EACA,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAC5B,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,yBAAyB,YAElC,QAAQ,IAAI,WAAW,GACb,CACd,IACG,IACF,KACI,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/charts/Axis.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { forwardRef, useContext, useEffect, useMemo, useRef, useState, useImperativeHandle, } from 'react';
+import classNames from 'classnames';
+import { useResizeObserver } from 'usehooks-ts';
+import { Typography } from '../typography';
+import { ChartsChartContext } from './Chart';
+import * as d3 from 'd3';
+export const XAxis = forwardRef(function XAxis({ position, 
+//numberOfTicks = 8,
+title, labelFormat: labelFormatProp, scale: scaleId, }, ref) {
+    var _a, _b, _c, _d, _e, _f;
+    const classes = useMemo(() => classNames('ndl-charts-chart-axis', 'ndl-charts-chart-axis-x', {
+        'ndl-charts-chart-axis-top': position === 'top',
+        'ndl-charts-chart-axis-bottom': position === 'bottom',
+    }), [position]);
+    const svgRef = useRef(null);
+    const chartsChartContextValue = useContext(ChartsChartContext);
+    const xAxisRef = useRef(null);
+    const [largestTextWidth, setLargestTextWidth] = useState(50);
+    const scale = (_a = chartsChartContextValue === null || chartsChartContextValue === void 0 ? void 0 : chartsChartContextValue.scales) === null || _a === void 0 ? void 0 : _a[scaleId];
+    const containerRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        // console.info('Axis.tsx - useImperativeHandle');
+        const svgChart = containerRef.current;
+        if (!svgChart) {
+            return null;
+        }
+        return svgChart;
+    });
+    useResizeObserver({
+        ref: containerRef,
+        onResize: () => {
+            // Delay by 0ms to ensure all rendering is complete
+            setTimeout(() => {
+                var _a;
+                const childNodes = (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('text');
+                if (!childNodes) {
+                    return;
+                }
+                const textWidths = Array.from(childNodes).map((node) => {
+                    if (node instanceof SVGTextElement) {
+                        return node.getBoundingClientRect().width;
+                    }
+                    return 0;
+                });
+                setLargestTextWidth(Math.max(...textWidths));
+            }, 0);
+        },
+    });
+    const xScale = scale === null || scale === void 0 ? void 0 : scale.functionWithContentWidthAsRange;
+    /* @ts-expect-error we don't have the correct type for the tick values */
+    const labelFormat = useMemo(() => {
+        if (labelFormatProp) {
+            return labelFormatProp;
+        }
+        if (xScale === undefined) {
+            return (dataPoint) => dataPoint.toString();
+        }
+        return xScale.tickFormat();
+    }, [labelFormatProp, xScale]);
+    useEffect(() => {
+        const AxisRefCurrent = xAxisRef.current;
+        if (AxisRefCurrent === null || xScale === undefined) {
+            return;
+        }
+        const xAxis = d3
+            .axisBottom(xScale)
+            .tickValues([xScale.domain()[0], ...xScale.ticks(), xScale.domain()[1]]); // Ensure the start and end ticks
+        xAxis.tickPadding(8);
+        d3.select(AxisRefCurrent).call(xAxis);
+        return () => {
+            d3.select(AxisRefCurrent).selectAll('*').remove();
+        };
+    }, [xScale]);
+    //const ticks = d3.ticks(xScale?.range()[0], xScale?.range()[1], 5);
+    const pixelsPerTick = largestTextWidth;
+    const pixelsAvailable = (_c = (_b = chartsChartContextValue.contentSize) === null || _b === void 0 ? void 0 : _b.width) !== null && _c !== void 0 ? _c : 0;
+    const tickCount = Math.floor(pixelsAvailable / pixelsPerTick); // Adjust the number of ticks based on width (example logic)
+    const ticks = (_d = xScale === null || xScale === void 0 ? void 0 : xScale.ticks(Math.floor(tickCount))) !== null && _d !== void 0 ? _d : [];
+    if (xScale === undefined) {
+        return null;
+    }
+    const domainStrokeWidth = 2;
+    const tickLength = domainStrokeWidth + 8;
+    const marginBetweenTickAndLabel = tickLength + 8;
+    const height = '2';
+    return (_jsxs("div", { ref: containerRef, className: classes, children: [position === 'top' && (_jsx(Typography, { className: "ndl-charts-chart-axis-title", variant: "body-medium", children: title })), _jsx("svg", { ref: svgRef, children: _jsxs("g", { children: [_jsx("line", { x1: 0, x2: (_f = (_e = chartsChartContextValue.contentSize) === null || _e === void 0 ? void 0 : _e.width) !== null && _f !== void 0 ? _f : 0, y1: height, y2: height, className: "domain" }), ticks.map((tick, index) => {
+                            const x = xScale(tick);
+                            return (_jsxs("g", { className: "tick", transform: `translate(${x} 0)`, children: [_jsx("text", { y: position === 'bottom' ? marginBetweenTickAndLabel : 0, textAnchor: "middle", fill: "currentColor", children: labelFormat(tick) }), _jsx("line", { y1: position === 'bottom'
+                                            ? 0
+                                            : marginBetweenTickAndLabel + tickLength, y2: position === 'bottom'
+                                            ? tickLength
+                                            : marginBetweenTickAndLabel, stroke: "currentColor" })] }, index));
+                        })] }) }), position === 'bottom' && (_jsx(Typography, { className: "ndl-charts-chart-axis-title", variant: "body-medium", children: title }))] }));
+});
+export const YAxis = forwardRef(function YAxis({ position, title, labelFormat: labelFormatProp, scale: scaleId }, ref) {
+    var _a, _b, _c, _d;
+    const [offsetHeight, setOffsetHeight] = useState(0);
+    const [largestTextWidth, setLargestTextWidth] = useState(0);
+    const chartsChartContextValue = useContext(ChartsChartContext);
+    const scale = (_a = chartsChartContextValue === null || chartsChartContextValue === void 0 ? void 0 : chartsChartContextValue.scales) === null || _a === void 0 ? void 0 : _a[scaleId];
+    const svgRef = useRef(null);
+    const classes = useMemo(() => classNames('ndl-charts-chart-axis', 'ndl-charts-chart-axis-y', {
+        'ndl-charts-chart-axis-left': position === 'left',
+        'ndl-charts-chart-axis-right': position === 'right',
+    }), [position]);
+    const containerRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        // console.info('Axis.tsx - useImperativeHandle');
+        const svgChart = containerRef.current;
+        if (!svgChart) {
+            return null;
+        }
+        return svgChart;
+    });
+    useResizeObserver({
+        ref: containerRef,
+        onResize: () => {
+            var _a, _b;
+            setOffsetHeight((_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) !== null && _b !== void 0 ? _b : 0);
+            if (svgRef.current === null) {
+                return;
+            }
+            // Delay by 0ms to ensure all rendering is complete
+            setTimeout(() => {
+                var _a;
+                const childNodes = (_a = svgRef.current) === null || _a === void 0 ? void 0 : _a.childNodes;
+                if (!childNodes) {
+                    return;
+                }
+                const textWidths = Array.from(childNodes).map((node) => {
+                    if (node instanceof SVGTextElement) {
+                        return node.getBoundingClientRect().width;
+                    }
+                    return 0;
+                });
+                setLargestTextWidth(Math.max(...textWidths));
+            }, 0);
+        },
+    });
+    //const yScale = scale?.function.copy().range(range);
+    const yScale = scale === null || scale === void 0 ? void 0 : scale.functionWithContentHeightAsRange;
+    //@ts-expect-error - this is a hack to get the yScale to work
+    const labelFormat = useMemo(() => {
+        var _a;
+        if (labelFormatProp) {
+            return labelFormatProp;
+        }
+        return (_a = yScale === null || yScale === void 0 ? void 0 : yScale.tickFormat()) !== null && _a !== void 0 ? _a : (() => '');
+    }, [labelFormatProp, yScale]);
+    //TODO: make this dynamic
+    const pixelsPerTick = 20;
+    const pixelsAvailable = (_c = (_b = chartsChartContextValue.contentSize) === null || _b === void 0 ? void 0 : _b.height) !== null && _c !== void 0 ? _c : 0;
+    const ticks = (_d = yScale === null || yScale === void 0 ? void 0 : yScale.ticks(Math.floor(pixelsAvailable / pixelsPerTick))) !== null && _d !== void 0 ? _d : [];
+    if (yScale === undefined) {
+        return null;
+    }
+    return (_jsxs("div", { ref: containerRef, className: classes, style: { paddingLeft: '8px', paddingRight: '8px' }, children: [position === 'left' && (_jsx(Typography, { className: "ndl-charts-chart-axis-title", variant: "body-medium", children: title })), _jsx("svg", { style: {
+                    position: 'relative',
+                    height: offsetHeight,
+                    width: largestTextWidth,
+                }, ref: svgRef, children: ticks.map((tick) => {
+                    const y = yScale(tick);
+                    return (_jsx("text", { className: "tick", textAnchor: position === 'left' ? 'end' : 'start', x: position === 'left' ? '100%' : 0, y: y, dy: "0.4em", children: labelFormat(tick) }, labelFormat(tick)));
+                }) }), position === 'right' && (_jsx(Typography, { className: "ndl-charts-chart-axis-title", variant: "body-medium", children: title }))] }));
+});
+//# sourceMappingURL=Axis.js.map

package/lib/esm/charts/Axis.js.map

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

package/lib/esm/charts/CartesianGrid.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import classNames from 'classnames';
+import { useContext, useRef } from 'react';
+import { ChartsChartContext } from './Chart';
+export const CartesianGrid = ({ className, htmlAttributes, scaleXAxis: scaleXAxisId, scaleYAxis: scaleYAxisId, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const containerElement = useRef(null);
+    const classes = classNames('ndl-charts-chart-cartesian-grid', className);
+    const { scales, contentSize } = useContext(ChartsChartContext);
+    let scaleXAxis = undefined;
+    let scaleYAxis = undefined;
+    if (scaleXAxisId) {
+        scaleXAxis = (_a = scales === null || scales === void 0 ? void 0 : scales[scaleXAxisId]) === null || _a === void 0 ? void 0 : _a.functionWithContentWidthAsRange;
+    }
+    if (scaleYAxisId) {
+        scaleYAxis = (_b = scales === null || scales === void 0 ? void 0 : scales[scaleYAxisId]) === null || _b === void 0 ? void 0 : _b.functionWithContentHeightAsRange;
+    }
+    //TODO: make this dynamic
+    const pixelsPerYTick = 20;
+    const pixelsYAvailable = (_c = contentSize === null || contentSize === void 0 ? void 0 : contentSize.height) !== null && _c !== void 0 ? _c : 0;
+    const yTicks = (_d = scaleYAxis === null || scaleYAxis === void 0 ? void 0 : scaleYAxis.ticks(Math.floor(pixelsYAvailable / pixelsPerYTick))) !== null && _d !== void 0 ? _d : [];
+    //TODO: make this dynamic
+    const pixelsPerXTick = 30;
+    const pixelsXAvailable = (_e = contentSize === null || contentSize === void 0 ? void 0 : contentSize.width) !== null && _e !== void 0 ? _e : 0;
+    const xTicks = (_f = scaleXAxis === null || scaleXAxis === void 0 ? void 0 : scaleXAxis.ticks(Math.floor(pixelsXAvailable / pixelsPerXTick))) !== null && _f !== void 0 ? _f : [];
+    if (!scaleXAxis && !scaleYAxis) {
+        return null;
+    }
+    return (_jsxs("div", Object.assign({ className: classes, ref: containerElement }, htmlAttributes, { children: [yTicks.map((tick) => {
+                const y = scaleYAxis === null || scaleYAxis === void 0 ? void 0 : scaleYAxis(tick);
+                return (_jsx("div", { className: "ndl-charts-chart-cartesian-grid-line", style: {
+                        top: y,
+                        position: 'absolute',
+                        width: '100%',
+                    } }, tick.toString()));
+            }), xTicks.map((tick) => {
+                const x = scaleXAxis === null || scaleXAxis === void 0 ? void 0 : scaleXAxis(tick);
+                return (_jsx("div", { className: "ndl-charts-chart-cartesian-grid-line", style: {
+                        left: x,
+                        position: 'absolute',
+                        width: '1px',
+                        height: '100%',
+                    } }, tick.toString()));
+            })] })));
+};
+//# sourceMappingURL=CartesianGrid.js.map

package/lib/esm/charts/CartesianGrid.js.map

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