Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-customize-token-input

Package Overview
Dependencies
Maintainers
1
Versions
32
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-customize-token-input - npm Package Compare versions

Comparing version 2.4.0-alpha.2 to 2.4.0

2

lib/hooks/usePredefinedKeyDownHandlers.d.ts

@@ -11,3 +11,3 @@ import type { InputString } from '../types/mix';

}
declare function usePredefinedKeyDownHandlers({ specialKeyDownConfig, inputInitValue, inputValue, onLastTokenDelete, handleInputValueUpdate, handleTokensCreate, }: Params): {
declare function usePredefinedKeyDownHandlers(params: Params): {
handleBackspaceKeyDown: () => void;

@@ -14,0 +14,0 @@ handleTabKeyDown: (keyDownEvent: React.KeyboardEvent) => void;

@@ -1,6 +0,5 @@

import type { TokenCreatorRef } from '../TokenCreator';
declare function useTokenCreatorRef(): {
tokenCreatorRef: import("react").RefObject<TokenCreatorRef>;
tokenCreatorRef: import("react").MutableRefObject<null>;
focusTokenCreator: () => void;
};
export default useTokenCreatorRef;

@@ -8,3 +8,3 @@ import type { TokenIndex } from '../types/token';

}
declare function useTokenDelete<ValueType>({ tokenValues, onTokenValuesChange, focusTokenCreator, }: Params<ValueType>): {
declare function useTokenDelete<ValueType>(params: Params<ValueType>): {
handleTokenDelete: (targetIndex: TokenIndex) => () => void;

@@ -11,0 +11,0 @@ handleLastTokenDelete: () => void;

@@ -18,3 +18,3 @@ import type { OnTokenValuesChange } from '../types/interfaces';

}
declare function useTokenEdit<ValueType, ErrorType>({ tokenValues, onTokenValuesChange, setTokenActivated, handleTokenInputFocus, handleTokenInputBlur, }: Params<ValueType, ErrorType>): {
declare function useTokenEdit<ValueType, ErrorType>(params: Params<ValueType, ErrorType>): {
handleTokenEditStart: HandleTokenEditStart;

@@ -21,0 +21,0 @@ handleTokenEditEnd: HandleTokenEditEnd<ValueType>;

@@ -5,7 +5,13 @@ /// <reference types="react" />

}
declare function useTokenInputFocus(): {
interface Params {
onCreatorFocus?: React.FocusEventHandler<HTMLInputElement>;
onCreatorBlur?: React.FocusEventHandler<HTMLInputElement>;
}
declare function useTokenInputFocusEffect(params: Params): {
isTokenInputFocused: boolean;
handleTokenInputFocus: TokenInputFocusHandler;
handleTokenInputBlur: TokenInputFocusHandler;
handleCreatorFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
handleCreatorBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
};
export default useTokenInputFocus;
export default useTokenInputFocusEffect;

@@ -6,3 +6,3 @@ import type { OnTokenValueValidate } from '../types/interfaces';

}
declare function useTokensUpdate<ValueType, ErrorType>({ tokenValues, onTokenValueValidate, }: Params<ValueType, ErrorType>): {
declare function useTokensUpdate<ValueType, ErrorType>(params: Params<ValueType, ErrorType>): {
hasInvalidToken: boolean;

@@ -9,0 +9,0 @@ internalTokenValues: ValueType[];

@@ -1,5 +0,5 @@

import TokenInput, { type TokenInputRef, type TokenInputProps } from './TokenInput';
import TokenInput, { type TokenInputProps } from './TokenInput';
import type { TokenProps } from './Token';
import { JS__TOKEN__DELETE_BUTTON__CLASS_NAME, KEY_DOWN_HANDLER_CONFIG_OPTION } from './constants';
export { TokenInputRef, TokenInputProps, TokenProps, JS__TOKEN__DELETE_BUTTON__CLASS_NAME, KEY_DOWN_HANDLER_CONFIG_OPTION, };
import { JS__TOKEN__DELETE_BUTTON__CLASS_NAME, KEY_DOWN_HANDLER_CONFIG_OPTION, DEFAULT_SEPARATORS } from './constants';
export { TokenInputProps, TokenProps, JS__TOKEN__DELETE_BUTTON__CLASS_NAME, DEFAULT_SEPARATORS, KEY_DOWN_HANDLER_CONFIG_OPTION, };
export default TokenInput;
/*! For license information please see index.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["token-input"]=t(require("react")):e.TokenInput=t(e.React)}(this,(e=>(()=>{var t={733:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(787)),a=r(n(433));t.default=function(){return o.default.createElement("div",{"data-component-name":"CloseIcon",role:"img",className:a.default["delete-button__close-icon"],"aria-hidden":"true"})}},242:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(787)),a=r(n(184)),u=r(n(733)),l=r(n(433)),i=n(754);t.default=function(e){var t,n=e.onRenderContent;return o.default.createElement("span",{"data-component-name":"DeleteButton",role:"button",className:(0,a.default)(i.JS__TOKEN__DELETE_BUTTON__CLASS_NAME,l.default["token__delete-button"]),"aria-hidden":"true"},null!==(t=null==n?void 0:n())&&void 0!==t?t:o.default.createElement(u.default,null))}},83:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var a=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),u=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return u(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=l(n(787)),c=i(n(184)),f=i(n(639)),d=i(n(971)),p=i(n(242)),y=n(754),v=i(n(433)),h=function(e){e.stopPropagation()};t.default=function(e){var t,n,a=e.readOnly,u=e.tokenValue,l=e.tokenMeta,i=e.onGetClassName,_=e.onGetDisplayLabel,b=e.onRenderDeleteButtonContent,m=e.onGetIsEditable,k=e.onGetEditableValue,O=e.onGetErrorMessage,T=e.onBuildTokenValue,E=e.onEditStart,g=e.onEditEnd,S=e.onDelete,A=(0,s.useRef)(null),C=(t=(0,s.useState)(y.DEFAULT_INPUT_INIT_VALUE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),I=C[0],w=C[1],D=l.activated,N=l.error,j=(0,s.useMemo)((function(){return m(u,l)}),[m,u,l]),P=(0,s.useCallback)((function(){var e=k(u,l);w(e),E()}),[w,u,l,k,E]);(0,s.useEffect)((function(){var e=A.current;D&&e&&e.getInput().focus()}),[D]);var M=(0,s.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.reset,n=void 0!==t&&t,r=0===I.length;if(n||r)g();else{var o=T(I);g(o)}}),[I,T,g]),L=(0,s.useCallback)((function(e){e.stopPropagation(),a||(e.target.closest(".".concat(v.default.token," .").concat(y.JS__TOKEN__DELETE_BUTTON__CLASS_NAME))?S():j&&P())}),[a,j,S,P]),V=(0,s.useCallback)((function(e){var t=e.target.value;w(t)}),[w]),F=(0,s.useCallback)((function(e){(0,d.default)(e,{onEscape:function(){return M({reset:!0})},onEnter:function(){return M()}})}),[M]),R=(0,s.useCallback)((function(){M()}),[M]),W=(0,s.useMemo)((function(){var e;return(0,c.default)(null==i?void 0:i(u,l),v.default.token,(r(e={},v.default["token--read-only"],a),r(e,v.default["token--editable"],j&&!a),r(e,v.default["token--active"],D),r(e,v.default["token--error"],N&&!D),e))}),[i,a,j,D,N,u,l]),U=(0,s.useMemo)((function(){var e=O(u,l);return"string"==typeof e?e:void 0}),[O,u,l]);return D?s.default.createElement("div",{"data-component-name":"Token",role:"presentation",className:W,onClick:h},s.default.createElement("div",{className:v.default["autosized-wrapper"]},s.default.createElement(f.default,{ref:A,value:I,onChange:V,onKeyDown:F,onBlur:R}))):s.default.createElement("div",{"data-component-name":"Token",role:"presentation",className:W,onClick:L,title:U},s.default.createElement("div",{className:v.default["token__label-wrapper"]},_(u,l)),!a&&s.default.createElement(p.default,{onRenderContent:b}))}},84:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(83));t.default=o.default},962:function(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),u=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return a(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=u(n(787)),s=l(n(639)),c=l(n(971)),f=l(n(732)),d=n(754),p=l(n(433)),y=(0,i.forwardRef)((function(e,t){var n,o,a=e.placeholder,u=e.disableAutoTokenCreate,l=e.autoFocus,y=e.onFocus,v=e.onBlur,h=e.onKeyDown,_=e.separators,b=e.specialKeyDown,m=e.onInputValueChange,k=e.onPreprocess,O=e.onBuildTokenValue,T=e.onNewTokenValuesAppend,E=e.onLastTokenDelete,g=(0,i.useRef)(null),S=(n=(0,i.useState)(d.DEFAULT_INPUT_INIT_VALUE),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(n,o)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),A=S[0],C=S[1],I=(0,i.useMemo)((function(){return new RegExp(_.join("|"))}),[_]),w=(0,i.useCallback)((function(e){C(e),null==m||m(e,A)}),[m,A,C]),D=(0,i.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A;if(0!==e.trim().length){var t=e.split(I).filter((function(e){return e.trim().length>0})),n=k(t),r=n.map((function(e){return O(e)}));T(r),w(d.DEFAULT_INPUT_INIT_VALUE)}}),[A,I,k,O,T,w]),N=(0,i.useCallback)((function(e){u||D(e)}),[u,D]),j=(0,i.useCallback)((function(e){var t=e.target.value,n=t.substring(t.length-1),r=I.test(n);u||!0!==r?w(t):N(A)}),[u,I,N,A,w]),P=(0,f.default)({specialKeyDownConfig:b,inputInitValue:d.DEFAULT_INPUT_INIT_VALUE,inputValue:A,onLastTokenDelete:E,handleInputValueUpdate:w,handleTokensCreate:N}),M=P.handleBackspaceKeyDown,L=P.handleTabKeyDown,V=P.handleEnterKeyDown,F=P.handleEscapeKeyDown,R=(0,i.useCallback)((function(e){(0,c.default)(e,{onBackspace:M,onTab:L,onEnter:V,onEscape:F}),null==h||h(e)}),[h,M,L,V,F]),W=(0,i.useCallback)((function(e){N(A),v(e)}),[N,A,v]),U=(0,i.useCallback)((function(e){e.preventDefault();var t=e.clipboardData.getData("text");D(t)}),[D]);return(0,i.useImperativeHandle)(t,(function(){return{focus:function(){var e;return null===(e=g.current)||void 0===e?void 0:e.getInput().focus()},setValue:w,createTokens:D}}),[w,D]),i.default.createElement("div",{className:p.default["autosized-wrapper"]},i.default.createElement(s.default,{ref:g,autoFocus:l,placeholder:a,value:A,onChange:j,onKeyDown:R,onPaste:U,onFocus:y,onBlur:W}))}));t.default=y},922:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&u(t,e,n);return l(t,e),t},s=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var f=i(n(787)),d=c(n(184)),p=c(n(962)),y=c(n(84)),v=c(n(598)),h=c(n(872)),_=c(n(870)),b=c(n(970)),m=c(n(120)),k=c(n(835)),O=c(n(360)),T=c(n(453)),E=c(n(810)),g=c(n(196)),S=n(754),A=c(n(433)),C=(0,f.forwardRef)((function(e,t){var n,a=e.className,u=e.placeholder,l=e.readOnly,i=void 0!==l&&l,c=e.disableAutoTokenCreate,C=void 0!==c&&c,I=e.autoFocus,w=void 0!==I&&I,D=e.tokenValues,N=e.separators,j=void 0===N?S.DEFAULT_SEPARATORS:N,P=e.specialKeyDown,M=void 0===P?S.DEFAULT_SPECIAL_KEY_DOWN_CONFIG:P,L=e.onInputValueChange,V=e.onPreprocess,F=e.onTokenValueValidate,R=void 0===F?k.default:F,W=e.onTokenValuesChange,U=e.onBuildTokenValue,K=void 0===U?O.default:U,x=e.customizeTokenComponent,B=e.onGetTokenClassName,G=e.onGetTokenDisplayLabel,H=void 0===G?E.default:G,z=e.onRenderTokenDeleteButtonContent,Y=e.onGetIsTokenEditable,J=void 0===Y?T.default:Y,$=e.onGetTokenEditableValue,q=void 0===$?E.default:$,Q=e.onGetTokenErrorMessage,X=void 0===Q?g.default:Q,Z=e.onCreatorFocus,ee=e.onCreatorBlur,te=e.onCreatorKeyDown,ne=s(e,["className","placeholder","readOnly","disableAutoTokenCreate","autoFocus","tokenValues","separators","specialKeyDown","onInputValueChange","onPreprocess","onTokenValueValidate","onTokenValuesChange","onBuildTokenValue","customizeTokenComponent","onGetTokenClassName","onGetTokenDisplayLabel","onRenderTokenDeleteButtonContent","onGetIsTokenEditable","onGetTokenEditableValue","onGetTokenErrorMessage","onCreatorFocus","onCreatorBlur","onCreatorKeyDown"]),re=(0,v.default)(),oe=re.isTokenInputFocused,ae=re.handleTokenInputFocus,ue=re.handleTokenInputBlur,le=(0,h.default)(),ie=le.tokenCreatorRef,se=le.focusTokenCreator,ce=(0,_.default)({tokenValues:D,onTokenValueValidate:R}),fe=ce.hasInvalidToken,de=ce.internalTokenValues,pe=ce.tokenMetas,ye=ce.setTokenActivated,ve=(0,b.default)({tokenValues:D,onTokenValuesChange:W,setTokenActivated:ye,handleTokenInputFocus:ae,handleTokenInputBlur:ue}),he=ve.handleTokenEditStart,_e=ve.handleTokenEditEnd,be=(0,m.default)({tokenValues:D,onTokenValuesChange:W,focusTokenCreator:se}),me=be.handleTokenDelete,ke=be.handleLastTokenDelete,Oe=(0,f.useCallback)((function(e){if(0!==e.length){var t=[].concat(o(D),o(e));null==W||W(t)}}),[D,W]),Te=(0,f.useCallback)((function(e){if("function"!=typeof V)return e;var t=V(e);if(!0!==Array.isArray(t))throw new Error("onPreprocess should return an array of values");return t}),[V]),Ee=(0,f.useCallback)((function(e){ae(),null==Z||Z(e)}),[Z,ae]),ge=(0,f.useCallback)((function(e){ue(),null==ee||ee(e)}),[ee,ue]);(0,f.useImperativeHandle)(t,(function(){return{focus:function(){var e;return null===(e=ie.current)||void 0===e?void 0:e.focus()},setCreatorValue:function(e){var t;return null===(t=ie.current)||void 0===t?void 0:t.setValue(e)},createTokens:function(e){var t;return null===(t=ie.current)||void 0===t?void 0:t.createTokens(e)}}}),[ie]);var Se=x||y.default;return f.default.createElement("div",Object.assign({"data-component-name":"TokenInput"},ne,{className:(0,d.default)(a,A.default.container,(n={},r(n,A.default["container--focused"],oe),r(n,A.default["container--errors"],fe),n)),onClick:se,role:"presentation"}),f.default.createElement("div",{className:A.default["token-list"]},de.map((function(e,t){var n=pe[t],r=n.key;return f.default.createElement(Se,{key:r,readOnly:i,tokenValue:e,tokenMeta:n,onGetClassName:B,onGetDisplayLabel:H,onRenderDeleteButtonContent:z,onGetIsEditable:J,onGetEditableValue:q,onGetErrorMessage:X,onBuildTokenValue:K,onEditStart:he(t),onEditEnd:_e(t),onDelete:me(t)})}))),!i&&f.default.createElement(p.default,{ref:ie,placeholder:u,autoFocus:w,disableAutoTokenCreate:C,onFocus:Ee,onBlur:ge,onKeyDown:te,separators:j,specialKeyDown:M,onInputValueChange:L,onPreprocess:Te,onBuildTokenValue:K,onNewTokenValuesAppend:Oe,onLastTokenDelete:ke}))}));t.default=C},754:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_INPUT_INIT_VALUE=t.JS__TOKEN__DELETE_BUTTON__CLASS_NAME=t.DEFAULT_SPECIAL_KEY_DOWN_CONFIG=t.KEY_DOWN_HANDLER_CONFIG_OPTION=t.DEFAULT_SEPARATORS=void 0,t.DEFAULT_SEPARATORS=[",",";","\n","\r","\r\n"],t.KEY_DOWN_HANDLER_CONFIG_OPTION=Object.freeze({OFF:0,ON:1}),t.DEFAULT_SPECIAL_KEY_DOWN_CONFIG={onBackspace:t.KEY_DOWN_HANDLER_CONFIG_OPTION.ON,onTab:t.KEY_DOWN_HANDLER_CONFIG_OPTION.OFF,onEnter:t.KEY_DOWN_HANDLER_CONFIG_OPTION.ON,onEscape:t.KEY_DOWN_HANDLER_CONFIG_OPTION.ON},t.JS__TOKEN__DELETE_BUTTON__CLASS_NAME="js__token__delete-button",t.DEFAULT_INPUT_INIT_VALUE=""},732:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(787),o=n(754),a=function(e){var t=e.keyDownHandlerConfig,n=e.predefinedHandler;1==(t===o.KEY_DOWN_HANDLER_CONFIG_OPTION.ON)&&n()};t.default=function(e){var t=e.specialKeyDownConfig,n=e.inputInitValue,u=e.inputValue,l=e.onLastTokenDelete,i=e.handleInputValueUpdate,s=e.handleTokensCreate,c=Object.assign(Object.assign({},o.DEFAULT_SPECIAL_KEY_DOWN_CONFIG),t),f=c.onBackspace,d=c.onTab,p=c.onEnter,y=c.onEscape;return{handleBackspaceKeyDown:(0,r.useCallback)((function(){a({keyDownHandlerConfig:f,predefinedHandler:function(){0===u.length&&l()}})}),[f,u,l]),handleTabKeyDown:(0,r.useCallback)((function(e){a({keyDownHandlerConfig:d,predefinedHandler:function(){e.preventDefault(),s(u)}})}),[d,u,s]),handleEnterKeyDown:(0,r.useCallback)((function(){a({keyDownHandlerConfig:p,predefinedHandler:function(){s(u)}})}),[p,u,s]),handleEscapeKeyDown:(0,r.useCallback)((function(){a({keyDownHandlerConfig:y,predefinedHandler:function(){i(n)}})}),[y,n,i])}}},872:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(787);t.default=function(){var e=(0,r.useRef)(null),t=(0,r.useCallback)((function(){var t;null===(t=e.current)||void 0===t||t.focus()}),[]);return{tokenCreatorRef:e,focusTokenCreator:t}}},120:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var o=n(787);t.default=function(e){var t=e.tokenValues,n=e.onTokenValuesChange,a=e.focusTokenCreator,u=(0,o.useCallback)((function(e){var o,u=function(e){if(Array.isArray(e))return r(e)}(o=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}();u.splice(e,1),null==n||n(u),a()}),[t,n,a]);return{handleTokenDelete:(0,o.useCallback)((function(e){return function(){u(e)}}),[u]),handleLastTokenDelete:(0,o.useCallback)((function(){u(-1)}),[u])}}},970:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var o=n(787);t.default=function(e){var t=e.tokenValues,n=e.onTokenValuesChange,a=e.setTokenActivated,u=e.handleTokenInputFocus,l=e.handleTokenInputBlur;return{handleTokenEditStart:(0,o.useCallback)((function(e){return function(){a(e,!0),u()}}),[a,u]),handleTokenEditEnd:(0,o.useCallback)((function(e){return function(o){if(a(e,!1),l(),void 0!==o){var u=function(e){if(Array.isArray(e))return r(e)}(i=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}();u[e]=o,null==n||n(u)}var i}}),[t,n,a,l])}}},598:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var o=n(787);t.default=function(){var e,t,n=(e=(0,o.useState)(!1),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=n[0],u=n[1];return{isTokenInputFocused:a,handleTokenInputFocus:(0,o.useCallback)((function(){u(!0)}),[]),handleTokenInputBlur:(0,o.useCallback)((function(){u(!1)}),[])}}},138:(e,t,n)=>{"use strict";function r(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var a=n(787);t.default=function(){var e,t,n=(e=(0,a.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||r(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=n[0],l=n[1],i=(0,a.useCallback)((function(e,t){if(e>=u.length)throw new Error("setTokenActivated out of tokenMetas scope; targetIndex ".concat(e,"; tokenMetas.length ").concat(u.length));var n=function(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(u);n[e].activated=t,l(n)}),[u]);return{tokenMetas:u,setTokenMetas:l,setTokenActivated:i}}},870:function(e,t,n){"use strict";function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||o(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=n(787),i=u(n(138)),s=u(n(748));t.default=function(e){var t=e.tokenValues,n=e.onTokenValueValidate,u=(0,i.default)(),c=u.tokenMetas,f=u.setTokenMetas,d=u.setTokenActivated,p=r((0,l.useState)(!1),2),y=p[0],v=p[1],h=r((0,l.useState)([]),2),_=h[0],b=h[1];return(0,l.useLayoutEffect)((function(){var e,r=!1,u=t.map((function(e,o){var a=n(e,o,t),u=(0,s.default)(a,e,o);return u.error&&!u.activated&&(r=!0),u}));b(function(e){if(Array.isArray(e))return a(e)}(e=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f(u),v(r)}),[t,n,f]),{hasInvalidToken:y,internalTokenValues:_,tokenMetas:c,setTokenActivated:d}}},820:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.KEY_DOWN_HANDLER_CONFIG_OPTION=t.JS__TOKEN__DELETE_BUTTON__CLASS_NAME=void 0;var o=r(n(922)),a=n(754);Object.defineProperty(t,"JS__TOKEN__DELETE_BUTTON__CLASS_NAME",{enumerable:!0,get:function(){return a.JS__TOKEN__DELETE_BUTTON__CLASS_NAME}}),Object.defineProperty(t,"KEY_DOWN_HANDLER_CONFIG_OPTION",{enumerable:!0,get:function(){return a.KEY_DOWN_HANDLER_CONFIG_OPTION}}),t.default=o.default},748:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){return{key:"".concat(JSON.stringify(t),"-").concat(Date.now(),"-").concat(n),activated:!1,error:e}}},360:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.trim()}},453:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return!0}},810:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return"".concat(e)}},196:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.error;if("string"==typeof n)return n}},835:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},971:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(776));t.default=function(e,t){var n=t.onBackspace,r=t.onTab,a=t.onEnter,u=t.onEscape;switch((0,o.default)(e.nativeEvent).key){case"Backspace":null==n||n(e);break;case"Tab":null==r||r(e);break;case"Enter":null==a||a(e);break;case"Escape":null==u||u(e)}}},184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var u=o.apply(null,n);u&&e.push(u)}}else if("object"===a){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var l in n)r.call(n,l)&&n[l]&&e.push(l)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},776:e=>{self,e.exports=(()=>{"use strict";var e,t={};return e=t,Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e){var t=e.key;return 229===e.keyCode&&(t="Process"),{key:t}},t})()},433:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={container:"token-input-container","container--focused":"token-input-container--focused","container--errors":"token-input-container--errors","autosized-wrapper":"token-input-autosized-wrapper","token-list":"token-input-token-list",token:"token-input-token","token--error":"token-input-token--error","token--read-only":"token-input-token--read-only","token--editable":"token-input-token--editable","token--active":"token-input-token--active","token__label-wrapper":"token-input-token__label-wrapper","token__delete-button":"token-input-token__delete-button","delete-button__close-icon":"token-input-delete-button__close-icon"}},703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,u){if(u!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},639:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(787),u=i(a),l=i(n(697));function i(e){return e&&e.__esModule?e:{default:e}}var s={position:"absolute",top:0,left:0,visibility:"hidden",height:0,overflow:"scroll",whiteSpace:"pre"},c=["extraWidth","injectStyles","inputClassName","inputRef","inputStyle","minWidth","onAutosize","placeholderIsMinWidth"],f=function(e,t){t.style.fontSize=e.fontSize,t.style.fontFamily=e.fontFamily,t.style.fontWeight=e.fontWeight,t.style.fontStyle=e.fontStyle,t.style.letterSpacing=e.letterSpacing,t.style.textTransform=e.textTransform},d=!("undefined"==typeof window||!window.navigator)&&/MSIE |Trident\/|Edge\//.test(window.navigator.userAgent),p=function(){return d?"_"+Math.random().toString(36).substr(2,12):void 0},y=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.inputRef=function(e){n.input=e,"function"==typeof n.props.inputRef&&n.props.inputRef(e)},n.placeHolderSizerRef=function(e){n.placeHolderSizer=e},n.sizerRef=function(e){n.sizer=e},n.state={inputWidth:e.minWidth,inputId:e.id||p(),prevId:e.id},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,null,[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.id;return n!==t.prevId?{inputId:n||p(),prevId:n}:null}}]),o(t,[{key:"componentDidMount",value:function(){this.mounted=!0,this.copyInputStyles(),this.updateInputWidth()}},{key:"componentDidUpdate",value:function(e,t){t.inputWidth!==this.state.inputWidth&&"function"==typeof this.props.onAutosize&&this.props.onAutosize(this.state.inputWidth),this.updateInputWidth()}},{key:"componentWillUnmount",value:function(){this.mounted=!1}},{key:"copyInputStyles",value:function(){if(this.mounted&&window.getComputedStyle){var e=this.input&&window.getComputedStyle(this.input);e&&(f(e,this.sizer),this.placeHolderSizer&&f(e,this.placeHolderSizer))}}},{key:"updateInputWidth",value:function(){if(this.mounted&&this.sizer&&void 0!==this.sizer.scrollWidth){var e=void 0;e=this.props.placeholder&&(!this.props.value||this.props.value&&this.props.placeholderIsMinWidth)?Math.max(this.sizer.scrollWidth,this.placeHolderSizer.scrollWidth)+2:this.sizer.scrollWidth+2,(e+="number"===this.props.type&&void 0===this.props.extraWidth?16:parseInt(this.props.extraWidth)||0)<this.props.minWidth&&(e=this.props.minWidth),e!==this.state.inputWidth&&this.setState({inputWidth:e})}}},{key:"getInput",value:function(){return this.input}},{key:"focus",value:function(){this.input.focus()}},{key:"blur",value:function(){this.input.blur()}},{key:"select",value:function(){this.input.select()}},{key:"renderStyles",value:function(){var e=this.props.injectStyles;return d&&e?u.default.createElement("style",{dangerouslySetInnerHTML:{__html:"input#"+this.state.inputId+"::-ms-clear {display: none;}"}}):null}},{key:"render",value:function(){var e=[this.props.defaultValue,this.props.value,""].reduce((function(e,t){return null!=e?e:t})),t=r({},this.props.style);t.display||(t.display="inline-block");var n=r({boxSizing:"content-box",width:this.state.inputWidth+"px"},this.props.inputStyle),o=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(this.props,[]);return function(e){c.forEach((function(t){return delete e[t]}))}(o),o.className=this.props.inputClassName,o.id=this.state.inputId,o.style=n,u.default.createElement("div",{className:this.props.className,style:t},this.renderStyles(),u.default.createElement("input",r({},o,{ref:this.inputRef})),u.default.createElement("div",{ref:this.sizerRef,style:s},e),this.props.placeholder?u.default.createElement("div",{ref:this.placeHolderSizerRef,style:s},this.props.placeholder):null)}}]),t}(a.Component);y.propTypes={className:l.default.string,defaultValue:l.default.any,extraWidth:l.default.oneOfType([l.default.number,l.default.string]),id:l.default.string,injectStyles:l.default.bool,inputClassName:l.default.string,inputRef:l.default.func,inputStyle:l.default.object,minWidth:l.default.oneOfType([l.default.number,l.default.string]),onAutosize:l.default.func,onChange:l.default.func,placeholder:l.default.string,placeholderIsMinWidth:l.default.bool,style:l.default.object,value:l.default.any},y.defaultProps={minWidth:1,injectStyles:!0},t.default=y},787:t=>{"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(820)})()));
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["token-input"]=t(require("react")):e.TokenInput=t(e.React)}(this,(e=>(()=>{var t={733:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(787)),a=r(n(433));t.default=function(){return o.default.createElement("div",{"data-component-name":"CloseIcon",role:"img",className:a.default["delete-button__close-icon"],"aria-hidden":"true"})}},242:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(787)),a=r(n(184)),u=r(n(733)),l=r(n(433)),i=n(754);t.default=function(e){var t,n=e.onRenderContent;return o.default.createElement("span",{"data-component-name":"DeleteButton",role:"button",className:(0,a.default)(i.JS__TOKEN__DELETE_BUTTON__CLASS_NAME,l.default["token__delete-button"]),"aria-hidden":"true"},null!==(t=null==n?void 0:n())&&void 0!==t?t:o.default.createElement(u.default,null))}},83:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var a=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),u=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),l=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return u(t,e),t},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var s=l(n(787)),c=i(n(184)),f=i(n(639)),d=i(n(971)),p=i(n(242)),y=n(754),h=i(n(433)),_=function(e){e.stopPropagation()};t.default=function(e){var t,n,a=e.readOnly,u=e.tokenValue,l=e.tokenMeta,i=e.onGetClassName,v=e.onGetDisplayLabel,b=e.onRenderDeleteButtonContent,m=e.onGetIsEditable,k=e.onGetEditableValue,O=e.onGetErrorMessage,T=e.onBuildTokenValue,E=e.onEditStart,g=e.onEditEnd,S=e.onDelete,A=(0,s.useRef)(null),C=(t=(0,s.useState)(y.DEFAULT_INPUT_INIT_VALUE),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(t,n)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),I=C[0],w=C[1],D=l.activated,N=l.error,j=(0,s.useMemo)((function(){return m(u,l)}),[m,u,l]),P=(0,s.useCallback)((function(){var e=k(u,l);w(e),E()}),[w,u,l,k,E]);(0,s.useEffect)((function(){var e=A.current;D&&e&&e.getInput().focus()}),[D]);var M=(0,s.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.reset,n=void 0!==t&&t,r=0===I.length;if(n||r)g();else{var o=T(I);g(o)}}),[I,T,g]),L=(0,s.useCallback)((function(e){e.stopPropagation(),a||(e.target.closest(".".concat(h.default.token," .").concat(y.JS__TOKEN__DELETE_BUTTON__CLASS_NAME))?S():j&&P())}),[a,j,S,P]),F=(0,s.useCallback)((function(e){var t=e.target.value;w(t)}),[w]),V=(0,s.useCallback)((function(e){(0,d.default)(e,{onEscape:function(){return M({reset:!0})},onEnter:function(){return M()}})}),[M]),R=(0,s.useCallback)((function(){M()}),[M]),U=(0,s.useMemo)((function(){var e;return(0,c.default)(null==i?void 0:i(u,l),h.default.token,(r(e={},h.default["token--read-only"],a),r(e,h.default["token--editable"],j&&!a),r(e,h.default["token--active"],D),r(e,h.default["token--error"],N&&!D),e))}),[i,a,j,D,N,u,l]),W=(0,s.useMemo)((function(){var e=O(u,l);return"string"==typeof e?e:void 0}),[O,u,l]);return D?s.default.createElement("div",{"data-component-name":"Token",role:"presentation",className:U,onClick:_},s.default.createElement("div",{className:h.default["autosized-wrapper"]},s.default.createElement(f.default,{ref:A,value:I,onChange:F,onKeyDown:V,onBlur:R}))):s.default.createElement("div",{"data-component-name":"Token",role:"presentation",className:U,onClick:L,title:W},s.default.createElement("div",{className:h.default["token__label-wrapper"]},v(u,l)),!a&&s.default.createElement(p.default,{onRenderContent:b}))}},84:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(83));t.default=o.default},962:function(e,t,n){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),u=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return a(t,e),t},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=u(n(787)),s=l(n(639)),c=l(n(971)),f=l(n(732)),d=n(754),p=l(n(433)),y=(0,i.forwardRef)((function(e,t){var n,o,a=e.placeholder,u=e.autoFocus,l=e.onFocus,y=e.onBlur,h=e.onKeyDown,_=e.separators,v=e.specialKeyDown,b=e.onInputValueChange,m=e.onPreprocess,k=e.onBuildTokenValue,O=e.onNewTokenValuesAppend,T=e.onLastTokenDelete,E=(n=(0,i.useState)(d.DEFAULT_INPUT_INIT_VALUE),o=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(n,o)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(n,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=E[0],S=E[1],A=(0,i.useMemo)((function(){return new RegExp(_.join("|"))}),[_]),C=(0,i.useCallback)((function(e){S(e),null==b||b(e,g)}),[b,g,S]),I=(0,i.useCallback)((function(e){if(0!==e.trim().length){var t=e.split(A).filter((function(e){return e.trim().length>0})),n=m(t).map((function(e){return k(e)}));O(n),C(d.DEFAULT_INPUT_INIT_VALUE)}}),[A,m,k,O,C]),w=(0,i.useCallback)((function(e){var t=e.target.value,n=t.substring(t.length-1);!0!==A.test(n)?C(t):I(g)}),[A,I,g,C]),D=(0,f.default)({specialKeyDownConfig:v,inputInitValue:d.DEFAULT_INPUT_INIT_VALUE,inputValue:g,onLastTokenDelete:T,handleInputValueUpdate:C,handleTokensCreate:I}),N=D.handleBackspaceKeyDown,j=D.handleTabKeyDown,P=D.handleEnterKeyDown,M=D.handleEscapeKeyDown,L=(0,i.useCallback)((function(e){(0,c.default)(e,{onBackspace:N,onTab:j,onEnter:P,onEscape:M}),null==h||h(e)}),[h,N,j,P,M]),F=(0,i.useCallback)((function(e){I(g),y(e)}),[I,g,y]),V=(0,i.useCallback)((function(e){e.preventDefault();var t=e.clipboardData.getData("text");I(t)}),[I]);return i.default.createElement("div",{className:p.default["autosized-wrapper"]},i.default.createElement(s.default,{ref:t,autoFocus:u,placeholder:a,value:g,onChange:w,onKeyDown:L,onPaste:V,onFocus:l,onBlur:F}))}));t.default=y},922:function(e,t,n){"use strict";function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),l=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&u(t,e,n);return l(t,e),t},s=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var f=i(n(787)),d=c(n(184)),p=c(n(962)),y=c(n(84)),h=c(n(598)),_=c(n(872)),v=c(n(870)),b=c(n(970)),m=c(n(120)),k=c(n(835)),O=c(n(360)),T=c(n(453)),E=c(n(810)),g=c(n(196)),S=n(754),A=c(n(433));t.default=function(e){var t,n=e.className,a=e.placeholder,u=e.readOnly,l=void 0!==u&&u,i=e.autoFocus,c=void 0!==i&&i,C=e.tokenValues,I=e.separators,w=void 0===I?S.DEFAULT_SEPARATORS:I,D=e.specialKeyDown,N=void 0===D?S.DEFAULT_SPECIAL_KEY_DOWN_CONFIG:D,j=e.onInputValueChange,P=e.onPreprocess,M=e.onTokenValueValidate,L=void 0===M?k.default:M,F=e.onTokenValuesChange,V=e.onBuildTokenValue,R=void 0===V?O.default:V,U=e.customizeTokenComponent,W=e.onGetTokenClassName,B=e.onGetTokenDisplayLabel,K=void 0===B?E.default:B,x=e.onRenderTokenDeleteButtonContent,G=e.onGetIsTokenEditable,z=void 0===G?T.default:G,H=e.onGetTokenEditableValue,Y=void 0===H?E.default:H,J=e.onGetTokenErrorMessage,$=void 0===J?g.default:J,q=e.onCreatorFocus,Q=e.onCreatorBlur,X=e.onCreatorKeyDown,Z=s(e,["className","placeholder","readOnly","autoFocus","tokenValues","separators","specialKeyDown","onInputValueChange","onPreprocess","onTokenValueValidate","onTokenValuesChange","onBuildTokenValue","customizeTokenComponent","onGetTokenClassName","onGetTokenDisplayLabel","onRenderTokenDeleteButtonContent","onGetIsTokenEditable","onGetTokenEditableValue","onGetTokenErrorMessage","onCreatorFocus","onCreatorBlur","onCreatorKeyDown"]),ee=(0,h.default)({onCreatorFocus:q,onCreatorBlur:Q}),te=ee.isTokenInputFocused,ne=ee.handleTokenInputFocus,re=ee.handleTokenInputBlur,oe=ee.handleCreatorFocus,ae=ee.handleCreatorBlur,ue=(0,_.default)(),le=ue.tokenCreatorRef,ie=ue.focusTokenCreator,se=(0,v.default)({tokenValues:C,onTokenValueValidate:L}),ce=se.hasInvalidToken,fe=se.internalTokenValues,de=se.tokenMetas,pe=se.setTokenActivated,ye=(0,b.default)({tokenValues:C,onTokenValuesChange:F,setTokenActivated:pe,handleTokenInputFocus:ne,handleTokenInputBlur:re}),he=ye.handleTokenEditStart,_e=ye.handleTokenEditEnd,ve=(0,m.default)({tokenValues:C,onTokenValuesChange:F,focusTokenCreator:ie}),be=ve.handleTokenDelete,me=ve.handleLastTokenDelete,ke=(0,f.useCallback)((function(e){if(0!==e.length){var t=[].concat(o(C),o(e));null==F||F(t)}}),[C,F]),Oe=(0,f.useCallback)((function(e){if("function"!=typeof P)return e;var t=P(e);if(!0!==Array.isArray(t))throw new Error("onPreprocess should return an array of values");return t}),[P]),Te=U||y.default;return f.default.createElement("div",Object.assign({"data-component-name":"TokenInput"},Z,{className:(0,d.default)(n,A.default.container,(t={},r(t,A.default["container--focused"],te),r(t,A.default["container--errors"],ce),t)),onClick:ie,role:"presentation"}),f.default.createElement("div",{className:A.default["token-list"]},fe.map((function(e,t){var n=de[t],r=n.key;return f.default.createElement(Te,{key:r,readOnly:l,tokenValue:e,tokenMeta:n,onGetClassName:W,onGetDisplayLabel:K,onRenderDeleteButtonContent:x,onGetIsEditable:z,onGetEditableValue:Y,onGetErrorMessage:$,onBuildTokenValue:R,onEditStart:he(t),onEditEnd:_e(t),onDelete:be(t)})}))),!l&&f.default.createElement(p.default,{ref:le,placeholder:a,autoFocus:c,onFocus:oe,onBlur:ae,onKeyDown:X,separators:w,specialKeyDown:N,onInputValueChange:j,onPreprocess:Oe,onBuildTokenValue:R,onNewTokenValuesAppend:ke,onLastTokenDelete:me}))}},754:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_INPUT_INIT_VALUE=t.JS__TOKEN__DELETE_BUTTON__CLASS_NAME=t.DEFAULT_SPECIAL_KEY_DOWN_CONFIG=t.KEY_DOWN_HANDLER_CONFIG_OPTION=t.DEFAULT_SEPARATORS=void 0,t.DEFAULT_SEPARATORS=[",",";","\n","\r","\r\n"],t.KEY_DOWN_HANDLER_CONFIG_OPTION=Object.freeze({OFF:0,ON:1}),t.DEFAULT_SPECIAL_KEY_DOWN_CONFIG={onBackspace:t.KEY_DOWN_HANDLER_CONFIG_OPTION.ON,onTab:t.KEY_DOWN_HANDLER_CONFIG_OPTION.OFF,onEnter:t.KEY_DOWN_HANDLER_CONFIG_OPTION.ON,onEscape:t.KEY_DOWN_HANDLER_CONFIG_OPTION.ON},t.JS__TOKEN__DELETE_BUTTON__CLASS_NAME="js__token__delete-button",t.DEFAULT_INPUT_INIT_VALUE=""},732:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(787),o=n(754),a=function(e){var t=e.keyDownHandlerConfig,n=e.predefinedHandler;1==(t===o.KEY_DOWN_HANDLER_CONFIG_OPTION.ON)&&n()};t.default=function(e){var t=e.specialKeyDownConfig,n=e.inputInitValue,u=e.inputValue,l=e.onLastTokenDelete,i=e.handleInputValueUpdate,s=e.handleTokensCreate,c=Object.assign(Object.assign({},o.DEFAULT_SPECIAL_KEY_DOWN_CONFIG),t),f=c.onBackspace,d=c.onTab,p=c.onEnter,y=c.onEscape;return{handleBackspaceKeyDown:(0,r.useCallback)((function(){a({keyDownHandlerConfig:f,predefinedHandler:function(){0===u.length&&l()}})}),[f,u,l]),handleTabKeyDown:(0,r.useCallback)((function(e){a({keyDownHandlerConfig:d,predefinedHandler:function(){e.preventDefault(),s(u)}})}),[d,u,s]),handleEnterKeyDown:(0,r.useCallback)((function(){a({keyDownHandlerConfig:p,predefinedHandler:function(){s(u)}})}),[p,u,s]),handleEscapeKeyDown:(0,r.useCallback)((function(){a({keyDownHandlerConfig:y,predefinedHandler:function(){i(n)}})}),[y,n,i])}}},872:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(787);t.default=function(){var e=(0,r.useRef)(null),t=(0,r.useCallback)((function(){var t=null==e?void 0:e.current;t&&t.getInput().focus()}),[]);return{tokenCreatorRef:e,focusTokenCreator:t}}},120:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var o=n(787);t.default=function(e){var t=e.tokenValues,n=e.onTokenValuesChange,a=e.focusTokenCreator,u=(0,o.useCallback)((function(e){var o,u=function(e){if(Array.isArray(e))return r(e)}(o=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}();u.splice(e,1),null==n||n(u),a()}),[t,n,a]);return{handleTokenDelete:(0,o.useCallback)((function(e){return function(){u(e)}}),[u]),handleLastTokenDelete:(0,o.useCallback)((function(){u(-1)}),[u])}}},970:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var o=n(787);t.default=function(e){var t=e.tokenValues,n=e.onTokenValuesChange,a=e.setTokenActivated,u=e.handleTokenInputFocus,l=e.handleTokenInputBlur;return{handleTokenEditStart:(0,o.useCallback)((function(e){return function(){a(e,!0),u()}}),[a,u]),handleTokenEditEnd:(0,o.useCallback)((function(e){return function(o){if(a(e,!1),l(),void 0!==o){var u=function(e){if(Array.isArray(e))return r(e)}(i=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}();u[e]=o,null==n||n(u)}var i}}),[t,n,a,l])}}},598:(e,t,n)=>{"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var o=n(787);t.default=function(e){var t,n,a=e.onCreatorFocus,u=e.onCreatorBlur,l=(t=(0,o.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(t,n)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=l[0],s=l[1],c=(0,o.useCallback)((function(){s(!0)}),[]),f=(0,o.useCallback)((function(){s(!1)}),[]),d=(0,o.useCallback)((function(e){c(),null==a||a(e)}),[a,c]),p=(0,o.useCallback)((function(e){f(),null==u||u(e)}),[u,f]);return{isTokenInputFocused:i,handleTokenInputFocus:c,handleTokenInputBlur:f,handleCreatorFocus:d,handleCreatorBlur:p}}},138:(e,t,n)=>{"use strict";function r(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(t,"__esModule",{value:!0});var a=n(787);t.default=function(){var e,t,n=(e=(0,a.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||r(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=n[0],l=n[1],i=(0,a.useCallback)((function(e,t){if(e>=u.length)throw new Error("setTokenActivated out of tokenMetas scope; targetIndex ".concat(e,"; tokenMetas.length ").concat(u.length));var n=function(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(u);n[e].activated=t,l(n)}),[u]);return{tokenMetas:u,setTokenMetas:l,setTokenActivated:i}}},870:function(e,t,n){"use strict";function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],u=!0,l=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==n.return||n.return()}finally{if(l)throw o}}return a}}(e,t)||o(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=n(787),i=u(n(138)),s=u(n(748));t.default=function(e){var t=e.tokenValues,n=e.onTokenValueValidate,u=(0,i.default)(),c=u.tokenMetas,f=u.setTokenMetas,d=u.setTokenActivated,p=r((0,l.useState)(!1),2),y=p[0],h=p[1],_=r((0,l.useState)([]),2),v=_[0],b=_[1];return(0,l.useLayoutEffect)((function(){var e,r=!1,u=t.map((function(e,o){var a=n(e,o,t),u=(0,s.default)(a,e,o);return u.error&&!u.activated&&(r=!0),u}));b(function(e){if(Array.isArray(e))return a(e)}(e=t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f(u),h(r)}),[t,n,f]),{hasInvalidToken:y,internalTokenValues:v,tokenMetas:c,setTokenActivated:d}}},820:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.KEY_DOWN_HANDLER_CONFIG_OPTION=t.DEFAULT_SEPARATORS=t.JS__TOKEN__DELETE_BUTTON__CLASS_NAME=void 0;var o=r(n(922)),a=n(754);Object.defineProperty(t,"JS__TOKEN__DELETE_BUTTON__CLASS_NAME",{enumerable:!0,get:function(){return a.JS__TOKEN__DELETE_BUTTON__CLASS_NAME}}),Object.defineProperty(t,"KEY_DOWN_HANDLER_CONFIG_OPTION",{enumerable:!0,get:function(){return a.KEY_DOWN_HANDLER_CONFIG_OPTION}}),Object.defineProperty(t,"DEFAULT_SEPARATORS",{enumerable:!0,get:function(){return a.DEFAULT_SEPARATORS}}),t.default=o.default},748:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,n){return{key:"".concat(JSON.stringify(t),"-").concat(Date.now(),"-").concat(n),activated:!1,error:e}}},360:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return e.trim()}},453:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){return!0}},810:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){return"".concat(e)}},196:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.error;if("string"==typeof n)return n}},835:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){}},971:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=r(n(776));t.default=function(e,t){var n=t.onBackspace,r=t.onTab,a=t.onEnter,u=t.onEscape;switch((0,o.default)(e.nativeEvent).key){case"Backspace":null==n||n(e);break;case"Tab":null==r||r(e);break;case"Enter":null==a||a(e);break;case"Escape":null==u||u(e)}}},184:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a||"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var u=o.apply(null,n);u&&e.push(u)}}else if("object"===a){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){e.push(n.toString());continue}for(var l in n)r.call(n,l)&&n[l]&&e.push(l)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},776:e=>{self,e.exports=(()=>{"use strict";var e,t={};return e=t,Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(e){var t=e.key;return 229===e.keyCode&&(t="Process"),{key:t}},t})()},433:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>r});const r={container:"token-input-container","container--focused":"token-input-container--focused","container--errors":"token-input-container--errors","autosized-wrapper":"token-input-autosized-wrapper","token-list":"token-input-token-list",token:"token-input-token","token--error":"token-input-token--error","token--read-only":"token-input-token--read-only","token--editable":"token-input-token--editable","token--active":"token-input-token--active","token__label-wrapper":"token-input-token__label-wrapper","token__delete-button":"token-input-token__delete-button","delete-button__close-icon":"token-input-delete-button__close-icon"}},703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,u){if(u!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},639:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(787),u=i(a),l=i(n(697));function i(e){return e&&e.__esModule?e:{default:e}}var s={position:"absolute",top:0,left:0,visibility:"hidden",height:0,overflow:"scroll",whiteSpace:"pre"},c=["extraWidth","injectStyles","inputClassName","inputRef","inputStyle","minWidth","onAutosize","placeholderIsMinWidth"],f=function(e,t){t.style.fontSize=e.fontSize,t.style.fontFamily=e.fontFamily,t.style.fontWeight=e.fontWeight,t.style.fontStyle=e.fontStyle,t.style.letterSpacing=e.letterSpacing,t.style.textTransform=e.textTransform},d=!("undefined"==typeof window||!window.navigator)&&/MSIE |Trident\/|Edge\//.test(window.navigator.userAgent),p=function(){return d?"_"+Math.random().toString(36).substr(2,12):void 0},y=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.inputRef=function(e){n.input=e,"function"==typeof n.props.inputRef&&n.props.inputRef(e)},n.placeHolderSizerRef=function(e){n.placeHolderSizer=e},n.sizerRef=function(e){n.sizer=e},n.state={inputWidth:e.minWidth,inputId:e.id||p(),prevId:e.id},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,null,[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.id;return n!==t.prevId?{inputId:n||p(),prevId:n}:null}}]),o(t,[{key:"componentDidMount",value:function(){this.mounted=!0,this.copyInputStyles(),this.updateInputWidth()}},{key:"componentDidUpdate",value:function(e,t){t.inputWidth!==this.state.inputWidth&&"function"==typeof this.props.onAutosize&&this.props.onAutosize(this.state.inputWidth),this.updateInputWidth()}},{key:"componentWillUnmount",value:function(){this.mounted=!1}},{key:"copyInputStyles",value:function(){if(this.mounted&&window.getComputedStyle){var e=this.input&&window.getComputedStyle(this.input);e&&(f(e,this.sizer),this.placeHolderSizer&&f(e,this.placeHolderSizer))}}},{key:"updateInputWidth",value:function(){if(this.mounted&&this.sizer&&void 0!==this.sizer.scrollWidth){var e=void 0;e=this.props.placeholder&&(!this.props.value||this.props.value&&this.props.placeholderIsMinWidth)?Math.max(this.sizer.scrollWidth,this.placeHolderSizer.scrollWidth)+2:this.sizer.scrollWidth+2,(e+="number"===this.props.type&&void 0===this.props.extraWidth?16:parseInt(this.props.extraWidth)||0)<this.props.minWidth&&(e=this.props.minWidth),e!==this.state.inputWidth&&this.setState({inputWidth:e})}}},{key:"getInput",value:function(){return this.input}},{key:"focus",value:function(){this.input.focus()}},{key:"blur",value:function(){this.input.blur()}},{key:"select",value:function(){this.input.select()}},{key:"renderStyles",value:function(){var e=this.props.injectStyles;return d&&e?u.default.createElement("style",{dangerouslySetInnerHTML:{__html:"input#"+this.state.inputId+"::-ms-clear {display: none;}"}}):null}},{key:"render",value:function(){var e=[this.props.defaultValue,this.props.value,""].reduce((function(e,t){return null!=e?e:t})),t=r({},this.props.style);t.display||(t.display="inline-block");var n=r({boxSizing:"content-box",width:this.state.inputWidth+"px"},this.props.inputStyle),o=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(this.props,[]);return function(e){c.forEach((function(t){return delete e[t]}))}(o),o.className=this.props.inputClassName,o.id=this.state.inputId,o.style=n,u.default.createElement("div",{className:this.props.className,style:t},this.renderStyles(),u.default.createElement("input",r({},o,{ref:this.inputRef})),u.default.createElement("div",{ref:this.sizerRef,style:s},e),this.props.placeholder?u.default.createElement("div",{ref:this.placeHolderSizerRef,style:s},this.props.placeholder):null)}}]),t}(a.Component);y.propTypes={className:l.default.string,defaultValue:l.default.any,extraWidth:l.default.oneOfType([l.default.number,l.default.string]),id:l.default.string,injectStyles:l.default.bool,inputClassName:l.default.string,inputRef:l.default.func,inputStyle:l.default.object,minWidth:l.default.oneOfType([l.default.number,l.default.string]),onAutosize:l.default.func,onChange:l.default.func,placeholder:l.default.string,placeholderIsMinWidth:l.default.bool,style:l.default.object,value:l.default.any},y.defaultProps={minWidth:1,injectStyles:!0},t.default=y},787:t=>{"use strict";t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e].call(a.exports,a,a.exports,r),a.exports}return r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r(820)})()));
//# sourceMappingURL=index.js.map

@@ -9,2 +9,2 @@ /*!

/*! react-customize-token-input v2.4.0-alpha.2 | (c) 2022 Mark Lin. | MIT | https://github.com/seawind543/react-token-input */
/*! react-customize-token-input v2.4.0 | (c) 2022 Mark Lin. | MIT | https://github.com/seawind543/react-token-input */
import React from 'react';
import type { InputString, TokenSeparator } from './types/mix';
import type { TokenSeparator } from './types/mix';
import type { SpecialKeyDownConfig } from './types/specialKeyDown';
import type { OnInputValueChange, OnPreprocess, OnBuildTokenValue } from './types/interfaces';
export interface TokenCreatorRef {
focus: () => void;
setValue: (value: InputString) => void;
createTokens: (value?: InputString) => void;
}
interface TokenCreatorProps<ValueType = string> {
placeholder?: string;
disableAutoTokenCreate: boolean;
autoFocus: boolean;

@@ -25,6 +19,5 @@ onFocus: React.FocusEventHandler<HTMLInputElement>;

}
declare const TokenCreator: <ValueType>(props: TokenCreatorProps<ValueType>, ref: React.ForwardedRef<TokenCreatorRef>) => JSX.Element;
declare const WrappedTokenCreator: <ValueType = string>(p: TokenCreatorProps<ValueType> & {
ref: React.ForwardedRef<TokenCreatorRef>;
}) => ReturnType<typeof TokenCreator>;
export default WrappedTokenCreator;
declare const TokenCreator: <ValueType = string>(p: TokenCreatorProps<ValueType> & {
ref: React.Ref<HTMLInputElement>;
}) => React.ReactElement | null;
export default TokenCreator;
import React, { type CSSProperties, type ReactElement } from 'react';
import { type TokenCreatorRef } from './TokenCreator';
import { type TokenProps } from './Token';

@@ -7,7 +6,2 @@ import type { TokenSeparator } from './types/mix';

import type { OnInputValueChange, OnPreprocess, OnBuildTokenValue, OnTokenValueValidate, OnTokenValuesChange, OnGetTokenClassName, OnGetTokenDisplayLabel, OnRenderTokenDeleteButtonContent, OnGetIsTokenEditable, OnGetTokenEditableValue, OnGetTokenErrorMessage } from './types/interfaces';
export interface TokenInputRef {
focus: TokenCreatorRef['focus'];
setCreatorValue: TokenCreatorRef['setValue'];
createTokens: TokenCreatorRef['createTokens'];
}
export interface TokenInputProps<ValueType = string, ErrorType = string> {

@@ -18,3 +12,2 @@ style?: CSSProperties;

readOnly?: boolean;
disableAutoTokenCreate?: boolean;
autoFocus?: boolean;

@@ -40,6 +33,3 @@ tokenValues: ValueType[];

}
declare const TokenInput: <ValueType, ErrorType>(props: TokenInputProps<ValueType, ErrorType>, ref?: React.ForwardedRef<TokenInputRef>) => JSX.Element;
declare const WrappedTokenInput: <ValueType = string, ErrorType = string>(p: TokenInputProps<ValueType, ErrorType> & {
ref?: React.ForwardedRef<TokenInputRef> | undefined;
}) => ReturnType<typeof TokenInput>;
export default WrappedTokenInput;
declare const TokenInput: <ValueType = string, ErrorType = string>(props: TokenInputProps<ValueType, ErrorType>) => JSX.Element;
export default TokenInput;
{
"name": "react-customize-token-input",
"version": "2.4.0-alpha.2",
"version": "2.4.0",
"description": "A react token (tag) input component. Allow customize data structure and Look & Feel",

@@ -5,0 +5,0 @@ "main": "lib/index.js",

@@ -217,3 +217,3 @@ # React TokenInput [![build status](https://travis-ci.org/seawind543/react-token-input.svg?branch=master)](https://travis-ci.org/seawind543/react-token-input) [![Coverage Status](https://coveralls.io/repos/github/seawind543/react-token-input/badge.svg?branch=master)](https://coveralls.io/github/seawind543/react-token-input?branch=master)

* @param {ValueType} tokenValue
* The tokenValue build by `onBuildTokenValue`
* The tokenValue built by `onBuildTokenValue`
*

@@ -314,3 +314,3 @@ * @param {TokenIndex} tokenIndex

* @param {ValueType} tokenValue
* The tokenValue build by `onBuildTokenValue`
* The tokenValue built by `onBuildTokenValue`
*

@@ -339,3 +339,3 @@ * @param {TokenMeta<ErrorType>} tokenMeta

* @param {ValueType} tokenValue
* The tokenValue build by `onBuildTokenValue`
* The tokenValue built by `onBuildTokenValue`
*

@@ -380,3 +380,3 @@ * @param {TokenMeta<ErrorType>} tokenMeta

* @param {ValueType} tokenValue
* The tokenValue build by `onBuildTokenValue`
* The tokenValue built by `onBuildTokenValue`
*

@@ -405,3 +405,3 @@ * @param {TokenMeta<ErrorType>} tokenMeta

* @param {ValueType} tokenValue
* The tokenValue build by `onBuildTokenValue`
* The tokenValue built by `onBuildTokenValue`
*

@@ -429,3 +429,3 @@ * @param {TokenMeta<ErrorType>} tokenMeta

* @param {ValueType} tokenValue
* The tokenValue build by `onBuildTokenValue`
* The tokenValue built by `onBuildTokenValue`
*

@@ -441,2 +441,53 @@ * @param {TokenMeta<ErrorType>} tokenMeta

onGetTokenErrorMessage?: OnGetTokenErrorMessage<ValueType, ErrorType>;
/**
* @prop {React.FocusEventHandler<HTMLInputElement>} [onCreatorFocus]
* @description
* A callback function invoked on TokenCreator focused
*
* @example
* ```js
* onCreatorFocus(e)
* ```
*
* @param {React.FocusEvent<HTMLInputElement>} event
* The FocusEvent of the input of TokenCreator
*
* @returns {void}
*/
onCreatorFocus?: React.FocusEventHandler<HTMLInputElement>;
/**
* @prop {React.FocusEventHandler<HTMLInputElement>} [onCreatorBlur]
* @description
* A callback function invoked on TokenCreator blur
*
* @example
* ```js
* onCreatorBlur(e)
* ```
*
* @param {React.FocusEvent<HTMLInputElement>} event
* The FocusEvent of the input of TokenCreator
*
* @returns {void}
*/
onCreatorBlur?: React.FocusEventHandler<HTMLInputElement>;
/**
* @prop {React.KeyboardEventHandler<HTMLInputElement>} [onCreatorKeyDown]
* @description
* A callback function invoked when keyDown on TokenCreator
*
* @example
* ```js
* onCreatorKeyDown(e)
* ```
*
* @param {React.KeyboardEvent<HTMLInputElement>} event
* The KeyboardEvent of the input of TokenCreator
*
* @returns {void}
*/
onCreatorKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
}

@@ -645,3 +696,3 @@ ```

* @param {ValueType} [newTokenValue]
* The new tokenValue build by `onBuildTokenValue.
* The new tokenValue built by `onBuildTokenValue.
*

@@ -648,0 +699,0 @@ * Note:

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc