, then its child content cannot be scrolled with the arrow keys unless you set tabindex on the content, too\r\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex\r\n */\r\n setupResponsiveEventListener(_viewportElement, _strMouseTouchDownEvent, bodyMouseTouchDownListener, false, true);\r\n }\r\n }\r\n\r\n //update for the first time & initialize cache\r\n _base.update(_strAuto);\r\n\r\n //the plugin is initialized now!\r\n _initialized = true;\r\n dispatchCallback('onInitialized');\r\n\r\n //call all callbacks which would fire before the initialized was complete\r\n each(_callbacksInitQeueue, function (index, value) { dispatchCallback(value.n, value.a); });\r\n _callbacksInitQeueue = [];\r\n\r\n //add extensions\r\n if (type(extensions) == TYPES.s)\r\n extensions = [extensions];\r\n if (COMPATIBILITY.isA(extensions))\r\n each(extensions, function (index, value) { _base.addExt(value); });\r\n else if (FRAMEWORK.isPlainObject(extensions))\r\n each(extensions, function (key, value) { _base.addExt(key, value); });\r\n\r\n //add the transition class for transitions AFTER the first update & AFTER the applied extensions (for preventing unwanted transitions)\r\n setTimeout(function () {\r\n if (_supportTransition && !_destroyed)\r\n addClass(_hostElement, _classNameHostTransition);\r\n }, 333);\r\n\r\n return _base;\r\n }\r\n\r\n if (_plugin.valid(construct(pluginTargetElement, options, extensions))) {\r\n INSTANCES(pluginTargetElement, _base);\r\n }\r\n\r\n return _base;\r\n }\r\n\r\n /**\r\n * Initializes a new OverlayScrollbarsInstance object or changes options if already initialized or returns the current instance.\r\n * @param pluginTargetElements The elements to which the Plugin shall be initialized.\r\n * @param options The custom options with which the plugin shall be initialized.\r\n * @param extensions The extension(s) which shall be added right after initialization.\r\n * @returns {*}\r\n */\r\n _plugin = window[PLUGINNAME] = function (pluginTargetElements, options, extensions) {\r\n if (arguments[LEXICON.l] === 0)\r\n return this;\r\n\r\n var arr = [];\r\n var optsIsPlainObj = FRAMEWORK.isPlainObject(options);\r\n var inst;\r\n var result;\r\n\r\n //pluginTargetElements is null or undefined\r\n if (!pluginTargetElements)\r\n return optsIsPlainObj || !options ? result : arr;\r\n\r\n /*\r\n pluginTargetElements will be converted to:\r\n 1. A jQueryElement Array\r\n 2. A HTMLElement Array\r\n 3. A Array with a single HTML Element\r\n so pluginTargetElements is always a array.\r\n */\r\n pluginTargetElements = pluginTargetElements[LEXICON.l] != undefined ? pluginTargetElements : [pluginTargetElements[0] || pluginTargetElements];\r\n initOverlayScrollbarsStatics();\r\n\r\n if (pluginTargetElements[LEXICON.l] > 0) {\r\n if (optsIsPlainObj) {\r\n FRAMEWORK.each(pluginTargetElements, function (i, v) {\r\n inst = v;\r\n if (inst !== undefined)\r\n arr.push(OverlayScrollbarsInstance(inst, options, extensions, _pluginsGlobals, _pluginsAutoUpdateLoop));\r\n });\r\n }\r\n else {\r\n FRAMEWORK.each(pluginTargetElements, function (i, v) {\r\n inst = INSTANCES(v);\r\n if ((options === '!' && _plugin.valid(inst)) || (COMPATIBILITY.type(options) == TYPES.f && options(v, inst)))\r\n arr.push(inst);\r\n else if (options === undefined)\r\n arr.push(inst);\r\n });\r\n }\r\n result = arr[LEXICON.l] === 1 ? arr[0] : arr;\r\n }\r\n return result;\r\n };\r\n\r\n /**\r\n * Returns a object which contains global information about the plugin and each instance of it.\r\n * The returned object is just a copy, that means that changes to the returned object won't have any effect to the original object.\r\n */\r\n _plugin.globals = function () {\r\n initOverlayScrollbarsStatics();\r\n var globals = FRAMEWORK.extend(true, {}, _pluginsGlobals);\r\n delete globals['msie'];\r\n return globals;\r\n };\r\n\r\n /**\r\n * Gets or Sets the default options for each new plugin initialization.\r\n * @param newDefaultOptions The object with which the default options shall be extended.\r\n */\r\n _plugin.defaultOptions = function (newDefaultOptions) {\r\n initOverlayScrollbarsStatics();\r\n var currDefaultOptions = _pluginsGlobals.defaultOptions;\r\n if (newDefaultOptions === undefined)\r\n return FRAMEWORK.extend(true, {}, currDefaultOptions);\r\n\r\n //set the new default options\r\n _pluginsGlobals.defaultOptions = FRAMEWORK.extend(true, {}, currDefaultOptions, _pluginsOptions._validate(newDefaultOptions, _pluginsOptions._template, true, currDefaultOptions)._default);\r\n };\r\n\r\n /**\r\n * Checks whether the passed instance is a non-destroyed OverlayScrollbars instance.\r\n * @param osInstance The potential OverlayScrollbars instance which shall be checked.\r\n * @returns {boolean} True if the passed value is a non-destroyed OverlayScrollbars instance, false otherwise.\r\n */\r\n _plugin.valid = function (osInstance) {\r\n return osInstance instanceof _plugin && !osInstance.getState().destroyed;\r\n };\r\n\r\n /**\r\n * Registers, Unregisters or returns a extension.\r\n * Register: Pass the name and the extension. (defaultOptions is optional)\r\n * Unregister: Pass the name and anything except a function as extension parameter.\r\n * Get extension: Pass the name of the extension which shall be got.\r\n * Get all extensions: Pass no arguments.\r\n * @param extensionName The name of the extension which shall be registered, unregistered or returned.\r\n * @param extension A function which generates the instance of the extension or anything other to remove a already registered extension.\r\n * @param defaultOptions The default options which shall be used for the registered extension.\r\n */\r\n _plugin.extension = function (extensionName, extension, defaultOptions) {\r\n var extNameTypeString = COMPATIBILITY.type(extensionName) == TYPES.s;\r\n var argLen = arguments[LEXICON.l];\r\n var i = 0;\r\n if (argLen < 1 || !extNameTypeString) {\r\n //return a copy of all extension objects\r\n return FRAMEWORK.extend(true, { length: _pluginsExtensions[LEXICON.l] }, _pluginsExtensions);\r\n }\r\n else if (extNameTypeString) {\r\n if (COMPATIBILITY.type(extension) == TYPES.f) {\r\n //register extension\r\n _pluginsExtensions.push({\r\n name: extensionName,\r\n extensionFactory: extension,\r\n defaultOptions: defaultOptions\r\n });\r\n }\r\n else {\r\n for (; i < _pluginsExtensions[LEXICON.l]; i++) {\r\n if (_pluginsExtensions[i].name === extensionName) {\r\n if (argLen > 1)\r\n _pluginsExtensions.splice(i, 1); //remove extension\r\n else\r\n return FRAMEWORK.extend(true, {}, _pluginsExtensions[i]); //return extension with the given name\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n return _plugin;\r\n })();\r\n\r\n if (JQUERY && JQUERY.fn) {\r\n /**\r\n * The jQuery initialization interface.\r\n * @param options The initial options for the construction of the plugin. To initialize the plugin, this option has to be a object! If it isn't a object, the instance(s) are returned and the plugin wont be initialized.\r\n * @param extensions The extension(s) which shall be added right after initialization.\r\n * @returns {*} After initialization it returns the jQuery element array, else it returns the instance(s) of the elements which are selected.\r\n */\r\n JQUERY.fn.overlayScrollbars = function (options, extensions) {\r\n var _elements = this;\r\n if (JQUERY.isPlainObject(options)) {\r\n JQUERY.each(_elements, function () { PLUGIN(this, options, extensions); });\r\n return _elements;\r\n }\r\n else\r\n return PLUGIN(_elements, options);\r\n };\r\n }\r\n return PLUGIN;\r\n }\r\n));","var isarray = require('isarray')\n\n/**\n * Expose `pathToRegexp`.\n */\nmodule.exports = pathToRegexp\nmodule.exports.parse = parse\nmodule.exports.compile = compile\nmodule.exports.tokensToFunction = tokensToFunction\nmodule.exports.tokensToRegExp = tokensToRegExp\n\n/**\n * The main path matching regexp utility.\n *\n * @type {RegExp}\n */\nvar PATH_REGEXP = new RegExp([\n // Match escaped characters that would otherwise appear in future matches.\n // This allows the user to escape special characters that won't transform.\n '(\\\\\\\\.)',\n // Match Express-style parameters and un-named parameters with a prefix\n // and optional suffixes. Matches appear as:\n //\n // \"/:test(\\\\d+)?\" => [\"/\", \"test\", \"\\d+\", undefined, \"?\", undefined]\n // \"/route(\\\\d+)\" => [undefined, undefined, undefined, \"\\d+\", undefined, undefined]\n // \"/*\" => [\"/\", undefined, undefined, undefined, undefined, \"*\"]\n '([\\\\/.])?(?:(?:\\\\:(\\\\w+)(?:\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))?|\\\\(((?:\\\\\\\\.|[^\\\\\\\\()])+)\\\\))([+*?])?|(\\\\*))'\n].join('|'), 'g')\n\n/**\n * Parse a string for the raw tokens.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!Array}\n */\nfunction parse (str, options) {\n var tokens = []\n var key = 0\n var index = 0\n var path = ''\n var defaultDelimiter = options && options.delimiter || '/'\n var res\n\n while ((res = PATH_REGEXP.exec(str)) != null) {\n var m = res[0]\n var escaped = res[1]\n var offset = res.index\n path += str.slice(index, offset)\n index = offset + m.length\n\n // Ignore already escaped sequences.\n if (escaped) {\n path += escaped[1]\n continue\n }\n\n var next = str[index]\n var prefix = res[2]\n var name = res[3]\n var capture = res[4]\n var group = res[5]\n var modifier = res[6]\n var asterisk = res[7]\n\n // Push the current path onto the tokens.\n if (path) {\n tokens.push(path)\n path = ''\n }\n\n var partial = prefix != null && next != null && next !== prefix\n var repeat = modifier === '+' || modifier === '*'\n var optional = modifier === '?' || modifier === '*'\n var delimiter = res[2] || defaultDelimiter\n var pattern = capture || group\n\n tokens.push({\n name: name || key++,\n prefix: prefix || '',\n delimiter: delimiter,\n optional: optional,\n repeat: repeat,\n partial: partial,\n asterisk: !!asterisk,\n pattern: pattern ? escapeGroup(pattern) : (asterisk ? '.*' : '[^' + escapeString(delimiter) + ']+?')\n })\n }\n\n // Match any characters still remaining.\n if (index < str.length) {\n path += str.substr(index)\n }\n\n // If the path exists, push it onto the end.\n if (path) {\n tokens.push(path)\n }\n\n return tokens\n}\n\n/**\n * Compile a string to a template function for the path.\n *\n * @param {string} str\n * @param {Object=} options\n * @return {!function(Object=, Object=)}\n */\nfunction compile (str, options) {\n return tokensToFunction(parse(str, options), options)\n}\n\n/**\n * Prettier encoding of URI path segments.\n *\n * @param {string}\n * @return {string}\n */\nfunction encodeURIComponentPretty (str) {\n return encodeURI(str).replace(/[\\/?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase()\n })\n}\n\n/**\n * Encode the asterisk parameter. Similar to `pretty`, but allows slashes.\n *\n * @param {string}\n * @return {string}\n */\nfunction encodeAsterisk (str) {\n return encodeURI(str).replace(/[?#]/g, function (c) {\n return '%' + c.charCodeAt(0).toString(16).toUpperCase()\n })\n}\n\n/**\n * Expose a method for transforming tokens into the path function.\n */\nfunction tokensToFunction (tokens, options) {\n // Compile all the tokens into regexps.\n var matches = new Array(tokens.length)\n\n // Compile all the patterns before compilation.\n for (var i = 0; i < tokens.length; i++) {\n if (typeof tokens[i] === 'object') {\n matches[i] = new RegExp('^(?:' + tokens[i].pattern + ')$', flags(options))\n }\n }\n\n return function (obj, opts) {\n var path = ''\n var data = obj || {}\n var options = opts || {}\n var encode = options.pretty ? encodeURIComponentPretty : encodeURIComponent\n\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i]\n\n if (typeof token === 'string') {\n path += token\n\n continue\n }\n\n var value = data[token.name]\n var segment\n\n if (value == null) {\n if (token.optional) {\n // Prepend partial segment prefixes.\n if (token.partial) {\n path += token.prefix\n }\n\n continue\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to be defined')\n }\n }\n\n if (isarray(value)) {\n if (!token.repeat) {\n throw new TypeError('Expected \"' + token.name + '\" to not repeat, but received `' + JSON.stringify(value) + '`')\n }\n\n if (value.length === 0) {\n if (token.optional) {\n continue\n } else {\n throw new TypeError('Expected \"' + token.name + '\" to not be empty')\n }\n }\n\n for (var j = 0; j < value.length; j++) {\n segment = encode(value[j])\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected all \"' + token.name + '\" to match \"' + token.pattern + '\", but received `' + JSON.stringify(segment) + '`')\n }\n\n path += (j === 0 ? token.prefix : token.delimiter) + segment\n }\n\n continue\n }\n\n segment = token.asterisk ? encodeAsterisk(value) : encode(value)\n\n if (!matches[i].test(segment)) {\n throw new TypeError('Expected \"' + token.name + '\" to match \"' + token.pattern + '\", but received \"' + segment + '\"')\n }\n\n path += token.prefix + segment\n }\n\n return path\n }\n}\n\n/**\n * Escape a regular expression string.\n *\n * @param {string} str\n * @return {string}\n */\nfunction escapeString (str) {\n return str.replace(/([.+*?=^!:${}()[\\]|\\/\\\\])/g, '\\\\$1')\n}\n\n/**\n * Escape the capturing group by escaping special characters and meaning.\n *\n * @param {string} group\n * @return {string}\n */\nfunction escapeGroup (group) {\n return group.replace(/([=!:$\\/()])/g, '\\\\$1')\n}\n\n/**\n * Attach the keys as a property of the regexp.\n *\n * @param {!RegExp} re\n * @param {Array} keys\n * @return {!RegExp}\n */\nfunction attachKeys (re, keys) {\n re.keys = keys\n return re\n}\n\n/**\n * Get the flags for a regexp from the options.\n *\n * @param {Object} options\n * @return {string}\n */\nfunction flags (options) {\n return options && options.sensitive ? '' : 'i'\n}\n\n/**\n * Pull out keys from a regexp.\n *\n * @param {!RegExp} path\n * @param {!Array} keys\n * @return {!RegExp}\n */\nfunction regexpToRegexp (path, keys) {\n // Use a negative lookahead to match only capturing groups.\n var groups = path.source.match(/\\((?!\\?)/g)\n\n if (groups) {\n for (var i = 0; i < groups.length; i++) {\n keys.push({\n name: i,\n prefix: null,\n delimiter: null,\n optional: false,\n repeat: false,\n partial: false,\n asterisk: false,\n pattern: null\n })\n }\n }\n\n return attachKeys(path, keys)\n}\n\n/**\n * Transform an array into a regexp.\n *\n * @param {!Array} path\n * @param {Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\nfunction arrayToRegexp (path, keys, options) {\n var parts = []\n\n for (var i = 0; i < path.length; i++) {\n parts.push(pathToRegexp(path[i], keys, options).source)\n }\n\n var regexp = new RegExp('(?:' + parts.join('|') + ')', flags(options))\n\n return attachKeys(regexp, keys)\n}\n\n/**\n * Create a path regexp from string input.\n *\n * @param {string} path\n * @param {!Array} keys\n * @param {!Object} options\n * @return {!RegExp}\n */\nfunction stringToRegexp (path, keys, options) {\n return tokensToRegExp(parse(path, options), keys, options)\n}\n\n/**\n * Expose a function for taking tokens and returning a RegExp.\n *\n * @param {!Array} tokens\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\nfunction tokensToRegExp (tokens, keys, options) {\n if (!isarray(keys)) {\n options = /** @type {!Object} */ (keys || options)\n keys = []\n }\n\n options = options || {}\n\n var strict = options.strict\n var end = options.end !== false\n var route = ''\n\n // Iterate over the tokens and create our regexp string.\n for (var i = 0; i < tokens.length; i++) {\n var token = tokens[i]\n\n if (typeof token === 'string') {\n route += escapeString(token)\n } else {\n var prefix = escapeString(token.prefix)\n var capture = '(?:' + token.pattern + ')'\n\n keys.push(token)\n\n if (token.repeat) {\n capture += '(?:' + prefix + capture + ')*'\n }\n\n if (token.optional) {\n if (!token.partial) {\n capture = '(?:' + prefix + '(' + capture + '))?'\n } else {\n capture = prefix + '(' + capture + ')?'\n }\n } else {\n capture = prefix + '(' + capture + ')'\n }\n\n route += capture\n }\n }\n\n var delimiter = escapeString(options.delimiter || '/')\n var endsWithDelimiter = route.slice(-delimiter.length) === delimiter\n\n // In non-strict mode we allow a slash at the end of match. If the path to\n // match already ends with a slash, we remove it for consistency. The slash\n // is valid at the end of a path match, not in the middle. This is important\n // in non-ending mode, where \"/test/\" shouldn't match \"/test//route\".\n if (!strict) {\n route = (endsWithDelimiter ? route.slice(0, -delimiter.length) : route) + '(?:' + delimiter + '(?=$))?'\n }\n\n if (end) {\n route += '$'\n } else {\n // In non-ending mode, we need the capturing groups to match as much as\n // possible by using a positive lookahead to the end or next path segment.\n route += strict && endsWithDelimiter ? '' : '(?=' + delimiter + '|$)'\n }\n\n return attachKeys(new RegExp('^' + route, flags(options)), keys)\n}\n\n/**\n * Normalize the given path string, returning a regular expression.\n *\n * An empty array can be passed in for the keys, which will hold the\n * placeholder key descriptions. For example, using `/user/:id`, `keys` will\n * contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.\n *\n * @param {(string|RegExp|Array)} path\n * @param {(Array|Object)=} keys\n * @param {Object=} options\n * @return {!RegExp}\n */\nfunction pathToRegexp (path, keys, options) {\n if (!isarray(keys)) {\n options = /** @type {!Object} */ (keys || options)\n keys = []\n }\n\n options = options || {}\n\n if (path instanceof RegExp) {\n return regexpToRegexp(path, /** @type {!Array} */ (keys))\n }\n\n if (isarray(path)) {\n return arrayToRegexp(/** @type {!Array} */ (path), /** @type {!Array} */ (keys), options)\n }\n\n return stringToRegexp(/** @type {string} */ (path), /** @type {!Array} */ (keys), options)\n}\n","module.exports = Array.isArray || function (arr) {\n return Object.prototype.toString.call(arr) == '[object Array]';\n};\n","'use strict';\n\n/** @type {import('.')} */\nmodule.exports = [\n\t'Float32Array',\n\t'Float64Array',\n\t'Int8Array',\n\t'Int16Array',\n\t'Int32Array',\n\t'Uint8Array',\n\t'Uint8ClampedArray',\n\t'Uint16Array',\n\t'Uint32Array',\n\t'BigInt64Array',\n\t'BigUint64Array'\n];\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error(\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n err.name = 'Invariant Violation';\n throw err;\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bigint: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is');\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","/**\n * Based on Kendo UI Core expression code
\n */\n'use strict'\n\nfunction Cache(maxSize) {\n this._maxSize = maxSize\n this.clear()\n}\nCache.prototype.clear = function () {\n this._size = 0\n this._values = Object.create(null)\n}\nCache.prototype.get = function (key) {\n return this._values[key]\n}\nCache.prototype.set = function (key, value) {\n this._size >= this._maxSize && this.clear()\n if (!(key in this._values)) this._size++\n\n return (this._values[key] = value)\n}\n\nvar SPLIT_REGEX = /[^.^\\]^[]+|(?=\\[\\]|\\.\\.)/g,\n DIGIT_REGEX = /^\\d+$/,\n LEAD_DIGIT_REGEX = /^\\d/,\n SPEC_CHAR_REGEX = /[~`!#$%\\^&*+=\\-\\[\\]\\\\';,/{}|\\\\\":<>\\?]/g,\n CLEAN_QUOTES_REGEX = /^\\s*(['\"]?)(.*?)(\\1)\\s*$/,\n MAX_CACHE_SIZE = 512\n\nvar pathCache = new Cache(MAX_CACHE_SIZE),\n setCache = new Cache(MAX_CACHE_SIZE),\n getCache = new Cache(MAX_CACHE_SIZE)\n\nvar config\n\nmodule.exports = {\n Cache: Cache,\n\n split: split,\n\n normalizePath: normalizePath,\n\n setter: function (path) {\n var parts = normalizePath(path)\n\n return (\n setCache.get(path) ||\n setCache.set(path, function setter(obj, value) {\n var index = 0\n var len = parts.length\n var data = obj\n\n while (index < len - 1) {\n var part = parts[index]\n if (\n part === '__proto__' ||\n part === 'constructor' ||\n part === 'prototype'\n ) {\n return obj\n }\n\n data = data[parts[index++]]\n }\n data[parts[index]] = value\n })\n )\n },\n\n getter: function (path, safe) {\n var parts = normalizePath(path)\n return (\n getCache.get(path) ||\n getCache.set(path, function getter(data) {\n var index = 0,\n len = parts.length\n while (index < len) {\n if (data != null || !safe) data = data[parts[index++]]\n else return\n }\n return data\n })\n )\n },\n\n join: function (segments) {\n return segments.reduce(function (path, part) {\n return (\n path +\n (isQuoted(part) || DIGIT_REGEX.test(part)\n ? '[' + part + ']'\n : (path ? '.' : '') + part)\n )\n }, '')\n },\n\n forEach: function (path, cb, thisArg) {\n forEach(Array.isArray(path) ? path : split(path), cb, thisArg)\n },\n}\n\nfunction normalizePath(path) {\n return (\n pathCache.get(path) ||\n pathCache.set(\n path,\n split(path).map(function (part) {\n return part.replace(CLEAN_QUOTES_REGEX, '$2')\n })\n )\n )\n}\n\nfunction split(path) {\n return path.match(SPLIT_REGEX) || ['']\n}\n\nfunction forEach(parts, iter, thisArg) {\n var len = parts.length,\n part,\n idx,\n isArray,\n isBracket\n\n for (idx = 0; idx < len; idx++) {\n part = parts[idx]\n\n if (part) {\n if (shouldBeQuoted(part)) {\n part = '\"' + part + '\"'\n }\n\n isBracket = isQuoted(part)\n isArray = !isBracket && /^\\d+$/.test(part)\n\n iter.call(thisArg, part, isBracket, isArray, idx, parts)\n }\n }\n}\n\nfunction isQuoted(str) {\n return (\n typeof str === 'string' && str && [\"'\", '\"'].indexOf(str.charAt(0)) !== -1\n )\n}\n\nfunction hasLeadingNumber(part) {\n return part.match(LEAD_DIGIT_REGEX) && !part.match(DIGIT_REGEX)\n}\n\nfunction hasSpecialChars(part) {\n return SPEC_CHAR_REGEX.test(part)\n}\n\nfunction shouldBeQuoted(part) {\n return !isQuoted(part) && (hasLeadingNumber(part) || hasSpecialChars(part))\n}\n","'use strict';\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _utils = require('./utils');\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar propTypes = {\n thousandSeparator: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.oneOf([true])]),\n thousandSpacing: _propTypes2.default.oneOf(['2', '2s', '3', '4']),\n decimalSeparator: _propTypes2.default.string,\n decimalScale: _propTypes2.default.number,\n fixedDecimalScale: _propTypes2.default.bool,\n displayType: _propTypes2.default.oneOf(['input', 'text']),\n prefix: _propTypes2.default.string,\n suffix: _propTypes2.default.string,\n format: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),\n removeFormatting: _propTypes2.default.func,\n mask: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.arrayOf(_propTypes2.default.string)]),\n value: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.string]),\n isNumericString: _propTypes2.default.bool,\n customInput: _propTypes2.default.func,\n allowNegative: _propTypes2.default.bool,\n onValueChange: _propTypes2.default.func,\n onKeyDown: _propTypes2.default.func,\n onMouseUp: _propTypes2.default.func,\n onChange: _propTypes2.default.func,\n onFocus: _propTypes2.default.func,\n onBlur: _propTypes2.default.func,\n type: _propTypes2.default.oneOf(['text', 'tel']),\n isAllowed: _propTypes2.default.func,\n renderText: _propTypes2.default.func\n};\n\nvar defaultProps = {\n displayType: 'input',\n decimalSeparator: '.',\n thousandSpacing: '3',\n fixedDecimalScale: false,\n prefix: '',\n suffix: '',\n allowNegative: true,\n isNumericString: false,\n type: 'text',\n onValueChange: _utils.noop,\n onChange: _utils.noop,\n onKeyDown: _utils.noop,\n onMouseUp: _utils.noop,\n onFocus: _utils.noop,\n onBlur: _utils.noop,\n isAllowed: _utils.returnTrue\n};\n\nvar CurrencyFormat = function (_React$Component) {\n _inherits(CurrencyFormat, _React$Component);\n\n function CurrencyFormat(props) {\n _classCallCheck(this, CurrencyFormat);\n\n //validate props\n var _this = _possibleConstructorReturn(this, (CurrencyFormat.__proto__ || Object.getPrototypeOf(CurrencyFormat)).call(this, props));\n\n _this.validateProps();\n\n var formattedValue = _this.formatValueProp();\n\n _this.state = {\n value: formattedValue,\n numAsString: _this.removeFormatting(formattedValue)\n };\n\n _this.onChange = _this.onChange.bind(_this);\n _this.onKeyDown = _this.onKeyDown.bind(_this);\n _this.onMouseUp = _this.onMouseUp.bind(_this);\n _this.onFocus = _this.onFocus.bind(_this);\n _this.onBlur = _this.onBlur.bind(_this);\n return _this;\n }\n\n _createClass(CurrencyFormat, [{\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n this.updateValueIfRequired(prevProps);\n }\n }, {\n key: 'updateValueIfRequired',\n value: function updateValueIfRequired(prevProps) {\n var props = this.props,\n state = this.state;\n\n\n if (prevProps !== props) {\n //validate props\n this.validateProps();\n\n var stateValue = state.value;\n\n var lastNumStr = state.numAsString || '';\n\n var formattedValue = props.value === undefined ? this.formatNumString(lastNumStr) : this.formatValueProp();\n\n if (formattedValue !== stateValue) {\n this.setState({\n value: formattedValue,\n numAsString: this.removeFormatting(formattedValue)\n });\n }\n }\n }\n\n /** Misc methods **/\n\n }, {\n key: 'getFloatString',\n value: function getFloatString() {\n var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n var _getSeparators = this.getSeparators(),\n decimalSeparator = _getSeparators.decimalSeparator;\n\n var numRegex = this.getNumberRegex(true);\n\n //remove negation for regex check\n var hasNegation = num[0] === '-';\n if (hasNegation) num = num.replace('-', '');\n\n num = (num.match(numRegex) || []).join('').replace(decimalSeparator, '.');\n\n //remove extra decimals\n var firstDecimalIndex = num.indexOf('.');\n\n if (firstDecimalIndex !== -1) {\n num = num.substring(0, firstDecimalIndex) + '.' + num.substring(firstDecimalIndex + 1, num.length).replace(new RegExp((0, _utils.escapeRegExp)(decimalSeparator), 'g'), '');\n }\n\n //add negation back\n if (hasNegation) num = '-' + num;\n\n return num;\n }\n\n //returned regex assumes decimalSeparator is as per prop\n\n }, {\n key: 'getNumberRegex',\n value: function getNumberRegex(g, ignoreDecimalSeparator) {\n var _props = this.props,\n format = _props.format,\n decimalScale = _props.decimalScale;\n\n var _getSeparators2 = this.getSeparators(),\n decimalSeparator = _getSeparators2.decimalSeparator;\n\n return new RegExp('\\\\d' + (decimalSeparator && decimalScale !== 0 && !ignoreDecimalSeparator && !format ? '|' + (0, _utils.escapeRegExp)(decimalSeparator) : ''), g ? 'g' : undefined);\n }\n }, {\n key: 'getSeparators',\n value: function getSeparators() {\n var _props2 = this.props,\n decimalSeparator = _props2.decimalSeparator,\n thousandSpacing = _props2.thousandSpacing;\n var thousandSeparator = this.props.thousandSeparator;\n\n\n if (thousandSeparator === true) {\n thousandSeparator = ',';\n }\n\n return {\n decimalSeparator: decimalSeparator,\n thousandSeparator: thousandSeparator,\n thousandSpacing: thousandSpacing\n };\n }\n }, {\n key: 'getMaskAtIndex',\n value: function getMaskAtIndex(index) {\n var _props$mask = this.props.mask,\n mask = _props$mask === undefined ? ' ' : _props$mask;\n\n if (typeof mask === 'string') {\n return mask;\n }\n\n return mask[index] || ' ';\n }\n }, {\n key: 'validateProps',\n value: function validateProps() {\n var mask = this.props.mask;\n\n //validate decimalSeparator and thousandSeparator\n\n var _getSeparators3 = this.getSeparators(),\n decimalSeparator = _getSeparators3.decimalSeparator,\n thousandSeparator = _getSeparators3.thousandSeparator;\n\n if (decimalSeparator === thousandSeparator) {\n throw new Error('\\n Decimal separator can\\'t be same as thousand separator.\\n\\n thousandSeparator: ' + thousandSeparator + ' (thousandSeparator = {true} is same as thousandSeparator = \",\")\\n decimalSeparator: ' + decimalSeparator + ' (default value for decimalSeparator is .)\\n ');\n }\n\n //validate mask\n if (mask) {\n var maskAsStr = mask === 'string' ? mask : mask.toString();\n if (maskAsStr.match(/\\d/g)) {\n throw new Error('\\n Mask ' + mask + ' should not contain numeric character;\\n ');\n }\n }\n }\n }, {\n key: 'splitDecimal',\n value: function splitDecimal(numStr) {\n var allowNegative = this.props.allowNegative;\n\n var hasNagation = numStr[0] === '-';\n var addNegation = hasNagation && allowNegative;\n numStr = numStr.replace('-', '');\n\n var parts = numStr.split('.');\n var beforeDecimal = parts[0];\n var afterDecimal = parts[1] || '';\n\n return {\n beforeDecimal: beforeDecimal,\n afterDecimal: afterDecimal,\n hasNagation: hasNagation,\n addNegation: addNegation\n };\n }\n\n /** Misc methods end **/\n\n /** caret specific methods **/\n\n }, {\n key: 'setPatchedCaretPosition',\n value: function setPatchedCaretPosition(el, caretPos, currentValue) {\n /* setting caret position within timeout of 0ms is required for mobile chrome,\r\n otherwise browser resets the caret position after we set it\r\n We are also setting it without timeout so that in normal browser we don't see the flickering */\n (0, _utils.setCaretPosition)(el, caretPos);\n setTimeout(function () {\n if (el.value === currentValue) (0, _utils.setCaretPosition)(el, caretPos);\n }, 0);\n }\n\n /* This keeps the caret within typing area so people can't type in between prefix or suffix */\n\n }, {\n key: 'correctCaretPosition',\n value: function correctCaretPosition(value, caretPos, direction) {\n var _props3 = this.props,\n prefix = _props3.prefix,\n suffix = _props3.suffix,\n format = _props3.format;\n\n //in case of format as number limit between prefix and suffix\n\n if (!format) {\n var hasNegation = value[0] === '-';\n return Math.min(Math.max(caretPos, prefix.length + (hasNegation ? 1 : 0)), value.length - suffix.length);\n }\n\n //in case if custom format method don't do anything\n if (typeof format === 'function') return caretPos;\n\n /* in case format is string find the closest # position from the caret position */\n\n //in case the caretPos have input value on it don't do anything\n if (format[caretPos] === '#' && (0, _utils.charIsNumber)(value[caretPos])) return caretPos;\n\n //if caretPos is just after input value don't do anything\n if (format[caretPos - 1] === '#' && (0, _utils.charIsNumber)(value[caretPos - 1])) return caretPos;\n\n //find the nearest caret position\n var firstHashPosition = format.indexOf('#');\n var lastHashPosition = format.lastIndexOf('#');\n\n //limit the cursor between the first # position and the last # position\n caretPos = Math.min(Math.max(caretPos, firstHashPosition), lastHashPosition + 1);\n\n var nextPos = format.substring(caretPos, format.length).indexOf('#');\n var caretLeftBound = caretPos;\n var caretRightBoud = caretPos + (nextPos === -1 ? 0 : nextPos);\n\n //get the position where the last number is present\n while (caretLeftBound > firstHashPosition && (format[caretLeftBound] !== '#' || !(0, _utils.charIsNumber)(value[caretLeftBound]))) {\n caretLeftBound -= 1;\n }\n\n var goToLeft = !(0, _utils.charIsNumber)(value[caretRightBoud]) || direction === 'left' && caretPos !== firstHashPosition || caretPos - caretLeftBound < caretRightBoud - caretPos;\n\n return goToLeft ? caretLeftBound + 1 : caretRightBoud;\n }\n }, {\n key: 'getCaretPosition',\n value: function getCaretPosition(inputValue, formattedValue, caretPos) {\n var format = this.props.format;\n\n var stateValue = this.state.value;\n var numRegex = this.getNumberRegex(true);\n var inputNumber = (inputValue.match(numRegex) || []).join('');\n var formattedNumber = (formattedValue.match(numRegex) || []).join('');\n var j = void 0,\n i = void 0;\n\n j = 0;\n\n for (i = 0; i < caretPos; i++) {\n var currentInputChar = inputValue[i] || '';\n var currentFormatChar = formattedValue[j] || '';\n //no need to increase new cursor position if formatted value does not have those characters\n //case inputValue = 1a23 and formattedValue = 123\n if (!currentInputChar.match(numRegex) && currentInputChar !== currentFormatChar) continue;\n\n //When we are striping out leading zeros maintain the new cursor position\n //Case inputValue = 00023 and formattedValue = 23;\n if (currentInputChar === '0' && currentFormatChar.match(numRegex) && currentFormatChar !== '0' && inputNumber.length !== formattedNumber.length) continue;\n\n //we are not using currentFormatChar because j can change here\n while (currentInputChar !== formattedValue[j] && j < formattedValue.length) {\n j++;\n }j++;\n }\n\n if (typeof format === 'string' && !stateValue) {\n //set it to the maximum value so it goes after the last number\n j = formattedValue.length;\n }\n\n //correct caret position if its outside of editable area\n j = this.correctCaretPosition(formattedValue, j);\n\n return j;\n }\n /** caret specific methods ends **/\n\n /** methods to remove formattting **/\n\n }, {\n key: 'removePrefixAndSuffix',\n value: function removePrefixAndSuffix(val) {\n var _props4 = this.props,\n format = _props4.format,\n prefix = _props4.prefix,\n suffix = _props4.suffix;\n\n //remove prefix and suffix\n\n if (!format && val) {\n var isNegative = val[0] === '-';\n\n //remove negation sign\n if (isNegative) val = val.substring(1, val.length);\n\n //remove prefix\n val = prefix && val.indexOf(prefix) === 0 ? val.substring(prefix.length, val.length) : val;\n\n //remove suffix\n var suffixLastIndex = val.lastIndexOf(suffix);\n val = suffix && suffixLastIndex !== -1 && suffixLastIndex === val.length - suffix.length ? val.substring(0, suffixLastIndex) : val;\n\n //add negation sign back\n if (isNegative) val = '-' + val;\n }\n\n return val;\n }\n }, {\n key: 'removePatternFormatting',\n value: function removePatternFormatting(val) {\n var format = this.props.format;\n\n var formatArray = format.split('#').filter(function (str) {\n return str !== '';\n });\n var start = 0;\n var numStr = '';\n\n for (var i = 0, ln = formatArray.length; i <= ln; i++) {\n var part = formatArray[i] || '';\n\n //if i is the last fragment take the index of end of the value\n //For case like +1 (911) 911 91 91 having pattern +1 (###) ### ## ##\n var index = i === ln ? val.length : val.indexOf(part, start);\n\n /* in any case if we don't find the pattern part in the value assume the val as numeric string\r\n This will be also in case if user has started typing, in any other case it will not be -1\r\n unless wrong prop value is provided */\n if (index === -1) {\n numStr = val;\n break;\n } else {\n numStr += val.substring(start, index);\n start = index + part.length;\n }\n }\n\n return (numStr.match(/\\d/g) || []).join('');\n }\n }, {\n key: 'removeFormatting',\n value: function removeFormatting(val) {\n var _props5 = this.props,\n format = _props5.format,\n removeFormatting = _props5.removeFormatting;\n\n if (!val) return val;\n\n if (!format) {\n val = this.removePrefixAndSuffix(val);\n val = this.getFloatString(val);\n } else if (typeof format === 'string') {\n val = this.removePatternFormatting(val);\n } else if (typeof removeFormatting === 'function') {\n //condition need to be handled if format method is provide,\n val = removeFormatting(val);\n } else {\n val = (val.match(/\\d/g) || []).join('');\n }\n return val;\n }\n /** methods to remove formattting end **/\n\n /*** format specific methods start ***/\n /**\r\n * Format when # based string is provided\r\n * @param {string} numStr Numeric String\r\n * @return {string} formatted Value\r\n */\n\n }, {\n key: 'formatWithPattern',\n value: function formatWithPattern(numStr) {\n var format = this.props.format;\n\n var hashCount = 0;\n var formattedNumberAry = format.split('');\n for (var i = 0, ln = format.length; i < ln; i++) {\n if (format[i] === '#') {\n formattedNumberAry[i] = numStr[hashCount] || this.getMaskAtIndex(hashCount);\n hashCount += 1;\n }\n }\n return formattedNumberAry.join('');\n }\n /**\r\n * Format the given string according to thousand separator and thousand spacing\r\n * @param {*} beforeDecimal \r\n * @param {*} thousandSeparator \r\n * @param {*} thousandSpacing \r\n */\n\n }, {\n key: 'formatThousand',\n value: function formatThousand(beforeDecimal, thousandSeparator, thousandSpacing) {\n var digitalGroup = void 0;\n switch (thousandSpacing) {\n case _utils.thousandGroupSpacing.two:\n digitalGroup = /(\\d)(?=(\\d{2})+(?!\\d))/g;\n break;\n case _utils.thousandGroupSpacing.twoScaled:\n digitalGroup = /(\\d)(?=(((\\d{2})+)(\\d{1})(?!\\d)))/g;\n break;\n case _utils.thousandGroupSpacing.four:\n digitalGroup = /(\\d)(?=(\\d{4})+(?!\\d))/g;\n break;\n default:\n digitalGroup = /(\\d)(?=(\\d{3})+(?!\\d))/g;\n }\n\n return beforeDecimal.replace(digitalGroup, '$1' + thousandSeparator);\n }\n /**\r\n * @param {string} numStr Numeric string/floatString] It always have decimalSeparator as .\r\n * @return {string} formatted Value\r\n */\n\n }, {\n key: 'formatAsNumber',\n value: function formatAsNumber(numStr) {\n var _props6 = this.props,\n decimalScale = _props6.decimalScale,\n fixedDecimalScale = _props6.fixedDecimalScale,\n prefix = _props6.prefix,\n suffix = _props6.suffix;\n\n var _getSeparators4 = this.getSeparators(),\n thousandSeparator = _getSeparators4.thousandSeparator,\n decimalSeparator = _getSeparators4.decimalSeparator,\n thousandSpacing = _getSeparators4.thousandSpacing;\n\n var hasDecimalSeparator = numStr.indexOf('.') !== -1 || decimalScale && fixedDecimalScale;\n\n var _splitDecimal = this.splitDecimal(numStr),\n beforeDecimal = _splitDecimal.beforeDecimal,\n afterDecimal = _splitDecimal.afterDecimal,\n addNegation = _splitDecimal.addNegation; // eslint-disable-line prefer-const\n\n //apply decimal precision if its defined\n\n\n if (decimalScale !== undefined) afterDecimal = (0, _utils.limitToScale)(afterDecimal, decimalScale, fixedDecimalScale);\n\n if (thousandSeparator) {\n beforeDecimal = this.formatThousand(beforeDecimal, thousandSeparator, thousandSpacing);\n }\n\n //add prefix and suffix\n if (prefix) beforeDecimal = prefix + beforeDecimal;\n if (suffix) afterDecimal = afterDecimal + suffix;\n\n //restore negation sign\n if (addNegation) beforeDecimal = '-' + beforeDecimal;\n\n numStr = beforeDecimal + (hasDecimalSeparator && decimalSeparator || '') + afterDecimal;\n\n return numStr;\n }\n }, {\n key: 'formatNumString',\n value: function formatNumString() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var format = this.props.format;\n\n var formattedValue = value;\n\n if (value === '') {\n formattedValue = '';\n } else if (value === '-' && !format) {\n formattedValue = '-';\n value = '';\n } else if (typeof format === 'string') {\n formattedValue = this.formatWithPattern(formattedValue);\n } else if (typeof format === 'function') {\n formattedValue = format(formattedValue);\n } else {\n formattedValue = this.formatAsNumber(formattedValue);\n }\n\n return formattedValue;\n }\n }, {\n key: 'formatValueProp',\n value: function formatValueProp() {\n var _props7 = this.props,\n format = _props7.format,\n decimalScale = _props7.decimalScale,\n fixedDecimalScale = _props7.fixedDecimalScale;\n var _props8 = this.props,\n value = _props8.value,\n isNumericString = _props8.isNumericString;\n\n // if value is not defined return empty string\n\n if (value === undefined) return '';\n\n if (typeof value === 'number') {\n value = value.toString();\n isNumericString = true;\n }\n\n //round the number based on decimalScale\n //format only if non formatted value is provided\n if (isNumericString && !format && typeof decimalScale === 'number') {\n value = (0, _utils.roundToPrecision)(value, decimalScale, fixedDecimalScale);\n }\n\n var formattedValue = isNumericString ? this.formatNumString(value) : this.formatInput(value);\n\n return formattedValue;\n }\n }, {\n key: 'formatNegation',\n value: function formatNegation() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var allowNegative = this.props.allowNegative;\n\n var negationRegex = new RegExp('(-)');\n var doubleNegationRegex = new RegExp('(-)(.)*(-)');\n\n // Check number has '-' value\n var hasNegation = negationRegex.test(value);\n\n // Check number has 2 or more '-' values\n var removeNegation = doubleNegationRegex.test(value);\n\n //remove negation\n value = value.replace(/-/g, '');\n\n if (hasNegation && !removeNegation && allowNegative) {\n value = '-' + value;\n }\n\n return value;\n }\n }, {\n key: 'formatInput',\n value: function formatInput() {\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n var format = this.props.format;\n\n //format negation only if we are formatting as number\n\n if (!format) {\n value = this.formatNegation(value);\n }\n\n //remove formatting from number\n value = this.removeFormatting(value);\n\n return this.formatNumString(value);\n }\n\n /*** format specific methods end ***/\n\n }, {\n key: 'isCharacterAFormat',\n value: function isCharacterAFormat(caretPos, value) {\n var _props9 = this.props,\n format = _props9.format,\n prefix = _props9.prefix,\n suffix = _props9.suffix,\n decimalScale = _props9.decimalScale,\n fixedDecimalScale = _props9.fixedDecimalScale;\n\n var _getSeparators5 = this.getSeparators(),\n decimalSeparator = _getSeparators5.decimalSeparator;\n\n //check within format pattern\n\n\n if (typeof format === 'string' && format[caretPos] !== '#') return true;\n\n //check in number format\n if (!format && (caretPos < prefix.length || caretPos >= value.length - suffix.length || decimalScale && fixedDecimalScale && value[caretPos] === decimalSeparator)) {\n return true;\n }\n\n return false;\n }\n }, {\n key: 'checkIfFormatGotDeleted',\n value: function checkIfFormatGotDeleted(start, end, value) {\n for (var i = start; i < end; i++) {\n if (this.isCharacterAFormat(i, value)) return true;\n }\n return false;\n }\n\n /**\r\n * This will check if any formatting got removed by the delete or backspace and reset the value\r\n * It will also work as fallback if android chome keyDown handler does not work\r\n **/\n\n }, {\n key: 'correctInputValue',\n value: function correctInputValue(caretPos, lastValue, value) {\n var format = this.props.format;\n\n var lastNumStr = this.state.numAsString || '';\n\n //don't do anyhting if something got added, or if value is empty string (when whole input is cleared)\n if (value.length >= lastValue.length || !value.length) {\n return value;\n }\n\n var start = caretPos;\n var lastValueParts = (0, _utils.splitString)(lastValue, caretPos);\n var newValueParts = (0, _utils.splitString)(value, caretPos);\n var deletedIndex = lastValueParts[1].lastIndexOf(newValueParts[1]);\n var diff = deletedIndex !== -1 ? lastValueParts[1].substring(0, deletedIndex) : '';\n var end = start + diff.length;\n\n //if format got deleted reset the value to last value\n if (this.checkIfFormatGotDeleted(start, end, lastValue)) {\n value = lastValue;\n }\n\n //for numbers check if beforeDecimal got deleted and there is nothing after decimal,\n //clear all numbers in such case while keeping the - sign\n if (!format) {\n var numericString = this.removeFormatting(value);\n\n var _splitDecimal2 = this.splitDecimal(numericString),\n beforeDecimal = _splitDecimal2.beforeDecimal,\n afterDecimal = _splitDecimal2.afterDecimal,\n addNegation = _splitDecimal2.addNegation; // eslint-disable-line prefer-const\n\n //clear only if something got deleted\n\n\n if (numericString.length < lastNumStr.length && beforeDecimal === '' && !parseFloat(afterDecimal)) {\n return addNegation ? '-' : '';\n }\n }\n\n return value;\n }\n }, {\n key: 'onChange',\n value: function onChange(e) {\n e.persist();\n var el = e.target;\n var inputValue = el.value;\n var state = this.state,\n props = this.props;\n var isAllowed = props.isAllowed;\n\n var lastValue = state.value || '';\n\n /*Max of selectionStart and selectionEnd is taken for the patch of pixel and other mobile device caret bug*/\n var currentCaretPosition = Math.max(el.selectionStart, el.selectionEnd);\n\n inputValue = this.correctInputValue(currentCaretPosition, lastValue, inputValue);\n\n var formattedValue = this.formatInput(inputValue) || '';\n var numAsString = this.removeFormatting(formattedValue);\n\n var valueObj = {\n formattedValue: formattedValue,\n value: numAsString,\n floatValue: parseFloat(numAsString)\n };\n\n if (!isAllowed(valueObj)) {\n formattedValue = lastValue;\n }\n\n //set the value imperatively, this is required for IE fix\n el.value = formattedValue;\n\n //get the caret position\n var caretPos = this.getCaretPosition(inputValue, formattedValue, currentCaretPosition);\n\n //set caret position\n this.setPatchedCaretPosition(el, caretPos, formattedValue);\n\n //change the state\n if (formattedValue !== lastValue) {\n this.setState({ value: formattedValue, numAsString: numAsString }, function () {\n props.onValueChange(valueObj);\n props.onChange(e);\n });\n } else {\n props.onChange(e);\n }\n }\n }, {\n key: 'onBlur',\n value: function onBlur(e) {\n var props = this.props,\n state = this.state;\n var format = props.format,\n onBlur = props.onBlur;\n var numAsString = state.numAsString;\n\n var lastValue = state.value;\n if (!format) {\n numAsString = (0, _utils.fixLeadingZero)(numAsString);\n var formattedValue = this.formatNumString(numAsString);\n var valueObj = {\n formattedValue: formattedValue,\n value: numAsString,\n floatValue: parseFloat(numAsString)\n };\n\n //change the state\n if (formattedValue !== lastValue) {\n // the event needs to be persisted because its properties can be accessed in an asynchronous way\n e.persist();\n this.setState({ value: formattedValue, numAsString: numAsString }, function () {\n props.onValueChange(valueObj);\n onBlur(e);\n });\n return;\n }\n }\n onBlur(e);\n }\n }, {\n key: 'onKeyDown',\n value: function onKeyDown(e) {\n var el = e.target;\n var key = e.key;\n var selectionEnd = el.selectionEnd,\n value = el.value;\n var selectionStart = el.selectionStart;\n\n var expectedCaretPosition = void 0;\n var _props10 = this.props,\n decimalScale = _props10.decimalScale,\n fixedDecimalScale = _props10.fixedDecimalScale,\n prefix = _props10.prefix,\n suffix = _props10.suffix,\n format = _props10.format,\n onKeyDown = _props10.onKeyDown;\n\n var ignoreDecimalSeparator = decimalScale !== undefined && fixedDecimalScale;\n var numRegex = this.getNumberRegex(false, ignoreDecimalSeparator);\n var negativeRegex = new RegExp('-');\n var isPatternFormat = typeof format === 'string';\n\n //Handle backspace and delete against non numerical/decimal characters or arrow keys\n if (key === 'ArrowLeft' || key === 'Backspace') {\n expectedCaretPosition = selectionStart - 1;\n } else if (key === 'ArrowRight') {\n expectedCaretPosition = selectionStart + 1;\n } else if (key === 'Delete') {\n expectedCaretPosition = selectionStart;\n }\n\n //if expectedCaretPosition is not set it means we don't want to Handle keyDown\n //also if multiple characters are selected don't handle\n if (expectedCaretPosition === undefined || selectionStart !== selectionEnd) {\n onKeyDown(e);\n return;\n }\n\n var newCaretPosition = expectedCaretPosition;\n var leftBound = isPatternFormat ? format.indexOf('#') : prefix.length;\n var rightBound = isPatternFormat ? format.lastIndexOf('#') + 1 : value.length - suffix.length;\n\n if (key === 'ArrowLeft' || key === 'ArrowRight') {\n var direction = key === 'ArrowLeft' ? 'left' : 'right';\n newCaretPosition = this.correctCaretPosition(value, expectedCaretPosition, direction);\n } else if (key === 'Delete' && !numRegex.test(value[expectedCaretPosition]) && !negativeRegex.test(value[expectedCaretPosition])) {\n while (!numRegex.test(value[newCaretPosition]) && newCaretPosition < rightBound) {\n newCaretPosition++;\n }\n } else if (key === 'Backspace' && !numRegex.test(value[expectedCaretPosition]) && !negativeRegex.test(value[expectedCaretPosition])) {\n while (!numRegex.test(value[newCaretPosition - 1]) && newCaretPosition > leftBound) {\n newCaretPosition--;\n }\n newCaretPosition = this.correctCaretPosition(value, newCaretPosition, 'left');\n }\n\n if (newCaretPosition !== expectedCaretPosition || expectedCaretPosition < leftBound || expectedCaretPosition > rightBound) {\n e.preventDefault();\n this.setPatchedCaretPosition(el, newCaretPosition, value);\n }\n\n /* NOTE: this is just required for unit test as we need to get the newCaretPosition,\r\n Remove this when you find different solution */\n if (e.isUnitTestRun) {\n this.setPatchedCaretPosition(el, newCaretPosition, value);\n }\n\n this.props.onKeyDown(e);\n }\n\n /** required to handle the caret position when click anywhere within the input **/\n\n }, {\n key: 'onMouseUp',\n value: function onMouseUp(e) {\n var el = e.target;\n var selectionStart = el.selectionStart,\n selectionEnd = el.selectionEnd,\n value = el.value;\n\n\n if (selectionStart === selectionEnd) {\n var caretPostion = this.correctCaretPosition(value, selectionStart);\n if (caretPostion !== selectionStart) {\n this.setPatchedCaretPosition(el, caretPostion, value);\n }\n }\n\n this.props.onMouseUp(e);\n }\n }, {\n key: 'onFocus',\n value: function onFocus(e) {\n var _this2 = this;\n\n // Workaround Chrome and Safari bug https://bugs.chromium.org/p/chromium/issues/detail?id=779328\n // (onFocus event target selectionStart is always 0 before setTimeout)\n e.persist();\n setTimeout(function () {\n var el = e.target;\n var selectionStart = el.selectionStart,\n value = el.value;\n\n\n var caretPosition = _this2.correctCaretPosition(value, selectionStart);\n if (caretPosition !== selectionStart) {\n _this2.setPatchedCaretPosition(el, caretPosition, value);\n }\n\n _this2.props.onFocus(e);\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var _props11 = this.props,\n type = _props11.type,\n displayType = _props11.displayType,\n customInput = _props11.customInput,\n renderText = _props11.renderText;\n var value = this.state.value;\n\n\n var otherProps = (0, _utils.omit)(this.props, propTypes);\n\n var inputProps = _extends({}, otherProps, {\n type: type,\n value: value,\n onChange: this.onChange,\n onKeyDown: this.onKeyDown,\n onMouseUp: this.onMouseUp,\n onFocus: this.onFocus,\n onBlur: this.onBlur\n });\n\n if (displayType === 'text') {\n return renderText ? renderText(value) || null : _react2.default.createElement(\n 'span',\n otherProps,\n value\n );\n } else if (customInput) {\n var CustomInput = customInput;\n return _react2.default.createElement(CustomInput, inputProps);\n }\n\n return _react2.default.createElement('input', inputProps);\n }\n }]);\n\n return CurrencyFormat;\n}(_react2.default.Component);\n\nCurrencyFormat.propTypes = propTypes;\nCurrencyFormat.defaultProps = defaultProps;\n\nmodule.exports = CurrencyFormat;","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.noop = noop;\nexports.returnTrue = returnTrue;\nexports.charIsNumber = charIsNumber;\nexports.escapeRegExp = escapeRegExp;\nexports.fixLeadingZero = fixLeadingZero;\nexports.splitString = splitString;\nexports.limitToScale = limitToScale;\nexports.roundToPrecision = roundToPrecision;\nexports.omit = omit;\nexports.setCaretPosition = setCaretPosition;\n\n\n// basic noop function\nfunction noop() {}\nfunction returnTrue() {\n return true;\n}\n\nfunction charIsNumber(char) {\n return !!(char || '').match(/\\d/);\n}\n\nfunction escapeRegExp(str) {\n return str.replace(/[\\-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]/g, \"\\\\$&\");\n}\n\nfunction fixLeadingZero(numStr) {\n if (!numStr) return numStr;\n var isNegative = numStr[0] === '-';\n if (isNegative) numStr = numStr.substring(1, numStr.length);\n var parts = numStr.split('.');\n var beforeDecimal = parts[0].replace(/^0+/, '') || '0';\n var afterDecimal = parts[1] || '';\n\n return '' + (isNegative ? '-' : '') + beforeDecimal + (afterDecimal ? '.' + afterDecimal : '');\n}\n\nfunction splitString(str, index) {\n return [str.substring(0, index), str.substring(index)];\n}\n\n/**\r\n * limit decimal numbers to given scale\r\n * Not used .fixedTo because that will break with big numbers\r\n */\nfunction limitToScale(numStr, scale, fixedDecimalScale) {\n var str = '';\n var filler = fixedDecimalScale ? '0' : '';\n for (var i = 0; i <= scale - 1; i++) {\n str += numStr[i] || filler;\n }\n return str;\n}\n\n/**\r\n * This method is required to round prop value to given scale.\r\n * Not used .round or .fixedTo because that will break with big numbers\r\n */\nfunction roundToPrecision(numStr, scale, fixedDecimalScale) {\n var numberParts = numStr.split('.');\n var roundedDecimalParts = parseFloat('0.' + (numberParts[1] || '0')).toFixed(scale).split('.');\n var intPart = numberParts[0].split('').reverse().reduce(function (roundedStr, current, idx) {\n if (roundedStr.length > idx) {\n return (Number(roundedStr[0]) + Number(current)).toString() + roundedStr.substring(1, roundedStr.length);\n }\n return current + roundedStr;\n }, roundedDecimalParts[0]);\n\n var decimalPart = limitToScale(roundedDecimalParts[1] || '', (numberParts[1] || '').length, fixedDecimalScale);\n\n return intPart + (decimalPart ? '.' + decimalPart : '');\n}\n\nfunction omit(obj, keyMaps) {\n var filteredObj = {};\n Object.keys(obj).forEach(function (key) {\n if (!keyMaps[key]) filteredObj[key] = obj[key];\n });\n return filteredObj;\n}\n\n/** set the caret positon in an input field **/\nfunction setCaretPosition(el, caretPos) {\n el.value = el.value;\n // ^ this is used to not only get \"focus\", but\n // to make sure we don't have it everything -selected-\n // (it causes an issue in chrome, and having it doesn't hurt any other browser)\n if (el !== null) {\n if (el.createTextRange) {\n var range = el.createTextRange();\n range.move('character', caretPos);\n range.select();\n return true;\n }\n // (el.selectionStart === 0 added for Firefox bug)\n if (el.selectionStart || el.selectionStart === 0) {\n el.focus();\n el.setSelectionRange(caretPos, caretPos);\n return true;\n }\n\n // fail city, fortunately this never happens (as far as I've tested) :)\n el.focus();\n return false;\n }\n}\n\nvar thousandGroupSpacing = exports.thousandGroupSpacing = {\n two: '2',\n twoScaled: '2s',\n three: '3',\n four: '4'\n};","/** @license React v17.0.2\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';var aa=require(\"react\"),m=require(\"object-assign\"),r=require(\"scheduler\");function y(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;cb}return!1}function B(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}var D={};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function(a){D[a]=new B(a,0,!1,a,null,!1,!1)});[[\"acceptCharset\",\"accept-charset\"],[\"className\",\"class\"],[\"htmlFor\",\"for\"],[\"httpEquiv\",\"http-equiv\"]].forEach(function(a){var b=a[0];D[b]=new B(b,1,!1,a[1],null,!1,!1)});[\"contentEditable\",\"draggable\",\"spellCheck\",\"value\"].forEach(function(a){D[a]=new B(a,2,!1,a.toLowerCase(),null,!1,!1)});\n[\"autoReverse\",\"externalResourcesRequired\",\"focusable\",\"preserveAlpha\"].forEach(function(a){D[a]=new B(a,2,!1,a,null,!1,!1)});\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function(a){D[a]=new B(a,3,!1,a.toLowerCase(),null,!1,!1)});\n[\"checked\",\"multiple\",\"muted\",\"selected\"].forEach(function(a){D[a]=new B(a,3,!0,a,null,!1,!1)});[\"capture\",\"download\"].forEach(function(a){D[a]=new B(a,4,!1,a,null,!1,!1)});[\"cols\",\"rows\",\"size\",\"span\"].forEach(function(a){D[a]=new B(a,6,!1,a,null,!1,!1)});[\"rowSpan\",\"start\"].forEach(function(a){D[a]=new B(a,5,!1,a.toLowerCase(),null,!1,!1)});var oa=/[\\-:]([a-z])/g;function pa(a){return a[1].toUpperCase()}\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function(a){var b=a.replace(oa,\npa);D[b]=new B(b,1,!1,a,null,!1,!1)});\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,\"http://www.w3.org/1999/xlink\",!1,!1)});[\"xml:base\",\"xml:lang\",\"xml:space\"].forEach(function(a){var b=a.replace(oa,pa);D[b]=new B(b,1,!1,a,\"http://www.w3.org/XML/1998/namespace\",!1,!1)});[\"tabIndex\",\"crossOrigin\"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!1,!1)});\nD.xlinkHref=new B(\"xlinkHref\",1,!1,\"xlink:href\",\"http://www.w3.org/1999/xlink\",!0,!1);[\"src\",\"href\",\"action\",\"formAction\"].forEach(function(a){D[a]=new B(a,1,!1,a.toLowerCase(),null,!0,!0)});\nfunction qa(a,b,c,d){var e=D.hasOwnProperty(b)?D[b]:null;var f=null!==e?0===e.type:d?!1:!(2h||e[g]!==f[h])return\"\\n\"+e[g].replace(\" at new \",\" at \");while(1<=g&&0<=h)}break}}}finally{Oa=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:\"\")?Na(a):\"\"}\nfunction Qa(a){switch(a.tag){case 5:return Na(a.type);case 16:return Na(\"Lazy\");case 13:return Na(\"Suspense\");case 19:return Na(\"SuspenseList\");case 0:case 2:case 15:return a=Pa(a.type,!1),a;case 11:return a=Pa(a.type.render,!1),a;case 22:return a=Pa(a.type._render,!1),a;case 1:return a=Pa(a.type,!0),a;default:return\"\"}}\nfunction Ra(a){if(null==a)return null;if(\"function\"===typeof a)return a.displayName||a.name||null;if(\"string\"===typeof a)return a;switch(a){case ua:return\"Fragment\";case ta:return\"Portal\";case xa:return\"Profiler\";case wa:return\"StrictMode\";case Ba:return\"Suspense\";case Ca:return\"SuspenseList\"}if(\"object\"===typeof a)switch(a.$$typeof){case za:return(a.displayName||\"Context\")+\".Consumer\";case ya:return(a._context.displayName||\"Context\")+\".Provider\";case Aa:var b=a.render;b=b.displayName||b.name||\"\";\nreturn a.displayName||(\"\"!==b?\"ForwardRef(\"+b+\")\":\"ForwardRef\");case Da:return Ra(a.type);case Fa:return Ra(a._render);case Ea:b=a._payload;a=a._init;try{return Ra(a(b))}catch(c){}}return null}function Sa(a){switch(typeof a){case \"boolean\":case \"number\":case \"object\":case \"string\":case \"undefined\":return a;default:return\"\"}}function Ta(a){var b=a.type;return(a=a.nodeName)&&\"input\"===a.toLowerCase()&&(\"checkbox\"===b||\"radio\"===b)}\nfunction Ua(a){var b=Ta(a)?\"checked\":\"value\",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=\"\"+a[b];if(!a.hasOwnProperty(b)&&\"undefined\"!==typeof c&&\"function\"===typeof c.get&&\"function\"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=\"\"+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=\"\"+a},stopTracking:function(){a._valueTracker=\nnull;delete a[b]}}}}function Va(a){a._valueTracker||(a._valueTracker=Ua(a))}function Wa(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d=\"\";a&&(d=Ta(a)?a.checked?\"true\":\"false\":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Xa(a){a=a||(\"undefined\"!==typeof document?document:void 0);if(\"undefined\"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}\nfunction Ya(a,b){var c=b.checked;return m({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?\"\":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:\"checkbox\"===b.type||\"radio\"===b.type?null!=b.checked:null!=b.value}}function $a(a,b){b=b.checked;null!=b&&qa(a,\"checked\",b,!1)}\nfunction ab(a,b){$a(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if(\"number\"===d){if(0===c&&\"\"===a.value||a.value!=c)a.value=\"\"+c}else a.value!==\"\"+c&&(a.value=\"\"+c);else if(\"submit\"===d||\"reset\"===d){a.removeAttribute(\"value\");return}b.hasOwnProperty(\"value\")?bb(a,b.type,c):b.hasOwnProperty(\"defaultValue\")&&bb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}\nfunction cb(a,b,c){if(b.hasOwnProperty(\"value\")||b.hasOwnProperty(\"defaultValue\")){var d=b.type;if(!(\"submit\"!==d&&\"reset\"!==d||void 0!==b.value&&null!==b.value))return;b=\"\"+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;\"\"!==c&&(a.name=\"\");a.defaultChecked=!!a._wrapperState.initialChecked;\"\"!==c&&(a.name=c)}\nfunction bb(a,b,c){if(\"number\"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=\"\"+a._wrapperState.initialValue:a.defaultValue!==\"\"+c&&(a.defaultValue=\"\"+c)}function db(a){var b=\"\";aa.Children.forEach(a,function(a){null!=a&&(b+=a)});return b}function eb(a,b){a=m({children:void 0},b);if(b=db(b.children))a.children=b;return a}\nfunction fb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e=c.length))throw Error(y(93));c=c[0]}b=c}null==b&&(b=\"\");c=b}a._wrapperState={initialValue:Sa(c)}}\nfunction ib(a,b){var c=Sa(b.value),d=Sa(b.defaultValue);null!=c&&(c=\"\"+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=\"\"+d)}function jb(a){var b=a.textContent;b===a._wrapperState.initialValue&&\"\"!==b&&null!==b&&(a.value=b)}var kb={html:\"http://www.w3.org/1999/xhtml\",mathml:\"http://www.w3.org/1998/Math/MathML\",svg:\"http://www.w3.org/2000/svg\"};\nfunction lb(a){switch(a){case \"svg\":return\"http://www.w3.org/2000/svg\";case \"math\":return\"http://www.w3.org/1998/Math/MathML\";default:return\"http://www.w3.org/1999/xhtml\"}}function mb(a,b){return null==a||\"http://www.w3.org/1999/xhtml\"===a?lb(b):\"http://www.w3.org/2000/svg\"===a&&\"foreignObject\"===b?\"http://www.w3.org/1999/xhtml\":a}\nvar nb,ob=function(a){return\"undefined\"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)})}:a}(function(a,b){if(a.namespaceURI!==kb.svg||\"innerHTML\"in a)a.innerHTML=b;else{nb=nb||document.createElement(\"div\");nb.innerHTML=\"\";for(b=nb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});\nfunction pb(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}\nvar qb={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,\nfloodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},rb=[\"Webkit\",\"ms\",\"Moz\",\"O\"];Object.keys(qb).forEach(function(a){rb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);qb[b]=qb[a]})});function sb(a,b,c){return null==b||\"boolean\"===typeof b||\"\"===b?\"\":c||\"number\"!==typeof b||0===b||qb.hasOwnProperty(a)&&qb[a]?(\"\"+b).trim():b+\"px\"}\nfunction tb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf(\"--\"),e=sb(c,b[c],d);\"float\"===c&&(c=\"cssFloat\");d?a.setProperty(c,e):a[c]=e}}var ub=m({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});\nfunction vb(a,b){if(b){if(ub[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(y(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(y(60));if(!(\"object\"===typeof b.dangerouslySetInnerHTML&&\"__html\"in b.dangerouslySetInnerHTML))throw Error(y(61));}if(null!=b.style&&\"object\"!==typeof b.style)throw Error(y(62));}}\nfunction wb(a,b){if(-1===a.indexOf(\"-\"))return\"string\"===typeof b.is;switch(a){case \"annotation-xml\":case \"color-profile\":case \"font-face\":case \"font-face-src\":case \"font-face-uri\":case \"font-face-format\":case \"font-face-name\":case \"missing-glyph\":return!1;default:return!0}}function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null;\nfunction Bb(a){if(a=Cb(a)){if(\"function\"!==typeof yb)throw Error(y(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b))}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;ad?0:1<c;c++)b.push(a);return b}\nfunction $c(a,b,c){a.pendingLanes|=b;var d=b-1;a.suspendedLanes&=d;a.pingedLanes&=d;a=a.eventTimes;b=31-Vc(b);a[b]=c}var Vc=Math.clz32?Math.clz32:ad,bd=Math.log,cd=Math.LN2;function ad(a){return 0===a?32:31-(bd(a)/cd|0)|0}var dd=r.unstable_UserBlockingPriority,ed=r.unstable_runWithPriority,fd=!0;function gd(a,b,c,d){Kb||Ib();var e=hd,f=Kb;Kb=!0;try{Hb(e,a,b,c,d)}finally{(Kb=f)||Mb()}}function id(a,b,c,d){ed(dd,hd.bind(null,a,b,c,d))}\nfunction hd(a,b,c,d){if(fd){var e;if((e=0===(b&4))&&0=be),ee=String.fromCharCode(32),fe=!1;\nfunction ge(a,b){switch(a){case \"keyup\":return-1!==$d.indexOf(b.keyCode);case \"keydown\":return 229!==b.keyCode;case \"keypress\":case \"mousedown\":case \"focusout\":return!0;default:return!1}}function he(a){a=a.detail;return\"object\"===typeof a&&\"data\"in a?a.data:null}var ie=!1;function je(a,b){switch(a){case \"compositionend\":return he(b);case \"keypress\":if(32!==b.which)return null;fe=!0;return ee;case \"textInput\":return a=b.data,a===ee&&fe?null:a;default:return null}}\nfunction ke(a,b){if(ie)return\"compositionend\"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case \"paste\":return null;case \"keypress\":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Ke(c)}}function Me(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Me(a,b.parentNode):\"contains\"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}\nfunction Ne(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c=\"string\"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Xa(a.document)}return b}function Oe(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&(\"input\"===b&&(\"text\"===a.type||\"search\"===a.type||\"tel\"===a.type||\"url\"===a.type||\"password\"===a.type)||\"textarea\"===b||\"true\"===a.contentEditable)}\nvar Pe=fa&&\"documentMode\"in document&&11>=document.documentMode,Qe=null,Re=null,Se=null,Te=!1;\nfunction Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,\"selectionStart\"in d&&Oe(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Je(Se,d)||(Se=d,d=oe(Re,\"onSelect\"),0Af||(a.current=zf[Af],zf[Af]=null,Af--)}function I(a,b){Af++;zf[Af]=a.current;a.current=b}var Cf={},M=Bf(Cf),N=Bf(!1),Df=Cf;\nfunction Ef(a,b){var c=a.type.contextTypes;if(!c)return Cf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function Ff(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Gf(){H(N);H(M)}function Hf(a,b,c){if(M.current!==Cf)throw Error(y(168));I(M,b);I(N,c)}\nfunction If(a,b,c){var d=a.stateNode;a=b.childContextTypes;if(\"function\"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in a))throw Error(y(108,Ra(b)||\"Unknown\",e));return m({},c,d)}function Jf(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Cf;Df=M.current;I(M,a);I(N,N.current);return!0}function Kf(a,b,c){var d=a.stateNode;if(!d)throw Error(y(169));c?(a=If(a,b,Df),d.__reactInternalMemoizedMergedChildContext=a,H(N),H(M),I(M,a)):H(N);I(N,c)}\nvar Lf=null,Mf=null,Nf=r.unstable_runWithPriority,Of=r.unstable_scheduleCallback,Pf=r.unstable_cancelCallback,Qf=r.unstable_shouldYield,Rf=r.unstable_requestPaint,Sf=r.unstable_now,Tf=r.unstable_getCurrentPriorityLevel,Uf=r.unstable_ImmediatePriority,Vf=r.unstable_UserBlockingPriority,Wf=r.unstable_NormalPriority,Xf=r.unstable_LowPriority,Yf=r.unstable_IdlePriority,Zf={},$f=void 0!==Rf?Rf:function(){},ag=null,bg=null,cg=!1,dg=Sf(),O=1E4>dg?Sf:function(){return Sf()-dg};\nfunction eg(){switch(Tf()){case Uf:return 99;case Vf:return 98;case Wf:return 97;case Xf:return 96;case Yf:return 95;default:throw Error(y(332));}}function fg(a){switch(a){case 99:return Uf;case 98:return Vf;case 97:return Wf;case 96:return Xf;case 95:return Yf;default:throw Error(y(332));}}function gg(a,b){a=fg(a);return Nf(a,b)}function hg(a,b,c){a=fg(a);return Of(a,b,c)}function ig(){if(null!==bg){var a=bg;bg=null;Pf(a)}jg()}\nfunction jg(){if(!cg&&null!==ag){cg=!0;var a=0;try{var b=ag;gg(99,function(){for(;az?(q=u,u=null):q=u.sibling;var n=p(e,u,h[z],k);if(null===n){null===u&&(u=q);break}a&&u&&null===\nn.alternate&&b(e,u);g=f(n,g,z);null===t?l=n:t.sibling=n;t=n;u=q}if(z===h.length)return c(e,u),l;if(null===u){for(;zz?(q=u,u=null):q=u.sibling;var w=p(e,u,n.value,k);if(null===w){null===u&&(u=q);break}a&&u&&null===w.alternate&&b(e,u);g=f(w,g,z);null===t?l=w:t.sibling=w;t=w;u=q}if(n.done)return c(e,u),l;if(null===u){for(;!n.done;z++,n=h.next())n=A(e,n.value,k),null!==n&&(g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);return l}for(u=d(e,u);!n.done;z++,n=h.next())n=C(u,e,z,n.value,k),null!==n&&(a&&null!==n.alternate&&\nu.delete(null===n.key?z:n.key),g=f(n,g,z),null===t?l=n:t.sibling=n,t=n);a&&u.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k=\"object\"===typeof f&&null!==f&&f.type===ua&&null===f.key;k&&(f=f.props.children);var l=\"object\"===typeof f&&null!==f;if(l)switch(f.$$typeof){case sa:a:{l=f.key;for(k=d;null!==k;){if(k.key===l){switch(k.tag){case 7:if(f.type===ua){c(a,k.sibling);d=e(k,f.props.children);d.return=a;a=d;break a}break;default:if(k.elementType===f.type){c(a,k.sibling);\nd=e(k,f.props);d.ref=Qg(a,k,f);d.return=a;a=d;break a}}c(a,k);break}else b(a,k);k=k.sibling}f.type===ua?(d=Xg(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=Vg(f.type,f.key,f.props,null,a.mode,h),h.ref=Qg(a,d,f),h.return=a,a=h)}return g(a);case ta:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=\nWg(f,a.mode,h);d.return=a;a=d}return g(a)}if(\"string\"===typeof f||\"number\"===typeof f)return f=\"\"+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):(c(a,d),d=Ug(f,a.mode,h),d.return=a,a=d),g(a);if(Pg(f))return x(a,d,f,h);if(La(f))return w(a,d,f,h);l&&Rg(a,f);if(\"undefined\"===typeof f&&!k)switch(a.tag){case 1:case 22:case 0:case 11:case 15:throw Error(y(152,Ra(a.type)||\"Component\"));}return c(a,d)}}var Yg=Sg(!0),Zg=Sg(!1),$g={},ah=Bf($g),bh=Bf($g),ch=Bf($g);\nfunction dh(a){if(a===$g)throw Error(y(174));return a}function eh(a,b){I(ch,b);I(bh,a);I(ah,$g);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:mb(null,\"\");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=mb(b,a)}H(ah);I(ah,b)}function fh(){H(ah);H(bh);H(ch)}function gh(a){dh(ch.current);var b=dh(ah.current);var c=mb(b,a.type);b!==c&&(I(bh,a),I(ah,c))}function hh(a){bh.current===a&&(H(ah),H(bh))}var P=Bf(0);\nfunction ih(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||\"$?\"===c.data||\"$!\"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&64))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var jh=null,kh=null,lh=!1;\nfunction mh(a,b){var c=nh(5,null,null,0);c.elementType=\"DELETED\";c.type=\"DELETED\";c.stateNode=b;c.return=a;c.flags=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c}function oh(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=\"\"===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;case 13:return!1;default:return!1}}\nfunction ph(a){if(lh){var b=kh;if(b){var c=b;if(!oh(a,b)){b=rf(c.nextSibling);if(!b||!oh(a,b)){a.flags=a.flags&-1025|2;lh=!1;jh=a;return}mh(jh,c)}jh=a;kh=rf(b.firstChild)}else a.flags=a.flags&-1025|2,lh=!1,jh=a}}function qh(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag&&13!==a.tag;)a=a.return;jh=a}\nfunction rh(a){if(a!==jh)return!1;if(!lh)return qh(a),lh=!0,!1;var b=a.type;if(5!==a.tag||\"head\"!==b&&\"body\"!==b&&!nf(b,a.memoizedProps))for(b=kh;b;)mh(a,b),b=rf(b.nextSibling);qh(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(y(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType){var c=a.data;if(\"/$\"===c){if(0===b){kh=rf(a.nextSibling);break a}b--}else\"$\"!==c&&\"$!\"!==c&&\"$?\"!==c||b++}a=a.nextSibling}kh=null}}else kh=jh?rf(a.stateNode.nextSibling):null;return!0}\nfunction sh(){kh=jh=null;lh=!1}var th=[];function uh(){for(var a=0;af))throw Error(y(301));f+=1;T=S=null;b.updateQueue=null;vh.current=Fh;a=c(d,e)}while(zh)}vh.current=Gh;b=null!==S&&null!==S.next;xh=0;T=S=R=null;yh=!1;if(b)throw Error(y(300));return a}function Hh(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===T?R.memoizedState=T=a:T=T.next=a;return T}\nfunction Ih(){if(null===S){var a=R.alternate;a=null!==a?a.memoizedState:null}else a=S.next;var b=null===T?R.memoizedState:T.next;if(null!==b)T=b,S=a;else{if(null===a)throw Error(y(310));S=a;a={memoizedState:S.memoizedState,baseState:S.baseState,baseQueue:S.baseQueue,queue:S.queue,next:null};null===T?R.memoizedState=T=a:T=T.next=a}return T}function Jh(a,b){return\"function\"===typeof b?b(a):b}\nfunction Kh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=S,e=d.baseQueue,f=c.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}d.baseQueue=e=f;c.pending=null}if(null!==e){e=e.next;d=d.baseState;var h=g=f=null,k=e;do{var l=k.lane;if((xh&l)===l)null!==h&&(h=h.next={lane:0,action:k.action,eagerReducer:k.eagerReducer,eagerState:k.eagerState,next:null}),d=k.eagerReducer===a?k.eagerState:a(d,k.action);else{var n={lane:l,action:k.action,eagerReducer:k.eagerReducer,\neagerState:k.eagerState,next:null};null===h?(g=h=n,f=d):h=h.next=n;R.lanes|=l;Dg|=l}k=k.next}while(null!==k&&k!==e);null===h?f=d:h.next=g;He(d,b.memoizedState)||(ug=!0);b.memoizedState=d;b.baseState=f;b.baseQueue=h;c.lastRenderedState=d}return[b.memoizedState,c.dispatch]}\nfunction Lh(a){var b=Ih(),c=b.queue;if(null===c)throw Error(y(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);He(f,b.memoizedState)||(ug=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}\nfunction Mh(a,b,c){var d=b._getVersion;d=d(b._source);var e=b._workInProgressVersionPrimary;if(null!==e)a=e===d;else if(a=a.mutableReadLanes,a=(xh&a)===a)b._workInProgressVersionPrimary=d,th.push(b);if(a)return c(b._source);th.push(b);throw Error(y(350));}\nfunction Nh(a,b,c,d){var e=U;if(null===e)throw Error(y(349));var f=b._getVersion,g=f(b._source),h=vh.current,k=h.useState(function(){return Mh(e,b,c)}),l=k[1],n=k[0];k=T;var A=a.memoizedState,p=A.refs,C=p.getSnapshot,x=A.source;A=A.subscribe;var w=R;a.memoizedState={refs:p,source:b,subscribe:d};h.useEffect(function(){p.getSnapshot=c;p.setSnapshot=l;var a=f(b._source);if(!He(g,a)){a=c(b._source);He(n,a)||(l(a),a=Ig(w),e.mutableReadLanes|=a&e.pendingLanes);a=e.mutableReadLanes;e.entangledLanes|=a;for(var d=\ne.entanglements,h=a;0c?98:c,function(){a(!0)});gg(97\\x3c/script>\",a=a.removeChild(a.firstChild)):\"string\"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),\"select\"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[wf]=b;a[xf]=d;Bi(a,b,!1,!1);b.stateNode=a;g=wb(c,d);switch(c){case \"dialog\":G(\"cancel\",a);G(\"close\",a);\ne=d;break;case \"iframe\":case \"object\":case \"embed\":G(\"load\",a);e=d;break;case \"video\":case \"audio\":for(e=0;eJi&&(b.flags|=64,f=!0,Fi(d,!1),b.lanes=33554432)}else{if(!f)if(a=ih(g),null!==a){if(b.flags|=64,f=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Fi(d,!0),null===d.tail&&\"hidden\"===d.tailMode&&!g.alternate&&!lh)return b=b.lastEffect=d.lastEffect,null!==b&&(b.nextEffect=null),null}else 2*O()-d.renderingStartTime>Ji&&1073741824!==c&&(b.flags|=\n64,f=!0,Fi(d,!1),b.lanes=33554432);d.isBackwards?(g.sibling=b.child,b.child=g):(c=d.last,null!==c?c.sibling=g:b.child=g,d.last=g)}return null!==d.tail?(c=d.tail,d.rendering=c,d.tail=c.sibling,d.lastEffect=b.lastEffect,d.renderingStartTime=O(),c.sibling=null,b=P.current,I(P,f?b&1|2:b&1),c):null;case 23:case 24:return Ki(),null!==a&&null!==a.memoizedState!==(null!==b.memoizedState)&&\"unstable-defer-without-hiding\"!==d.mode&&(b.flags|=4),null}throw Error(y(156,b.tag));}\nfunction Li(a){switch(a.tag){case 1:Ff(a.type)&&Gf();var b=a.flags;return b&4096?(a.flags=b&-4097|64,a):null;case 3:fh();H(N);H(M);uh();b=a.flags;if(0!==(b&64))throw Error(y(285));a.flags=b&-4097|64;return a;case 5:return hh(a),null;case 13:return H(P),b=a.flags,b&4096?(a.flags=b&-4097|64,a):null;case 19:return H(P),null;case 4:return fh(),null;case 10:return rg(a),null;case 23:case 24:return Ki(),null;default:return null}}\nfunction Mi(a,b){try{var c=\"\",d=b;do c+=Qa(d),d=d.return;while(d);var e=c}catch(f){e=\"\\nError generating stack: \"+f.message+\"\\n\"+f.stack}return{value:a,source:b,stack:e}}function Ni(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}var Oi=\"function\"===typeof WeakMap?WeakMap:Map;function Pi(a,b,c){c=zg(-1,c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Qi||(Qi=!0,Ri=d);Ni(a,b)};return c}\nfunction Si(a,b,c){c=zg(-1,c);c.tag=3;var d=a.type.getDerivedStateFromError;if(\"function\"===typeof d){var e=b.value;c.payload=function(){Ni(a,b);return d(e)}}var f=a.stateNode;null!==f&&\"function\"===typeof f.componentDidCatch&&(c.callback=function(){\"function\"!==typeof d&&(null===Ti?Ti=new Set([this]):Ti.add(this),Ni(a,b));var c=b.stack;this.componentDidCatch(b.value,{componentStack:null!==c?c:\"\"})});return c}var Ui=\"function\"===typeof WeakSet?WeakSet:Set;\nfunction Vi(a){var b=a.ref;if(null!==b)if(\"function\"===typeof b)try{b(null)}catch(c){Wi(a,c)}else b.current=null}function Xi(a,b){switch(b.tag){case 0:case 11:case 15:case 22:return;case 1:if(b.flags&256&&null!==a){var c=a.memoizedProps,d=a.memoizedState;a=b.stateNode;b=a.getSnapshotBeforeUpdate(b.elementType===b.type?c:lg(b.type,c),d);a.__reactInternalSnapshotBeforeUpdate=b}return;case 3:b.flags&256&&qf(b.stateNode.containerInfo);return;case 5:case 6:case 4:case 17:return}throw Error(y(163));}\nfunction Yi(a,b,c){switch(c.tag){case 0:case 11:case 15:case 22:b=c.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){a=b=b.next;do{if(3===(a.tag&3)){var d=a.create;a.destroy=d()}a=a.next}while(a!==b)}b=c.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){a=b=b.next;do{var e=a;d=e.next;e=e.tag;0!==(e&4)&&0!==(e&1)&&(Zi(c,a),$i(c,a));a=d}while(a!==b)}return;case 1:a=c.stateNode;c.flags&4&&(null===b?a.componentDidMount():(d=c.elementType===c.type?b.memoizedProps:lg(c.type,b.memoizedProps),a.componentDidUpdate(d,\nb.memoizedState,a.__reactInternalSnapshotBeforeUpdate)));b=c.updateQueue;null!==b&&Eg(c,b,a);return;case 3:b=c.updateQueue;if(null!==b){a=null;if(null!==c.child)switch(c.child.tag){case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode}Eg(c,b,a)}return;case 5:a=c.stateNode;null===b&&c.flags&4&&mf(c.type,c.memoizedProps)&&a.focus();return;case 6:return;case 4:return;case 12:return;case 13:null===c.memoizedState&&(c=c.alternate,null!==c&&(c=c.memoizedState,null!==c&&(c=c.dehydrated,null!==c&&Cc(c))));\nreturn;case 19:case 17:case 20:case 21:case 23:case 24:return}throw Error(y(163));}\nfunction aj(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)d=d.style,\"function\"===typeof d.setProperty?d.setProperty(\"display\",\"none\",\"important\"):d.display=\"none\";else{d=c.stateNode;var e=c.memoizedProps.style;e=void 0!==e&&null!==e&&e.hasOwnProperty(\"display\")?e.display:null;d.style.display=sb(\"display\",e)}}else if(6===c.tag)c.stateNode.nodeValue=b?\"\":c.memoizedProps;else if((23!==c.tag&&24!==c.tag||null===c.memoizedState||c===a)&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===\na)break;for(;null===c.sibling;){if(null===c.return||c.return===a)return;c=c.return}c.sibling.return=c.return;c=c.sibling}}\nfunction bj(a,b){if(Mf&&\"function\"===typeof Mf.onCommitFiberUnmount)try{Mf.onCommitFiberUnmount(Lf,b)}catch(f){}switch(b.tag){case 0:case 11:case 14:case 15:case 22:a=b.updateQueue;if(null!==a&&(a=a.lastEffect,null!==a)){var c=a=a.next;do{var d=c,e=d.destroy;d=d.tag;if(void 0!==e)if(0!==(d&4))Zi(b,c);else{d=b;try{e()}catch(f){Wi(d,f)}}c=c.next}while(c!==a)}break;case 1:Vi(b);a=b.stateNode;if(\"function\"===typeof a.componentWillUnmount)try{a.props=b.memoizedProps,a.state=b.memoizedState,a.componentWillUnmount()}catch(f){Wi(b,\nf)}break;case 5:Vi(b);break;case 4:cj(a,b)}}function dj(a){a.alternate=null;a.child=null;a.dependencies=null;a.firstEffect=null;a.lastEffect=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.return=null;a.updateQueue=null}function ej(a){return 5===a.tag||3===a.tag||4===a.tag}\nfunction fj(a){a:{for(var b=a.return;null!==b;){if(ej(b))break a;b=b.return}throw Error(y(160));}var c=b;b=c.stateNode;switch(c.tag){case 5:var d=!1;break;case 3:b=b.containerInfo;d=!0;break;case 4:b=b.containerInfo;d=!0;break;default:throw Error(y(161));}c.flags&16&&(pb(b,\"\"),c.flags&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||ej(c.return)){c=null;break a}c=c.return}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag&&18!==c.tag;){if(c.flags&2)continue b;if(null===\nc.child||4===c.tag)continue b;else c.child.return=c,c=c.child}if(!(c.flags&2)){c=c.stateNode;break a}}d?gj(a,c,b):hj(a,c,b)}\nfunction gj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=jf));else if(4!==d&&(a=a.child,null!==a))for(gj(a,b,c),a=a.sibling;null!==a;)gj(a,b,c),a=a.sibling}\nfunction hj(a,b,c){var d=a.tag,e=5===d||6===d;if(e)a=e?a.stateNode:a.stateNode.instance,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(hj(a,b,c),a=a.sibling;null!==a;)hj(a,b,c),a=a.sibling}\nfunction cj(a,b){for(var c=b,d=!1,e,f;;){if(!d){d=c.return;a:for(;;){if(null===d)throw Error(y(160));e=d.stateNode;switch(d.tag){case 5:f=!1;break a;case 3:e=e.containerInfo;f=!0;break a;case 4:e=e.containerInfo;f=!0;break a}d=d.return}d=!0}if(5===c.tag||6===c.tag){a:for(var g=a,h=c,k=h;;)if(bj(g,k),null!==k.child&&4!==k.tag)k.child.return=k,k=k.child;else{if(k===h)break a;for(;null===k.sibling;){if(null===k.return||k.return===h)break a;k=k.return}k.sibling.return=k.return;k=k.sibling}f?(g=e,h=c.stateNode,\n8===g.nodeType?g.parentNode.removeChild(h):g.removeChild(h)):e.removeChild(c.stateNode)}else if(4===c.tag){if(null!==c.child){e=c.stateNode.containerInfo;f=!0;c.child.return=c;c=c.child;continue}}else if(bj(a,c),null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return;4===c.tag&&(d=!1)}c.sibling.return=c.return;c=c.sibling}}\nfunction ij(a,b){switch(b.tag){case 0:case 11:case 14:case 15:case 22:var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do 3===(d.tag&3)&&(a=d.destroy,d.destroy=void 0,void 0!==a&&a()),d=d.next;while(d!==c)}return;case 1:return;case 5:c=b.stateNode;if(null!=c){d=b.memoizedProps;var e=null!==a?a.memoizedProps:d;a=b.type;var f=b.updateQueue;b.updateQueue=null;if(null!==f){c[xf]=d;\"input\"===a&&\"radio\"===d.type&&null!=d.name&&$a(c,d);wb(a,e);b=wb(a,d);for(e=0;ee&&(e=g);c&=~f}c=e;c=O()-c;c=(120>c?120:480>c?480:1080>c?1080:1920>c?1920:3E3>c?3E3:4320>\nc?4320:1960*nj(c/1960))-c;if(10 component higher in the tree to provide a loading indicator or placeholder to display.\")}5!==V&&(V=2);k=Mi(k,h);p=\ng;do{switch(p.tag){case 3:f=k;p.flags|=4096;b&=-b;p.lanes|=b;var J=Pi(p,f,b);Bg(p,J);break a;case 1:f=k;var K=p.type,Q=p.stateNode;if(0===(p.flags&64)&&(\"function\"===typeof K.getDerivedStateFromError||null!==Q&&\"function\"===typeof Q.componentDidCatch&&(null===Ti||!Ti.has(Q)))){p.flags|=4096;b&=-b;p.lanes|=b;var L=Si(p,f,b);Bg(p,L);break a}}p=p.return}while(null!==p)}Zj(c)}catch(va){b=va;Y===c&&null!==c&&(Y=c=c.return);continue}break}while(1)}\nfunction Pj(){var a=oj.current;oj.current=Gh;return null===a?Gh:a}function Tj(a,b){var c=X;X|=16;var d=Pj();U===a&&W===b||Qj(a,b);do try{ak();break}catch(e){Sj(a,e)}while(1);qg();X=c;oj.current=d;if(null!==Y)throw Error(y(261));U=null;W=0;return V}function ak(){for(;null!==Y;)bk(Y)}function Rj(){for(;null!==Y&&!Qf();)bk(Y)}function bk(a){var b=ck(a.alternate,a,qj);a.memoizedProps=a.pendingProps;null===b?Zj(a):Y=b;pj.current=null}\nfunction Zj(a){var b=a;do{var c=b.alternate;a=b.return;if(0===(b.flags&2048)){c=Gi(c,b,qj);if(null!==c){Y=c;return}c=b;if(24!==c.tag&&23!==c.tag||null===c.memoizedState||0!==(qj&1073741824)||0===(c.mode&4)){for(var d=0,e=c.child;null!==e;)d|=e.lanes|e.childLanes,e=e.sibling;c.childLanes=d}null!==a&&0===(a.flags&2048)&&(null===a.firstEffect&&(a.firstEffect=b.firstEffect),null!==b.lastEffect&&(null!==a.lastEffect&&(a.lastEffect.nextEffect=b.firstEffect),a.lastEffect=b.lastEffect),1g&&(h=g,g=J,J=h),h=Le(t,J),f=Le(t,g),h&&f&&(1!==v.rangeCount||v.anchorNode!==h.node||v.anchorOffset!==h.offset||v.focusNode!==f.node||v.focusOffset!==f.offset)&&(q=q.createRange(),q.setStart(h.node,h.offset),v.removeAllRanges(),J>g?(v.addRange(q),v.extend(f.node,f.offset)):(q.setEnd(f.node,f.offset),v.addRange(q))))));q=[];for(v=t;v=v.parentNode;)1===v.nodeType&&q.push({element:v,left:v.scrollLeft,top:v.scrollTop});\"function\"===typeof t.focus&&t.focus();for(t=\n0;tO()-jj?Qj(a,0):uj|=c);Mj(a,b)}function lj(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=0;0===b&&(b=a.mode,0===(b&2)?b=1:0===(b&4)?b=99===eg()?1:2:(0===Gj&&(Gj=tj),b=Yc(62914560&~Gj),0===b&&(b=4194304)));c=Hg();a=Kj(a,b);null!==a&&($c(a,b,c),Mj(a,c))}var ck;\nck=function(a,b,c){var d=b.lanes;if(null!==a)if(a.memoizedProps!==b.pendingProps||N.current)ug=!0;else if(0!==(c&d))ug=0!==(a.flags&16384)?!0:!1;else{ug=!1;switch(b.tag){case 3:ri(b);sh();break;case 5:gh(b);break;case 1:Ff(b.type)&&Jf(b);break;case 4:eh(b,b.stateNode.containerInfo);break;case 10:d=b.memoizedProps.value;var e=b.type._context;I(mg,e._currentValue);e._currentValue=d;break;case 13:if(null!==b.memoizedState){if(0!==(c&b.child.childLanes))return ti(a,b,c);I(P,P.current&1);b=hi(a,b,c);return null!==\nb?b.sibling:null}I(P,P.current&1);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&64)){if(d)return Ai(a,b,c);b.flags|=64}e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);I(P,P.current);if(d)break;else return null;case 23:case 24:return b.lanes=0,mi(a,b,c)}return hi(a,b,c)}else ug=!1;b.lanes=0;switch(b.tag){case 2:d=b.type;null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2);a=b.pendingProps;e=Ef(b,M.current);tg(b,c);e=Ch(null,b,d,a,e,c);b.flags|=1;if(\"object\"===\ntypeof e&&null!==e&&\"function\"===typeof e.render&&void 0===e.$$typeof){b.tag=1;b.memoizedState=null;b.updateQueue=null;if(Ff(d)){var f=!0;Jf(b)}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;xg(b);var g=d.getDerivedStateFromProps;\"function\"===typeof g&&Gg(b,d,g,a);e.updater=Kg;b.stateNode=e;e._reactInternals=b;Og(b,d,a,c);b=qi(null,b,d,!0,f,c)}else b.tag=0,fi(null,b,e,c),b=b.child;return b;case 16:e=b.elementType;a:{null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2);\na=b.pendingProps;f=e._init;e=f(e._payload);b.type=e;f=b.tag=hk(e);a=lg(e,a);switch(f){case 0:b=li(null,b,e,a,c);break a;case 1:b=pi(null,b,e,a,c);break a;case 11:b=gi(null,b,e,a,c);break a;case 14:b=ii(null,b,e,lg(e.type,a),d,c);break a}throw Error(y(306,e,\"\"));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),li(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:lg(d,e),pi(a,b,d,e,c);case 3:ri(b);d=b.updateQueue;if(null===a||null===d)throw Error(y(282));\nd=b.pendingProps;e=b.memoizedState;e=null!==e?e.element:null;yg(a,b);Cg(b,d,null,c);d=b.memoizedState.element;if(d===e)sh(),b=hi(a,b,c);else{e=b.stateNode;if(f=e.hydrate)kh=rf(b.stateNode.containerInfo.firstChild),jh=b,f=lh=!0;if(f){a=e.mutableSourceEagerHydrationData;if(null!=a)for(e=0;e {\nreturn ","'use strict'\nmodule.exports = function (arr, func) {\n var some = arr.filter(func)\n return some.length !== 0 && some.length !== arr.length\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error(\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n err.name = 'Invariant Violation';\n throw err;\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var ReactIs = require('react-is');\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(ReactIs.isElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"InfiniteScroll\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"InfiniteScroll\"] = factory(root[\"React\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_8__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n\n\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\n\tvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\n\tvar _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();\n\n\tvar _get = function get(_x2, _x3, _x4) { var _again = true; _function: while (_again) { var object = _x2, property = _x3, receiver = _x4; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x2 = parent; _x3 = property; _x4 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if (\"value\" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };\n\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\n\tvar _react = __webpack_require__(8);\n\n\tvar _react2 = _interopRequireDefault(_react);\n\n\tvar _propTypes = __webpack_require__(6);\n\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\n\tvar _utilsThrottle = __webpack_require__(2);\n\n\tvar _utilsThrottle2 = _interopRequireDefault(_utilsThrottle);\n\n\tvar _utilsThreshold = __webpack_require__(1);\n\n\tvar InfiniteScroll = (function (_Component) {\n\t _inherits(InfiniteScroll, _Component);\n\n\t function InfiniteScroll(props) {\n\t _classCallCheck(this, InfiniteScroll);\n\n\t _get(Object.getPrototypeOf(InfiniteScroll.prototype), \"constructor\", this).call(this);\n\t this.state = {\n\t showLoader: false,\n\t lastScrollTop: 0,\n\t actionTriggered: false,\n\t pullToRefreshThresholdBreached: false\n\t };\n\t // variables to keep track of pull down behaviour\n\t this.startY = 0;\n\t this.currentY = 0;\n\t this.dragging = false;\n\t // will be populated in componentDidMount\n\t // based on the height of the pull down element\n\t this.maxPullDownDistance = 0;\n\n\t this.onScrollListener = this.onScrollListener.bind(this);\n\t this.throttledOnScrollListener = (0, _utilsThrottle2[\"default\"])(this.onScrollListener, 150).bind(this);\n\t this.onStart = this.onStart.bind(this);\n\t this.onMove = this.onMove.bind(this);\n\t this.onEnd = this.onEnd.bind(this);\n\t this.getScrollableTarget = this.getScrollableTarget.bind(this);\n\t }\n\n\t _createClass(InfiniteScroll, [{\n\t key: \"componentDidMount\",\n\t value: function componentDidMount() {\n\t this._scrollableNode = this.getScrollableTarget();\n\t this.el = this.props.height ? this._infScroll : this._scrollableNode || window;\n\t this.el.addEventListener(\"scroll\", this.throttledOnScrollListener);\n\n\t if (typeof this.props.initialScrollY === \"number\" && this.el.scrollHeight > this.props.initialScrollY) {\n\t this.el.scrollTo(0, this.props.initialScrollY);\n\t }\n\n\t if (this.props.pullDownToRefresh) {\n\t this.el.addEventListener(\"touchstart\", this.onStart);\n\t this.el.addEventListener(\"touchmove\", this.onMove);\n\t this.el.addEventListener(\"touchend\", this.onEnd);\n\n\t this.el.addEventListener(\"mousedown\", this.onStart);\n\t this.el.addEventListener(\"mousemove\", this.onMove);\n\t this.el.addEventListener(\"mouseup\", this.onEnd);\n\n\t // get BCR of pullDown element to position it above\n\t this.maxPullDownDistance = this._pullDown.firstChild.getBoundingClientRect().height;\n\t this.forceUpdate();\n\n\t if (typeof this.props.refreshFunction !== \"function\") {\n\t throw new Error(\"Mandatory prop \\\"refreshFunction\\\" missing.\\n Pull Down To Refresh functionality will not work\\n as expected. Check README.md for usage'\");\n\t }\n\t }\n\t }\n\t }, {\n\t key: \"componentWillUnmount\",\n\t value: function componentWillUnmount() {\n\t this.el.removeEventListener(\"scroll\", this.throttledOnScrollListener);\n\n\t if (this.props.pullDownToRefresh) {\n\t this.el.removeEventListener(\"touchstart\", this.onStart);\n\t this.el.removeEventListener(\"touchmove\", this.onMove);\n\t this.el.removeEventListener(\"touchend\", this.onEnd);\n\n\t this.el.removeEventListener(\"mousedown\", this.onStart);\n\t this.el.removeEventListener(\"mousemove\", this.onMove);\n\t this.el.removeEventListener(\"mouseup\", this.onEnd);\n\t }\n\t }\n\t }, {\n\t key: \"componentWillReceiveProps\",\n\t value: function componentWillReceiveProps(props) {\n\t // do nothing when dataLength and key are unchanged\n\t if (this.props.key === props.key && this.props.dataLength === props.dataLength) return;\n\n\t // update state when new data was sent in\n\t this.setState({\n\t showLoader: false,\n\t actionTriggered: false,\n\t pullToRefreshThresholdBreached: false\n\t });\n\t }\n\t }, {\n\t key: \"getScrollableTarget\",\n\t value: function getScrollableTarget() {\n\t if (this.props.scrollableTarget instanceof HTMLElement) return this.props.scrollableTarget;\n\t if (typeof this.props.scrollableTarget === 'string') {\n\t return document.getElementById(this.props.scrollableTarget);\n\t }\n\t if (this.props.scrollableTarget === null) {\n\t console.warn(\"You are trying to pass scrollableTarget but it is null. This might\\n happen because the element may not have been added to DOM yet.\\n See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\\n \");\n\t }\n\t return null;\n\t }\n\t }, {\n\t key: \"onStart\",\n\t value: function onStart(evt) {\n\t if (this.state.lastScrollTop) return;\n\n\t this.dragging = true;\n\t this.startY = evt.pageY || evt.touches[0].pageY;\n\t this.currentY = this.startY;\n\n\t this._infScroll.style.willChange = \"transform\";\n\t this._infScroll.style.transition = \"transform 0.2s cubic-bezier(0,0,0.31,1)\";\n\t }\n\t }, {\n\t key: \"onMove\",\n\t value: function onMove(evt) {\n\t if (!this.dragging) return;\n\t this.currentY = evt.pageY || evt.touches[0].pageY;\n\n\t // user is scrolling down to up\n\t if (this.currentY < this.startY) return;\n\n\t if (this.currentY - this.startY >= this.props.pullDownToRefreshThreshold) {\n\t this.setState({\n\t pullToRefreshThresholdBreached: true\n\t });\n\t }\n\n\t // so you can drag upto 1.5 times of the maxPullDownDistance\n\t if (this.currentY - this.startY > this.maxPullDownDistance * 1.5) return;\n\n\t this._infScroll.style.overflow = \"visible\";\n\t this._infScroll.style.transform = \"translate3d(0px, \" + (this.currentY - this.startY) + \"px, 0px)\";\n\t }\n\t }, {\n\t key: \"onEnd\",\n\t value: function onEnd(evt) {\n\t var _this = this;\n\n\t this.startY = 0;\n\t this.currentY = 0;\n\n\t this.dragging = false;\n\n\t if (this.state.pullToRefreshThresholdBreached) {\n\t this.props.refreshFunction && this.props.refreshFunction();\n\t }\n\n\t requestAnimationFrame(function () {\n\t // this._infScroll\n\t if (_this._infScroll) {\n\t _this._infScroll.style.overflow = \"auto\";\n\t _this._infScroll.style.transform = \"none\";\n\t _this._infScroll.style.willChange = \"none\";\n\t }\n\t });\n\t }\n\t }, {\n\t key: \"isElementAtBottom\",\n\t value: function isElementAtBottom(target) {\n\t var scrollThreshold = arguments.length <= 1 || arguments[1] === undefined ? 0.8 : arguments[1];\n\n\t var clientHeight = target === document.body || target === document.documentElement ? window.screen.availHeight : target.clientHeight;\n\n\t var threshold = (0, _utilsThreshold.parseThreshold)(scrollThreshold);\n\n\t if (threshold.unit === _utilsThreshold.ThresholdUnits.Pixel) {\n\t return target.scrollTop + clientHeight >= target.scrollHeight - threshold.value;\n\t }\n\n\t return target.scrollTop + clientHeight >= threshold.value / 100 * target.scrollHeight;\n\t }\n\t }, {\n\t key: \"onScrollListener\",\n\t value: function onScrollListener(event) {\n\t var _this2 = this;\n\n\t if (typeof this.props.onScroll === \"function\") {\n\t // Execute this callback in next tick so that it does not affect the\n\t // functionality of the library.\n\t setTimeout(function () {\n\t return _this2.props.onScroll(event);\n\t }, 0);\n\t }\n\n\t var target = this.props.height || this._scrollableNode ? event.target : document.documentElement.scrollTop ? document.documentElement : document.body;\n\n\t // return immediately if the action has already been triggered,\n\t // prevents multiple triggers.\n\t if (this.state.actionTriggered) return;\n\n\t var atBottom = this.isElementAtBottom(target, this.props.scrollThreshold);\n\n\t // call the `next` function in the props to trigger the next data fetch\n\t if (atBottom && this.props.hasMore) {\n\t this.setState({ actionTriggered: true, showLoader: true });\n\t this.props.next();\n\t }\n\t this.setState({ lastScrollTop: target.scrollTop });\n\t }\n\t }, {\n\t key: \"render\",\n\t value: function render() {\n\t var _this3 = this;\n\n\t var style = _extends({\n\t height: this.props.height || \"auto\",\n\t overflow: \"auto\",\n\t WebkitOverflowScrolling: \"touch\"\n\t }, this.props.style);\n\t var hasChildren = this.props.hasChildren || !!(this.props.children && this.props.children.length);\n\n\t // because heighted infiniteScroll visualy breaks\n\t // on drag down as overflow becomes visible\n\t var outerDivStyle = this.props.pullDownToRefresh && this.props.height ? { overflow: \"auto\" } : {};\n\t return _react2[\"default\"].createElement(\n\t \"div\",\n\t { style: outerDivStyle },\n\t _react2[\"default\"].createElement(\n\t \"div\",\n\t {\n\t className: \"infinite-scroll-component \" + (this.props.className || ''),\n\t ref: function (infScroll) {\n\t return _this3._infScroll = infScroll;\n\t },\n\t style: style\n\t },\n\t this.props.pullDownToRefresh && _react2[\"default\"].createElement(\n\t \"div\",\n\t {\n\t style: { position: \"relative\" },\n\t ref: function (pullDown) {\n\t return _this3._pullDown = pullDown;\n\t }\n\t },\n\t _react2[\"default\"].createElement(\n\t \"div\",\n\t {\n\t style: {\n\t position: \"absolute\",\n\t left: 0,\n\t right: 0,\n\t top: -1 * this.maxPullDownDistance\n\t }\n\t },\n\t !this.state.pullToRefreshThresholdBreached && this.props.pullDownToRefreshContent,\n\t this.state.pullToRefreshThresholdBreached && this.props.releaseToRefreshContent\n\t )\n\t ),\n\t this.props.children,\n\t !this.state.showLoader && !hasChildren && this.props.hasMore && this.props.loader,\n\t this.state.showLoader && this.props.hasMore && this.props.loader,\n\t !this.props.hasMore && this.props.endMessage\n\t )\n\t );\n\t }\n\t }]);\n\n\t return InfiniteScroll;\n\t})(_react.Component);\n\n\texports[\"default\"] = InfiniteScroll;\n\n\tInfiniteScroll.defaultProps = {\n\t pullDownToRefreshContent: _react2[\"default\"].createElement(\n\t \"h3\",\n\t null,\n\t \"Pull down to refresh\"\n\t ),\n\t releaseToRefreshContent: _react2[\"default\"].createElement(\n\t \"h3\",\n\t null,\n\t \"Release to refresh\"\n\t ),\n\t pullDownToRefreshThreshold: 100,\n\t disableBrowserPullToRefresh: true\n\t};\n\n\tInfiniteScroll.propTypes = {\n\t next: _propTypes2[\"default\"].func,\n\t hasMore: _propTypes2[\"default\"].bool,\n\t children: _propTypes2[\"default\"].node,\n\t loader: _propTypes2[\"default\"].node.isRequired,\n\t scrollThreshold: _propTypes2[\"default\"].oneOfType([_propTypes2[\"default\"].number, _propTypes2[\"default\"].string]),\n\t endMessage: _propTypes2[\"default\"].node,\n\t style: _propTypes2[\"default\"].object,\n\t height: _propTypes2[\"default\"].number,\n\t scrollableTarget: _propTypes2[\"default\"].node,\n\t hasChildren: _propTypes2[\"default\"].bool,\n\t pullDownToRefresh: _propTypes2[\"default\"].bool,\n\t pullDownToRefreshContent: _propTypes2[\"default\"].node,\n\t releaseToRefreshContent: _propTypes2[\"default\"].node,\n\t pullDownToRefreshThreshold: _propTypes2[\"default\"].number,\n\t refreshFunction: _propTypes2[\"default\"].func,\n\t onScroll: _propTypes2[\"default\"].func,\n\t dataLength: _propTypes2[\"default\"].number.isRequired,\n\t key: _propTypes2[\"default\"].string\n\t};\n\tmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\n\t'use strict';\n\n\tObject.defineProperty(exports, '__esModule', {\n\t value: true\n\t});\n\texports.parseThreshold = parseThreshold;\n\tvar ThresholdUnits = {\n\t Pixel: 'Pixel',\n\t Percent: 'Percent'\n\t};\n\n\texports.ThresholdUnits = ThresholdUnits;\n\tvar defaultThreshold = {\n\t unit: ThresholdUnits.Percent,\n\t value: 0.8\n\t};\n\n\tfunction parseThreshold(scrollThreshold) {\n\t if (typeof scrollThreshold === \"number\") {\n\t return {\n\t unit: ThresholdUnits.Percent,\n\t value: scrollThreshold * 100\n\t };\n\t }\n\n\t if (typeof scrollThreshold === \"string\") {\n\t if (scrollThreshold.match(/^(\\d*(\\.\\d+)?)px$/)) {\n\t return {\n\t unit: ThresholdUnits.Pixel,\n\t value: parseFloat(scrollThreshold)\n\t };\n\t }\n\n\t if (scrollThreshold.match(/^(\\d*(\\.\\d+)?)%$/)) {\n\t return {\n\t unit: ThresholdUnits.Percent,\n\t value: parseFloat(scrollThreshold)\n\t };\n\t }\n\n\t console.warn('scrollThreshold format is invalid. Valid formats: \"120px\", \"50%\"...');\n\n\t return defaultThreshold;\n\t }\n\n\t console.warn('scrollThreshold should be string or number');\n\n\t return defaultThreshold;\n\t}\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\n\t// https://remysharp.com/2010/07/21/throttling-function-calls\n\t\"use strict\";\n\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\texports[\"default\"] = throttle;\n\n\tfunction throttle(fn, threshhold, scope) {\n\t threshhold || (threshhold = 250);\n\t var last, deferTimer;\n\t return function () {\n\t var context = scope || this;\n\n\t var now = +new Date(),\n\t args = arguments;\n\t if (last && now < last + threshhold) {\n\t // hold on to it\n\t clearTimeout(deferTimer);\n\t deferTimer = setTimeout(function () {\n\t last = now;\n\t fn.apply(context, args);\n\t }, threshhold);\n\t } else {\n\t last = now;\n\t fn.apply(context, args);\n\t }\n\t };\n\t}\n\n\tmodule.exports = exports[\"default\"];\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n\t\"use strict\";\n\n\t/**\n\t * Copyright (c) 2013-present, Facebook, Inc.\n\t *\n\t * This source code is licensed under the MIT license found in the\n\t * LICENSE file in the root directory of this source tree.\n\t *\n\t * \n\t */\n\n\tfunction makeEmptyFunction(arg) {\n\t return function () {\n\t return arg;\n\t };\n\t}\n\n\t/**\n\t * This function accepts and discards inputs; it has no side effects. This is\n\t * primarily useful idiomatically for overridable function endpoints which\n\t * always need to be callable, since JS lacks a null-call idiom ala Cocoa.\n\t */\n\tvar emptyFunction = function emptyFunction() {};\n\n\temptyFunction.thatReturns = makeEmptyFunction;\n\temptyFunction.thatReturnsFalse = makeEmptyFunction(false);\n\temptyFunction.thatReturnsTrue = makeEmptyFunction(true);\n\temptyFunction.thatReturnsNull = makeEmptyFunction(null);\n\temptyFunction.thatReturnsThis = function () {\n\t return this;\n\t};\n\temptyFunction.thatReturnsArgument = function (arg) {\n\t return arg;\n\t};\n\n\tmodule.exports = emptyFunction;\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t/**\n\t * Copyright (c) 2013-present, Facebook, Inc.\n\t *\n\t * This source code is licensed under the MIT license found in the\n\t * LICENSE file in the root directory of this source tree.\n\t *\n\t */\n\n\t'use strict';\n\n\t/**\n\t * Use invariant() to assert state which your program assumes to be true.\n\t *\n\t * Provide sprintf-style format (only %s is supported) and arguments\n\t * to provide information about what broke and what you were\n\t * expecting.\n\t *\n\t * The invariant message will be stripped in production, but the invariant\n\t * will remain to ensure logic does not differ in production.\n\t */\n\n\tvar validateFormat = function validateFormat(format) {};\n\n\tif (false) {\n\t validateFormat = function validateFormat(format) {\n\t if (format === undefined) {\n\t throw new Error('invariant requires an error message argument');\n\t }\n\t };\n\t}\n\n\tfunction invariant(condition, format, a, b, c, d, e, f) {\n\t validateFormat(format);\n\n\t if (!condition) {\n\t var error;\n\t if (format === undefined) {\n\t error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n\t } else {\n\t var args = [a, b, c, d, e, f];\n\t var argIndex = 0;\n\t error = new Error(format.replace(/%s/g, function () {\n\t return args[argIndex++];\n\t }));\n\t error.name = 'Invariant Violation';\n\t }\n\n\t error.framesToPop = 1; // we don't care about invariant's own frame\n\t throw error;\n\t }\n\t}\n\n\tmodule.exports = invariant;\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t/**\n\t * Copyright 2013-present, Facebook, Inc.\n\t * All rights reserved.\n\t *\n\t * This source code is licensed under the BSD-style license found in the\n\t * LICENSE file in the root directory of this source tree. An additional grant\n\t * of patent rights can be found in the PATENTS file in the same directory.\n\t */\n\n\t'use strict';\n\n\tvar emptyFunction = __webpack_require__(3);\n\tvar invariant = __webpack_require__(4);\n\tvar ReactPropTypesSecret = __webpack_require__(7);\n\n\tmodule.exports = function() {\n\t function shim(props, propName, componentName, location, propFullName, secret) {\n\t if (secret === ReactPropTypesSecret) {\n\t // It is still safe when called from React.\n\t return;\n\t }\n\t invariant(\n\t false,\n\t 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n\t 'Use PropTypes.checkPropTypes() to call them. ' +\n\t 'Read more at http://fb.me/use-check-prop-types'\n\t );\n\t };\n\t shim.isRequired = shim;\n\t function getShim() {\n\t return shim;\n\t };\n\t // Important!\n\t // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n\t var ReactPropTypes = {\n\t array: shim,\n\t bool: shim,\n\t func: shim,\n\t number: shim,\n\t object: shim,\n\t string: shim,\n\t symbol: shim,\n\n\t any: shim,\n\t arrayOf: getShim,\n\t element: shim,\n\t instanceOf: getShim,\n\t node: shim,\n\t objectOf: getShim,\n\t oneOf: getShim,\n\t oneOfType: getShim,\n\t shape: getShim\n\t };\n\n\t ReactPropTypes.checkPropTypes = emptyFunction;\n\t ReactPropTypes.PropTypes = ReactPropTypes;\n\n\t return ReactPropTypes;\n\t};\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t/**\n\t * Copyright 2013-present, Facebook, Inc.\n\t * All rights reserved.\n\t *\n\t * This source code is licensed under the BSD-style license found in the\n\t * LICENSE file in the root directory of this source tree. An additional grant\n\t * of patent rights can be found in the PATENTS file in the same directory.\n\t */\n\n\tif (false) {\n\t var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&\n\t Symbol.for &&\n\t Symbol.for('react.element')) ||\n\t 0xeac7;\n\n\t var isValidElement = function(object) {\n\t return typeof object === 'object' &&\n\t object !== null &&\n\t object.$$typeof === REACT_ELEMENT_TYPE;\n\t };\n\n\t // By explicitly using `prop-types` you are opting into new development behavior.\n\t // http://fb.me/prop-types-in-prod\n\t var throwOnDirectAccess = true;\n\t module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);\n\t} else {\n\t // By explicitly using `prop-types` you are opting into new production behavior.\n\t // http://fb.me/prop-types-in-prod\n\t module.exports = __webpack_require__(5)();\n\t}\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports) {\n\n\t/**\n\t * Copyright 2013-present, Facebook, Inc.\n\t * All rights reserved.\n\t *\n\t * This source code is licensed under the BSD-style license found in the\n\t * LICENSE file in the root directory of this source tree. An additional grant\n\t * of patent rights can be found in the PATENTS file in the same directory.\n\t */\n\n\t'use strict';\n\n\tvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\n\tmodule.exports = ReactPropTypesSecret;\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_8__;\n\n/***/ })\n/******/ ])\n});\n;","module.exports = __WEBPACK_EXTERNAL_MODULE__787__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const toKebabCase = str => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()\n\nconst getDataset = (o = {}) =>\n Object.keys(o).reduce((acc, cur) => {\n acc[`data-${toKebabCase(cur)}`] = o[cur]\n return acc\n }, {})\n\nexport default getDataset\n","/**\n * Simplified implmentation of isEmpty.\n * Note: This is not complete and will return false positives for empty objects and likes.\n * However, it suffices for the limited use-case of this project.\n */\nconst isEmpty = o => !o || (Array.isArray(o) && !o.length)\n\nexport default isEmpty\n","const generateUID = prefix => {\n let counter = 1\n\n let map = new WeakMap()\n\n const get = item => {\n if (!map.has(item)) {\n map.set(item, counter++)\n }\n return `${prefix}${map.get(item)}`\n }\n\n const reset = () => {\n map = new WeakMap()\n counter = 1\n }\n\n return { get, reset }\n}\n\nconst clientIdGenerator = generateUID('rdts')\nexport default clientIdGenerator\n","function findIndex(arr, predicate, thisArg) {\n // if native support is available, ship it off\n if (Array.prototype.findIndex) {\n return arr.findIndex(predicate, thisArg)\n }\n\n if (!arr) {\n throw new TypeError('findIndex called on null or undefined')\n }\n if (typeof predicate !== 'function') {\n throw new TypeError('findIndex predicate must be a function')\n }\n\n for (var i = 0; i < arr.length; i++) {\n let value = arr[i]\n if (predicate.call(thisArg, value, i, arr)) {\n return i\n }\n }\n return -1\n}\nexport default findIndex\n","export function getAriaLabel(label, additionalLabelledBy) {\n const attributes = getAriaAttributeForLabel(label)\n\n if (additionalLabelledBy) {\n attributes['aria-labelledby'] = `${attributes['aria-labelledby'] || ''} ${additionalLabelledBy}`.trim()\n }\n\n return attributes\n}\n\nfunction getAriaAttributeForLabel(label) {\n if (!label) return {}\n\n /* See readme for label. When label starts with # it references ids of dom nodes instead.\n When used on aria-labelledby, they should be referenced without a starting hash/# */\n if (label[0] === '#') {\n return { 'aria-labelledby': label.substring(1).replace(/ #/g, ' ') }\n }\n return { 'aria-label': label }\n}\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\nimport { debounce } from '../utils'\nimport { getAriaLabel } from '../a11y'\n\nclass Input extends PureComponent {\n static propTypes = {\n tags: PropTypes.array,\n texts: PropTypes.object,\n onInputChange: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onTagRemove: PropTypes.func,\n onKeyDown: PropTypes.func,\n inputRef: PropTypes.func,\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n activeDescendant: PropTypes.string,\n inlineSearchInput: PropTypes.bool,\n }\n\n constructor(props) {\n super(props)\n this.delayedCallback = debounce(e => this.props.onInputChange(e.target.value), 300)\n }\n\n handleInputChange = e => {\n e.persist()\n this.delayedCallback(e)\n }\n\n render() {\n const {\n inputRef,\n texts = {},\n onFocus,\n onBlur,\n disabled,\n readOnly,\n onKeyDown,\n activeDescendant,\n inlineSearchInput,\n } = this.props\n\n return (\n \n )\n }\n}\n\nexport default Input\n","/**\n * Modified debounce that always invokes on leading edge\n * See unmodified: https://gist.github.com/mrchief/a7e8938ee96774f05644905b37f09536\n */\nexport default (func, wait) => {\n let timeout\n\n return (...args) => {\n const later = () => {\n timeout = null\n func(...args)\n }\n\n // timeout will be undefined the first time (leading edge)\n // so the callback will get executed once on leading edge\n const callNow = !timeout\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (callNow) func(...args)\n }\n}\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\n\nimport './index.css'\n\nexport const getTagId = id => `${id}_tag`\n\nclass Tag extends PureComponent {\n static propTypes = {\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n onDelete: PropTypes.func,\n readOnly: PropTypes.bool,\n disabled: PropTypes.bool,\n labelRemove: PropTypes.string,\n }\n\n handleClick = e => {\n const { id, onDelete } = this.props\n e.stopPropagation()\n e.nativeEvent.stopImmediatePropagation()\n onDelete(id, (e.key || e.keyCode) !== undefined)\n }\n\n onKeyDown = e => {\n if (e.key === 'Backspace') {\n this.handleClick(e)\n e.preventDefault()\n }\n }\n\n onKeyUp = e => {\n if (e.keyCode === 32 || ['Delete', 'Enter'].indexOf(e.key) > -1) {\n this.handleClick(e)\n e.preventDefault()\n }\n }\n\n render() {\n const { id, label, labelRemove = 'Remove', readOnly, disabled } = this.props\n\n const tagId = getTagId(id)\n const buttonId = `${id}_button`\n const className = ['tag-remove', readOnly && 'readOnly', disabled && 'disabled'].filter(Boolean).join(' ')\n const isDisabled = readOnly || disabled\n\n return (\n \n {label}\n \n x\n \n \n )\n }\n}\n\nexport default Tag\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\nimport Tag from '../tag'\nimport { getDataset } from '../utils'\n\nimport './index.css'\n\nconst getTags = (tags = [], onDelete, readOnly, disabled, labelRemove) =>\n tags.map(tag => {\n const { _id, label, tagClassName, dataset, tagLabel } = tag\n return (\n \n \n \n )\n })\n\nclass Tags extends PureComponent {\n static propTypes = {\n tags: PropTypes.array,\n onTagRemove: PropTypes.func,\n readOnly: PropTypes.bool,\n disabled: PropTypes.bool,\n texts: PropTypes.object,\n children: PropTypes.node,\n }\n\n render() {\n const { tags, onTagRemove, texts = {}, disabled, readOnly, children } = this.props\n const lastItem = children || {texts.placeholder || 'Choose...'}\n\n return (\n \n {getTags(tags, onTagRemove, readOnly, disabled, texts.labelRemove)}\n - {lastItem}
\n
\n )\n }\n}\n\nexport default Tags\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { getAriaLabel } from '../a11y'\nimport { getTagId } from '../tag'\n\nclass Trigger extends PureComponent {\n static propTypes = {\n onTrigger: PropTypes.func,\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n showDropdown: PropTypes.bool,\n mode: PropTypes.oneOf(['multiSelect', 'simpleSelect', 'radioSelect', 'hierarchical']),\n texts: PropTypes.object,\n clientId: PropTypes.string,\n tags: PropTypes.array,\n tabIndex: PropTypes.number,\n }\n\n getAriaAttributes = () => {\n const { mode, texts = {}, showDropdown, clientId, tags } = this.props\n\n const triggerId = `${clientId}_trigger`\n const labelledBy = []\n let labelAttributes = getAriaLabel(texts.label)\n if (tags && tags.length) {\n if (labelAttributes['aria-label']) {\n // Adds reference to self when having aria-label\n labelledBy.push(triggerId)\n }\n tags.forEach(t => {\n labelledBy.push(getTagId(t._id))\n })\n labelAttributes = getAriaLabel(texts.label, labelledBy.join(' '))\n }\n\n const attributes = {\n id: triggerId,\n role: 'button',\n tabIndex: this.props.tabIndex,\n 'aria-haspopup': mode === 'simpleSelect' ? 'listbox' : 'tree',\n 'aria-expanded': showDropdown ? 'true' : 'false',\n ...labelAttributes,\n }\n\n return attributes\n }\n\n handleTrigger = e => {\n // Just return if triggered from keyDown and the key isn't enter, space or arrow down\n if (e.key && e.keyCode !== 13 && e.keyCode !== 32 && e.keyCode !== 40) {\n return\n } else if (e.key && this.triggerNode && this.triggerNode !== document.activeElement) {\n // Do not trigger if not activeElement\n return\n } else if (!this.props.showDropdown && e.keyCode === 32) {\n // Avoid adding space to input on open\n e.preventDefault()\n }\n\n // Else this is a key press that should trigger the dropdown\n this.props.onTrigger(e)\n }\n\n render() {\n const { disabled, readOnly, showDropdown } = this.props\n\n const dropdownTriggerClassname = [\n 'dropdown-trigger',\n 'arrow',\n disabled && 'disabled',\n readOnly && 'readOnly',\n showDropdown && 'top',\n !showDropdown && 'bottom',\n ]\n .filter(Boolean)\n .join(' ')\n\n return (\n {\n this.triggerNode = node\n }}\n className={dropdownTriggerClassname}\n onClick={!disabled ? this.handleTrigger : undefined}\n onKeyDown={!disabled ? this.handleTrigger : undefined}\n {...this.getAriaAttributes()}\n >\n {this.props.children}\n \n )\n }\n}\n\nexport default Trigger\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\n\nclass Action extends PureComponent {\n static propTypes = {\n title: PropTypes.string,\n text: PropTypes.string,\n className: PropTypes.string,\n actionData: PropTypes.object,\n onAction: PropTypes.func,\n readOnly: PropTypes.bool,\n }\n\n static defaultProps = {\n onAction: () => {},\n }\n\n handleClick = () => {\n const { onAction, actionData } = this.props\n if (onAction) {\n onAction(actionData.nodeId, actionData.action)\n }\n }\n\n render() {\n const { title, className, text, readOnly } = this.props\n\n return (\n \n {text}\n \n )\n }\n}\n\nexport default Action\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\n\nimport Action from './action'\nimport { isEmpty } from '../utils'\n\nclass Actions extends PureComponent {\n static propTypes = {\n id: PropTypes.string.isRequired,\n actions: PropTypes.array,\n }\n\n render() {\n const { actions, id, ...rest } = this.props\n\n if (isEmpty(actions)) return null\n\n return actions.map((a, idx) => {\n const actionId = a.id || `action-${idx}`\n return \n })\n }\n}\n\nexport default Actions\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\n\nexport const refUpdater = ({ checked, indeterminate }) => input => {\n if (input) {\n input.checked = checked\n input.indeterminate = indeterminate\n }\n}\n\nclass Checkbox extends PureComponent {\n static propTypes = {\n checked: PropTypes.bool,\n indeterminate: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n }\n\n render() {\n const { checked, indeterminate = false, onChange, disabled, readOnly, ...rest } = this.props\n\n const isDisabled = disabled || readOnly\n\n return (\n \n )\n }\n}\n\nexport default Checkbox\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\n\nexport const refUpdater = ({ checked }) => input => {\n if (input) {\n input.checked = checked\n }\n}\n\nclass RadioButton extends PureComponent {\n static propTypes = {\n name: PropTypes.string.isRequired,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n }\n\n render() {\n const { name, checked, onChange, disabled, readOnly, ...rest } = this.props\n\n const isDisabled = disabled || readOnly\n\n return (\n \n )\n }\n}\n\nexport default RadioButton\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport Checkbox from '../checkbox'\nimport RadioButton from '../radio'\n\nclass NodeLabel extends PureComponent {\n static propTypes = {\n id: PropTypes.string.isRequired,\n actions: PropTypes.array,\n title: PropTypes.string,\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n checked: PropTypes.bool,\n partial: PropTypes.bool,\n disabled: PropTypes.bool,\n dataset: PropTypes.object,\n mode: PropTypes.oneOf(['multiSelect', 'simpleSelect', 'radioSelect', 'hierarchical']),\n showPartiallySelected: PropTypes.bool,\n onCheckboxChange: PropTypes.func,\n readOnly: PropTypes.bool,\n clientId: PropTypes.string,\n }\n\n handleCheckboxChange = e => {\n const { mode, id, onCheckboxChange } = this.props\n\n if (mode === 'simpleSelect' || mode === 'radioSelect') {\n onCheckboxChange(id, true)\n } else {\n const {\n target: { checked },\n } = e\n onCheckboxChange(id, checked)\n }\n e.stopPropagation()\n e.nativeEvent.stopImmediatePropagation()\n }\n\n render() {\n const { mode, title, label, id, partial, checked } = this.props\n const { value, disabled, showPartiallySelected, readOnly, clientId } = this.props\n const nodeLabelProps = { className: 'node-label' }\n\n // in case of simple select mode, there is no checkbox, so we need to handle the click via the node label\n // but not if the control is in readOnly or disabled state\n const shouldRegisterClickHandler = mode === 'simpleSelect' && !readOnly && !disabled\n\n if (shouldRegisterClickHandler) {\n nodeLabelProps.onClick = this.handleCheckboxChange\n }\n\n const sharedProps = { id, value, checked, disabled, readOnly, tabIndex: -1 }\n const className = ['checkbox-item', mode === 'simpleSelect' && 'simple-select'].filter(Boolean).join(' ')\n\n return (\n \n )\n }\n}\n\nexport default NodeLabel\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\n\nclass Toggle extends PureComponent {\n static propTypes = {\n expanded: PropTypes.bool,\n isLeaf: PropTypes.bool,\n onNodeToggle: PropTypes.func,\n id: PropTypes.string,\n }\n\n onToggle = e => {\n e.stopPropagation()\n e.nativeEvent.stopImmediatePropagation()\n this.props.onNodeToggle(this.props.id)\n }\n\n onKeyDown = e => {\n if (e.key === 'Enter' || e.keyCode === 32) {\n this.props.onNodeToggle(this.props.id)\n e.preventDefault()\n }\n }\n\n render() {\n const { expanded, isLeaf } = this.props\n const toggleCx = ['toggle', expanded && 'expanded', !expanded && 'collapsed'].filter(Boolean).join(' ')\n\n if (isLeaf) {\n return \n }\n\n return (\n \n )\n }\n}\n\nexport default Toggle\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\n\nimport { getDataset, isEmpty } from '../utils'\nimport Actions from './actions'\nimport NodeLabel from './node-label'\nimport Toggle from './toggle'\n\nimport './index.css'\n\nconst isLeaf = children => isEmpty(children)\n\nconst getNodeCx = props => {\n const {\n keepTreeOnSearch,\n keepChildrenOnSearch,\n _children,\n matchInChildren,\n matchInParent,\n disabled,\n partial,\n hide,\n className,\n showPartiallySelected,\n readOnly,\n checked,\n _focused: focused,\n } = props\n\n return [\n 'node',\n isLeaf(_children) && 'leaf',\n !isLeaf(_children) && 'tree',\n disabled && 'disabled',\n hide && 'hide',\n keepTreeOnSearch && matchInChildren && 'match-in-children',\n keepTreeOnSearch && keepChildrenOnSearch && matchInParent && 'match-in-parent',\n showPartiallySelected && partial && 'partial',\n readOnly && 'readOnly',\n checked && 'checked',\n focused && 'focused',\n className,\n ]\n .filter(Boolean)\n .join(' ')\n}\n\nclass TreeNode extends PureComponent {\n static propTypes = {\n _id: PropTypes.string.isRequired,\n _depth: PropTypes.number,\n _children: PropTypes.array,\n actions: PropTypes.array,\n className: PropTypes.string,\n title: PropTypes.string,\n label: PropTypes.string.isRequired,\n value: PropTypes.string.isRequired,\n checked: PropTypes.bool,\n expanded: PropTypes.bool,\n disabled: PropTypes.bool,\n partial: PropTypes.bool,\n dataset: PropTypes.object,\n keepTreeOnSearch: PropTypes.bool,\n keepChildrenOnSearch: PropTypes.bool,\n searchModeOn: PropTypes.bool,\n onNodeToggle: PropTypes.func,\n onAction: PropTypes.func,\n onCheckboxChange: PropTypes.func,\n mode: PropTypes.oneOf(['multiSelect', 'simpleSelect', 'radioSelect', 'hierarchical']),\n showPartiallySelected: PropTypes.bool,\n readOnly: PropTypes.bool,\n clientId: PropTypes.string,\n }\n\n getAriaAttributes = () => {\n const { _children, _depth, checked, disabled, expanded, readOnly, mode, partial } = this.props\n const attributes = {}\n\n attributes.role = mode === 'simpleSelect' ? 'option' : 'treeitem'\n attributes['aria-disabled'] = disabled || readOnly\n attributes['aria-selected'] = checked\n if (mode !== 'simpleSelect') {\n attributes['aria-checked'] = partial ? 'mixed' : checked\n attributes['aria-level'] = (_depth || 0) + 1\n attributes['aria-expanded'] = _children && (expanded ? 'true' : 'false')\n }\n return attributes\n }\n\n render() {\n const {\n mode,\n keepTreeOnSearch,\n _id,\n _children,\n dataset,\n _depth,\n expanded,\n title,\n label,\n partial,\n checked,\n value,\n disabled,\n actions,\n onAction,\n searchModeOn,\n onNodeToggle,\n onCheckboxChange,\n showPartiallySelected,\n readOnly,\n clientId,\n } = this.props\n const liCx = getNodeCx(this.props)\n const style = keepTreeOnSearch || !searchModeOn ? { paddingLeft: `${(_depth || 0) * 20}px` } : {}\n\n const liId = `${_id}_li`\n\n return (\n \n \n \n \n \n )\n }\n}\n\nexport default TreeNode\n","import InfiniteScroll from 'react-infinite-scroll-component'\nimport PropTypes from 'prop-types'\nimport React, { Component } from 'react'\n\nimport TreeNode from '../tree-node'\nimport { findIndex } from '../utils'\n\nclass Tree extends Component {\n static propTypes = {\n data: PropTypes.object,\n keepTreeOnSearch: PropTypes.bool,\n keepChildrenOnSearch: PropTypes.bool,\n searchModeOn: PropTypes.bool,\n onChange: PropTypes.func,\n onNodeToggle: PropTypes.func,\n onAction: PropTypes.func,\n onCheckboxChange: PropTypes.func,\n mode: PropTypes.oneOf(['multiSelect', 'simpleSelect', 'radioSelect', 'hierarchical']),\n showPartiallySelected: PropTypes.bool,\n pageSize: PropTypes.number,\n readOnly: PropTypes.bool,\n clientId: PropTypes.string,\n activeDescendant: PropTypes.string,\n }\n\n static defaultProps = {\n pageSize: 100,\n }\n\n constructor(props) {\n super(props)\n\n this.currentPage = 1\n this.computeInstanceProps(props, true)\n\n this.state = {\n items: this.allVisibleNodes.slice(0, this.props.pageSize),\n }\n }\n\n UNSAFE_componentWillReceiveProps = nextProps => {\n const { activeDescendant } = nextProps\n const hasSameActiveDescendant = activeDescendant === this.props.activeDescendant\n this.computeInstanceProps(nextProps, !hasSameActiveDescendant)\n this.setState({ items: this.allVisibleNodes.slice(0, this.currentPage * this.props.pageSize) })\n }\n\n componentDidMount = () => {\n this.setState({ scrollableTarget: this.node.parentNode })\n }\n\n computeInstanceProps = (props, checkActiveDescendant) => {\n this.allVisibleNodes = this.getNodes(props)\n this.totalPages = Math.ceil(this.allVisibleNodes.length / this.props.pageSize)\n if (checkActiveDescendant && props.activeDescendant) {\n const currentId = props.activeDescendant.replace(/_li$/, '')\n let focusIndex = findIndex(this.allVisibleNodes, n => n.key === currentId) + 1\n this.currentPage = focusIndex > 0 ? Math.ceil(focusIndex / this.props.pageSize) : 1\n }\n }\n\n shouldRenderNode = (node, props) => {\n const { data, searchModeOn } = props\n const { expanded, _parent } = node\n if (searchModeOn || expanded) return true\n\n const parent = _parent && data.get(_parent)\n // if it has a parent, then check parent's state.\n // otherwise root nodes are always rendered\n return !parent || parent.expanded\n }\n\n getNodes = props => {\n const {\n data,\n keepTreeOnSearch,\n keepChildrenOnSearch,\n searchModeOn,\n mode,\n showPartiallySelected,\n readOnly,\n onAction,\n onChange,\n onCheckboxChange,\n onNodeToggle,\n activeDescendant,\n clientId,\n } = props\n const items = []\n data.forEach(node => {\n if (this.shouldRenderNode(node, props)) {\n items.push(\n \n )\n }\n })\n return items\n }\n\n hasMore = () => this.currentPage < this.totalPages\n\n loadMore = () => {\n this.currentPage = this.currentPage + 1\n const nextItems = this.allVisibleNodes.slice(0, this.currentPage * this.props.pageSize)\n this.setState({ items: nextItems })\n }\n\n setNodeRef = node => {\n this.node = node\n }\n\n getAriaAttributes = () => {\n const { mode } = this.props\n\n const attributes = {\n /* https://www.w3.org/TR/wai-aria-1.1/#select\n * https://www.w3.org/TR/wai-aria-1.1/#tree */\n role: mode === 'simpleSelect' ? 'listbox' : 'tree',\n 'aria-multiselectable': /multiSelect|hierarchical/.test(mode),\n }\n\n return attributes\n }\n\n render() {\n const { searchModeOn } = this.props\n\n return (\n \n {this.state.scrollableTarget && (\n Loading...}\n scrollableTarget={this.state.scrollableTarget}\n >\n {this.state.items}\n \n )}\n
\n )\n }\n}\n\nexport default Tree\n","import partial from 'array.partial'\n\nconst identity = c => c\n\nexport default (node, childProp = 'children', childSelector = identity) =>\n partial(node[childProp], c => childSelector(c).checked) || node[childProp].some(c => childSelector(c).partial)\n","import getPartialState from './getPartialState'\n\nimport { isEmpty } from '../utils'\n\n/**\n * Converts a nested node into an associative array with pointers to child and parent nodes\n * Given:\n```\nconst tree = [\n {\n label: 'item1',\n value: 'value1',\n children: [\n {\n label: 'item1-1',\n value: 'value1-1',\n children: [\n {\n label: 'item1-1-1',\n value: 'value1-1-1'\n },\n {\n label: 'item1-1-2',\n value: 'value1-1-2'\n }\n ]\n },\n {\n label: 'item1-2',\n value: 'value1-2'\n }\n ]\n },\n {\n label: 'item2',\n value: 'value2',\n children: [\n {\n label: 'item2-1',\n value: 'value2-1',\n children: [\n {\n label: 'item2-1-1',\n value: 'value2-1-1'\n },\n {\n label: 'item2-1-2',\n value: 'value2-1-2'\n },\n {\n label: 'item2-1-3',\n value: 'item2-1-3',\n children: [\n {\n label: 'item2-1-3-1',\n value: 'value2-1-3-1'\n }\n ]\n }\n ]\n },\n {\n label: 'item2-2',\n value: 'value2-2'\n }\n ]\n }\n]\n```\n * results in\n```\n{\n \"0\": {\n _id: \"0\",\n _parent: null,\n _children: [\n \"0-0\",\n \"0-1\"\n ],\n label: \"item1\",\n value: \"value1\"\n },\n \"1\": {\n _id: \"1\",\n _parent: null,\n _children: [\n \"1-0\",\n \"1-1\"\n ],\n label: \"item2\",\n value: \"value2\"\n },\n \"0-0\": {\n _id: \"0-0\",\n _parent: \"0\",\n _children: [\n \"0-0-0\",\n \"0-0-1\"\n ],\n label: \"item1-1\",\n value: \"value1-1\"\n },\n \"0-1\": {\n _id: \"0-1\",\n _parent: \"0\",\n label: \"item1-2\",\n value: \"value1-2\"\n },\n \"0-0-0\": {\n _id: \"0-0-0\",\n _parent: \"0-0\",\n label: \"item1-1-1\",\n value: \"value1-1-1\"\n },\n \"0-0-1\": {\n _id: \"0-0-1\",\n _parent: \"0-0\",\n label: \"item1-1-2\",\n value: \"value1-1-2\"\n },\n \"1-0\": {\n _id: \"1-0\",\n _parent: \"1\",\n _children: [\n \"1-0-0\",\n \"1-0-1\",\n \"1-0-2\"\n ],\n label: \"item2-1\",\n value: \"value2-1\"\n },\n \"1-1\": {\n _id: \"1-1\",\n _parent: \"1\",\n label: \"item2-2\",\n value: \"value2-2\"\n },\n \"1-0-0\": {\n _id: \"1-0-0\",\n _parent: \"1-0\",\n label: \"item2-1-1\",\n value: \"value2-1-1\"\n },\n \"1-0-1\": {\n _id: \"1-0-1\",\n _parent: \"1-0\",\n label: \"item2-1-2\",\n value: \"value2-1-2\"\n },\n \"1-0-2\": {\n _id: \"1-0-2\",\n _parent: \"1-0\",\n _children: [\n \"1-0-2-0\"\n ],\n label: \"item2-1-3\",\n value: \"value2-1-3\"\n },\n \"1-0-2-0\": {\n _id: \"1-0-2-0\",\n _parent: \"1-0-2\",\n label: \"item2-1-3-1\",\n value: \"value2-1-3-1\"\n }\n}\n```\n * @param {[type]} tree The incoming tree object\n * @param {[bool]} simple Whether its in Single select mode (simple dropdown)\n * @param {[bool]} radio Whether its in Radio select mode (radio dropdown)\n * @param {[bool]} showPartialState Whether to show partially checked state\n * @param {[string]} rootPrefixId The prefix to use when setting root node ids\n * @return {object} The flattened list\n */\nfunction flattenTree({ tree, simple, radio, showPartialState, hierarchical, rootPrefixId }) {\n const forest = Array.isArray(tree) ? tree : [tree]\n\n // eslint-disable-next-line no-use-before-define\n return walkNodes({\n nodes: forest,\n simple,\n radio,\n showPartialState,\n hierarchical,\n rootPrefixId,\n })\n}\n\n/**\n * If the node didn't specify anything on its own\n * figure out the initial state based on parent\n * @param {object} node [current node]\n * @param {object} parent [node's immediate parent]\n * @param {bool} inheritChecked [if checked should be inherited]\n */\nfunction setInitialStateProps(node, parent = {}, inheritChecked = true) {\n const stateProps = inheritChecked ? ['checked', 'disabled'] : ['disabled']\n for (let index = 0; index < stateProps.length; index++) {\n const prop = stateProps[index]\n\n // if and only if, node doesn't explicitly define a prop, grab it from parent\n if (node[prop] === undefined && parent[prop] !== undefined) {\n node[prop] = parent[prop]\n }\n }\n}\n\nfunction walkNodes({\n nodes,\n parent,\n depth = 0,\n simple,\n radio,\n showPartialState,\n hierarchical,\n rootPrefixId,\n _rv = { list: new Map(), defaultValues: [], singleSelectedNode: null },\n}) {\n const single = simple || radio\n nodes.forEach((node, i) => {\n node._depth = depth\n\n if (parent) {\n node._id = node.id || `${parent._id}-${i}`\n node._parent = parent._id\n parent._children.push(node._id)\n } else {\n node._id = node.id || `${rootPrefixId ? `${rootPrefixId}-${i}` : i}`\n }\n\n if (single && node.checked) {\n if (_rv.singleSelectedNode) {\n node.checked = false\n } else {\n _rv.singleSelectedNode = node\n }\n }\n\n if (single && node.isDefaultValue && _rv.singleSelectedNode && !_rv.singleSelectedNode.isDefaultValue) {\n // Default value has precedence, uncheck previous value\n _rv.singleSelectedNode.checked = false\n _rv.singleSelectedNode = null\n }\n\n if (node.isDefaultValue && (!single || _rv.defaultValues.length === 0)) {\n _rv.defaultValues.push(node._id)\n node.checked = true\n if (single) {\n _rv.singleSelectedNode = node\n }\n }\n\n if (!hierarchical || radio) setInitialStateProps(node, parent, !radio)\n\n _rv.list.set(node._id, node)\n if (!simple && node.children) {\n node._children = []\n walkNodes({\n nodes: node.children,\n parent: node,\n depth: depth + 1,\n radio,\n showPartialState,\n hierarchical,\n _rv,\n })\n\n if (showPartialState && !node.checked) {\n node.partial = getPartialState(node)\n\n // re-check if all children are checked. if so, check thyself\n if (!single && !isEmpty(node.children) && node.children.every(c => c.checked)) {\n node.checked = true\n }\n }\n\n node.children = undefined\n }\n })\n\n return _rv\n}\n\nexport default flattenTree\n","import { isEmpty } from '../utils'\n\nconst markSubTreeVisited = (node, visited, getItemById) => {\n visited[node._id] = true\n if (!isEmpty(node._children)) {\n node._children.forEach(c => markSubTreeVisited(getItemById(c), visited, getItemById))\n }\n}\n\nconst getNodesMatching = (tree, nodePredicate) => {\n const nodes = []\n const visited = {}\n\n tree.forEach((node, key) => {\n if (visited[key]) return\n\n if (nodePredicate(node, key, visited)) {\n nodes.push(node)\n }\n\n visited[key] = true\n })\n\n return nodes\n}\n\nconst getVisibleNodes = (tree, getItemById, markSubTreeOnNonExpanded) =>\n getNodesMatching(tree, (node, key, visited) => {\n if (markSubTreeOnNonExpanded && node._children && node._children.length && node.expanded !== true) {\n markSubTreeVisited(node, visited, getItemById)\n }\n return !node.hide\n })\n\nconst nodeVisitor = {\n getNodesMatching,\n getVisibleNodes,\n markSubTreeVisited,\n}\nexport default nodeVisitor\n","import nodeVisitor from './nodeVisitor'\nimport { getTagId } from '../tag'\nimport { findIndex } from '../utils'\n\nconst Keys = {\n Up: 'ArrowUp',\n Down: 'ArrowDown',\n Left: 'ArrowLeft',\n Right: 'ArrowRight',\n Enter: 'Enter',\n Home: 'Home',\n PageUp: 'PageUp',\n End: 'End',\n PageDown: 'PageDown',\n}\n\nexport const NavActions = {\n None: 'None',\n FocusPrevious: 'FocusPrevious',\n FocusNext: 'FocusNext',\n FocusParent: 'FocusParent',\n FocusFirst: 'FocusFirst',\n FocusLast: 'FocusLast',\n ToggleExpanded: 'ToggleExpanded',\n ToggleChecked: 'ToggleChecked',\n}\n\nexport const FocusActionNames = new Set([\n NavActions.FocusPrevious,\n NavActions.FocusNext,\n NavActions.FocusParent,\n NavActions.FocusFirst,\n NavActions.FocusLast,\n])\n\nconst validTriggerOpenKeys = [Keys.Up, Keys.Down, Keys.Home, Keys.PageUp, Keys.End, Keys.PageDown]\nconst validKeys = validTriggerOpenKeys.concat([Keys.Left, Keys.Right, Keys.Enter])\n\nconst isValidKey = (key, isOpen) => {\n const keysToCheck = isOpen ? validKeys : validTriggerOpenKeys\n return keysToCheck.indexOf(key) > -1\n}\n\nconst isMatchingEvent = (key, keys, currentFocus, nonFocusKey) =>\n keys.indexOf(key) > -1 || (!currentFocus && key === nonFocusKey)\n\nconst isFocusFirstEvent = (key, currentFocus) => isMatchingEvent(key, [Keys.Home, Keys.PageUp], currentFocus, Keys.Down)\n\nconst isFocusLastEvent = (key, currentFocus) => isMatchingEvent(key, [Keys.End, Keys.PageDown], currentFocus, Keys.Up)\n\nconst isReverseTraverseAction = action =>\n isMatchingEvent(action, [NavActions.FocusPrevious, NavActions.FocusLast], true)\n\nconst isEdgeTraverseAction = action => isMatchingEvent(action, [NavActions.FocusFirst, NavActions.FocusLast], true)\n\nconst getLeftNavAction = (currentFocus, key) => {\n if (!currentFocus || key !== Keys.Left) return NavActions.None\n\n if (currentFocus.expanded === true) {\n return NavActions.ToggleExpanded\n }\n if (currentFocus._parent) {\n return NavActions.FocusParent\n }\n\n return NavActions.None\n}\n\nconst getRightNavAction = (currentFocus, key) => {\n if (!currentFocus || !currentFocus._children || key !== Keys.Right) {\n return NavActions.None\n }\n\n return currentFocus.expanded !== true ? NavActions.ToggleExpanded : NavActions.FocusNext\n}\n\nconst getRelativeAction = (currentFocus, key) => {\n if (!currentFocus) return NavActions.None\n switch (key) {\n case Keys.Up:\n return NavActions.FocusPrevious\n case Keys.Down:\n return NavActions.FocusNext\n case Keys.Enter:\n return NavActions.ToggleChecked\n default:\n return NavActions.None\n }\n}\n\nconst getAction = (currentFocus, key) => {\n let action\n if (key === Keys.Left) {\n action = getLeftNavAction(currentFocus, key)\n } else if (key === Keys.Right) {\n action = getRightNavAction(currentFocus, key)\n } else if (isFocusFirstEvent(key, currentFocus)) {\n action = NavActions.FocusFirst\n } else if (isFocusLastEvent(key, currentFocus)) {\n action = NavActions.FocusLast\n } else {\n action = getRelativeAction(currentFocus, key)\n }\n return action\n}\n\nconst getParentFocus = (prevFocus, getNodeById) =>\n prevFocus && prevFocus._parent ? getNodeById(prevFocus._parent) : prevFocus\n\nconst getRelativeNeighborsFocus = (sortedNodes, prevFocus) => {\n const nextIndex = sortedNodes.indexOf(prevFocus) + 1\n if (nextIndex % sortedNodes.length === 0) {\n return sortedNodes[0]\n }\n return sortedNodes[nextIndex]\n}\n\nconst getRelativeFocus = (sortedNodes, prevFocus, action) => {\n if (!sortedNodes || sortedNodes.length === 0) {\n return prevFocus\n }\n\n let focus = prevFocus\n if (isEdgeTraverseAction(action)) {\n ;[focus] = sortedNodes\n } else if ([NavActions.FocusPrevious, NavActions.FocusNext].indexOf(action) > -1) {\n focus = getRelativeNeighborsFocus(sortedNodes, prevFocus)\n }\n return focus\n}\n\nconst getNextFocus = (tree, prevFocus, action, getNodeById, markSubTreeOnNonExpanded) => {\n if (action === NavActions.FocusParent) {\n return getParentFocus(prevFocus, getNodeById)\n }\n if (!FocusActionNames.has(action)) {\n return prevFocus\n }\n\n let nodes = nodeVisitor.getVisibleNodes(tree, getNodeById, markSubTreeOnNonExpanded)\n if (isReverseTraverseAction(action)) {\n nodes = nodes.reverse()\n }\n\n return getRelativeFocus(nodes, prevFocus, action)\n}\n\nconst getNextFocusAfterTagDelete = (deletedId, prevTags, tags, fallback) => {\n // Sets new focus to next tag or returns fallback\n let index = prevTags ? findIndex(prevTags, t => t._id === deletedId) : -1\n if (index < 0 || !tags.length) return fallback\n\n index = tags.length > index ? index : tags.length - 1\n const newFocusId = tags[index]._id\n const focusNode = document.getElementById(getTagId(newFocusId))\n if (focusNode) {\n return focusNode.firstElementChild || fallback\n }\n return fallback\n}\n\nconst handleFocusNavigationkey = (tree, action, prevFocus, getNodeById, markSubTreeOnNonExpanded) => {\n const newFocus = keyboardNavigation.getNextFocus(tree, prevFocus, action, getNodeById, markSubTreeOnNonExpanded)\n keyboardNavigation.adjustFocusedProps(prevFocus, newFocus)\n if (newFocus) {\n return newFocus._id\n }\n return prevFocus && prevFocus._id\n}\n\nconst adjustFocusedProps = (prevFocus, newFocus) => {\n if (prevFocus && newFocus && prevFocus._id !== newFocus._id) {\n prevFocus._focused = false\n }\n if (newFocus) {\n newFocus._focused = true\n }\n}\n\nconst handleToggleNavigationkey = (action, prevFocus, readOnly, onToggleChecked, onToggleExpanded) => {\n if (action === NavActions.ToggleChecked && !readOnly && !(prevFocus.readOnly || prevFocus.disabled)) {\n onToggleChecked(prevFocus._id, prevFocus.checked !== true)\n } else if (action === NavActions.ToggleExpanded) {\n onToggleExpanded(prevFocus._id)\n }\n return prevFocus && prevFocus._id\n}\n\nconst keyboardNavigation = {\n isValidKey,\n getAction,\n getNextFocus,\n getNextFocusAfterTagDelete,\n handleFocusNavigationkey,\n handleToggleNavigationkey,\n adjustFocusedProps,\n}\n\nexport default keyboardNavigation\n","import getPartialState from './getPartialState'\nimport { isEmpty } from '../utils'\nimport flattenTree from './flatten-tree'\nimport nodeVisitor from './nodeVisitor'\nimport keyboardNavigation, { FocusActionNames } from './keyboardNavigation'\n\nclass TreeManager {\n constructor({ data, mode, showPartiallySelected, rootPrefixId, searchPredicate }) {\n this._src = data\n this.simpleSelect = mode === 'simpleSelect'\n this.radioSelect = mode === 'radioSelect'\n this.hierarchical = mode === 'hierarchical'\n this.searchPredicate = searchPredicate\n const { list, defaultValues, singleSelectedNode } = flattenTree({\n tree: JSON.parse(JSON.stringify(data)),\n simple: this.simpleSelect,\n radio: this.radioSelect,\n showPartialState: showPartiallySelected,\n hierarchical: this.hierarchical,\n rootPrefixId,\n })\n this.tree = list\n this.defaultValues = defaultValues\n this.showPartialState = !this.hierarchical && showPartiallySelected\n this.searchMaps = new Map()\n\n if ((this.simpleSelect || this.radioSelect) && singleSelectedNode) {\n // Remembers initial check on single select dropdowns\n this.currentChecked = singleSelectedNode._id\n }\n }\n\n getNodeById(id) {\n return this.tree.get(id)\n }\n\n getMatches(searchTerm) {\n if (this.searchMaps.has(searchTerm)) {\n return this.searchMaps.get(searchTerm)\n }\n\n let proximity = -1\n let closestMatch = searchTerm\n this.searchMaps.forEach((m, key) => {\n if (searchTerm.startsWith(key) && key.length > proximity) {\n proximity = key.length\n closestMatch = key\n }\n })\n\n const matches = []\n\n const addOnMatch = this._getAddOnMatch(matches, searchTerm)\n\n if (closestMatch !== searchTerm) {\n const superMatches = this.searchMaps.get(closestMatch)\n superMatches.forEach(key => addOnMatch(this.getNodeById(key)))\n } else {\n this.tree.forEach(addOnMatch)\n }\n\n this.searchMaps.set(searchTerm, matches)\n return matches\n }\n\n addParentsToTree(id, tree) {\n if (id !== undefined) {\n const node = this.getNodeById(id)\n this.addParentsToTree(node._parent, tree)\n node.hide = node._isMatch ? node.hide : true\n node.matchInChildren = true\n tree.set(id, node)\n }\n }\n\n addChildrenToTree(ids, tree, matches) {\n if (ids !== undefined) {\n ids.forEach(id => {\n if (matches && matches.includes(id)) {\n // if a child is found by search anyways, don't display it as a child here\n return\n }\n const node = this.getNodeById(id)\n node.matchInParent = true\n tree.set(id, node)\n this.addChildrenToTree(node._children, tree)\n })\n }\n }\n\n filterTree(searchTerm, keepTreeOnSearch, keepChildrenOnSearch) {\n const matches = this.getMatches(searchTerm.toLowerCase())\n\n const matchTree = new Map()\n\n matches.forEach(m => {\n const node = this.getNodeById(m)\n node.hide = false\n\n // add a marker to tell `addParentsToTree` to not hide this node; even if it's an ancestor node\n node._isMatch = true\n\n if (keepTreeOnSearch) {\n // add parent nodes first or else the tree won't be rendered in correct hierarchy\n this.addParentsToTree(node._parent, matchTree)\n }\n matchTree.set(m, node)\n if (keepTreeOnSearch && keepChildrenOnSearch) {\n // add children nodes after a found match\n this.addChildrenToTree(node._children, matchTree, matches)\n }\n })\n\n const allNodesHidden = matches.length === 0\n\n // we store a local reference so that components can use it in subsequent renders\n // this is the least intrusive way of fixing #190\n this.matchTree = matchTree\n\n return { allNodesHidden, tree: matchTree }\n }\n\n restoreNodes() {\n this.tree.forEach(node => {\n node.hide = false\n })\n\n return this.tree\n }\n\n restoreDefaultValues() {\n this.defaultValues.forEach(id => {\n this.setNodeCheckedState(id, true)\n })\n\n return this.tree\n }\n\n togglePreviousChecked(id, checked) {\n const prevChecked = this.currentChecked\n\n // if id is same as previously selected node, then do nothing (since it's state is already set correctly by setNodeCheckedState)\n // but if they ar not same, then toggle the previous one\n if (prevChecked && prevChecked !== id) {\n const prevNode = this.getNodeById(prevChecked)\n prevNode.checked = false\n // if radioSelect, then we need to remove the partial state from parents of previous node\n if (this.radioSelect && this.showPartialState) this.partialCheckParents(prevNode)\n }\n\n this.currentChecked = checked ? id : null\n }\n\n setNodeCheckedState(id, checked) {\n // radioSelect must be done before setting node checked, to avoid conflicts with partialCheckParents\n // this only occurs when selecting the parent of a previously selected child when the parent also has a parent\n if (this.radioSelect) this.togglePreviousChecked(id, checked)\n\n const node = this.getNodeById(id)\n node.checked = checked\n\n // TODO: this can probably be combined with the same check in the else block. investigate in a separate release.\n if (this.showPartialState) {\n node.partial = false\n }\n\n if (this.simpleSelect) {\n this.togglePreviousChecked(id, checked)\n } else if (this.radioSelect) {\n if (this.showPartialState) {\n this.partialCheckParents(node)\n }\n if (!checked) {\n this.unCheckParents(node)\n }\n } else {\n if (!this.hierarchical) this.toggleChildren(id, checked)\n\n if (this.showPartialState) {\n this.partialCheckParents(node)\n }\n\n if (!this.hierarchical && !checked) {\n this.unCheckParents(node)\n }\n }\n }\n\n /**\n * Walks up the tree unchecking parent nodes\n * @param {[type]} node [description]\n * @return {[type]} [description]\n */\n unCheckParents(node) {\n let parent = node._parent\n while (parent) {\n const next = this.getNodeById(parent)\n next.checked = false\n next.partial = getPartialState(next, '_children', this.getNodeById.bind(this))\n parent = next._parent\n }\n }\n\n /**\n * Walks up the tree setting partial state on parent nodes\n * @param {[type]} node [description]\n * @return {[type]} [description]\n */\n partialCheckParents(node) {\n let parent = node._parent\n while (parent) {\n const next = this.getNodeById(parent)\n next.checked = next._children.every(c => this.getNodeById(c).checked)\n next.partial = getPartialState(next, '_children', this.getNodeById.bind(this))\n parent = next._parent\n }\n }\n\n toggleChildren(id, state) {\n const node = this.getNodeById(id)\n node.checked = state\n\n if (this.showPartialState) {\n node.partial = false\n }\n\n if (!isEmpty(node._children)) {\n node._children.forEach(id => this.toggleChildren(id, state))\n }\n }\n\n toggleNodeExpandState(id) {\n const node = this.getNodeById(id)\n node.expanded = !node.expanded\n if (!node.expanded) this.collapseChildren(node)\n return this.tree\n }\n\n collapseChildren(node) {\n node.expanded = false\n if (!isEmpty(node._children)) {\n node._children.forEach(c => this.collapseChildren(this.getNodeById(c)))\n }\n }\n\n get tags() {\n if (this.radioSelect || this.simpleSelect) {\n if (this.currentChecked) {\n return [this.getNodeById(this.currentChecked)]\n }\n return []\n }\n\n return nodeVisitor.getNodesMatching(this.tree, (node, key, visited) => {\n if (node.checked && !this.hierarchical) {\n // Parent node, so no need to walk children\n nodeVisitor.markSubTreeVisited(node, visited, id => this.getNodeById(id))\n }\n return node.checked\n })\n }\n\n getTreeAndTags() {\n return { tree: this.tree, tags: this.tags }\n }\n\n handleNavigationKey(currentFocus, tree, key, readOnly, markSubTreeOnNonExpanded, onToggleChecked, onToggleExpanded) {\n const prevFocus = currentFocus && this.getNodeById(currentFocus)\n const getNodeById = id => this.getNodeById(id)\n const action = keyboardNavigation.getAction(prevFocus, key)\n\n if (FocusActionNames.has(action)) {\n const newFocus = keyboardNavigation.handleFocusNavigationkey(\n tree,\n action,\n prevFocus,\n getNodeById,\n markSubTreeOnNonExpanded\n )\n return newFocus\n }\n\n if (!prevFocus || !tree.has(prevFocus._id)) {\n // No current focus or not visible\n return currentFocus\n }\n\n return keyboardNavigation.handleToggleNavigationkey(action, prevFocus, readOnly, onToggleChecked, onToggleExpanded)\n }\n\n _getAddOnMatch(matches, searchTerm) {\n let isMatch = (node, term) => node.label.toLowerCase().indexOf(term) >= 0\n if (typeof this.searchPredicate === 'function') {\n isMatch = this.searchPredicate\n }\n\n return node => {\n if (isMatch(node, searchTerm)) {\n matches.push(node._id)\n }\n }\n }\n}\n\nexport default TreeManager\n","/*!\n * React Dropdown Tree Select\n * A lightweight, fast and highly customizable tree select component.\n * Hrusikesh Panda \n * Copyright (c) 2017 Dow Jones, Inc. (http://dowjones.com)\n * license MIT\n * see https://github.com/dowjones/react-dropdown-tree-select\n */\nimport PropTypes from 'prop-types'\nimport React, { Component } from 'react'\n\nimport { isOutsideClick, clientIdGenerator } from './utils'\nimport Input from './input'\nimport Tags from './tags'\nimport Trigger from './trigger'\nimport Tree from './tree'\nimport TreeManager from './tree-manager'\nimport keyboardNavigation from './tree-manager/keyboardNavigation'\n\nimport './index.css'\nimport { getAriaLabel } from './a11y'\n\nclass DropdownTreeSelect extends Component {\n static propTypes = {\n data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n clearSearchOnChange: PropTypes.bool,\n keepTreeOnSearch: PropTypes.bool,\n keepChildrenOnSearch: PropTypes.bool,\n keepOpenOnSelect: PropTypes.bool,\n texts: PropTypes.shape({\n placeholder: PropTypes.string,\n inlineSearchPlaceholder: PropTypes.string,\n noMatches: PropTypes.string,\n label: PropTypes.string,\n labelRemove: PropTypes.string,\n }),\n showDropdown: PropTypes.oneOf(['default', 'initial', 'always']),\n className: PropTypes.string,\n onChange: PropTypes.func,\n onAction: PropTypes.func,\n onNodeToggle: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n mode: PropTypes.oneOf(['multiSelect', 'simpleSelect', 'radioSelect', 'hierarchical']),\n showPartiallySelected: PropTypes.bool,\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n id: PropTypes.string,\n searchPredicate: PropTypes.func,\n inlineSearchInput: PropTypes.bool,\n tabIndex: PropTypes.number,\n disablePoppingOnBackspace: PropTypes.bool,\n }\n\n static defaultProps = {\n onAction: () => {},\n onFocus: () => {},\n onBlur: () => {},\n onChange: () => {},\n texts: {},\n showDropdown: 'default',\n inlineSearchInput: false,\n tabIndex: 0,\n disablePoppingOnBackspace: false,\n }\n\n constructor(props) {\n super(props)\n this.state = {\n searchModeOn: false,\n currentFocus: undefined,\n }\n this.clientId = props.id || clientIdGenerator.get(this)\n }\n\n initNewProps = ({ data, mode, showDropdown, showPartiallySelected, searchPredicate }) => {\n this.treeManager = new TreeManager({\n data,\n mode,\n showPartiallySelected,\n rootPrefixId: this.clientId,\n searchPredicate,\n })\n this.setState(prevState => {\n const currentFocusNode = prevState.currentFocus && this.treeManager.getNodeById(prevState.currentFocus)\n if (currentFocusNode) {\n currentFocusNode._focused = true\n }\n return {\n showDropdown: /initial|always/.test(showDropdown) || prevState.showDropdown === true,\n ...this.treeManager.getTreeAndTags(),\n }\n })\n }\n\n resetSearchState = () => {\n // clear the search criteria and avoid react controlled/uncontrolled warning\n if (this.searchInput) {\n this.searchInput.value = ''\n }\n\n return {\n tree: this.treeManager.restoreNodes(), // restore the tree to its pre-search state\n searchModeOn: false,\n allNodesHidden: false,\n }\n }\n\n UNSAFE_componentWillMount() {\n this.initNewProps(this.props)\n }\n\n componentWillUnmount() {\n document.removeEventListener('click', this.handleOutsideClick, false)\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n this.initNewProps(nextProps)\n }\n\n handleClick = (e, callback) => {\n this.setState(prevState => {\n // keep dropdown active when typing in search box\n const showDropdown = this.props.showDropdown === 'always' || this.keepDropdownActive || !prevState.showDropdown\n\n // register event listeners only if there is a state change\n if (showDropdown !== prevState.showDropdown) {\n if (showDropdown) {\n document.addEventListener('click', this.handleOutsideClick, false)\n } else {\n document.removeEventListener('click', this.handleOutsideClick, false)\n }\n }\n\n if (showDropdown) this.props.onFocus()\n else this.props.onBlur()\n\n return !showDropdown ? { showDropdown, ...this.resetSearchState() } : { showDropdown }\n }, callback)\n }\n\n handleOutsideClick = e => {\n if (this.props.showDropdown === 'always' || !isOutsideClick(e, this.node)) {\n return\n }\n\n this.handleClick()\n }\n\n onInputChange = value => {\n const searchModeOn = value.length > 0\n if (!searchModeOn) {\n this.setState(this.resetSearchState())\n } else {\n const { allNodesHidden, tree } = this.treeManager.filterTree(\n value,\n this.props.keepTreeOnSearch,\n this.props.keepChildrenOnSearch\n )\n this.setState({\n tree,\n searchModeOn,\n allNodesHidden,\n })\n }\n }\n\n onTagRemove = (id, isKeyboardEvent) => {\n const { tags: prevTags } = this.state\n this.onCheckboxChange(id, false, tags => {\n if (!isKeyboardEvent) return\n\n keyboardNavigation.getNextFocusAfterTagDelete(id, prevTags, tags, this.searchInput).focus()\n })\n }\n\n onNodeToggle = id => {\n this.treeManager.toggleNodeExpandState(id)\n const tree = this.state.searchModeOn ? this.treeManager.matchTree : this.treeManager.tree\n this.setState({ tree })\n typeof this.props.onNodeToggle === 'function' && this.props.onNodeToggle(this.treeManager.getNodeById(id))\n }\n\n onCheckboxChange = (id, checked, callback) => {\n const { mode, keepOpenOnSelect, clearSearchOnChange } = this.props\n const { currentFocus, searchModeOn } = this.state\n this.treeManager.setNodeCheckedState(id, checked)\n let tags = this.treeManager.tags\n const isSingleSelect = ['simpleSelect', 'radioSelect'].indexOf(mode) > -1\n const showDropdown = isSingleSelect && !keepOpenOnSelect ? false : this.state.showDropdown\n const currentFocusNode = currentFocus && this.treeManager.getNodeById(currentFocus)\n const node = this.treeManager.getNodeById(id)\n\n if (!tags.length) {\n this.treeManager.restoreDefaultValues()\n tags = this.treeManager.tags\n }\n\n const tree = searchModeOn ? this.treeManager.matchTree : this.treeManager.tree\n const nextState = {\n tree,\n tags,\n showDropdown,\n currentFocus: id,\n }\n\n if ((isSingleSelect && !showDropdown) || clearSearchOnChange) {\n Object.assign(nextState, this.resetSearchState())\n }\n\n if (isSingleSelect && !showDropdown) {\n document.removeEventListener('click', this.handleOutsideClick, false)\n }\n\n keyboardNavigation.adjustFocusedProps(currentFocusNode, node)\n this.setState(nextState, () => {\n callback && callback(tags)\n })\n this.props.onChange(node, tags)\n }\n\n onAction = (nodeId, action) => {\n this.props.onAction(this.treeManager.getNodeById(nodeId), action)\n }\n\n onInputFocus = () => {\n this.keepDropdownActive = true\n }\n\n onInputBlur = () => {\n this.keepDropdownActive = false\n }\n\n onTrigger = e => {\n this.handleClick(e, () => {\n // If the dropdown is shown after key press, focus the input\n if (this.state.showDropdown) {\n this.searchInput.focus()\n }\n })\n }\n\n onKeyboardKeyDown = e => {\n const { readOnly, mode, disablePoppingOnBackspace } = this.props\n const { showDropdown, tags, searchModeOn, currentFocus } = this.state\n const tm = this.treeManager\n const tree = searchModeOn ? tm.matchTree : tm.tree\n\n if (!showDropdown && (keyboardNavigation.isValidKey(e.key, false) || /^\\w$/i.test(e.key))) {\n // Triggers open of dropdown and retriggers event\n e.persist()\n this.handleClick(null, () => this.onKeyboardKeyDown(e))\n if (/\\w/i.test(e.key)) return\n } else if (showDropdown && keyboardNavigation.isValidKey(e.key, true)) {\n const newFocus = tm.handleNavigationKey(\n currentFocus,\n tree,\n e.key,\n readOnly,\n !searchModeOn,\n this.onCheckboxChange,\n this.onNodeToggle\n )\n if (newFocus !== currentFocus) {\n this.setState({ currentFocus: newFocus }, () => {\n const ele = document && document.getElementById(`${newFocus}_li`)\n ele && ele.scrollIntoView()\n })\n }\n } else if (showDropdown && ['Escape', 'Tab'].indexOf(e.key) > -1) {\n if (mode === 'simpleSelect' && tree.has(currentFocus)) {\n this.onCheckboxChange(currentFocus, true)\n } else {\n // Triggers close\n this.keepDropdownActive = false\n this.handleClick()\n }\n return\n } else if (\n !disablePoppingOnBackspace &&\n e.key === 'Backspace' &&\n tags.length &&\n this.searchInput.value.length === 0\n ) {\n const lastTag = tags.pop()\n this.onCheckboxChange(lastTag._id, false)\n } else {\n return\n }\n e.preventDefault()\n }\n\n getAriaAttributes = () => {\n const { mode, texts } = this.props\n\n if (mode !== 'radioSelect') return {}\n\n return {\n role: 'radiogroup',\n ...getAriaLabel(texts.label),\n }\n }\n\n render() {\n const { disabled, readOnly, mode, texts, inlineSearchInput, tabIndex } = this.props\n const { showDropdown, currentFocus, tags } = this.state\n\n const activeDescendant = currentFocus ? `${currentFocus}_li` : undefined\n\n const commonProps = { disabled, readOnly, activeDescendant, texts, mode, clientId: this.clientId }\n\n const searchInput = (\n {\n this.searchInput = el\n }}\n onInputChange={this.onInputChange}\n onFocus={this.onInputFocus}\n onBlur={this.onInputBlur}\n onKeyDown={this.onKeyboardKeyDown}\n {...commonProps}\n inlineSearchInput={inlineSearchInput}\n />\n )\n return (\n {\n this.node = node\n }}\n >\n \n \n \n {!inlineSearchInput && searchInput}\n \n \n {showDropdown && (\n \n {inlineSearchInput && searchInput}\n {this.state.allNodesHidden ? (\n {texts.noMatches || 'No matches found'}\n ) : (\n \n )}\n
\n )}\n