@singularsystems/neo-react 1.3.0 → 1.3.2

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file details all new features and changes to functionality. If you only need to see changes that require updates to your project, see the [breaking changes](./Breaking.md) readme.
 
+## Version 1.3.2
+
+- List - Added `activeItems` property which will return items that are not being deleted.
+- DateUtils - Added `DateUtils.formatApi` for formatting dates to be used in a query string.
+- Utils.getQueryString() - will now format dates passed in as the root object. Although using `DateUtils.formatApi` is preferred.
+- TooltipHelper - Added overload for passing in a rectangle instead of an element.
+- Deprecated `RowGroup.hideExpandButton`. This was broken, and is difficult to implement properly. Rather return null from the expand property.
+- Added `FormContext.labelSizes` to set the label width on all inline form groups contained within the form context.
+
+## Version 1.3.1
+
+- Routing - Fixed an issue where the base route would take precedence over other routes if it had parameters, and was declared before other routes.
+
 ## Version 1.3.0
 
 - ViewBase and ViewComponentBase now require that the linked view model has a `TaskRunner` as the first argument. See breaking changes for more info.

package/dist/ReactComponents/FormContext.d.ts

@@ -19,6 +19,8 @@ export declare class FormContextParams implements Components.IFormContextOptions
     bindProperty: Model.IPropertyInstance;
     parentType: EditorParentType;
     uniqueId?: string;
+    /** Number of columns labels of InlineFormGroups should use. */
+    labelSizes?: Components.IColumnWidthBreakpoints;
 }
 export declare const FormContext: React.Context<FormContextParams>;
 /**

package/dist/ReactComponents/FormGroup/FormGroupInline.js

@@ -13,14 +13,16 @@ var FormGroupInline = /** @class */ (function (_super) {
         return false;
     };
     FormGroupInline.prototype.getFormGroupClasses = function (domProps, isCheckBox) {
+        var _a;
         var classes = _super.prototype.getFormGroupClasses.call(this, domProps, isCheckBox);
-        var _a = classes.containerDom, xs = _a.xs, sm = _a.sm, md = _a.md, lg = _a.lg, xl = _a.xl, xxl = _a.xxl, containerDom = __rest(_a, ["xs", "sm", "md", "lg", "xl", "xxl"]);
+        var _b = classes.containerDom, xs = _b.xs, sm = _b.sm, md = _b.md, lg = _b.lg, xl = _b.xl, xxl = _b.xxl, containerDom = __rest(_b, ["xs", "sm", "md", "lg", "xl", "xxl"]);
         classes.container += " row";
+        classes.label = "";
         var colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses(classes.containerDom);
         if (!colClasses.cols) {
             // No sizes were specified, check if there is a layout context
-            if (this.contextProps) {
-                colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses(this.contextProps);
+            if (this.contextProps || this.context.labelSizes) {
+                colClasses = Components.BootstrapHelpers.getInverseBreakpointClasses((_a = this.contextProps) !== null && _a !== void 0 ? _a : this.context.labelSizes);
             }
             if (!colClasses.cols) {
                 // If there are still no sizes, default to below.

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

@@ -74,9 +74,7 @@ interface INeoRowGroupProps {
      * To hide the expand button, return null.
      */
     expandProperty?: Model.IPropertyInstance<boolean | null>;
-    /**
-     * Hides the expansion button on this row.
-     */
+    /** @deprecated change your expand property to return `null` to hide the expand button. */
     hideExpandButton?: boolean;
     children: React.ReactNode;
 }

package/dist/ReactComponents/Icons/MaterialSymbolsFontFactory.js

@@ -118,5 +118,6 @@ var neoFontAwesomeMappings = [
     ["greater-than-equal", ""],
     ["stamp", "approval"],
     ["circle-notch", "progress_activity"],
-    ["cube", "deployed_code"]
+    ["cube", "deployed_code"],
+    ["paper-plane", "send"]
 ];

package/dist/ReactComponents/TooltipHelper.d.ts

@@ -1,9 +1,11 @@
 import { Components } from '@singularsystems/neo-core';
 export declare class TooltipHelper {
     private static toolTipContainer;
-    static showTooltip(on: HTMLElement, content: string, isHtml: boolean, aligmnent?: Components.Tooltip.Alignment, position?: Components.Tooltip.Position, className?: string): void;
+    static showTooltip(on: HTMLElement, content: string, isHtml: boolean, alignment?: Components.Tooltip.Alignment, position?: Components.Tooltip.Position, className?: string): void;
+    static showTooltip(rect: DOMRect, content: string, isHtml: boolean, alignment?: Components.Tooltip.Alignment, position?: Components.Tooltip.Position, className?: string): void;
     static hideTooltip(): void;
-    private static positionTooltip;
+    private static positionTooltipElement;
+    private static positionTooltipRect;
     private static getPrefixedWindowKey;
     private static getPrefixedStyleName;
 }

package/dist/ReactComponents/TooltipHelper.js

@@ -4,7 +4,7 @@ var arrowHeight = 6;
 var TooltipHelper = /** @class */ (function () {
     function TooltipHelper() {
     }
-    TooltipHelper.showTooltip = function (on, content, isHtml, aligmnent, position, className) {
+    TooltipHelper.showTooltip = function (on, content, isHtml, alignment, position, className) {
         this.toolTipContainer = Misc.Globals.root.getElementById(containerId);
         if (this.toolTipContainer) {
             var ttText = this.toolTipContainer.firstChild;
@@ -14,7 +14,12 @@ var TooltipHelper = /** @class */ (function () {
             else {
                 ttText.innerText = content;
             }
-            TooltipHelper.positionTooltip(this.toolTipContainer, on, aligmnent, position, className);
+            if (on instanceof HTMLElement) {
+                TooltipHelper.positionTooltipElement(this.toolTipContainer, on, alignment, position, className);
+            }
+            else {
+                TooltipHelper.positionTooltipRect(this.toolTipContainer, on, alignment, position, className);
+            }
             this.toolTipContainer.classList.add("show");
         }
         else {
@@ -26,7 +31,10 @@ var TooltipHelper = /** @class */ (function () {
             this.toolTipContainer.classList.remove("show");
         }
     };
-    TooltipHelper.positionTooltip = function (toolTipContainer, anchor, alignment, position, className) {
+    TooltipHelper.positionTooltipElement = function (toolTipContainer, anchor, alignment, position, className) {
+        this.positionTooltipRect(toolTipContainer, anchor.getBoundingClientRect(), alignment, position, className);
+    };
+    TooltipHelper.positionTooltipRect = function (toolTipContainer, anchorRect, alignment, position, className) {
         var isHorizontal = position === "left" || position === "right";
         toolTipContainer.className = "neo-tooltip" + (isHorizontal ? " horizontal" : "");
         if (className) {
@@ -38,7 +46,6 @@ var TooltipHelper = /** @class */ (function () {
         toolTipContainer.style.top = "0";
         toolTipContainer.style.left = "0";
         var ttRect = toolTipContainer.getBoundingClientRect();
-        var anchorRect = anchor.getBoundingClientRect();
         if (alignment === "start-edge") {
             alignment = (anchorRect[startName] + ttRect[dimensionName] + 20 > window[this.getPrefixedWindowKey("inner", dimensionName)]) ? "end" : "start";
         }

package/dist/Routing/RouteProvider.d.ts

@@ -10,6 +10,7 @@ export interface IProcessedRoute extends Routing.IRoute {
     path: string;
     /** Route params in order, excluding query parameters. */
     params: INamedRouteParameter[];
+    order: number;
 }
 type ParamsObject = {
     [index: string]: string | undefined;

package/dist/Routing/RouteProvider.js

@@ -22,9 +22,7 @@ var RouteProvider = /** @class */ (function () {
         this.staticRoutes = this.allRoutes.filter(function (c) { return c.params.length === 0; });
         this.parameterisedRoutes = this.allRoutes
             .filter(function (c) { return c.params.length > 0; })
-            .map(function (route) { return ({ route: route, order: route.path.split("/").length }); })
-            .sortBy(function (c) { return c.order; }, "desc")
-            .map(function (c) { return c.route; });
+            .sortBy(function (c) { return c.order; }, "desc");
     }
     /** Gets the path the component is bound to. If the component is bound to multiple paths, the first path is returned. */
     RouteProvider.prototype.getPathForComponent = function (component) {
@@ -108,7 +106,7 @@ var RouteProvider = /** @class */ (function () {
      * Adds a unique key, and adds route parameters extracted from the component static params object.
      */
     RouteProvider.prototype.processRoute = function (into, route) {
-        var processed = __assign(__assign({}, route), { path: route.path, params: [], key: this.key++ });
+        var processed = __assign(__assign({}, route), { path: route.path, params: [], key: this.key++, order: 0 });
         if (route instanceof MenuRoute) {
             processed.path = route.basePath;
         }
@@ -116,6 +114,9 @@ var RouteProvider = /** @class */ (function () {
         if (processed.path.length > 1 && processed.path.endsWith("/")) {
             processed.path = processed.path.substring(0, processed.path.length - 1);
         }
+        if (processed.path.length > 1) {
+            processed.order = processed.path.split("/").length;
+        }
         var viewBaseComponent = route.component;
         if (viewBaseComponent.params) {
             for (var param in viewBaseComponent.params) {

package/package.json

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