chore: update tags input

tbergman · Mar 21, 2022 · a0df702 · a0df702
1 parent e638ae4
commit a0df702
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/machines/tags-input/src/tags-input.connect.ts b/packages/machines/tags-input/src/tags-input.connect.ts
@@ -22,8 +22,10 @@ export function connect<T extends PropTypes = ReactPropTypes>(
 
   return {
     // state
+    inputValue: state.context.trimmedInputValue,
     value: state.context.value,
     valueAsString: state.context.valueAsString,
+    isAtMax: state.context.isAtMax,
 
     // methods
     clear() {
@@ -65,6 +67,7 @@ export function connect<T extends PropTypes = ReactPropTypes>(
 
     inputProps: normalize.input<T>({
       "data-part": "input",
+      maxLength: state.context.maxLength,
       id: dom.getInputId(state.context),
       value: state.context.inputValue,
       autoComplete: "off",

diff --git a/packages/machines/tags-input/src/tags-input.types.ts b/packages/machines/tags-input/src/tags-input.types.ts
@@ -7,6 +7,10 @@ export type ValidateTagOptions = {
 }
 
 export type MachineContext = Context<{
+  /**
+   * The max length of the input.
+   */
+  maxLength?: number
   /**
    * The separator used to split/join the tag values.
    */