@singularsystems/neo-react 1.0.15 → 1.0.16

package/dist/ReactComponents/Button.js

@@ -50,8 +50,8 @@ var Button = /** @class */ (function (_super) {
     };
     Button.prototype.afterRender = function () {
         if (this.btnGroupDom.current && this.menuDom.current) {
-            this.menuDom.current.style.position = "fixed"; // override bootstrap style.
-            this.positionHelper = new Components.FixedPositionHelper(this.btnGroupDom.current, this.menuDom.current, this.props.menuAlignment === "right");
+            this.positionHelper = new Components.FixedPositionHelper(this.btnGroupDom.current, this.menuDom.current);
+            this.positionHelper.positionPopup(this.props.menuAlignment === "right");
         }
     };
     Button.prototype.componentWillUnmount = function () {

package/dist/ReactComponents/DropDown/AutoCompleteDropDown.d.ts

@@ -25,6 +25,12 @@ interface IAutoCompleteCommonProps<T> extends ICommonEditorProps, Props<IOption,
      * Function used to filter items out of the datasource.
      * **Note:** this will only apply to the `items` prop. */
     filterPredicate?: (item: T) => boolean;
+    /**
+     * Function used to filter items based on what the user has typed.
+     * Applies after `filterPredicate`, and is ignored if `itemSource` is specified.
+     * Use if you are displaying multiple columns and need to match on any of the columns.
+     */
+    inputFilter?: (input: string, item: T) => boolean;
     /**
      * Property of an item to use as the description.
      *

package/dist/ReactComponents/DropDown/AutoCompleteDropDown.js

@@ -128,7 +128,7 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
     AutoCompleteDropDown.prototype.render = function () {
         var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        var _j = this.props, bind = _j.bind, bindDisplay = _j.bindDisplay, bindItems = _j.bindItems, bindIds = _j.bindIds, itemSource = _j.itemSource, items = _j.items, displayMember = _j.displayMember, valueMember = _j.valueMember, descriptionMember = _j.descriptionMember, option = _j.option, noRecordsPrompt = _j.noRecordsPrompt, typeToSearchPrompt = _j.typeToSearchPrompt, delayMs = _j.delayMs, minCharacters = _j.minCharacters, onItemSelected = _j.onItemSelected, fieldInfoLimit = _j.fieldInfoLimit, otherProps = __rest(_j, ["bind", "bindDisplay", "bindItems", "bindIds", "itemSource", "items", "displayMember", "valueMember", "descriptionMember", "option", "noRecordsPrompt", "typeToSearchPrompt", "delayMs", "minCharacters", "onItemSelected", "fieldInfoLimit"]);
+        var _j = this.props, bind = _j.bind, bindDisplay = _j.bindDisplay, bindItems = _j.bindItems, bindIds = _j.bindIds, itemSource = _j.itemSource, items = _j.items, displayMember = _j.displayMember, valueMember = _j.valueMember, descriptionMember = _j.descriptionMember, option = _j.option, noRecordsPrompt = _j.noRecordsPrompt, typeToSearchPrompt = _j.typeToSearchPrompt, delayMs = _j.delayMs, minCharacters = _j.minCharacters, onItemSelected = _j.onItemSelected, fieldInfoLimit = _j.fieldInfoLimit, filterPredicate = _j.filterPredicate, inputFilter = _j.inputFilter, otherProps = __rest(_j, ["bind", "bindDisplay", "bindItems", "bindIds", "itemSource", "items", "displayMember", "valueMember", "descriptionMember", "option", "noRecordsPrompt", "typeToSearchPrompt", "delayMs", "minCharacters", "onItemSelected", "fieldInfoLimit", "filterPredicate", "inputFilter"]);
         this.setBindProperty();
         var splitProps = BindPropsHelper.splitCommonEditorProps(otherProps);
         var nativeProps = splitProps.rest;
@@ -148,13 +148,13 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
         if (this.props.items) {
             var items_1 = this.getItems(this.props.items);
             defaultItems = this.mapTArrayToOptions(items_1);
-            if (this.props.filterPredicate !== undefined) {
+            if (filterPredicate !== undefined) {
                 if (bindValue) {
                     // Dont filter out the current selected item even if excluded by the filter.
-                    defaultItems = defaultItems.filter(function (option) { return bindValue.value === option.value || _this.props.filterPredicate(option.item); });
+                    defaultItems = defaultItems.filter(function (option) { return bindValue.value === option.value || filterPredicate(option.item); });
                 }
                 else {
-                    defaultItems = defaultItems.filter(function (option) { return _this.props.filterPredicate(option.item); });
+                    defaultItems = defaultItems.filter(function (option) { return filterPredicate(option.item); });
                 }
             }
             if (descriptionMember === undefined && items_1.length > 0) {
@@ -221,6 +221,11 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
                 userOnBlur(e);
             }
         };
+        if (this.props.inputFilter && !this.props.itemSource) {
+            nativeProps.filterOption = function (option, input) {
+                return !input || _this.props.inputFilter(input, option.data.item);
+            };
+        }
         if (this.props.itemSource !== undefined) {
             return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.asyncSelectImplementation, __assign({}, nativeProps, { placeholder: (_g = this.props.placeholder) !== null && _g !== void 0 ? _g : "", classNamePrefix: "react-select-bs", defaultOptions: defaultItems, loadOptions: this.onKeyPress, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a, _b; return c.inputValue && c.inputValue.length >= (minCharacters !== null && minCharacters !== void 0 ? minCharacters : 1) ? ((_a = _this.props.noRecordsPrompt) !== null && _a !== void 0 ? _a : "No records found") : ((_b = _this.props.typeToSearchPrompt) !== null && _b !== void 0 ? _b : "Type to search..."); }, value: value, onChange: this.onItemSelected, components: components })), splitProps.editor, { disabled: nativeProps.isDisabled }), nativeProps);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-react",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "React application logic and components for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -31,7 +31,7 @@
     "typescript": "5.4.2"
   },
   "dependencies": {
-    "@singularsystems/neo-core": "1.0.12",
+    "@singularsystems/neo-core": "1.0.13",
     "@types/rc-slider": "^8.6.5",
     "@types/react-color": "^3.0.1",
     "axios": "1.6.7",
@@ -49,7 +49,7 @@
     "tslib": "2.5.0"
   },
   "peerDependencies": {
-    "@singularsystems/neo-core": ">=1.0.12",
+    "@singularsystems/neo-core": ">=1.0.13",
     "axios": ">=1.6.2",
     "inversify": ">=5.0.1",
     "mobx": ">=6.9.0",