@neo4j-ndl/react 2.1.1 → 2.3.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Change Log
 
+## 2.3.0
+
+### Minor Changes
+
+- [#699](https://github.com/neo4j/neo4j-design/pull/699) [`a990957`](https://github.com/neo4j/neo4j-design/commit/a990957ce60463ce781f02b97bfea482bfa07b8c) Thanks [@basickarl](https://github.com/basickarl)! - New breadcrumbs component
+
+### Patch Changes
+
+- [#714](https://github.com/neo4j/neo4j-design/pull/714) [`ea1c470`](https://github.com/neo4j/neo4j-design/commit/ea1c4706407b9162e8d42dbe02a019d7fd482240) Thanks [@konsalex](https://github.com/konsalex)! - export layout comps and hooks
+
+- Updated dependencies [[`8b8b478`](https://github.com/neo4j/neo4j-design/commit/8b8b478a2d5af2112b88444f69098ee16a0266a7), [`a990957`](https://github.com/neo4j/neo4j-design/commit/a990957ce60463ce781f02b97bfea482bfa07b8c)]:
+  - @neo4j-ndl/base@2.3.0
+
+## 2.2.0
+
+### Minor Changes
+
+- [#700](https://github.com/neo4j/neo4j-design/pull/700) [`3f2bb49`](https://github.com/neo4j/neo4j-design/commit/3f2bb49a3fe8480d2b1c709af76e90d9b6c3fd72) Thanks [@konsalex](https://github.com/konsalex)! - new layout components, that incorporate design tokens
+
+### Patch Changes
+
+- Updated dependencies [[`3f2bb49`](https://github.com/neo4j/neo4j-design/commit/3f2bb49a3fe8480d2b1c709af76e90d9b6c3fd72)]:
+  - @neo4j-ndl/base@2.2.0
+
 ## 2.1.1
 
 ### Patch Changes

package/lib/NOTICE.txt

@@ -338,7 +338,7 @@ Third-party licenses
 │  │  ├─ URL: git://github.com/amzn/style-dictionary.git
 │  │  ├─ VendorName: Amazon
 │  │  └─ VendorUrl: https://github.com/amzn/style-dictionary
-│  └─ typescript@patch:typescript@npm%3A5.1.6#~builtin<compat/typescript>::version=5.1.6&hash=bda367 (via patch:typescript@npm%3A5.1.6#~builtin<compat/typescript>)
+│  └─ typescript@patch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>::version=5.1.6&hash=5da071 (via patch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>)
 │     ├─ URL: https://github.com/Microsoft/TypeScript.git
 │     ├─ VendorName: Microsoft Corp.
 │     └─ VendorUrl: https://www.typescriptlang.org/

package/lib/cjs/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,183 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumbs = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+// NPM
+const context_menu_1 = require("../context-menu");
+const button_1 = require("../button");
+const react_1 = require("react");
+// Local
+const defaultImports_1 = require("../_common/defaultImports");
+const icons_1 = require("../icons");
+const typography_1 = require("../typography");
+const BreadcrumbsBaseItem = (_a) => {
+    var { as = 'a', children = (0, jsx_runtime_1.jsx)(icons_1.HomeIconOutline, {}), className, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "href", "isCurrentPage", "onClick"]);
+    const Component = as;
+    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-base-item-link', className, {
+        'ndl-breadcrumbs-base-item-link-active': isCurrentPage,
+    });
+    return ((0, jsx_runtime_1.jsx)("li", { className: "ndl-breadcrumbs-base-item", children: (0, jsx_runtime_1.jsx)(Component
+        /* Overridable */
+        , Object.assign({ 
+            /* Overridable */
+            role: "button", tabIndex: 0 }, restProps, { 
+            /* Non-overridable */
+            className: classes, href: href, onClick: (event) => {
+                if (onClick)
+                    onClick(event, href);
+            }, children: children })) }));
+};
+BreadcrumbsBaseItem.displayName = 'Breadcrumbs.BaseItem';
+const BreadcrumbsGroupItem = (_a) => {
+    var { as = 'li', children, className } = _a, restProps = __rest(_a, ["as", "children", "className"]);
+    const Component = as;
+    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-group-item', className);
+    return ((0, jsx_runtime_1.jsx)(Component
+    /* Overridable */
+    , Object.assign({}, restProps, { 
+        /* Non-overridable */
+        className: classes, children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
+};
+BreadcrumbsGroupItem.displayName = 'Breadcrumbs.GroupItem';
+const BreadcrumbsItem = (_a) => {
+    var { as = 'a', children, className, hasSeparator = true, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "hasSeparator", "href", "isCurrentPage", "onClick"]);
+    const listItemClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item', {
+        'ndl-breadcrumbs-separator': hasSeparator,
+    });
+    const linkClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-link', {
+        'ndl-breadcrumbs-item-link-active': isCurrentPage,
+    }, className);
+    return ((0, jsx_runtime_1.jsx)("li", { className: listItemClasses, children: (0, jsx_runtime_1.jsx)(typography_1.Typography
+        /* Overridable */
+        , Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, as: as, role: "button", tabIndex: 0, variant: "body-medium" }, restProps, { 
+            /* Non-overridable */
+            className: linkClasses, href: href, onClick: (event) => {
+                if (onClick)
+                    onClick(event, href);
+            }, children: children })) }));
+};
+BreadcrumbsItem.displayName = 'Breadcrumbs.Item';
+const BreadcrumbsItemMenu = (_a) => {
+    var { children, className, isOpen = false, onClick, onClose } = _a, restProps = __rest(_a, ["children", "className", "isOpen", "onClick", "onClose"]);
+    const buttonRef = (0, react_1.useRef)(null);
+    const [isItemMenuOpen, setIsItemMenuOpen] = (0, react_1.useState)(isOpen);
+    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-menu-button', className);
+    return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-item-menu", children: [(0, jsx_runtime_1.jsx)(button_1.IconButton
+            /* Overridable */
+            , Object.assign({ "aria-haspopup": "true", "aria-label": "breadcrumbs item menu", clean: true, grouped: true, size: "small" }, restProps, { 
+                /* Non-overridable */
+                className: classes, onClick: (event) => {
+                    setIsItemMenuOpen(true);
+                    if (onClick)
+                        onClick(event);
+                }, ref: buttonRef, children: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownIconOutline, {}) })), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { anchorEl: buttonRef, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'center',
+                }, captureFocus: true, onClose: (event) => {
+                    setIsItemMenuOpen(false);
+                    if (onClose)
+                        onClose(event);
+                }, open: isItemMenuOpen, transformOrigin: { vertical: 'top', horizontal: 'left' }, children: (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Items, { children: children }) })] }));
+};
+BreadcrumbsItemMenu.displayName = 'Breadcrumbs.ItemMenu';
+const BreadcrumbsEllipsisMenu = (_a) => {
+    var { as = 'span', children, className, isOpen = false, onClick, onClose, onKeyDown } = _a, restProps = __rest(_a, ["as", "children", "className", "isOpen", "onClick", "onClose", "onKeyDown"]);
+    const ellipsisButtonRef = (0, react_1.useRef)(null);
+    const ellipsisMenuRef = (0, react_1.useRef)(null);
+    const [isEllipsisMenuOpen, setIsEllipsisMenuOpen] = (0, react_1.useState)(isOpen);
+    const Component = as;
+    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs-ellipsis-menu-button', className);
+    return ((0, jsx_runtime_1.jsxs)("li", { className: "ndl-breadcrumbs-ellipsis-menu ndl-breadcrumbs-separator", children: [(0, jsx_runtime_1.jsx)(Component
+            /* Overridable */
+            , Object.assign({ "aria-controls": isEllipsisMenuOpen ? 'ellipsis-menu' : undefined, "aria-expanded": isEllipsisMenuOpen ? 'true' : undefined, "aria-haspopup": "true", role: "button", tabIndex: 0 }, restProps, { 
+                /* Non-overridable */
+                className: classes, onClick: (event) => {
+                    setIsEllipsisMenuOpen(true);
+                    if (onClick)
+                        onClick(event);
+                }, onKeyDown: (event) => {
+                    if (event.key === 'Enter')
+                        setIsEllipsisMenuOpen(true);
+                    if (onKeyDown)
+                        onKeyDown(event);
+                }, ref: ellipsisButtonRef, children: "\u2026" })), (0, jsx_runtime_1.jsx)(context_menu_1.Menu, { anchorEl: ellipsisButtonRef, captureFocus: true, onClose: (event) => {
+                    setIsEllipsisMenuOpen(false);
+                    if (onClose)
+                        onClose(event);
+                }, open: isEllipsisMenuOpen, ref: ellipsisMenuRef, children: (0, jsx_runtime_1.jsx)(context_menu_1.Menu.Items, { children: children }) })] }));
+};
+BreadcrumbsEllipsisMenu.displayName = 'Breadcrumbs.EllipsisMenu';
+const BreadcrumbsMenuItem = (_a) => {
+    var { as = 'span', children, className, href, isCurrentPage = false, onClick } = _a, restProps = __rest(_a, ["as", "children", "className", "href", "isCurrentPage", "onClick"]);
+    const linkClasses = (0, defaultImports_1.classNames)('ndl-breadcrumbs-item-link', className, {
+        'ndl-breadcrumbs-item-link-active': isCurrentPage,
+    });
+    return ((0, jsx_runtime_1.jsx)(context_menu_1.Menu.Item, { as: as, className: "ndl-breadcrumbs-menu-item", title: href ? ((0, jsx_runtime_1.jsx)(typography_1.Typography
+        /* Overridable */
+        , Object.assign({ "aria-current": isCurrentPage ? 'page' : undefined, as: as, role: "button", tabIndex: 0, variant: "body-medium" }, restProps, { 
+            /* Non-overridable */
+            className: linkClasses, href: href, onClick: (event) => {
+                if (onClick)
+                    onClick(event, href);
+            }, children: children }))) : ((0, jsx_runtime_1.jsx)(typography_1.Typography
+        /* Overridable */
+        , Object.assign({ 
+            /* Overridable */
+            as: as, tabIndex: -1, variant: "body-medium" }, restProps, { 
+            /* Non-overridable */
+            className: linkClasses, children: children }))) }));
+};
+BreadcrumbsMenuItem.displayName = 'Breadcrumbs.MenuItem';
+const BreadcrumbsComponent = (_a) => {
+    var { as = 'nav', children, className } = _a, restProps = __rest(_a, ["as", "children", "className"]);
+    const Component = as;
+    const classes = (0, defaultImports_1.classNames)('ndl-breadcrumbs', className);
+    return ((0, jsx_runtime_1.jsx)(Component
+    /* Overridable */
+    , Object.assign({ "aria-label": "breadcrumb" }, restProps, { 
+        /* Non-overridable */
+        className: classes, children: (0, jsx_runtime_1.jsx)("ol", { children: children }) })));
+};
+BreadcrumbsComponent.displayName = 'Breadcrumbs';
+// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
+const Breadcrumbs = Object.assign(BreadcrumbsComponent, {
+    BaseItem: BreadcrumbsBaseItem,
+    GroupItem: BreadcrumbsGroupItem,
+    Item: BreadcrumbsItem,
+    ItemMenu: BreadcrumbsItemMenu,
+    EllipsisMenu: BreadcrumbsEllipsisMenu,
+    MenuItem: BreadcrumbsMenuItem,
+});
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.js.map

package/lib/cjs/breadcrumbs/Breadcrumbs.js.map

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

package/lib/cjs/breadcrumbs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Breadcrumbs"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/cjs/index.js

@@ -69,4 +69,7 @@ __exportStar(require("./status-indicator"), exports);
 __exportStar(require("./side-navigation"), exports);
 __exportStar(require("./typography"), exports);
 __exportStar(require("./drawer"), exports);
+__exportStar(require("./breadcrumbs"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./layout"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,yCAAuB;AACvB,sDAAoC;AACpC,4CAA0B;AAC1B,iDAA+B;AAC/B,0CAAwB;AACxB,6CAA2B;AAC3B,8CAA4B;AAC5B,+CAA6B;AAC7B,6CAA2B;AAC3B,8CAA4B;AAC5B,6CAA2B;AAC3B,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,qDAAmC;AACnC,oDAAkC;AAClC,+CAA6B;AAC7B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,2CAAyB"}

package/lib/cjs/layout/Box.js

@@ -0,0 +1,56 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_1 = require("react");
+const types_1 = require("./types");
+/**
+ * Box is a general-purpose container that allows for controlled use of design tokens.
+ * Use the given props to configure display behavior and styling that aligns with Needle's tokens.
+ */
+exports.Box = (0, react_1.forwardRef)(function Box(_a, ref) {
+    var { as = 'div', padding, paddingInline, paddingInlineStart, paddingInlineEnd, paddingBlockEnd, paddingBlockStart, borderRadius, children } = _a, restProps = __rest(_a, ["as", "padding", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlockEnd", "paddingBlockStart", "borderRadius", "children"]);
+    const Component = as;
+    const style = {
+        padding: (0, types_1.getSpacing)(padding, 'padding'),
+        paddingInline: (0, types_1.getSpacing)(paddingInline, 'paddingInline'),
+        paddingInlineStart: (0, types_1.getSpacing)(paddingInlineStart, 'paddingInlineStart'),
+        paddingInlineEnd: (0, types_1.getSpacing)(paddingInlineEnd, 'paddingInlineEnd'),
+        paddingBlockEnd: (0, types_1.getSpacing)(paddingBlockEnd, 'paddingBlockEnd'),
+        paddingBlockStart: (0, types_1.getSpacing)(paddingBlockStart, 'paddingBlockStart'),
+        borderRadius: (0, types_1.getRadius)(borderRadius, 'borderRadius'),
+    };
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, restProps, { style: Object.assign(Object.assign({}, style), restProps.style), children: children })));
+});
+//# sourceMappingURL=Box.js.map

package/lib/cjs/layout/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAIe;AACf,mCAOiB;AAiDjB;;;GAGG;AACU,QAAA,GAAG,GAAiB,IAAA,kBAAU,EAAC,SAAS,GAAG,CAGtD,EAWc,EACd,GAAoC;QAZpC,EACE,EAAE,GAAG,KAAU,EACf,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,QAAQ,OAEI,EADT,SAAS,cAVd,gJAWC,CADa;IAId,MAAM,SAAS,GAAG,EAA+B,CAAC;IAElD,MAAM,KAAK,GAAG;QACZ,OAAO,EAAE,IAAA,kBAAU,EAAC,OAAO,EAAE,SAAS,CAAC;QACvC,aAAa,EAAE,IAAA,kBAAU,EAAC,aAAa,EAAE,eAAe,CAAC;QACzD,kBAAkB,EAAE,IAAA,kBAAU,EAAC,kBAAkB,EAAE,oBAAoB,CAAC;QACxE,gBAAgB,EAAE,IAAA,kBAAU,EAAC,gBAAgB,EAAE,kBAAkB,CAAC;QAClE,eAAe,EAAE,IAAA,kBAAU,EAAC,eAAe,EAAE,iBAAiB,CAAC;QAC/D,iBAAiB,EAAE,IAAA,kBAAU,EAAC,iBAAiB,EAAE,mBAAmB,CAAC;QACrE,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,KAAK,kCAAO,KAAK,GAAK,SAAS,CAAC,KAAK,aAEpC,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/cjs/layout/Flex.js

@@ -0,0 +1,64 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flex = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_1 = require("react");
+const types_1 = require("./types");
+const base_1 = require("@neo4j-ndl/base");
+/**
+ * Flex is a general-purpose container that helps
+ * lay out components with consistent spacing in a row or column.
+ */
+exports.Flex = (0, react_1.forwardRef)(function Flex(_a, ref) {
+    var { as = 'div', gap = '4', rowGap, columnGap, children, borderRadius, flexDirection = 'column', flexWrap = 'nowrap', alignItems, justifyContent } = _a, restProps = __rest(_a, ["as", "gap", "rowGap", "columnGap", "children", "borderRadius", "flexDirection", "flexWrap", "alignItems", "justifyContent"]);
+    const Component = as;
+    // If gap is not provided,
+    // and rowGap and columnGap are not provided,
+    // then use the default value.
+    const gapPx = (0, types_1.getSpacing)(gap, 'gap');
+    const rowGapPx = rowGap ? base_1.tokens.space[rowGap] : undefined;
+    const columnGapPx = columnGap ? base_1.tokens.space[columnGap] : undefined;
+    const gapFormatted = `${rowGapPx !== null && rowGapPx !== void 0 ? rowGapPx : gapPx} ${columnGapPx !== null && columnGapPx !== void 0 ? columnGapPx : gapPx}`;
+    const style = {
+        flexDirection,
+        alignItems,
+        flexWrap,
+        justifyContent,
+        display: 'flex',
+        gap: gapFormatted,
+        borderRadius: (0, types_1.getRadius)(borderRadius, 'borderRadius'),
+    };
+    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, restProps, { style: Object.assign(Object.assign({}, style), restProps.style), children: children })));
+});
+//# sourceMappingURL=Flex.js.map

package/lib/cjs/layout/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/layout/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAIe;AACf,mCAOiB;AACjB,0CAAyC;AAmEzC;;;GAGG;AACU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAAC,SAAS,IAAI,CAGzD,EAYe,EACf,GAAoC;QAbpC,EACE,EAAE,GAAG,KAAU,EACf,GAAG,GAAG,GAAG,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,aAAa,GAAG,QAAQ,EACxB,QAAQ,GAAG,QAAQ,EACnB,UAAU,EACV,cAAc,OAED,EADV,SAAS,cAXd,6HAYC,CADa;IAId,MAAM,SAAS,GAAG,EAA+B,CAAC;IAElD,0BAA0B;IAC1B,6CAA6C;IAC7C,8BAA8B;IAC9B,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,MAAM,YAAY,GAAG,GAAG,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,IAAI,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,EAAE,CAAC;IAEpE,MAAM,KAAK,GAAwB;QACjC,aAAa;QACb,UAAU;QACV,QAAQ;QACR,cAAc;QACd,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,YAAY;QACjB,YAAY,EAAE,IAAA,iBAAS,EAAC,YAAY,EAAE,cAAc,CAAC;KACtD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,IACJ,SAAS,IACb,KAAK,kCAAO,KAAK,GAAK,SAAS,CAAC,KAAK,aAEpC,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/cjs/layout/index.js

@@ -0,0 +1,39 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Flex"), exports);
+__exportStar(require("./Box"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,yCAAuB;AACvB,wCAAsB"}

package/lib/cjs/layout/types.js

@@ -0,0 +1,49 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRadius = exports.RadiusDefaults = exports.getSpacing = exports.SpacingDefaults = void 0;
+const base_1 = require("@neo4j-ndl/base");
+exports.SpacingDefaults = {
+    padding: '4',
+    paddingBlockStart: undefined,
+    paddingBlockEnd: undefined,
+    paddingInline: undefined,
+    paddingInlineStart: undefined,
+    paddingInlineEnd: undefined,
+    gap: '4',
+};
+const getSpacing = (spacing, property) => {
+    return spacing
+        ? base_1.tokens.space[spacing || exports.SpacingDefaults[property]]
+        : undefined;
+};
+exports.getSpacing = getSpacing;
+exports.RadiusDefaults = {
+    borderRadius: undefined,
+};
+const getRadius = (spacing, property) => {
+    return spacing
+        ? base_1.tokens.borderRadius[spacing || exports.RadiusDefaults[property]]
+        : undefined;
+};
+exports.getRadius = getRadius;
+//# sourceMappingURL=types.js.map

package/lib/cjs/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/layout/types.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,0CAAyC;AAgB5B,QAAA,eAAe,GAAG;IAC7B,OAAO,EAAE,GAAG;IACZ,iBAAiB,EAAE,SAAS;IAC5B,eAAe,EAAE,SAAS;IAC1B,aAAa,EAAE,SAAS;IACxB,kBAAkB,EAAE,SAAS;IAC7B,gBAAgB,EAAE,SAAS;IAC3B,GAAG,EAAE,GAAG;CACA,CAAC;AAEJ,MAAM,UAAU,GAAG,CACxB,OAA4B,EAC5B,QAAsC,EACtC,EAAE;IACF,OAAO,OAAO;QACZ,CAAC,CAAC,aAAM,CAAC,KAAK,CAAC,OAAO,IAAI,uBAAe,CAAC,QAAQ,CAAC,CAAC;QACpD,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC;AAPW,QAAA,UAAU,cAOrB;AAIW,QAAA,cAAc,GAAG;IAC5B,YAAY,EAAE,SAAS;CACxB,CAAC;AAEK,MAAM,SAAS,GAAG,CACvB,OAA2B,EAC3B,QAAqC,EACrC,EAAE;IACF,OAAO,OAAO;QACZ,CAAC,CAAC,aAAM,CAAC,YAAY,CAAC,OAAO,IAAI,sBAAc,CAAC,QAAQ,CAAC,CAAC;QAC1D,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC,CAAC;AAPW,QAAA,SAAS,aAOpB"}