@neo4j-ndl/react 0.1.0

package/lib/alert/Alert.d.ts

@@ -0,0 +1,70 @@
+/**
+ *
+ *  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 React from 'react';
+/**
+ *
+ *
+ * Types
+ *
+ *
+ */
+export interface AlertActionProps extends React.HTMLProps<HTMLAnchorElement> {
+    /** Label of the action item */
+    label: string;
+    /** Event handler when the action button is clicked. If set, the element is rendered as `button` */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** Link to redirect to when the action button is clicked. If set, the element is rendered as `a`. Ignored if `onClose` prop is passed */
+    href?: string;
+    /** Sets how to open the link. Only applicable when `href` is passed */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+}
+interface CommonProps extends React.HTMLProps<HTMLElement> {
+    /** Type of the alert   */
+    type?: AlertType;
+    /** Title of the alert */
+    title: string;
+    /** Description of the alert. Will be ignored if `children` is passed */
+    description?: string | React.ReactNode;
+    /** Alternative for `description` */
+    children?: React.ReactNode;
+    /** Shows status icon. Icon is automatically picked based on `type` value   */
+    icon?: boolean;
+    /** Shows Action buttons in the footer */
+    actions?: AlertActionProps[];
+    /** Adds shadow */
+    floating?: boolean;
+}
+declare type CloseableAlertProps = {
+    /** Shows close icon. Expects onClose to be passed */
+    closeable: true;
+    /** Event handler when close icon is clicked */
+    onClose: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+};
+declare type NonCloseableAlertProps = {
+    closeable?: false;
+    onClose?: never;
+};
+declare type AlertCloseProps = CloseableAlertProps | NonCloseableAlertProps;
+export declare type AlertProps = CommonProps & AlertCloseProps;
+export declare type AlertType = 'info' | 'success' | 'warning' | 'danger';
+export declare const AlertAction: ({ label, ...props }: AlertActionProps) => JSX.Element;
+declare const Alert: ({ type, icon, title, actions, floating, description, onClose, className, children, closeable, }: AlertProps) => JSX.Element;
+export default Alert;

package/lib/alert/Alert.js

@@ -0,0 +1,114 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.AlertAction = void 0;
+var classnames_1 = __importDefault(require("classnames"));
+var react_1 = __importDefault(require("react"));
+var icons_1 = require("../icons");
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+var TITLE_PROPS_ERROR = 'Alert Component: expected `title` prop';
+var getStatusIcon = function (iconType) {
+    var iconComponent;
+    switch (iconType) {
+        case 'success':
+            iconComponent = react_1["default"].createElement(icons_1.HeroIcon, { iconName: "CheckCircleIcon", type: "solid" });
+            break;
+        case 'warning':
+            iconComponent = react_1["default"].createElement(icons_1.HeroIcon, { iconName: "ExclamationIcon", type: "solid" });
+            break;
+        case 'danger':
+            iconComponent = (react_1["default"].createElement(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }));
+            break;
+        default:
+            iconComponent = (react_1["default"].createElement(icons_1.HeroIcon, { iconName: "InformationCircleIcon", type: "solid" }));
+    }
+    return react_1["default"].createElement("div", { className: "alert-icon alert-status-icon" }, iconComponent);
+};
+var AlertAction = function (_a) {
+    var label = _a.label, props = __rest(_a, ["label"]);
+    return react_1["default"].createElement("a", __assign({}, props), label);
+};
+exports.AlertAction = AlertAction;
+var Alert = function (_a) {
+    var _b;
+    var _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.icon, icon = _d === void 0 ? false : _d, title = _a.title, _e = _a.actions, actions = _e === void 0 ? [] : _e, _f = _a.floating, floating = _f === void 0 ? false : _f, _g = _a.description, description = _g === void 0 ? null : _g, onClose = _a.onClose, _h = _a.className, className = _h === void 0 ? '' : _h, _j = _a.children, children = _j === void 0 ? null : _j, _k = _a.closeable, closeable = _k === void 0 ? false : _k;
+    if (!title) {
+        console.error(TITLE_PROPS_ERROR);
+    }
+    var classes = (0, classnames_1["default"])("ndl-alert", (_b = {},
+        _b['with-description'] = description,
+        _b['info'] = type === 'info',
+        _b['success'] = type === 'success',
+        _b['warning'] = type === 'warning',
+        _b['danger'] = type === 'danger',
+        _b['floating'] = floating,
+        _b[className] = className && className !== '',
+        _b));
+    var TitleTag = description ? 'h5' : 'div';
+    var handleClose = function (e) {
+        if (onClose && typeof onClose === 'function') {
+            onClose(e);
+        }
+    };
+    return (react_1["default"].createElement("div", { className: classes, role: closeable ? 'alertdialog' : 'alert' },
+        icon && getStatusIcon(type),
+        react_1["default"].createElement("div", { className: "alert-content" },
+            react_1["default"].createElement(TitleTag, { className: "alert-title" },
+                react_1["default"].createElement("div", null, title),
+                closeable && (react_1["default"].createElement("div", { tabIndex: 0, role: "button", className: "alert-icon close-icon", onKeyDown: handleClose, onClick: handleClose },
+                    react_1["default"].createElement(icons_1.HeroIcon, { iconName: "XIcon" })))),
+            (description || children) && (react_1["default"].createElement("div", { className: "alert-description" }, children || description)),
+            actions && actions.length > 0 && (react_1["default"].createElement("div", { className: "alert-actions" }, actions.map(function (action, index) { return (react_1["default"].createElement(exports.AlertAction, __assign({ key: index }, action))); }))))));
+};
+exports["default"] = Alert;
+//# sourceMappingURL=Alert.js.map

package/lib/alert/Alert.js.map

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

package/lib/alert/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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/>.
+ */
+export { default as Alert, AlertAction } from './Alert';

package/lib/alert/index.js

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

package/lib/alert/index.js.map

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

package/lib/button/Button.d.ts

@@ -0,0 +1,52 @@
+/**
+ *
+ *  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 React from 'react';
+import { Neo4jColors } from '@neo4j-ndl/base';
+import { ElementBase } from '../helpers';
+export declare const removeNewlines: (input: string) => string;
+/** Remove extra spaces from sting */
+export declare const removeSpaces: (input: string) => string;
+/**
+ *
+ *
+ * Types
+ *
+ *
+ */
+declare type ButtonTypes = 'submit' | 'button' | 'reset';
+export interface ButtonProps extends ElementBase<HTMLButtonElement> {
+    children: string | React.ReactNode;
+    /** If the button is doing something Async, it will display a loading spinner   */
+    loading?: boolean;
+    /** If the button is in disabled state */
+    disabled?: boolean;
+    /**  the base color of the button */
+    color?: Neo4jColors;
+    type?: ButtonTypes;
+    /** Fill type of button */
+    fill?: 'filled' | 'outlined' | 'text';
+    /** Size of button */
+    buttonSize?: 'regular' | 'small' | 'large';
+    /** Rectanle (for icon usage mainly) */
+    rectangle?: boolean;
+}
+export declare const Button: ({ children, as, type, loading, color, disabled, fill, rectangle, buttonSize, onClick, ...props }: ButtonProps) => JSX.Element;
+export {};

package/lib/button/Button.js

@@ -0,0 +1,110 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.Button = exports.removeSpaces = exports.removeNewlines = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var loading_spinner_1 = require("../loading-spinner");
+var removeNewlines = function (input) {
+    return input.replace(/(\r\n|\n|\r)/gm, '');
+};
+exports.removeNewlines = removeNewlines;
+/** Remove extra spaces from sting */
+var removeSpaces = function (input) {
+    return input.replace(/\s+/g, ' ').trim();
+};
+exports.removeSpaces = removeSpaces;
+var Button = function (_a) {
+    var _b;
+    var children = _a.children, as = _a.as, _c = _a.type, type = _c === void 0 ? 'button' : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.color, color = _e === void 0 ? 'primary' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.fill, fill = _g === void 0 ? 'filled' : _g, _h = _a.rectangle, rectangle = _h === void 0 ? false : _h, _j = _a.buttonSize, buttonSize = _j === void 0 ? 'regular' : _j, onClick = _a.onClick, props = __rest(_a, ["children", "as", "type", "loading", "color", "disabled", "fill", "rectangle", "buttonSize", "onClick"]);
+    var Component = as || 'button';
+    if (!as && props.href) {
+        Component = 'a';
+    }
+    var BASE_SHADE = color === 'neutral' ? 80 : 40;
+    var BASE_SHADES = {
+        LIGHT: BASE_SHADE - 10,
+        NEUTRAL: BASE_SHADE,
+        DARK: BASE_SHADE + 10
+    };
+    var interactable = !disabled && !loading;
+    var classes = (0, classnames_1["default"])("ndl-btn n-font-sans ".concat(fill, " ").concat(buttonSize), (_b = {
+            disabled: disabled,
+            loading: loading,
+            rectangle: rectangle
+        },
+        /** Now check button is outlined or filled */
+        _b["\n      n-bg-".concat(color, "-").concat(BASE_SHADE, "\n      ").concat(interactable && "hover:n-bg-".concat(color, "-").concat(BASE_SHADES.DARK), "\n      ")] = fill === 'filled',
+        _b["\n      n-text-".concat(color, "-").concat(BASE_SHADE + 10, "\n      ").concat(interactable && "hover:n-bg-".concat(color, "-10"), "\n      n-border-").concat(color, "-").concat(loading || disabled ? BASE_SHADES.LIGHT : BASE_SHADE + 10, "\n      ")] = fill === 'outlined' && color !== 'neutral',
+        /**
+         * Neutral needs overriding as it doesn't follow
+         * the same principles with colored variations
+         */
+        _b["\n      n-text-".concat(color, "-80\n      n-bg-").concat(color, "-10\n      ").concat(interactable && "hover:n-bg-".concat(color, "-20"), "\n      n-border-").concat(color, "-60\n      ")] = fill === 'outlined' && color === 'neutral',
+        _b["\t\n      n-text-".concat(color, "-50\n      ").concat(interactable && "hover:n-bg-".concat(color, "-10"), "\n      ")] = fill === 'text' && color !== 'neutral',
+        _b["\t\n      n-text-".concat(color, "-70\n      ").concat(interactable && "hover:n-bg-".concat(color, "-20"), "\n      ")] = fill === 'text' && color == 'neutral',
+        _b));
+    var className = props.className;
+    var sanitisedClasses = (0, exports.removeSpaces)((0, exports.removeNewlines)(classes));
+    var handleClick = function (e) {
+        if (!interactable)
+            return;
+        if (onClick) {
+            onClick(e);
+        }
+        else {
+            console.error('onClick was not provided');
+        }
+    };
+    return (react_1["default"].createElement(Component
+    /** First props and then className to avoid overriding in classNames */
+    , __assign({}, props, (Component === 'button' ? { type: type } : {}), { onClick: handleClick, disabled: !interactable, className: [sanitisedClasses, className].join(' ') }),
+        loading ? (react_1["default"].createElement(loading_spinner_1.LoadingSpinner, { className: "n-m-auto n-mr-1", size: "small" })) : null,
+        children));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/lib/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,0DAAoC;AAEpC,sDAAoD;AAG7C,IAAM,cAAc,GAAG,UAAC,KAAa;IAC1C,OAAA,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC;AAAnC,CAAmC,CAAC;AADzB,QAAA,cAAc,kBACW;AAEtC,qCAAqC;AAC9B,IAAM,YAAY,GAAG,UAAC,KAAa;IACxC,OAAA,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE;AAAjC,CAAiC,CAAC;AADvB,QAAA,YAAY,gBACW;AA8B7B,IAAM,MAAM,GAAG,UAAC,EAYT;;IAXZ,IAAA,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,OAAO,aAAA,EACJ,KAAK,cAXa,wGAYtB,CADS;IAER,IAAI,SAAS,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE;QACrB,SAAS,GAAG,GAAG,CAAC;KACjB;IAED,IAAM,UAAU,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEjD,IAAM,WAAW,GAAG;QAClB,KAAK,EAAE,UAAU,GAAG,EAAE;QACtB,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,UAAU,GAAG,EAAE;KACtB,CAAC;IAEF,IAAM,YAAY,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC;IAE3C,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,8BAAuB,IAAI,cAAI,UAAU,CAAE;YACpE,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,SAAS;;QACpB,6CAA6C;QAC7C,GAAC,uBACQ,KAAK,cAAI,UAAU,qBACxB,YAAY,IAAI,qBAAc,KAAK,cAAI,WAAW,CAAC,IAAI,CAAE,aAC1D,IAAG,IAAI,KAAK,QAAQ;QACvB,GAAC,yBACU,KAAK,cAAI,UAAU,GAAG,EAAE,qBAC/B,YAAY,IAAI,qBAAc,KAAK,QAAK,8BAC/B,KAAK,cAChB,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,aAExD,IAAG,IAAI,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS;QAChD;;;WAGG;QACH,GAAC,yBACU,KAAK,6BACP,KAAK,wBACV,YAAY,IAAI,qBAAc,KAAK,QAAK,8BAC/B,KAAK,gBACf,IAAG,IAAI,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS;QAChD,GAAC,2BACU,KAAK,wBACZ,YAAY,IAAI,qBAAc,KAAK,QAAK,aACzC,IAAG,IAAI,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAC5C,GAAC,2BACU,KAAK,wBACZ,YAAY,IAAI,qBAAc,KAAK,QAAK,aACzC,IAAG,IAAI,KAAK,MAAM,IAAI,KAAK,IAAI,SAAS;YAC3C,CAAC;IAEK,IAAA,SAAS,GAAK,KAAK,UAAV,CAAW;IAE5B,IAAM,gBAAgB,GAAG,IAAA,oBAAY,EAAC,IAAA,sBAAc,EAAC,OAAO,CAAC,CAAC,CAAC;IAE/D,IAAM,WAAW,GAAG,UAAC,CAAkD;QACrE,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAC;SACZ;aAAM;YACL,OAAO,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC;SAC3C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,iCAAC,SAAS;IACR,uEAAuE;mBACnE,KAAK,EAEL,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC5C,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,YAAY,EACvB,SAAS,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAEjD,OAAO,CAAC,CAAC,CAAC,CACT,iCAAC,gCAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,GAAG,CAC5D,CAAC,CAAC,CAAC,IAAI;QACP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AA9FW,QAAA,MAAM,UA8FjB"}

package/lib/button/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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/>.
+ */
+export * from './Button';

package/lib/button/index.js

@@ -0,0 +1,34 @@
+"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;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+exports.__esModule = true;
+__exportStar(require("./Button"), exports);
+//# sourceMappingURL=index.js.map

package/lib/button/index.js.map

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

package/lib/checkbox/Checkbox.d.ts

@@ -0,0 +1,39 @@
+/**
+ *
+ *  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 React from 'react';
+import { InputProps } from '../input/Input';
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+/** Add any helper functions here. */
+/**
+ *
+ *
+ * Checkbox Component
+ *
+ *
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<Pick<InputProps, "size" | "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "list" | "children" | "role" | "onChange" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "enterKeyHint" | "fluid" | "labelBefore"> & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/lib/checkbox/Checkbox.js

@@ -0,0 +1,59 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = __importDefault(require("react"));
+var input_1 = require("../input");
+/**
+ *
+ *
+ * Helpers
+ *
+ *
+ */
+/** Add any helper functions here. */
+/**
+ *
+ *
+ * Checkbox Component
+ *
+ *
+ */
+var Checkbox = react_1["default"].forwardRef(function (props, ref) {
+    return react_1["default"].createElement(input_1.Input, __assign({}, props, { ref: ref, type: "checkbox", role: "checkbox" }));
+});
+Checkbox.displayName = 'Checkbox';
+exports["default"] = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,kCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,QAAQ,GAAG,kBAAK,CAAC,UAAU,CAC/B,UAAC,KAAiB,EAAE,GAAgC;IAClD,OAAO,iCAAC,aAAK,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,IAAG,CAAC;AACxE,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,qBAAe,QAAQ,CAAC"}

package/lib/checkbox/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ *
+ *  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/>.
+ */
+export { default as Checkbox } from './Checkbox';