@singularsystems/neo-react 0.10.34 → 0.10.37

package/dist/ReactComponents/Grid/Column.d.ts

@@ -9,6 +9,8 @@ export interface INeoColumnProps<TData> extends INeoCommonColumnProps, IEditorCo
     width?: number | string;
     /** Tooltip to show in header. If you want the tooltip to show on the cells as well, use 'data-tip'. */
     headerTooltip?: string;
+    /** Tooltip to show in cells. If you want the tooltip to show on the cells as well, use 'data-tip'. */
+    cellTooltip?: string;
     /** Allows you to disable sorting on a column, or make clicking a column heading sort a specific property. */
     sort?: Model.IPropertyInstance | false;
     /** True if this column must have a total cell. */

package/dist/ReactComponents/Grid/Column.js

@@ -91,7 +91,7 @@ var Column = /** @class */ (function (_super) {
         var _a;
         this.onRender();
         var allProps = BindPropsHelper.normaliseContainerProps(this, this.props, false);
-        var _b = allProps.containerDom, width = _b.width, hideBelow = _b.hideBelow, hideAbove = _b.hideAbove, headerTooltip = _b.headerTooltip, alignment = _b.alignment, sort = _b.sort, sum = _b.sum, footerContent = _b.footerContent, headerClassName = _b.headerClassName, cellClassName = _b.cellClassName, onHeaderClick = _b.onHeaderClick, domProps = __rest(_b, ["width", "hideBelow", "hideAbove", "headerTooltip", "alignment", "sort", "sum", "footerContent", "headerClassName", "cellClassName", "onHeaderClick"]);
+        var _b = allProps.containerDom, width = _b.width, hideBelow = _b.hideBelow, hideAbove = _b.hideAbove, headerTooltip = _b.headerTooltip, cellTooltip = _b.cellTooltip, alignment = _b.alignment, sort = _b.sort, sum = _b.sum, footerContent = _b.footerContent, headerClassName = _b.headerClassName, cellClassName = _b.cellClassName, onHeaderClick = _b.onHeaderClick, domProps = __rest(_b, ["width", "hideBelow", "hideAbove", "headerTooltip", "cellTooltip", "alignment", "sort", "sum", "footerContent", "headerClassName", "cellClassName", "onHeaderClick"]);
         if (allProps.bind !== undefined) {
             if (!this.controlType || this.isHeader) {
                 this.controlType = BindPropsHelper.getControlType(allProps);
@@ -133,7 +133,7 @@ var Column = /** @class */ (function (_super) {
         this.refreshStateObserver(allProps.editor);
         return this.isHeader ? this.renderHeader(allProps, domProps, headerTooltip, headerClassName) :
             this.isFooter ? this.renderFooter(allProps, domProps) :
-                this.renderBody(allProps, domProps, cellClassName);
+                this.renderBody(allProps, domProps, cellTooltip, cellClassName);
     };
     Column.prototype.renderHeader = function (props, domProps, tooltip, headerClassName) {
         var _this = this;
@@ -153,7 +153,7 @@ var Column = /** @class */ (function (_super) {
             sortIcon &&
                 React.createElement("i", { className: "column-sort-icon fa fa-" + sortIcon })));
     };
-    Column.prototype.renderBody = function (props, domProps, cellClassName) {
+    Column.prototype.renderBody = function (props, domProps, cellTooltip, cellClassName) {
         var _this = this;
         var editorProps = props.editor;
         var containerProps = props.container;
@@ -183,7 +183,7 @@ var Column = /** @class */ (function (_super) {
             }
         }
         domProps.className = Utils.joinWithSpaces(domProps.className, cellClassName);
-        return (React.createElement("td", __assign({}, domProps),
+        return (React.createElement("td", __assign({ "data-tip": cellTooltip }, domProps),
             !containerProps.suppressDefaultContent && (editor !== undefined ?
                 editor :
                 editorProps.bind ? displayValue : undefined),

package/dist/ReactComponents/Grid/Grid.js

@@ -90,10 +90,10 @@ var Grid = /** @class */ (function (_super) {
             React.createElement(GridContext.Provider, { value: this.gridContext },
                 React.createElement(TableSection, { type: "header" }, this.headerItem && this.props.children(this.headerItem, this.headerItem.meta)),
                 React.createElement(TableSection, { type: "body" }, this.gridContext.dataView.getItems().map(function (item) { return (React.createElement(ItemGroup, { item: item, key: keyProperty ? item[keyProperty] : item.entityIdentifier, template: _this.props.children })); })),
-                React.createElement(Observer, null, function () { return (showAddButton || addButton || _this.gridContext.hasSummaries || footerContent) &&
+                React.createElement(Observer, null, function () { return (showAddButton || addButton || _this.gridContext.hasSummaries || footerContent !== undefined) &&
                     React.createElement(TableSection, { type: "footer" },
                         _this.gridContext.hasSummaries && _this.headerItem && _this.props.children(_this.headerItem, _this.headerItem.meta),
-                        footerContent && footerContent(_this.gridContext.dataView.getItems()),
+                        footerContent !== undefined && footerContent(_this.gridContext.dataView.getItems()),
                         (showAddButton || addButton) && React.createElement(AddButtonRow, { addButton: addButton })); }))));
     };
     Grid.prototype.setInitialSort = function (initialSort, initialSortAscending) {

package/dist/ReactComponents/Link.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ILinkProps extends React.HTMLProps<HTMLAnchorElement> {
+}
+/**
+ * Renders an anchor tag with an href of '/' unless otherwise specified.
+ * The onClick event will call preventDefault() so that the anchor acts like a button instead of a link to a url.
+ */
+export default class Link extends React.Component<ILinkProps> {
+    constructor(props: ILinkProps);
+    private onClick;
+    render(): JSX.Element;
+}
+export {};

package/dist/ReactComponents/Link.js

@@ -0,0 +1,28 @@
+import { __assign, __extends } from "tslib";
+import React from 'react';
+/**
+ * Renders an anchor tag with an href of '/' unless otherwise specified.
+ * The onClick event will call preventDefault() so that the anchor acts like a button instead of a link to a url.
+ */
+var Link = /** @class */ (function (_super) {
+    __extends(Link, _super);
+    function Link(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onClick = _this.onClick.bind(_this);
+        return _this;
+    }
+    Link.prototype.onClick = function (e) {
+        e.preventDefault();
+        if (this.props.onClick) {
+            this.props.onClick(e);
+        }
+    };
+    Link.prototype.render = function () {
+        var _a;
+        var props = this.props;
+        var href = (_a = props.href, (_a !== null && _a !== void 0 ? _a : "/"));
+        return React.createElement("a", __assign({}, props, { href: href, onClick: this.onClick }), this.props.children);
+    };
+    return Link;
+}(React.Component));
+export default Link;

package/dist/ReactComponents/_Exports.d.ts

@@ -20,6 +20,7 @@ import FormGroupInline from './FormGroup/FormGroupInline';
 import Form from './Form';
 import { FormContextProvider as FormContext } from './FormContext';
 import GridLayout from './GridLayout';
+import Link from './Link';
 import Loader from './Loader';
 import Modal from './Modal/Modal';
 import ModalContainer from './Modal/ModalContainer';
@@ -37,4 +38,4 @@ import ToastContainer from './Notifications/ToastContainer';
 import Tooltip from './Tooltip';
 import TooltipProvider from './TooltipProvider';
 import ValidationSummary from './ValidationSummary';
-export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
+export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };

package/dist/ReactComponents/_Exports.js

@@ -20,6 +20,7 @@ import FormGroupInline from './FormGroup/FormGroupInline';
 import Form from './Form';
 import { FormContextProvider as FormContext } from './FormContext';
 import GridLayout from './GridLayout';
+import Link from './Link';
 import Loader from './Loader';
 import Modal from './Modal/Modal';
 import ModalContainer from './Modal/ModalContainer';
@@ -37,4 +38,4 @@ import ToastContainer from './Notifications/ToastContainer';
 import Tooltip from './Tooltip';
 import TooltipProvider from './TooltipProvider';
 import ValidationSummary from './ValidationSummary';
-export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };
+export { Alert, AutoCompleteDropDown, Button, Card, Checkbox, Collapsable, ColorPicker, ContextMenuContainer, DatePicker, DropDown, FileBasicInput, FileContext, FileDropArea, FileInput, FileUploadButton, FileUploadProgress, Form, FormContext, FormGroup, FormGroupFloating, FormGroupInline, GridLayout, Input, Link, Loader, Modal, ModalContainer, NumberInput, Pager, PagerControlsBasic, PageSizeControl, Passwordbox, ProgressBar, RadioList, Slider, TabContainer, Tab, Textbox, Toast, ToastContainer, Tooltip, TooltipProvider, ValidationSummary };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "0.10.34",
+  "version": "0.10.37",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -33,7 +33,7 @@
     "@types/rc-slider": "^8.6.5",
     "@types/react-color": "^3.0.1",
     "@types/react-select": "3.1.0",
-    "@singularsystems/neo-core": "^0.10.42",
+    "@singularsystems/neo-core": "^0.10.44",
     "axios": "^0.21.1",
     "decimal.js-light": "2.5.1",
     "history": "4.10.1",