@singularsystems/neo-react 1.1.3 → 1.1.4

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

@@ -4,6 +4,7 @@ import { DataViewContext } from '../../React/DataView';
 import { IButtonOptions } from '@singularsystems/neo-core/dist/Components/ButtonOptions';
 import { ItemCallback } from '../PropTypes';
 export type GridSection = "header" | "body" | "footer";
+export type BorderType = "standard" | "borderless" | "bordered";
 export declare class GridContextParams<T> {
     currentItem: T;
     section: GridSection;
@@ -53,18 +54,22 @@ export interface IGridProps<T> extends Omit<React.HTMLProps<HTMLTableElement>, "
     initialSort?: keyof T | (keyof T)[];
     initialSortAscending?: boolean | boolean[];
     children: ItemCallback<T>;
+    /** @deprecated Use `borderType` instead. */
+    isBordered?: boolean;
+    /** @deprecated Use `borderType` instead. */
+    isBorderless?: boolean;
     /**
-     * When specified, the default bootstrap table borders (sides and cells) will be added.
-     * This is the default unless overridden in Misc.Settings.grid
+     * Specifies the bootstrap border type. This can also be specified globally in Misc.Settings.grid.borderType.
+     * - Standard = Only horizontal borders.
+     * - Bordered = All borders.
+     * - Borderless = No borders.
      */
-    isBordered?: boolean;
+    borderType?: BorderType;
     /**
      * When specified, every alternating row will receive a slightly darker background color.
      * Note, this will not work correctly if your grid has child rows. See the neo react demo pages for a solution.
      */
     isStriped?: boolean;
-    /** When specified, the table will have no cell borders, and the table will have no main border. */
-    isBorderless?: boolean;
     /** When specified, a background color will be applied on a row if it is being hovered over. */
     showHover?: boolean;
     /** When specified, the table size will be reduced (by reducing the padding sizes in each cell by half). */

package/dist/ReactComponents/Grid/Grid.js

@@ -45,7 +45,7 @@ var Grid = /** @class */ (function (_super) {
     };
     Grid.prototype.render = function () {
         var _this = this;
-        var _a = this.props, items = _a.items, showAddButton = _a.showAddButton, addButton = _a.addButton, filterPredicate = _a.filterPredicate, keyProperty = _a.keyProperty, allowSort = _a.allowSort, expandAll = _a.expandAll, collapseAll = _a.collapseAll, initialSort = _a.initialSort, initialSortAscending = _a.initialSortAscending, isBordered = _a.isBordered, isStriped = _a.isStriped, isBorderless = _a.isBorderless, showHover = _a.showHover, isSmallTable = _a.isSmallTable, footerContent = _a.footerContent, footerButtons = _a.footerButtons, stickyHeader = _a.stickyHeader, enableRowIndexes = _a.enableRowIndexes, children = _a.children, domProps = __rest(_a, ["items", "showAddButton", "addButton", "filterPredicate", "keyProperty", "allowSort", "expandAll", "collapseAll", "initialSort", "initialSortAscending", "isBordered", "isStriped", "isBorderless", "showHover", "isSmallTable", "footerContent", "footerButtons", "stickyHeader", "enableRowIndexes", "children"]);
+        var _a = this.props, items = _a.items, showAddButton = _a.showAddButton, addButton = _a.addButton, filterPredicate = _a.filterPredicate, keyProperty = _a.keyProperty, allowSort = _a.allowSort, expandAll = _a.expandAll, collapseAll = _a.collapseAll, initialSort = _a.initialSort, initialSortAscending = _a.initialSortAscending, isBordered = _a.isBordered, isBorderless = _a.isBorderless, isStriped = _a.isStriped, borderType = _a.borderType, showHover = _a.showHover, isSmallTable = _a.isSmallTable, footerContent = _a.footerContent, footerButtons = _a.footerButtons, stickyHeader = _a.stickyHeader, enableRowIndexes = _a.enableRowIndexes, children = _a.children, domProps = __rest(_a, ["items", "showAddButton", "addButton", "filterPredicate", "keyProperty", "allowSort", "expandAll", "collapseAll", "initialSort", "initialSortAscending", "isBordered", "isBorderless", "isStriped", "borderType", "showHover", "isSmallTable", "footerContent", "footerButtons", "stickyHeader", "enableRowIndexes", "children"]);
         if (expandAll === true) {
             this.gridContext.expandAll = true;
         }
@@ -56,17 +56,28 @@ var Grid = /** @class */ (function (_super) {
             this.gridContext.expandAll = undefined;
         }
         var className = Utils.joinWithSpaces(domProps.className, "table neo-grid");
-        // apply bordered styling
-        if (isBordered !== null && isBordered !== void 0 ? isBordered : Misc.Settings.grid.isBordered) {
+        borderType !== null && borderType !== void 0 ? borderType : (borderType = Misc.Settings.grid.borderType);
+        if (borderType === undefined) {
+            var noBorders = isBorderless !== null && isBorderless !== void 0 ? isBorderless : Misc.Settings.grid.isBorderless;
+            if (noBorders) {
+                borderType = "borderless";
+            }
+            else if (isBordered !== null && isBordered !== void 0 ? isBordered : Misc.Settings.grid.isBordered) {
+                borderType = "bordered";
+            }
+        }
+        if (borderType === "bordered") {
             className += " table-bordered";
         }
+        else if (borderType === "borderless") {
+            className += " table-borderless";
+        }
         // apply striped styling
         if (isStriped !== null && isStriped !== void 0 ? isStriped : Misc.Settings.grid.isStriped) {
             className += " table-striped";
         }
         // apply borderless styling
         if (isBorderless !== null && isBorderless !== void 0 ? isBorderless : Misc.Settings.grid.isBorderless) {
-            className += " table-borderless";
         }
         // apply hover styling
         if (showHover !== null && showHover !== void 0 ? showHover : Misc.Settings.grid.showHover) {

package/dist/Routing/RouteView.d.ts

@@ -17,7 +17,6 @@ export default abstract class RouteView extends React.Component<unknown> {
     /**
      * Creates the routes component after authentication and authorisation checks have been done.
      * This can be used to override all routes to display pages like terms and conditions.
-     * To redirect to a route, return a react router <Redirect to= /> component.
      */
     protected getAuthorisedComponent(route: Routing.IRoute, path: string): JSX.Element;
     /**

package/dist/Routing/RouteView.js

@@ -52,7 +52,6 @@ var RouteView = /** @class */ (function (_super) {
     /**
      * Creates the routes component after authentication and authorisation checks have been done.
      * This can be used to override all routes to display pages like terms and conditions.
-     * To redirect to a route, return a react router <Redirect to= /> component.
      */
     RouteView.prototype.getAuthorisedComponent = function (route, path) {
         return React.createElement(route.component, null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",