@singularsystems/neo-react 1.0.0-alpha.2 → 1.0.0-beta.0

package/dist/ReactComponents/Button.js

@@ -1,123 +1,131 @@
-import { __decorate, __extends, __metadata, __rest, __spreadArray } from "tslib";
-import * as React from 'react';
-import ComponentBase from './ComponentBase';
-import { Components, Utils } from '@singularsystems/neo-core';
-import Tooltip from './Tooltip';
-import { observer } from 'mobx-react';
-var Button = /** @class */ (function (_super) {
-    __extends(Button, _super);
-    function Button(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = { isExpanded: false };
-        _this.btnGroupDom = React.createRef();
-        _this.menuDom = React.createRef();
-        _this.windowClickHandler = _this.windowClicked.bind(_this);
-        _this.showMenu = _this.showMenu.bind(_this);
-        return _this;
-    }
-    Button.prototype.showMenu = function () {
-        var _this = this;
-        if (!this.state.isExpanded) {
-            this.setState({ isExpanded: true });
-            setTimeout(function () { return window.addEventListener("click", _this.windowClickHandler); }, 0);
-        }
-    };
-    Button.prototype.hideMenu = function () {
-        if (this.state.isExpanded) {
-            this.setState({ isExpanded: false });
-        }
-        window.removeEventListener("click", this.windowClickHandler);
-    };
-    Button.prototype.menuItemClicked = function (e, data, userEvent) {
-        this.hideMenu();
-        e.preventDefault();
-        if (userEvent) {
-            userEvent(e, data);
-        }
-        else if (this.props.onClick && data !== undefined) {
-            this.props.onClick(e, data);
-        }
-    };
-    Button.prototype.windowClicked = function (e) {
-        this.hideMenu();
-    };
-    Button.prototype.afterRender = function () {
-        if (this.btnGroupDom.current && this.menuDom.current) {
-            Components.PositionHelper.checkScreenBounds(this.btnGroupDom.current, this.menuDom.current, undefined, this.props.menuAlignment === "right");
-        }
-    };
-    Button.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, isSubmit = _a.isSubmit, variant = _a.variant, size = _a.size, isOutline = _a.isOutline, icon = _a.icon, iconAlignment = _a.iconAlignment, text = _a.text, menuItems = _a.menuItems, splitMenu = _a.splitMenu, menuAlignment = _a.menuAlignment, buttonGroupClassName = _a.buttonGroupClassName, tooltip = _a.tooltip, task = _a.task, isBusy = _a.isBusy, pulse = _a.pulse, native = __rest(_a, ["isSubmit", "variant", "size", "isOutline", "icon", "iconAlignment", "text", "menuItems", "splitMenu", "menuAlignment", "buttonGroupClassName", "tooltip", "task", "isBusy", "pulse"]);
-        native.type = isSubmit ? "submit" : "button";
-        variant = variant !== null && variant !== void 0 ? variant : "primary";
-        var isDropDown = menuItems && menuItems.length;
-        var buttonClasses = "btn btn-" + (isOutline ? "outline-" : "") + variant;
-        if (size)
-            buttonClasses += " btn-" + size;
-        if (isDropDown && !splitMenu) {
-            buttonClasses += " dropdown-toggle";
-            native.onClick = this.showMenu;
-        }
-        if (isBusy || (task === null || task === void 0 ? void 0 : task.isBusy)) {
-            icon = "fa-circle-notch fa-spin";
-            native.disabled = true;
-        }
-        if (pulse) {
-            buttonClasses += " ".concat(variant, "-color-pulse");
-        }
-        native.className = (native.className || "") + " " + buttonClasses;
-        // Button text
-        var innerText = this.props.children;
-        if (!innerText)
-            innerText = text;
-        var iconSpace = icon && innerText ? " " : "";
-        // Icon
-        var iconElement = icon ? React.createElement("i", { className: Utils.getFontAwesomeClass(icon) }) : undefined;
-        // Tooltip
-        if (tooltip) {
-            Tooltip.setDomProperties(native, tooltip);
-        }
-        var root;
-        // Main button
-        var buttonChildren = [];
-        if (icon && iconAlignment !== "right")
-            buttonChildren.push(iconElement, iconSpace);
-        buttonChildren.push(innerText);
-        if (isDropDown && !splitMenu) {
-            buttonChildren.push(" ");
-        }
-        if (icon && iconAlignment === "right")
-            buttonChildren.push(iconSpace, iconElement);
-        var mainButton = React.createElement.apply(React, __spreadArray(["button", native], buttonChildren, false));
-        var buttonGroupClasses = "btn-group";
-        // add custom css classes to the button group if applicable
-        if (buttonGroupClassName) {
-            buttonGroupClasses = Utils.joinWithSpaces(buttonGroupClasses, buttonGroupClassName);
-        }
-        // Button needs a container if this is a drop down button
-        if (isDropDown) {
-            var menu = React.createElement("div", { className: "dropdown-menu" + (this.state.isExpanded ? " show" : ""), ref: this.menuDom }, menuItems.map(function (item, index) { return (item.header ? React.createElement("h6", { key: index, className: "dropdown-header" }, item.header)
-                : item.isDivider ? React.createElement("div", { key: index, className: "dropdown-divider" })
-                    : React.createElement("div", { key: index, className: "dropdown-item", onClick: function (e) { return _this.menuItemClicked(e, item.data, item.onClick); } },
-                        item.icon && React.createElement("i", { className: Utils.getFontAwesomeClass(item.icon) + " fa-fw" }),
-                        "  ",
-                        item.text)); }));
-            root =
-                React.createElement("div", { className: buttonGroupClasses, ref: this.btnGroupDom },
-                    mainButton,
-                    splitMenu && React.createElement("button", { type: "button", onClick: this.showMenu, className: buttonClasses + " dropdown-toggle dropdown-toggle-split" }),
-                    menu);
-        }
-        else {
-            root = mainButton;
-        }
-        return root;
-    };
-    Button = __decorate([
-        observer,
-        __metadata("design:paramtypes", [Object])
-    ], Button);
-    return Button;
-}(ComponentBase));
-export default Button;
+import { __decorate, __extends, __metadata, __rest, __spreadArray } from "tslib";
+import * as React from 'react';
+import ComponentBase from './ComponentBase';
+import { Components, Misc, Utils } from '@singularsystems/neo-core';
+import Tooltip from './Tooltip';
+import { observer } from 'mobx-react';
+import { NeoReactTypes } from '../Modules/Types';
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { isExpanded: false };
+        _this.btnGroupDom = React.createRef();
+        _this.menuDom = React.createRef();
+        _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        _this.windowClickHandler = _this.windowClicked.bind(_this);
+        _this.showMenu = _this.showMenu.bind(_this);
+        return _this;
+    }
+    Button.prototype.showMenu = function () {
+        var _this = this;
+        if (!this.state.isExpanded) {
+            this.setState({ isExpanded: true });
+            setTimeout(function () { return window.addEventListener("click", _this.windowClickHandler); }, 0);
+        }
+    };
+    Button.prototype.hideMenu = function () {
+        if (this.state.isExpanded) {
+            this.setState({ isExpanded: false });
+        }
+        window.removeEventListener("click", this.windowClickHandler);
+    };
+    Button.prototype.menuItemClicked = function (e, data, userEvent) {
+        this.hideMenu();
+        e.preventDefault();
+        if (userEvent) {
+            userEvent(e, data);
+        }
+        else if (this.props.onClick && data !== undefined) {
+            this.props.onClick(e, data);
+        }
+    };
+    Button.prototype.windowClicked = function (e) {
+        this.hideMenu();
+    };
+    Button.prototype.afterRender = function () {
+        if (this.btnGroupDom.current && this.menuDom.current) {
+            Components.PositionHelper.checkScreenBounds(this.btnGroupDom.current, this.menuDom.current, undefined, this.props.menuAlignment === "right");
+        }
+    };
+    Button.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, isSubmit = _a.isSubmit, variant = _a.variant, size = _a.size, isOutline = _a.isOutline, icon = _a.icon, iconAlignment = _a.iconAlignment, text = _a.text, menuItems = _a.menuItems, splitMenu = _a.splitMenu, menuAlignment = _a.menuAlignment, buttonGroupClassName = _a.buttonGroupClassName, tooltip = _a.tooltip, task = _a.task, isBusy = _a.isBusy, pulse = _a.pulse, native = __rest(_a, ["isSubmit", "variant", "size", "isOutline", "icon", "iconAlignment", "text", "menuItems", "splitMenu", "menuAlignment", "buttonGroupClassName", "tooltip", "task", "isBusy", "pulse"]);
+        native.type = isSubmit ? "submit" : "button";
+        variant = variant !== null && variant !== void 0 ? variant : "primary";
+        var isDropDown = menuItems && menuItems.length;
+        var buttonClasses = "btn btn-" + (isOutline ? "outline-" : "") + variant;
+        if (size)
+            buttonClasses += " btn-" + size;
+        if (isDropDown && !splitMenu) {
+            buttonClasses += " dropdown-toggle";
+            native.onClick = this.showMenu;
+        }
+        var iconStyle = {};
+        if (isBusy !== undefined || task !== undefined) {
+            iconStyle = { fixedWidth: true };
+        }
+        if (isBusy || (task === null || task === void 0 ? void 0 : task.isBusy)) {
+            iconStyle.fixedWidth = true;
+            iconStyle.spin = true;
+            icon = Misc.Settings.icons.loadingIcon;
+            native.disabled = true;
+        }
+        if (pulse) {
+            buttonClasses += " ".concat(variant, "-color-pulse");
+        }
+        native.className = (native.className || "") + " " + buttonClasses;
+        // Button text
+        var innerText = this.props.children;
+        if (!innerText)
+            innerText = text;
+        var iconSpace = icon && innerText ? " " : "";
+        // Icon
+        var iconElement = this.iconFactory.getIconComponent(icon, iconStyle);
+        // Tooltip
+        if (tooltip) {
+            Tooltip.setDomProperties(native, tooltip);
+        }
+        var root;
+        // Main button
+        var buttonChildren = [];
+        if (icon && iconAlignment !== "right")
+            buttonChildren.push(iconElement, iconSpace);
+        buttonChildren.push(innerText);
+        if (isDropDown && !splitMenu) {
+            buttonChildren.push(" ");
+        }
+        if (icon && iconAlignment === "right")
+            buttonChildren.push(iconSpace, iconElement);
+        var mainButton = React.createElement.apply(React, __spreadArray(["button", native], buttonChildren, false));
+        var buttonGroupClasses = "btn-group";
+        // add custom css classes to the button group if applicable
+        if (buttonGroupClassName) {
+            buttonGroupClasses = Utils.joinWithSpaces(buttonGroupClasses, buttonGroupClassName);
+        }
+        // Button needs a container if this is a drop down button
+        if (isDropDown) {
+            var menu = React.createElement("div", { className: "dropdown-menu" + (this.state.isExpanded ? " show" : ""), ref: this.menuDom }, menuItems.map(function (item, index) { return (item.header ? React.createElement("h6", { key: index, className: "dropdown-header" }, item.header)
+                : item.isDivider ? React.createElement("div", { key: index, className: "dropdown-divider" })
+                    : React.createElement("div", { key: index, className: "dropdown-item", onClick: function (e) { return _this.menuItemClicked(e, item.data, item.onClick); } },
+                        _this.iconFactory.getIconComponent(item.icon, { fixedWidth: true }),
+                        "  ",
+                        item.text)); }));
+            root =
+                React.createElement("div", { className: buttonGroupClasses, ref: this.btnGroupDom },
+                    mainButton,
+                    splitMenu && React.createElement("button", { type: "button", onClick: this.showMenu, className: buttonClasses + " dropdown-toggle dropdown-toggle-split" }),
+                    menu);
+        }
+        else {
+            root = mainButton;
+        }
+        return root;
+    };
+    Button = __decorate([
+        observer,
+        __metadata("design:paramtypes", [Object])
+    ], Button);
+    return Button;
+}(ComponentBase));
+export default Button;

package/dist/ReactComponents/Card.d.ts

@@ -1,23 +1,24 @@
-import React from 'react';
-import { Model } from '@singularsystems/neo-core';
-interface ICardProps {
-    /** Icon to show next to title in header. */
-    icon?: string;
-    /** Title to show in header. */
-    title?: any;
-    /** Header elements to show on right hand side of header. */
-    headerElements?: JSX.Element;
-    /** Use a custom scrollbar instead of the browser scrollbar. */
-    useCustomScrollbar?: boolean;
-    /** Causes the card to be collapsible. Adds a collapse icon to the header. */
-    collapsible?: boolean;
-    /** Causes the card to be collapsed on first render. Sets the collapsible prop to true. */
-    initiallyCollapsed?: boolean;
-    /** Allows the collapse state to be set externally. Sets the collapsible prop to true. */
-    isExpanded?: Model.IObservableValue<boolean>;
-}
-export default class Card extends React.Component<ICardProps & React.HTMLProps<HTMLDivElement>> {
-    private expandState;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { Model } from '@singularsystems/neo-core';
+interface ICardProps {
+    /** Icon to show next to title in header. */
+    icon?: string;
+    /** Title to show in header. */
+    title?: any;
+    /** Header elements to show on right hand side of header. */
+    headerElements?: JSX.Element;
+    /** Use a custom scrollbar instead of the browser scrollbar. */
+    useCustomScrollbar?: boolean;
+    /** Causes the card to be collapsible. Adds a collapse icon to the header. */
+    collapsible?: boolean;
+    /** Causes the card to be collapsed on first render. Sets the collapsible prop to true. */
+    initiallyCollapsed?: boolean;
+    /** Allows the collapse state to be set externally. Sets the collapsible prop to true. */
+    isExpanded?: Model.IObservableValue<boolean>;
+}
+export default class Card extends React.Component<ICardProps & React.HTMLProps<HTMLDivElement>> {
+    private iconFactory;
+    private expandState;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/Card.js

@@ -1,54 +1,56 @@
-import { __assign, __decorate, __extends, __rest } from "tslib";
-import React from 'react';
-import { Model, Utils } from '@singularsystems/neo-core';
-import { observer } from 'mobx-react';
-import Scrollbar from 'react-custom-scrollbars';
-import Collapsable from './Collapsable';
-var Card = /** @class */ (function (_super) {
-    __extends(Card, _super);
-    function Card() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.expandState = new Model.ObservableValue(_this.props.initiallyCollapsed === undefined ? true : !_this.props.initiallyCollapsed);
-        return _this;
-    }
-    Card.prototype.render = function () {
-        var _a = this.props, icon = _a.icon, title = _a.title, children = _a.children, headerElements = _a.headerElements, useCustomScrollbar = _a.useCustomScrollbar, collapsible = _a.collapsible, initiallyCollapsed = _a.initiallyCollapsed, isExpanded = _a.isExpanded, domProps = __rest(_a, ["icon", "title", "children", "headerElements", "useCustomScrollbar", "collapsible", "initiallyCollapsed", "isExpanded"]);
-        var className = Utils.joinWithSpaces("neo-card card", domProps.className);
-        var isCollapsible = collapsible || isExpanded !== undefined || initiallyCollapsed !== undefined;
-        var expandState = isExpanded !== null && isExpanded !== void 0 ? isExpanded : this.expandState;
-        if (isCollapsible) {
-            var expandIndicator = React.createElement("i", { onClick: function () { return expandState.value = !expandState.value; }, className: "card-expand-indicator fa fa-fw fa-angle-".concat(expandState.value ? "up" : "down") });
-            if (headerElements) {
-                headerElements = React.createElement(React.Fragment, null,
-                    headerElements,
-                    expandIndicator);
-            }
-            else {
-                headerElements = expandIndicator;
-            }
-            if (!expandState.value) {
-                className += " collapsed";
-            }
-        }
-        var body = React.createElement("div", { className: "card-body" },
-            useCustomScrollbar && React.createElement(Scrollbar, null, children),
-            !useCustomScrollbar && children);
-        if (isCollapsible) {
-            body =
-                React.createElement(Collapsable, { show: expandState.value }, body);
-        }
-        return (React.createElement("div", __assign({}, domProps, { className: className }),
-            (icon || title) &&
-                React.createElement("div", { className: "card-header" },
-                    React.createElement("div", { className: "card-header-title" },
-                        icon && React.createElement("i", { className: Utils.getFontAwesomeClass(icon) }),
-                        React.createElement("span", null, title)),
-                    headerElements && React.createElement("div", { className: "card-header-right-section" }, headerElements)),
-            body));
-    };
-    Card = __decorate([
-        observer
-    ], Card);
-    return Card;
-}(React.Component));
-export default Card;
+import { __assign, __decorate, __extends, __rest } from "tslib";
+import React from 'react';
+import { Misc, Model, Utils } from '@singularsystems/neo-core';
+import { observer } from 'mobx-react';
+import Scrollbar from 'react-custom-scrollbars';
+import Collapsable from './Collapsable';
+import { NeoReactTypes } from '../Modules/Types';
+var Card = /** @class */ (function (_super) {
+    __extends(Card, _super);
+    function Card() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.iconFactory = Misc.Globals.appService.get(NeoReactTypes.Components.IconFactory);
+        _this.expandState = new Model.ObservableValue(_this.props.initiallyCollapsed === undefined ? true : !_this.props.initiallyCollapsed);
+        return _this;
+    }
+    Card.prototype.render = function () {
+        var _a = this.props, icon = _a.icon, title = _a.title, children = _a.children, headerElements = _a.headerElements, useCustomScrollbar = _a.useCustomScrollbar, collapsible = _a.collapsible, initiallyCollapsed = _a.initiallyCollapsed, isExpanded = _a.isExpanded, domProps = __rest(_a, ["icon", "title", "children", "headerElements", "useCustomScrollbar", "collapsible", "initiallyCollapsed", "isExpanded"]);
+        var className = Utils.joinWithSpaces("neo-card card", domProps.className);
+        var isCollapsible = collapsible || isExpanded !== undefined || initiallyCollapsed !== undefined;
+        var expandState = isExpanded !== null && isExpanded !== void 0 ? isExpanded : this.expandState;
+        if (isCollapsible) {
+            var expandIndicator = React.createElement("i", { onClick: function () { return expandState.value = !expandState.value; }, className: "card-expand-indicator fa fa-fw fa-angle-".concat(expandState.value ? "up" : "down") });
+            if (headerElements) {
+                headerElements = React.createElement(React.Fragment, null,
+                    headerElements,
+                    expandIndicator);
+            }
+            else {
+                headerElements = expandIndicator;
+            }
+            if (!expandState.value) {
+                className += " collapsed";
+            }
+        }
+        var body = React.createElement("div", { className: "card-body" },
+            useCustomScrollbar && React.createElement(Scrollbar, null, children),
+            !useCustomScrollbar && children);
+        if (isCollapsible) {
+            body =
+                React.createElement(Collapsable, { show: expandState.value }, body);
+        }
+        return (React.createElement("div", __assign({}, domProps, { className: className }),
+            (icon || title) &&
+                React.createElement("div", { className: "card-header" },
+                    React.createElement("div", { className: "card-header-title" },
+                        this.iconFactory.getIconComponent(icon),
+                        React.createElement("span", null, title)),
+                    headerElements && React.createElement("div", { className: "card-header-right-section" }, headerElements)),
+            body));
+    };
+    Card = __decorate([
+        observer
+    ], Card);
+    return Card;
+}(React.Component));
+export default Card;

package/dist/ReactComponents/Collapsable.d.ts

@@ -1,23 +1,23 @@
-import { Components } from '@singularsystems/neo-core';
-import React from 'react';
-import ComponentBase from './ComponentBase';
-interface ICollapsableProps extends React.HTMLProps<HTMLDivElement> {
-    /**
-     * True if the div should be visible.
-     */
-    show: boolean;
-    /** Callback to show */
-    onHidden?: () => void;
-}
-/**
- * Renders a div that shows and hides using a vertical collapse animation.
- * Uses the collapsable and collapsed css classes.
- */
-export default class Collapsable extends ComponentBase<ICollapsableProps> {
-    protected containerRef: React.RefObject<HTMLDivElement>;
-    protected animationHelper?: Components.CollapseAnimationHelper;
-    render(): JSX.Element;
-    afterRender(isInitial: boolean): void;
-    componentWillUnmount(): void;
-}
-export {};
+import { Components } from '@singularsystems/neo-core';
+import React from 'react';
+import ComponentBase from './ComponentBase';
+interface ICollapsableProps extends React.HTMLProps<HTMLDivElement> {
+    /**
+     * True if the div should be visible.
+     */
+    show: boolean;
+    /** Callback to show */
+    onHidden?: () => void;
+}
+/**
+ * Renders a div that shows and hides using a vertical collapse animation.
+ * Uses the collapsable and collapsed css classes.
+ */
+export default class Collapsable extends ComponentBase<ICollapsableProps> {
+    protected containerRef: React.RefObject<HTMLDivElement>;
+    protected animationHelper?: Components.CollapseAnimationHelper;
+    render(): JSX.Element;
+    afterRender(isInitial: boolean): void;
+    componentWillUnmount(): void;
+}
+export {};

package/dist/ReactComponents/Collapsable.js

@@ -1,38 +1,38 @@
-import { __assign, __extends, __rest } from "tslib";
-import { Components, Utils } from '@singularsystems/neo-core';
-import React from 'react';
-import ComponentBase from './ComponentBase';
-/**
- * Renders a div that shows and hides using a vertical collapse animation.
- * Uses the collapsable and collapsed css classes.
- */
-var Collapsable = /** @class */ (function (_super) {
-    __extends(Collapsable, _super);
-    function Collapsable() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.containerRef = React.createRef();
-        return _this;
-    }
-    Collapsable.prototype.render = function () {
-        var _a = this.props, show = _a.show, hidden = _a.hidden, onHidden = _a.onHidden, domProps = __rest(_a, ["show", "hidden", "onHidden"]);
-        domProps.className = Utils.joinWithSpaces(domProps.className, "collapsable");
-        return React.createElement("div", __assign({}, domProps, { ref: this.containerRef }), this.props.children);
-    };
-    Collapsable.prototype.afterRender = function (isInitial) {
-        if (this.containerRef.current) {
-            if (!this.animationHelper) {
-                this.animationHelper = new Components.CollapseAnimationHelper(this.containerRef.current, this.props.show, undefined, this.props.onHidden);
-            }
-            if (!isInitial) {
-                this.animationHelper.showHide(this.props.show, isInitial);
-            }
-        }
-    };
-    Collapsable.prototype.componentWillUnmount = function () {
-        if (this.animationHelper) {
-            this.animationHelper.destroy();
-        }
-    };
-    return Collapsable;
-}(ComponentBase));
-export default Collapsable;
+import { __assign, __extends, __rest } from "tslib";
+import { Components, Utils } from '@singularsystems/neo-core';
+import React from 'react';
+import ComponentBase from './ComponentBase';
+/**
+ * Renders a div that shows and hides using a vertical collapse animation.
+ * Uses the collapsable and collapsed css classes.
+ */
+var Collapsable = /** @class */ (function (_super) {
+    __extends(Collapsable, _super);
+    function Collapsable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.containerRef = React.createRef();
+        return _this;
+    }
+    Collapsable.prototype.render = function () {
+        var _a = this.props, show = _a.show, hidden = _a.hidden, onHidden = _a.onHidden, domProps = __rest(_a, ["show", "hidden", "onHidden"]);
+        domProps.className = Utils.joinWithSpaces(domProps.className, "collapsable");
+        return React.createElement("div", __assign({}, domProps, { ref: this.containerRef }), this.props.children);
+    };
+    Collapsable.prototype.afterRender = function (isInitial) {
+        if (this.containerRef.current) {
+            if (!this.animationHelper) {
+                this.animationHelper = new Components.CollapseAnimationHelper(this.containerRef.current, this.props.show, undefined, this.props.onHidden);
+            }
+            if (!isInitial) {
+                this.animationHelper.showHide(this.props.show, isInitial);
+            }
+        }
+    };
+    Collapsable.prototype.componentWillUnmount = function () {
+        if (this.animationHelper) {
+            this.animationHelper.destroy();
+        }
+    };
+    return Collapsable;
+}(ComponentBase));
+export default Collapsable;

package/dist/ReactComponents/CollapsableBase.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { Components } from '@singularsystems/neo-core';
-import ComponentBase from './ComponentBase';
-export default class CollapsableBase<TProps extends Components.ICollapsableOptions> extends ComponentBase<TProps> {
-    private timer;
-    protected containerRef: React.RefObject<HTMLDivElement>;
-    protected shouldShow: boolean;
-    protected animationHelper?: Components.CollapseAnimationHelper;
-    constructor(props: TProps);
-    onClose(e: React.MouseEvent): void;
-    afterRender(isInitial: boolean): void;
-    componentWillUnmount(): void;
-}
+import React from 'react';
+import { Components } from '@singularsystems/neo-core';
+import ComponentBase from './ComponentBase';
+export default class CollapsableBase<TProps extends Components.ICollapsableOptions> extends ComponentBase<TProps> {
+    private timer;
+    protected containerRef: React.RefObject<HTMLDivElement>;
+    protected shouldShow: boolean;
+    protected animationHelper?: Components.CollapseAnimationHelper;
+    constructor(props: TProps);
+    onClose(e: React.MouseEvent): void;
+    afterRender(isInitial: boolean): void;
+    componentWillUnmount(): void;
+}