@singularsystems/neo-react 1.3.1 → 1.3.3

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.3
+
+- Minor type fixes.
+
+## 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.

package/dist/ReactComponents/Form.js

@@ -112,9 +112,9 @@ var Form = /** @class */ (function (_super) {
     };
     Form.prototype.render = function () {
         var _this = this;
-        var _a = this.props, validationDisplayMode = _a.validationDisplayMode, allReadOnly = _a.allReadOnly, allDisabled = _a.allDisabled, model = _a.model, showSummaryModal = _a.showSummaryModal, invalidSummaryTitle = _a.invalidSummaryTitle, invalidSummaryText = _a.invalidSummaryText, native = __rest(_a, ["validationDisplayMode", "allReadOnly", "allDisabled", "model", "showSummaryModal", "invalidSummaryTitle", "invalidSummaryText"]);
+        var _a = this.props, validationDisplayMode = _a.validationDisplayMode, allReadOnly = _a.allReadOnly, allDisabled = _a.allDisabled, model = _a.model, showSummaryModal = _a.showSummaryModal, invalidSummaryTitle = _a.invalidSummaryTitle, invalidSummaryText = _a.invalidSummaryText, labelSizes = _a.labelSizes, suppressLabels = _a.suppressLabels, native = __rest(_a, ["validationDisplayMode", "allReadOnly", "allDisabled", "model", "showSummaryModal", "invalidSummaryTitle", "invalidSummaryText", "labelSizes", "suppressLabels"]);
         return (React.createElement("form", __assign({}, native, { onSubmit: function (e) { return _this.onSubmit(e); } }),
-            React.createElement(FormContextProvider, { validationDisplayMode: validationDisplayMode !== null && validationDisplayMode !== void 0 ? validationDisplayMode : Misc.Settings.form.validationDisplayMode, allReadOnly: allReadOnly, allDisabled: allDisabled }, (this.props.children instanceof Function) ? this.props.children(model, model.meta) : this.props.children)));
+            React.createElement(FormContextProvider, { validationDisplayMode: validationDisplayMode !== null && validationDisplayMode !== void 0 ? validationDisplayMode : Misc.Settings.form.validationDisplayMode, allReadOnly: allReadOnly, allDisabled: allDisabled, labelSizes: labelSizes, suppressLabels: suppressLabels }, (this.props.children instanceof Function) ? this.props.children(model, model.meta) : this.props.children)));
     };
     Form = __decorate([
         observer

package/dist/ReactComponents/FormContext.d.ts

@@ -13,6 +13,7 @@ export declare class FormContextParams implements Components.IFormContextOptions
     allDisabled: boolean;
     /** True if all labels should be hidden. */
     suppressLabels?: boolean;
+    labelSizes?: Components.IColumnWidthBreakpoints;
     /**
      * The property the form group is bound to.
      */

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/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/package.json

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