@neo4j-ndl/react 0.1.0 → 0.1.1

package/lib/radio/Radio.d.ts

@@ -18,7 +18,7 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from '../input/Input';
 /**
  *
@@ -35,5 +35,5 @@ import { InputProps } from '../input/Input';
  *
  *
  */
-declare const Radio: (props: InputProps) => JSX.Element;
+declare const Radio: 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 Radio;

package/lib/radio/Radio.js

@@ -51,8 +51,8 @@ var input_1 = require("../input");
  *
  *
  */
-var Radio = function (props) {
-    return react_1["default"].createElement(input_1.Input, __assign({}, props, { type: "radio", role: "radio" }));
-};
+var Radio = react_1["default"].forwardRef(function Radio(props, ref) {
+    return react_1["default"].createElement(input_1.Input, __assign({}, props, { type: "radio", role: "radio", ref: ref }));
+});
 exports["default"] = Radio;
 //# sourceMappingURL=Radio.js.map

package/lib/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/radio/Radio.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,kCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,KAAK,GAAG,UAAC,KAAiB;IAC9B,OAAO,iCAAC,aAAK,eAAK,KAAK,IAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAAG,CAAC;AACxD,CAAC,CAAC;AAEF,qBAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/radio/Radio.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,kCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,KAAK,GAAG,kBAAK,CAAC,UAAU,CAAC,SAAS,KAAK,CAC3C,KAAiB,EACjB,GAAyC;IAEzC,OAAO,iCAAC,aAAK,eAAK,KAAK,IAAE,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC;AAClE,CAAC,CAAC,CAAC;AAEH,qBAAe,KAAK,CAAC"}

package/lib/switch/Switch.js

@@ -51,9 +51,8 @@ var input_1 = require("../input");
  *
  *
  */
-var Switch = react_1["default"].forwardRef(function (props, ref) {
+var Switch = react_1["default"].forwardRef(function Switch(props, ref) {
     return react_1["default"].createElement(input_1.Input, __assign({}, props, { ref: ref, type: "checkbox", role: "switch" }));
 });
-Switch.displayName = 'Switch';
 exports["default"] = Switch;
 //# sourceMappingURL=Switch.js.map

package/lib/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/switch/Switch.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,kCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,MAAM,GAAG,kBAAK,CAAC,UAAU,CAC7B,UAAC,KAAiB,EAAE,GAAgC;IAClD,OAAO,iCAAC,aAAK,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,IAAG,CAAC;AACtE,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,qBAAe,MAAM,CAAC"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/switch/Switch.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,kCAAiC;AAGjC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,MAAM,GAAG,kBAAK,CAAC,UAAU,CAAC,SAAS,MAAM,CAC7C,KAAiB,EACjB,GAAyC;IAEzC,OAAO,iCAAC,aAAK,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,IAAG,CAAC;AACtE,CAAC,CAAC,CAAC;AAEH,qBAAe,MAAM,CAAC"}

package/lib/tabs/Tabs.d.ts

@@ -42,7 +42,7 @@ interface BaseTabsProps<T extends TabId> {
     as?: string | React.ComponentType<any>;
 }
 export declare type TabsProps = BaseTabsProps<string> | BaseTabsProps<number>;
-export declare const Tabs: ({ children, size, fill, onChange, value, className, as, }: TabsProps) => JSX.Element;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<unknown>>;
 interface TabProps<T extends TabId> {
     tabId: T;
     children: React.ReactNode | string;
@@ -53,7 +53,7 @@ interface TabProps<T extends TabId> {
      */
     as?: string | React.ComponentType<any>;
 }
-export declare const Tab: <T extends TabId = TabId>({ children, tabId, disabled, className, as, }: TabProps<T>) => JSX.Element;
+export declare const Tab: React.ForwardRefExoticComponent<TabProps<TabId> & React.RefAttributes<unknown>>;
 interface TabPanelProps {
     children: React.ReactNode | string;
     /**
@@ -68,5 +68,5 @@ interface TabPanelProps {
      */
     as?: string | React.ComponentType<any>;
 }
-export declare const TabPanel: ({ as, children, value, tabId, className, }: TabPanelProps) => JSX.Element;
+export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<unknown>>;
 export {};

package/lib/tabs/Tabs.js

@@ -49,6 +49,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 };
 };
@@ -73,17 +84,16 @@ var getGeneralTabClasses = function (size, fill) {
         underline: fill === 'underline'
     };
 };
-var Tabs = function (_a) {
-    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.fill, fill = _c === void 0 ? 'underline' : _c, onChange = _a.onChange, value = _a.value, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.as, as = _e === void 0 ? 'div' : _e;
-    var base = (0, classnames_1["default"])(getGeneralTabClasses(size, fill));
+exports.Tabs = react_1["default"].forwardRef(function Tabs(_a, ref) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.fill, fill = _c === void 0 ? 'underline' : _c, onChange = _a.onChange, value = _a.value, className = _a.className, _d = _a.as, as = _d === void 0 ? 'div' : _d, rest = __rest(_a, ["children", "size", "fill", "onChange", "value", "className", "as"]);
+    var classes = (0, classnames_1["default"])('ndl-tabs', getGeneralTabClasses(size, fill), className);
     var Component = as;
-    return (react_1["default"].createElement(Component, { className: "ndl-tabs ".concat(base, " ").concat(className), role: "tablist" },
+    return (react_1["default"].createElement(Component, __assign({ className: classes, role: "tablist" }, rest, { ref: ref }),
         react_1["default"].createElement(TabsContext.Provider, { value: { value: value, size: size, fill: fill, onChange: onChange } }, children)));
-};
-exports.Tabs = Tabs;
-var Tab = function (_a) {
-    var children = _a.children, tabId = _a.tabId, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.as, as = _d === void 0 ? 'button' : _d;
-    var _e = useTabsContext(), size = _e.size, fill = _e.fill, value = _e.value, onChange = _e.onChange;
+});
+exports.Tab = react_1["default"].forwardRef(function Tab(_a, ref) {
+    var children = _a.children, tabId = _a.tabId, _b = _a.disabled, disabled = _b === void 0 ? false : _b, className = _a.className, _c = _a.as, as = _c === void 0 ? 'button' : _c, rest = __rest(_a, ["children", "tabId", "disabled", "className", "as"]);
+    var _d = useTabsContext(), size = _d.size, fill = _d.fill, value = _d.value, onChange = _d.onChange;
     var base = (0, classnames_1["default"])(__assign(__assign({}, getGeneralTabClasses(size, fill)), { selected: value === tabId, disabled: disabled }));
     var Component = as;
     // Cast onChange since the compiler isn't smart enough to figure out union of function's parameters
@@ -91,15 +101,14 @@ var Tab = function (_a) {
     // https://stackoverflow.com/questions/55572797/why-does-typescript-expect-never-as-function-argument-when-retrieving-the-func
     var castOnChange = onChange;
     var handleChange = function () { return !disabled && castOnChange(tabId); };
-    return (react_1["default"].createElement(Component, { className: "tab ".concat(base, " ").concat(className), onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) },
+    var classes = (0, classnames_1["default"])('tab', base, className);
+    return (react_1["default"].createElement(Component, __assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": getTabPanelId(tabId) }, rest, { ref: ref }),
         children,
         fill === 'underline' && react_1["default"].createElement("span", { className: "tab-underline" })));
-};
-exports.Tab = Tab;
-var TabPanel = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, value = _a.value, tabId = _a.tabId, _c = _a.className, className = _c === void 0 ? '' : _c;
+});
+exports.TabPanel = react_1["default"].forwardRef(function TabPanel(_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? 'div' : _b, children = _a.children, value = _a.value, tabId = _a.tabId, rest = __rest(_a, ["as", "children", "value", "tabId"]);
     var Component = as;
-    return (react_1["default"].createElement(react_1["default"].Fragment, null, value === tabId && (react_1["default"].createElement(Component, { role: "tabpanel", id: getTabPanelId(tabId), className: className }, children))));
-};
-exports.TabPanel = TabPanel;
+    return (react_1["default"].createElement(react_1["default"].Fragment, null, value === tabId && (react_1["default"].createElement(Component, __assign({ role: "tabpanel", id: getTabPanelId(tabId) }, rest, { ref: ref }), children))));
+});
 //# sourceMappingURL=Tabs.js.map

package/lib/tabs/Tabs.js.map

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

package/lib/tag/Tag.d.ts

@@ -57,5 +57,5 @@ export declare type TagProps = RemoveableTagProps | NonRemovableTagProps;
  *
  *
  */
-declare const Tag: (props: TagProps) => JSX.Element;
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
 export default Tag;

package/lib/tag/Tag.js

@@ -19,6 +19,28 @@
  *  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 };
 };
@@ -41,20 +63,18 @@ var icons_1 = require("../icons");
  *
  *
  */
-var Tag = function (props) {
-    var _a;
-    var children = props.children, _b = props.type, type = _b === void 0 ? 'default' : _b, removeable = props.removeable, onRemove = props.onRemove;
+var Tag = react_1["default"].forwardRef(function Tag(props, ref) {
+    var children = props.children, _a = props.type, type = _a === void 0 ? 'default' : _a, removeable = props.removeable, onRemove = props.onRemove, rest = __rest(props, ["children", "type", "removeable", "onRemove"]);
     if (removeable && typeof onRemove !== 'function') {
         console.error('Tag element is removable but onRemove prop is not a function or provided');
     }
-    var classes = (0, classnames_1["default"])("ndl-tag", (_a = {},
-        _a[type] = type,
-        _a.removeable = removeable,
-        _a));
-    return (react_1["default"].createElement("div", { className: classes },
+    var classes = (0, classnames_1["default"])("ndl-tag", type, {
+        removeable: removeable
+    });
+    return (react_1["default"].createElement("div", __assign({}, rest, { className: classes, ref: ref }),
         children,
         removeable && (react_1["default"].createElement("button", { type: "button", className: "remove-icon", onClick: onRemove },
             react_1["default"].createElement(icons_1.HeroIcon, { iconName: "XIcon" })))));
-};
+});
 exports["default"] = Tag;
 //# sourceMappingURL=Tag.js.map

package/lib/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;AAEH,gDAA0B;AAC1B,0DAAoC;AACpC,kCAAoC;AAgCpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,GAAG,GAAG,UAAC,KAAe;;IAClB,IAAA,QAAQ,GAA6C,KAAK,SAAlD,EAAE,KAA2C,KAAK,KAAhC,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,UAAU,GAAe,KAAK,WAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAEnE,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,KAAK,CACX,0EAA0E,CAC3E,CAAC;KACH;IAED,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS;QAClC,GAAC,IAAI,IAAG,IAAI;QACZ,aAAU,GAAE,UAAU;YACtB,CAAC;IAEH,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO;QACpB,QAAQ;QACR,UAAU,IAAI,CACb,6CAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ;YAC7D,iCAAC,gBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,CACtB,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,GAAG,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,0DAAoC;AACpC,kCAAoC;AAgCpC;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,IAAM,GAAG,GAAG,kBAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CACvC,KAAe,EACf,GAAuC;IAE/B,IAAA,QAAQ,GAAsD,KAAK,SAA3D,EAAE,KAAoD,KAAK,KAAzC,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,UAAU,GAAwB,KAAK,WAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAArE,8CAA6D,CAAF,CAAW;IAE5E,IAAI,UAAU,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChD,OAAO,CAAC,KAAK,CACX,0EAA0E,CAC3E,CAAC;KACH;IAED,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,SAAS,EAAE,IAAI,EAAE;QAC1C,UAAU,EAAE,UAAU;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,qDAAS,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG;QACxC,QAAQ;QACR,UAAU,IAAI,CACb,6CAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ;YAC7D,iCAAC,gBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,CACtB,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAe,GAAG,CAAC"}

package/lib/tooltip/Tooltip.d.ts

@@ -25,5 +25,5 @@ export interface TooltipProps extends React.HTMLProps<HTMLDivElement> {
     children: React.ReactNode | string;
     className?: string;
 }
-declare const Tooltip: ({ arrowPosition, children, className, ...props }: TooltipProps) => JSX.Element;
+declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "size" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "list" | "children" | "role" | "as" | "selected" | "onChange" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "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" | "arrowPosition"> & React.RefAttributes<HTMLDivElement>>;
 export default Tooltip;

package/lib/tooltip/Tooltip.js

@@ -46,11 +46,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-var Tooltip = function (_a) {
+var classnames_1 = __importDefault(require("classnames"));
+var Tooltip = react_1["default"].forwardRef(function Tooltip(_a, ref) {
     var arrowPosition = _a.arrowPosition, children = _a.children, className = _a.className, props = __rest(_a, ["arrowPosition", "children", "className"]);
-    return (react_1["default"].createElement("div", __assign({}, props, { role: "tooltip", className: "ndl-tooltip-wrapper ".concat(className) }),
+    var classes = (0, classnames_1["default"])('ndl-tooltip-wrapper', className);
+    return (react_1["default"].createElement("div", __assign({}, props, { role: "tooltip", className: classes, ref: ref }),
         children,
         react_1["default"].createElement("div", { className: "tooltip-triangle ".concat(arrowPosition) })));
-};
+});
 exports["default"] = Tooltip;
 //# sourceMappingURL=Tooltip.js.map

package/lib/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAgB1B,IAAM,OAAO,GAAG,UAAC,EAKF;IAJb,IAAA,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cAJO,0CAKhB,CADS;IAER,OAAO,CACL,qDACM,KAAK,IACT,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,8BAAuB,SAAS,CAAE;QAE5C,QAAQ;QACT,0CAAK,SAAS,EAAE,2BAAoB,aAAa,CAAE,GAAI,CACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,gDAA0B;AAC1B,0DAAoC;AAgBpC,IAAM,OAAO,GAAG,kBAAK,CAAC,UAAU,CAAC,SAAS,OAAO,CAC/C,EAA8D,EAC9D,GAAuC;IADrC,IAAA,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA9C,0CAAgD,CAAF;IAG9C,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACL,qDAAS,KAAK,IAAE,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG;QACxD,QAAQ;QACT,0CAAK,SAAS,EAAE,2BAAoB,aAAa,CAAE,GAAI,CACnD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAe,OAAO,CAAC"}

package/lib/view-selector/ViewSelector.d.ts

@@ -42,17 +42,10 @@ export interface ViewSelectorProps<T extends ViewSelectorID> extends ElementBase
     selected: T;
     children: React.ReactNode | string;
 }
-export declare const ViewSelector: <T extends ViewSelectorID>({ size, icons, children, selected, onChange, as, }: ViewSelectorProps<T>) => JSX.Element;
-export declare const ViewSelectorItem: ({ children, value, as, }: Omit<React.HTMLProps<HTMLElement>, "size" | "as" | "selected" | "onChange"> & {
-    /**
-     *
-     *
-     * Types
-     *
-     *
-     */
+export declare const ViewSelector: React.ForwardRefExoticComponent<ViewSelectorProps<ViewSelectorID> & React.RefAttributes<unknown>>;
+export declare const ViewSelectorItem: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement>, "ref" | "size" | "as" | "selected" | "onChange"> & {
     as?: string | React.ComponentType<any> | undefined;
 } & {
     value: string;
-}) => JSX.Element;
+} & React.RefAttributes<unknown>>;
 export {};

package/lib/view-selector/ViewSelector.js

@@ -19,6 +19,17 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -38,6 +49,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 };
 };
@@ -53,26 +75,21 @@ var useSelectorContext = function () {
     }
     return context;
 };
-var ViewSelector = function (_a) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.icons, icons = _d === void 0 ? false : _d, children = _a.children, selected = _a.selected, onChange = _a.onChange, _e = _a.as, as = _e === void 0 ? 'div' : _e;
-    var classes = (0, classnames_1["default"])("ndl-view-selector", (_b = {},
-        _b[size] = size,
-        _b));
+exports.ViewSelector = react_1["default"].forwardRef(function ViewSelector(_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.icons, icons = _c === void 0 ? false : _c, children = _a.children, selected = _a.selected, onChange = _a.onChange, _d = _a.as, as = _d === void 0 ? 'div' : _d, rest = __rest(_a, ["size", "icons", "children", "selected", "onChange", "as"]);
+    var classes = (0, classnames_1["default"])("ndl-view-selector", size);
     var Component = as;
-    return (react_1["default"].createElement(Component, { className: classes, role: "group" },
+    return (react_1["default"].createElement(Component, __assign({}, rest, { className: classes, role: "group", ref: ref }),
         react_1["default"].createElement(ViewSelectorContext.Provider, { value: { onChange: onChange, selected: selected, icons: icons } }, children)));
-};
-exports.ViewSelector = ViewSelector;
-var ViewSelectorItem = function (_a) {
-    var children = _a.children, value = _a.value, _b = _a.as, as = _b === void 0 ? 'button' : _b;
+});
+exports.ViewSelectorItem = react_1["default"].forwardRef(function ViewSelectorItem(_a, ref) {
+    var children = _a.children, value = _a.value, _b = _a.as, as = _b === void 0 ? 'button' : _b, rest = __rest(_a, ["children", "value", "as"]);
     var _c = useSelectorContext(), onChange = _c.onChange, selected = _c.selected, icons = _c.icons;
     var isSelected = value && value === selected;
     var base = (0, classnames_1["default"])("selector-".concat(icons ? 'icon' : 'item'), {
         current: value && value === selected
     });
     var Component = as;
-    return (react_1["default"].createElement(Component, { onClick: function () { return !isSelected && onChange(value); }, className: base }, children));
-};
-exports.ViewSelectorItem = ViewSelectorItem;
+    return (react_1["default"].createElement(Component, __assign({}, rest, { onClick: function () { return !isSelected && onChange(value); }, className: base, ref: ref }), children));
+});
 //# sourceMappingURL=ViewSelector.js.map

package/lib/view-selector/ViewSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA0C;AAC1C,0DAAoC;AAwCpC,IAAM,mBAAmB,GACvB,kBAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAE7D,IAAM,kBAAkB,GAAG;IACzB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;KACvD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEK,IAAM,YAAY,GAAG,UAA2B,EAOhC;;QANrB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,EAAV,EAAE,mBAAG,KAAK,KAAA;IAEV,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,mBAAmB;QAC5C,GAAC,IAAI,IAAG,IAAI;YACZ,CAAC;IAEH,IAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,iCAAC,SAAS,IAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO;QACzC,iCAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAC/D,QAAQ,CACoB,CACrB,CACb,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,EAMhC;QALC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA;IAIP,IAAA,KAAgC,kBAAkB,EAAE,EAAlD,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAyB,CAAC;IAE3D,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,IAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,mBAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,EAAE;QAC7D,OAAO,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KACrC,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,iCAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAAE,SAAS,EAAE,IAAI,IACtE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B"}
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../src/view-selector/ViewSelector.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA0C;AAC1C,0DAAoC;AAwCpC,IAAM,mBAAmB,GACvB,kBAAK,CAAC,aAAa,CAAkC,IAAI,CAAC,CAAC;AAE7D,IAAM,kBAAkB,GAAG;IACzB,IAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;KACvD;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,kBAAK,CAAC,UAAU,CAAC,SAAS,YAAY,CAGhE,EAQuB,EACvB,GAAgC;IAR9B,IAAA,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,EAAV,EAAE,mBAAG,KAAK,KAAA,EACP,IAAI,cAPT,2DAQC,CADQ;IAIT,IAAM,OAAO,GAAG,IAAA,uBAAU,EAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;IAEtD,IAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,iCAAC,SAAS,eAAK,IAAI,IAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG;QAC5D,iCAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAC/D,QAAQ,CACoB,CACrB,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,kBAAK,CAAC,UAAU,CAAC,SAAS,gBAAgB,CACxE,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA,EACV,IAAI,cAJT,2BAKC,CADQ;IAMH,IAAA,KAAgC,kBAAkB,EAAE,EAAlD,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAyB,CAAC;IAE3D,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,KAAK,QAAQ,CAAC;IAE/C,IAAM,IAAI,GAAG,IAAA,uBAAU,EAAC,mBAAY,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAE,EAAE;QAC7D,OAAO,EAAE,KAAK,IAAI,KAAK,KAAK,QAAQ;KACrC,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG,EAAE,CAAC;IAErB,OAAO,CACL,iCAAC,SAAS,eACJ,IAAI,IACR,OAAO,EAAE,cAAM,OAAA,CAAC,UAAU,IAAI,QAAQ,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAC7C,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,GAAG,KAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -37,6 +37,7 @@
     "@babel/preset-react": "^7.16.0",
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^12.1.2",
+    "@types/jest-axe": "^3.5.3",
     "@types/react-dom": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
@@ -48,6 +49,7 @@
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
     "jest": "^27.3.1",
+    "jest-axe": "^5.0.1",
     "react": "^17.0.2",
     "ts-jest": "^27.0.7"
   },
@@ -56,8 +58,8 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.1.0",
+    "@neo4j-ndl/base": "^0.1.1",
     "classnames": "^2.3.1"
   },
-  "gitHead": "3684958480b56ac6f3c90a017a08d5a478a2270f"
+  "gitHead": "ddd93302174a2110eef5e1e276546cb39a1fadab"
 }