@singularsystems/neo-react 1.3.9 → 1.3.10

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 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.10 (19 March 2026)
+
+- AutoCompleteDropDown
+    - Fixed InputElement prop not being passed to underlying react-select component.
+
 ## Version 1.3.9 (4 March 2026)
 
 - Dropdown

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

@@ -2,17 +2,17 @@ import React, { JSX } from 'react';
 import { Model } from '@singularsystems/neo-core';
 import { AxiosPromise } from 'axios';
 import { DropDownBase, ItemSource } from './DropDownBase';
-import type { Props } from 'react-select';
+import type { Props, SelectInstance } from 'react-select';
 import { ICommonEditorProps } from '../PropTypes';
 import { FormContext } from '../FormContext';
-interface IOption {
+interface IOption<T = any> {
     value: string | number;
     label: string;
-    item?: any;
+    item?: T;
     itemParent?: any;
     options?: IOption[];
 }
-interface IAutoCompleteCommonProps<T, TChild = T> extends ICommonEditorProps, Props<IOption, true> {
+interface IAutoCompleteCommonProps<T, TChild = T> extends ICommonEditorProps<SelectInstance>, Props<IOption, true> {
     /**
      * Callback for loading data.
      */

package/dist/ReactComponents/DropDown/AutoCompleteDropDown.js

@@ -309,11 +309,12 @@ var AutoCompleteDropDown = /** @class */ (function (_super) {
                 return !input || _this.props.inputFilter(input, option.data.item, option.data.itemParent);
             };
         }
+        var inputRef = splitProps.editor.inputElement;
         if (this.props.itemSource !== undefined) {
-            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.asyncSelectImplementation, __assign({}, nativeProps, { placeholder: (_h = this.props.placeholder) !== null && _h !== void 0 ? _h : "", 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);
+            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.asyncSelectImplementation, __assign({}, nativeProps, { placeholder: (_h = this.props.placeholder) !== null && _h !== void 0 ? _h : "", 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, ref: inputRef })), splitProps.editor, { disabled: nativeProps.isDisabled }), nativeProps);
         }
         else {
-            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.selectImplementation, __assign({}, nativeProps, { placeholder: (_j = this.props.placeholder) !== null && _j !== void 0 ? _j : "", classNamePrefix: "react-select-bs", options: defaultItems, isLoading: this.isLoading, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a; return (_a = _this.props.noRecordsPrompt) !== null && _a !== void 0 ? _a : "No records found"; }, value: value, onChange: this.onItemSelected, components: components })), splitProps.editor, { disabled: nativeProps.isDisabled }), nativeProps);
+            return Tooltip.fromDataAttributes(InputHelpers.surroundWithInputGroup(React.createElement(this.selectImplementation, __assign({}, nativeProps, { placeholder: (_j = this.props.placeholder) !== null && _j !== void 0 ? _j : "", classNamePrefix: "react-select-bs", options: defaultItems, isLoading: this.isLoading, isMulti: bindItems !== undefined, noOptionsMessage: function (c) { var _a; return (_a = _this.props.noRecordsPrompt) !== null && _a !== void 0 ? _a : "No records found"; }, value: value, onChange: this.onItemSelected, components: components, ref: inputRef })), splitProps.editor, { disabled: nativeProps.isDisabled }), nativeProps);
         }
     };
     AutoCompleteDropDown.prototype.getOption = function (content, additionalClass) {

package/dist/ReactComponents/PropTypes.d.ts

@@ -25,7 +25,7 @@ export declare enum CheckboxType {
     Checkbox = 1,
     Switch = 2
 }
-export interface ICommonEditorProps {
+export interface ICommonEditorProps<TInputRef = HTMLElement> {
     /** True if the editor should be readonly. This is set automatically if you use display instead of bind on a FormGroup / Column. */
     isReadOnly?: boolean;
     /** True if the editor should be readonly. This is set automatically if you use display instead of bind on a FormGroup / Column. */
@@ -49,7 +49,7 @@ export interface ICommonEditorProps {
     /** True if append / prepend is set, which means this must be an editor as part of a bs editor group. */
     requiresGroup?: boolean;
     /** Reference to the input dom element */
-    inputElement?: React.RefObject<HTMLElement | null>;
+    inputElement?: React.RefObject<TInputRef | null>;
 }
 export interface IBindableEditorPropsNoBase extends ICommonEditorProps {
     bind: Model.IPropertyInstance;
@@ -141,7 +141,7 @@ export declare class BindPropsHelper {
     static getBindProperty<T>(allProps: IEditorContainerProps<T, any>): Model.IPropertyInstance;
     static splitCommonEditorProps<T extends ICommonEditorProps>(props: T): {
         editor: ICommonEditorProps;
-        rest: Omit<T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "prependIcon" | "appendIcon" | "inputElement">;
+        rest: Omit<T, "disabled" | "readOnly" | "isReadOnly" | "isDisabled" | "prependText" | "appendText" | "prepend" | "append" | "prependIcon" | "appendIcon" | "requiresGroup" | "inputElement">;
     };
     static normaliseContainerProps<T, TContainerDom = React.HTMLProps<T>, TData = any>(component: IComponentBase, props: IEditorContainerProps<T, TData>, inGroup: boolean, isBootstrap?: boolean): IEditorContainerNormalisedProps<TContainerDom, TData>;
     static normaliseEditorProps<T, TDom = React.HTMLProps<T>>(component: IComponentBase, props: (IEditorAndSelectorProps<T, any> & TDom) | IEditorNormalisedProps<TDom, any>): IEditorNormalisedProps<TDom, any>;

package/dist/ReactComponents/PropTypes.js

@@ -102,7 +102,7 @@ var BindPropsHelper = /** @class */ (function () {
         return (allProps.bind || allProps.display || allProps.bindContext);
     };
     BindPropsHelper.splitCommonEditorProps = function (props) {
-        var isReadOnly = props.isReadOnly, readOnly = props.readOnly, isDisabled = props.isDisabled, disabled = props.disabled, prependText = props.prependText, prepend = props.prepend, prependIcon = props.prependIcon, appendText = props.appendText, append = props.append, appendIcon = props.appendIcon, inputElement = props.inputElement, rest = __rest(props, ["isReadOnly", "readOnly", "isDisabled", "disabled", "prependText", "prepend", "prependIcon", "appendText", "append", "appendIcon", "inputElement"]);
+        var isReadOnly = props.isReadOnly, readOnly = props.readOnly, isDisabled = props.isDisabled, disabled = props.disabled, prependText = props.prependText, prepend = props.prepend, prependIcon = props.prependIcon, appendText = props.appendText, append = props.append, appendIcon = props.appendIcon, inputElement = props.inputElement, requiresGroup = props.requiresGroup, rest = __rest(props, ["isReadOnly", "readOnly", "isDisabled", "disabled", "prependText", "prepend", "prependIcon", "appendText", "append", "appendIcon", "inputElement", "requiresGroup"]);
         return {
             editor: {
                 isReadOnly: (isReadOnly !== null && isReadOnly !== void 0 ? isReadOnly : readOnly), isDisabled: (isDisabled !== null && isDisabled !== void 0 ? isDisabled : disabled),

package/package.json

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