botframework-webchat-component 4.18.1-main.20260518.2a3d1d3 → 4.18.2

package/lib/Utils/AccessibleInputText.js

@@ -0,0 +1,114 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _useEnterKeyHint = _interopRequireDefault(require("../hooks/internal/useEnterKeyHint"));
+var _excluded = ["aria-errormessage", "className", "disabled", "enterKeyHint", "onChange", "onFocus", "onKeyDown", "onKeyDownCapture", "onKeyPress", "onSelect", "placeholder", "readOnly", "tabIndex", "value"];
+/* eslint no-magic-numbers: ["error", { "ignore": [-1] }] */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+// Differences between <input type="text"> and <AccessibleInputText>:
+// - Disable behavior
+//   - When the widget is disabled
+//     - Set "aria-disabled" attribute to "true"
+//     - Set "readonly" attribute
+//     - Set "tabIndex" to -1
+//     - Remove "onChange" handler
+//   - Why this is needed
+//     - Browser compatibility: when the widget is disabled, different browser send focus to different places
+//     - When the widget is disabled, it's reasonable to keep the focus on the same widget for an extended period of time
+//       - When the user presses TAB after the current widget is disabled, it should jump to the next non-disabled widget
+
+// Developers using this accessible widget will need to:
+// - Style the disabled widget themselves, using CSS query `:disabled, [aria-disabled="true"] {}`
+// - Modify all the code that checks disabled through the "disabled" attribute to use aria-disabled="true" instead
+//   - aria-disabled="true" is the source of truth
+// - If the widget is contained by a <form>, the developer need to filter out some `onSubmit` event caused by this widget
+
+var AccessibleInputText = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
+  var ariaErrorMessage = _ref['aria-errormessage'],
+    className = _ref.className,
+    disabled = _ref.disabled,
+    enterKeyHint = _ref.enterKeyHint,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onKeyDown = _ref.onKeyDown,
+    onKeyDownCapture = _ref.onKeyDownCapture,
+    onKeyPress = _ref.onKeyPress,
+    onSelect = _ref.onSelect,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    tabIndex = _ref.tabIndex,
+    value = _ref.value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var targetRef = (0, _react.useRef)();
+  var ref = forwardedRef || targetRef;
+  (0, _useEnterKeyHint.default)(ref, enterKeyHint);
+  return /*#__PURE__*/_react.default.createElement("input", _extends({
+    "aria-disabled": disabled || undefined,
+    "aria-errormessage": ariaErrorMessage,
+    className: className,
+    onChange: disabled ? undefined : onChange,
+    onFocus: disabled ? undefined : onFocus,
+    onKeyDown: disabled ? undefined : onKeyDown,
+    onKeyDownCapture: disabled ? undefined : onKeyDownCapture,
+    onKeyPress: disabled ? undefined : onKeyPress,
+    onSelect: disabled ? undefined : onSelect,
+    placeholder: placeholder,
+    readOnly: readOnly || disabled,
+    ref: ref,
+    tabIndex: disabled ? -1 : tabIndex,
+    value: value
+  }, props, {
+    type: "text"
+  }));
+});
+AccessibleInputText.defaultProps = {
+  'aria-errormessage': undefined,
+  className: undefined,
+  disabled: undefined,
+  enterKeyHint: undefined,
+  inputMode: undefined,
+  onChange: undefined,
+  onFocus: undefined,
+  onKeyDown: undefined,
+  onKeyDownCapture: undefined,
+  onKeyPress: undefined,
+  onSelect: undefined,
+  placeholder: undefined,
+  readOnly: undefined,
+  tabIndex: undefined,
+  value: undefined
+};
+AccessibleInputText.displayName = 'AccessibleInputText';
+AccessibleInputText.propTypes = {
+  'aria-errormessage': _propTypes.default.string,
+  className: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  enterKeyHint: _propTypes.default.string,
+  inputMode: _propTypes.default.oneOf(['text', 'none', 'tel', 'url', 'email', 'numeric', 'decimal', 'search']),
+  onChange: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
+  onKeyDown: _propTypes.default.func,
+  onKeyDownCapture: _propTypes.default.func,
+  onKeyPress: _propTypes.default.func,
+  onSelect: _propTypes.default.func,
+  placeholder: _propTypes.default.string,
+  readOnly: _propTypes.default.bool,
+  tabIndex: _propTypes.default.number,
+  // @ts-ignore PropTypes and TypeScript type do not well understood each other.
+  type: _propTypes.default.oneOf(['text']).isRequired,
+  value: _propTypes.default.string
+};
+var _default = AccessibleInputText;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl91c2VFbnRlcktleUhpbnQiLCJfZXhjbHVkZWQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJub2RlSW50ZXJvcCIsIldlYWtNYXAiLCJjYWNoZUJhYmVsSW50ZXJvcCIsImNhY2hlTm9kZUludGVyb3AiLCJvYmoiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImRlZmF1bHQiLCJjYWNoZSIsImhhcyIsImdldCIsIm5ld09iaiIsImhhc1Byb3BlcnR5RGVzY3JpcHRvciIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiZGVzYyIsInNldCIsIl9leHRlbmRzIiwiYXNzaWduIiwiYmluZCIsInRhcmdldCIsImkiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJzb3VyY2UiLCJhcHBseSIsIl9vYmplY3RXaXRob3V0UHJvcGVydGllcyIsImV4Y2x1ZGVkIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzTG9vc2UiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJzb3VyY2VTeW1ib2xLZXlzIiwiaW5kZXhPZiIsInByb3BlcnR5SXNFbnVtZXJhYmxlIiwic291cmNlS2V5cyIsImtleXMiLCJBY2Nlc3NpYmxlSW5wdXRUZXh0IiwiZm9yd2FyZFJlZiIsIl9yZWYiLCJmb3J3YXJkZWRSZWYiLCJhcmlhRXJyb3JNZXNzYWdlIiwiY2xhc3NOYW1lIiwiZGlzYWJsZWQiLCJlbnRlcktleUhpbnQiLCJvbkNoYW5nZSIsIm9uRm9jdXMiLCJvbktleURvd24iLCJvbktleURvd25DYXB0dXJlIiwib25LZXlQcmVzcyIsIm9uU2VsZWN0IiwicGxhY2Vob2xkZXIiLCJyZWFkT25seSIsInRhYkluZGV4IiwidmFsdWUiLCJwcm9wcyIsInRhcmdldFJlZiIsInVzZVJlZiIsInJlZiIsInVzZUVudGVyS2V5SGludCIsImNyZWF0ZUVsZW1lbnQiLCJ1bmRlZmluZWQiLCJ0eXBlIiwiZGVmYXVsdFByb3BzIiwiaW5wdXRNb2RlIiwiZGlzcGxheU5hbWUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJib29sIiwib25lT2YiLCJmdW5jIiwibnVtYmVyIiwiaXNSZXF1aXJlZCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL1V0aWxzL0FjY2Vzc2libGVJbnB1dFRleHQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludCBuby1tYWdpYy1udW1iZXJzOiBbXCJlcnJvclwiLCB7IFwiaWdub3JlXCI6IFstMV0gfV0gKi9cblxuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwge1xuICBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIEZvY3VzRXZlbnRIYW5kbGVyLFxuICBmb3J3YXJkUmVmLFxuICBLZXlib2FyZEV2ZW50SGFuZGxlcixcbiAgUmVhY3RFdmVudEhhbmRsZXIsXG4gIHVzZVJlZlxufSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB1c2VFbnRlcktleUhpbnQgZnJvbSAnLi4vaG9va3MvaW50ZXJuYWwvdXNlRW50ZXJLZXlIaW50JztcblxuLy8gRGlmZmVyZW5jZXMgYmV0d2VlbiA8aW5wdXQgdHlwZT1cInRleHRcIj4gYW5kIDxBY2Nlc3NpYmxlSW5wdXRUZXh0Pjpcbi8vIC0gRGlzYWJsZSBiZWhhdmlvclxuLy8gICAtIFdoZW4gdGhlIHdpZGdldCBpcyBkaXNhYmxlZFxuLy8gICAgIC0gU2V0IFwiYXJpYS1kaXNhYmxlZFwiIGF0dHJpYnV0ZSB0byBcInRydWVcIlxuLy8gICAgIC0gU2V0IFwicmVhZG9ubHlcIiBhdHRyaWJ1dGVcbi8vICAgICAtIFNldCBcInRhYkluZGV4XCIgdG8gLTFcbi8vICAgICAtIFJlbW92ZSBcIm9uQ2hhbmdlXCIgaGFuZGxlclxuLy8gICAtIFdoeSB0aGlzIGlzIG5lZWRlZFxuLy8gICAgIC0gQnJvd3NlciBjb21wYXRpYmlsaXR5OiB3aGVuIHRoZSB3aWRnZXQgaXMgZGlzYWJsZWQsIGRpZmZlcmVudCBicm93c2VyIHNlbmQgZm9jdXMgdG8gZGlmZmVyZW50IHBsYWNlc1xuLy8gICAgIC0gV2hlbiB0aGUgd2lkZ2V0IGlzIGRpc2FibGVkLCBpdCdzIHJlYXNvbmFibGUgdG8ga2VlcCB0aGUgZm9jdXMgb24gdGhlIHNhbWUgd2lkZ2V0IGZvciBhbiBleHRlbmRlZCBwZXJpb2Qgb2YgdGltZVxuLy8gICAgICAgLSBXaGVuIHRoZSB1c2VyIHByZXNzZXMgVEFCIGFmdGVyIHRoZSBjdXJyZW50IHdpZGdldCBpcyBkaXNhYmxlZCwgaXQgc2hvdWxkIGp1bXAgdG8gdGhlIG5leHQgbm9uLWRpc2FibGVkIHdpZGdldFxuXG4vLyBEZXZlbG9wZXJzIHVzaW5nIHRoaXMgYWNjZXNzaWJsZSB3aWRnZXQgd2lsbCBuZWVkIHRvOlxuLy8gLSBTdHlsZSB0aGUgZGlzYWJsZWQgd2lkZ2V0IHRoZW1zZWx2ZXMsIHVzaW5nIENTUyBxdWVyeSBgOmRpc2FibGVkLCBbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0ge31gXG4vLyAtIE1vZGlmeSBhbGwgdGhlIGNvZGUgdGhhdCBjaGVja3MgZGlzYWJsZWQgdGhyb3VnaCB0aGUgXCJkaXNhYmxlZFwiIGF0dHJpYnV0ZSB0byB1c2UgYXJpYS1kaXNhYmxlZD1cInRydWVcIiBpbnN0ZWFkXG4vLyAgIC0gYXJpYS1kaXNhYmxlZD1cInRydWVcIiBpcyB0aGUgc291cmNlIG9mIHRydXRoXG4vLyAtIElmIHRoZSB3aWRnZXQgaXMgY29udGFpbmVkIGJ5IGEgPGZvcm0+LCB0aGUgZGV2ZWxvcGVyIG5lZWQgdG8gZmlsdGVyIG91dCBzb21lIGBvblN1Ym1pdGAgZXZlbnQgY2F1c2VkIGJ5IHRoaXMgd2lkZ2V0XG5cbnR5cGUgQWNjZXNzaWJsZUlucHV0VGV4dFByb3BzID0ge1xuICAnYXJpYS1lcnJvcm1lc3NhZ2UnPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZW50ZXJLZXlIaW50Pzogc3RyaW5nO1xuICBpbnB1dE1vZGU/OiAndGV4dCcgfCAnbm9uZScgfCAndGVsJyB8ICd1cmwnIHwgJ2VtYWlsJyB8ICdudW1lcmljJyB8ICdkZWNpbWFsJyB8ICdzZWFyY2gnO1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PjtcbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBvbktleURvd24/OiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50PjtcbiAgb25LZXlEb3duQ2FwdHVyZT86IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBvbktleVByZXNzPzogS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG4gIG9uU2VsZWN0PzogUmVhY3RFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIHRhYkluZGV4PzogbnVtYmVyO1xuICB0eXBlOiAndGV4dCc7XG4gIHZhbHVlPzogc3RyaW5nO1xufTtcblxuY29uc3QgQWNjZXNzaWJsZUlucHV0VGV4dCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgQWNjZXNzaWJsZUlucHV0VGV4dFByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgICdhcmlhLWVycm9ybWVzc2FnZSc6IGFyaWFFcnJvck1lc3NhZ2UsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGVudGVyS2V5SGludCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uS2V5RG93bixcbiAgICAgIG9uS2V5RG93bkNhcHR1cmUsXG4gICAgICBvbktleVByZXNzLFxuICAgICAgb25TZWxlY3QsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgdGFiSW5kZXgsXG4gICAgICB2YWx1ZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICBmb3J3YXJkZWRSZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgdGFyZ2V0UmVmID0gdXNlUmVmKCk7XG5cbiAgICBjb25zdCByZWYgPSBmb3J3YXJkZWRSZWYgfHwgdGFyZ2V0UmVmO1xuXG4gICAgdXNlRW50ZXJLZXlIaW50KHJlZiwgZW50ZXJLZXlIaW50KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8aW5wdXRcbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWQgfHwgdW5kZWZpbmVkfVxuICAgICAgICBhcmlhLWVycm9ybWVzc2FnZT17YXJpYUVycm9yTWVzc2FnZX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtkaXNhYmxlZCA/IHVuZGVmaW5lZCA6IG9uQ2hhbmdlfVxuICAgICAgICBvbkZvY3VzPXtkaXNhYmxlZCA/IHVuZGVmaW5lZCA6IG9uRm9jdXN9XG4gICAgICAgIG9uS2V5RG93bj17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBvbktleURvd259XG4gICAgICAgIG9uS2V5RG93bkNhcHR1cmU9e2Rpc2FibGVkID8gdW5kZWZpbmVkIDogb25LZXlEb3duQ2FwdHVyZX1cbiAgICAgICAgb25LZXlQcmVzcz17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBvbktleVByZXNzfVxuICAgICAgICBvblNlbGVjdD17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBvblNlbGVjdH1cbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0YWJJbmRleD17ZGlzYWJsZWQgPyAtMSA6IHRhYkluZGV4fVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgLz5cbiAgICApO1xuICB9XG4pO1xuXG5BY2Nlc3NpYmxlSW5wdXRUZXh0LmRlZmF1bHRQcm9wcyA9IHtcbiAgJ2FyaWEtZXJyb3JtZXNzYWdlJzogdW5kZWZpbmVkLFxuICBjbGFzc05hbWU6IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQ6IHVuZGVmaW5lZCxcbiAgZW50ZXJLZXlIaW50OiB1bmRlZmluZWQsXG4gIGlucHV0TW9kZTogdW5kZWZpbmVkLFxuICBvbkNoYW5nZTogdW5kZWZpbmVkLFxuICBvbkZvY3VzOiB1bmRlZmluZWQsXG4gIG9uS2V5RG93bjogdW5kZWZpbmVkLFxuICBvbktleURvd25DYXB0dXJlOiB1bmRlZmluZWQsXG4gIG9uS2V5UHJlc3M6IHVuZGVmaW5lZCxcbiAgb25TZWxlY3Q6IHVuZGVmaW5lZCxcbiAgcGxhY2Vob2xkZXI6IHVuZGVmaW5lZCxcbiAgcmVhZE9ubHk6IHVuZGVmaW5lZCxcbiAgdGFiSW5kZXg6IHVuZGVmaW5lZCxcbiAgdmFsdWU6IHVuZGVmaW5lZFxufTtcblxuQWNjZXNzaWJsZUlucHV0VGV4dC5kaXNwbGF5TmFtZSA9ICdBY2Nlc3NpYmxlSW5wdXRUZXh0JztcblxuQWNjZXNzaWJsZUlucHV0VGV4dC5wcm9wVHlwZXMgPSB7XG4gICdhcmlhLWVycm9ybWVzc2FnZSc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBlbnRlcktleUhpbnQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlucHV0TW9kZTogUHJvcFR5cGVzLm9uZU9mKFsndGV4dCcsICdub25lJywgJ3RlbCcsICd1cmwnLCAnZW1haWwnLCAnbnVtZXJpYycsICdkZWNpbWFsJywgJ3NlYXJjaCddKSxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBvbkZvY3VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgb25LZXlEb3duOiBQcm9wVHlwZXMuZnVuYyxcbiAgb25LZXlEb3duQ2FwdHVyZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uS2V5UHJlc3M6IFByb3BUeXBlcy5mdW5jLFxuICBvblNlbGVjdDogUHJvcFR5cGVzLmZ1bmMsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICByZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIHRhYkluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICAvLyBAdHMtaWdub3JlIFByb3BUeXBlcyBhbmQgVHlwZVNjcmlwdCB0eXBlIGRvIG5vdCB3ZWxsIHVuZGVyc3Rvb2QgZWFjaCBvdGhlci5cbiAgdHlwZTogUHJvcFR5cGVzLm9uZU9mKFsndGV4dCddKS5pc1JlcXVpcmVkLFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWNjZXNzaWJsZUlucHV0VGV4dDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUVBLElBQUFBLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUYsT0FBQTtBQVNBLElBQUFHLGdCQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFBZ0UsSUFBQUksU0FBQTtBQVpoRTtBQUFBLFNBQUFDLHlCQUFBQyxXQUFBLGVBQUFDLE9BQUEsa0NBQUFDLGlCQUFBLE9BQUFELE9BQUEsUUFBQUUsZ0JBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsV0FBQSxXQUFBQSxXQUFBLEdBQUFHLGdCQUFBLEdBQUFELGlCQUFBLEtBQUFGLFdBQUE7QUFBQSxTQUFBSix3QkFBQVEsR0FBQSxFQUFBSixXQUFBLFNBQUFBLFdBQUEsSUFBQUksR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsV0FBQUQsR0FBQSxRQUFB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

package/lib/Utils/AccessibleTextArea.d.ts

@@ -0,0 +1,20 @@
+import React, { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, ReactEventHandler } from 'react';
+type AccessibleTextAreaProps = {
+    className?: string;
+    disabled?: boolean;
+    inputMode?: 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onKeyDownCapture?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onKeyPress?: KeyboardEventHandler<HTMLTextAreaElement>;
+    onSelect?: ReactEventHandler<HTMLTextAreaElement>;
+    placeholder?: string;
+    readOnly?: boolean;
+    rows?: number;
+    tabIndex?: number;
+    value?: string;
+};
+declare const AccessibleTextArea: React.ForwardRefExoticComponent<AccessibleTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default AccessibleTextArea;
+//# sourceMappingURL=AccessibleTextArea.d.ts.map

package/lib/Utils/AccessibleTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessibleTextArea.d.ts","sourceRoot":"","sources":["../../src/Utils/AccessibleTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,iBAAiB,EAEjB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,OAAO,CAAC;AAoBf,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACzF,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC7D,UAAU,CAAC,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IACvD,QAAQ,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,kBAAkB,qGA4CvB,CAAC;AAsCF,eAAe,kBAAkB,CAAC"}

package/lib/Utils/AccessibleTextArea.js

@@ -0,0 +1,105 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["className", "disabled", "inputMode", "onChange", "onFocus", "onKeyDown", "onKeyDownCapture", "onKeyPress", "onSelect", "placeholder", "readOnly", "rows", "tabIndex"];
+/* eslint no-magic-numbers: ["error", { "ignore": [-1] }] */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+// Differences between <textarea> and <AccessibleTextArea>:
+// - Disable behavior
+//   - When the widget is disabled
+//     - Set "aria-disabled" attribute to "true"
+//     - Set "readonly" attribute
+//     - Set "tabIndex" to -1
+//     - Remove "onChange" handler
+//   - Why this is needed
+//     - Browser compatibility: when the widget is disabled, different browser send focus to different places
+//     - When the widget is disabled, it's reasonable to keep the focus on the same widget for an extended period of time
+//       - When the user presses TAB after the current widget is disabled, it should move the focus to the next non-disabled widget
+
+// Developers using this accessible widget will need to:
+// - Style the disabled widget themselves using CSS query `:disabled, [aria-disabled="true"] {}`
+// - Modify all the code that checks disabled through the "disabled" attribute to use aria-disabled="true" instead
+//   - aria-disabled="true" is the source of truth
+// - If the widget is contained by a <form>, the developer need to filter out some `onSubmit` event caused by this widget
+
+var AccessibleTextArea = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
+  var className = _ref.className,
+    disabled = _ref.disabled,
+    inputMode = _ref.inputMode,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onKeyDown = _ref.onKeyDown,
+    onKeyDownCapture = _ref.onKeyDownCapture,
+    onKeyPress = _ref.onKeyPress,
+    onSelect = _ref.onSelect,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    rows = _ref.rows,
+    tabIndex = _ref.tabIndex,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var targetRef = (0, _react.useRef)();
+  var ref = forwardedRef || targetRef;
+  return /*#__PURE__*/_react.default.createElement("textarea", _extends({
+    "aria-disabled": disabled || undefined,
+    className: className,
+    inputMode: inputMode,
+    onChange: disabled ? undefined : onChange,
+    onFocus: disabled ? undefined : onFocus,
+    onKeyDown: disabled ? undefined : onKeyDown,
+    onKeyDownCapture: disabled ? undefined : onKeyDownCapture,
+    onKeyPress: disabled ? undefined : onKeyPress,
+    onSelect: disabled ? undefined : onSelect,
+    placeholder: placeholder,
+    readOnly: readOnly || disabled,
+    ref: ref,
+    rows: rows,
+    tabIndex: disabled ? -1 : tabIndex
+  }, props));
+});
+AccessibleTextArea.defaultProps = {
+  className: undefined,
+  disabled: undefined,
+  inputMode: undefined,
+  onChange: undefined,
+  onFocus: undefined,
+  onKeyDown: undefined,
+  onKeyDownCapture: undefined,
+  onKeyPress: undefined,
+  onSelect: undefined,
+  placeholder: undefined,
+  readOnly: undefined,
+  rows: undefined,
+  tabIndex: undefined,
+  value: undefined
+};
+AccessibleTextArea.displayName = 'AccessibleTextArea';
+AccessibleTextArea.propTypes = {
+  className: _propTypes.default.string,
+  disabled: _propTypes.default.bool,
+  inputMode: _propTypes.default.oneOf(['text', 'none', 'tel', 'url', 'email', 'numeric', 'decimal', 'search']),
+  onChange: _propTypes.default.func,
+  onFocus: _propTypes.default.func,
+  onKeyDown: _propTypes.default.func,
+  onKeyDownCapture: _propTypes.default.func,
+  onKeyPress: _propTypes.default.func,
+  onSelect: _propTypes.default.func,
+  placeholder: _propTypes.default.string,
+  readOnly: _propTypes.default.bool,
+  rows: _propTypes.default.number,
+  tabIndex: _propTypes.default.number,
+  value: _propTypes.default.string
+};
+var _default = AccessibleTextArea;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9leGNsdWRlZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiX2V4dGVuZHMiLCJhc3NpZ24iLCJiaW5kIiwidGFyZ2V0IiwiaSIsImFyZ3VtZW50cyIsImxlbmd0aCIsInNvdXJjZSIsImFwcGx5IiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzIiwiZXhjbHVkZWQiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXNMb29zZSIsImdldE93blByb3BlcnR5U3ltYm9scyIsInNvdXJjZVN5bWJvbEtleXMiLCJpbmRleE9mIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJzb3VyY2VLZXlzIiwia2V5cyIsIkFjY2Vzc2libGVUZXh0QXJlYSIsImZvcndhcmRSZWYiLCJfcmVmIiwiZm9yd2FyZGVkUmVmIiwiY2xhc3NOYW1lIiwiZGlzYWJsZWQiLCJpbnB1dE1vZGUiLCJvbkNoYW5nZSIsIm9uRm9jdXMiLCJvbktleURvd24iLCJvbktleURvd25DYXB0dXJlIiwib25LZXlQcmVzcyIsIm9uU2VsZWN0IiwicGxhY2Vob2xkZXIiLCJyZWFkT25seSIsInJvd3MiLCJ0YWJJbmRleCIsInByb3BzIiwidGFyZ2V0UmVmIiwidXNlUmVmIiwicmVmIiwiY3JlYXRlRWxlbWVudCIsInVuZGVmaW5lZCIsImRlZmF1bHRQcm9wcyIsInZhbHVlIiwiZGlzcGxheU5hbWUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJib29sIiwib25lT2YiLCJmdW5jIiwibnVtYmVyIiwiX2RlZmF1bHQiLCJleHBvcnRzIl0sInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlcyI6WyIuLi8uLi9zcmMvVXRpbHMvQWNjZXNzaWJsZVRleHRBcmVhLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQgbm8tbWFnaWMtbnVtYmVyczogW1wiZXJyb3JcIiwgeyBcImlnbm9yZVwiOiBbLTFdIH1dICovXG5cbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHtcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBGb2N1c0V2ZW50SGFuZGxlcixcbiAgZm9yd2FyZFJlZixcbiAgS2V5Ym9hcmRFdmVudEhhbmRsZXIsXG4gIFJlYWN0RXZlbnRIYW5kbGVyLFxuICB1c2VSZWZcbn0gZnJvbSAncmVhY3QnO1xuXG4vLyBEaWZmZXJlbmNlcyBiZXR3ZWVuIDx0ZXh0YXJlYT4gYW5kIDxBY2Nlc3NpYmxlVGV4dEFyZWE+OlxuLy8gLSBEaXNhYmxlIGJlaGF2aW9yXG4vLyAgIC0gV2hlbiB0aGUgd2lkZ2V0IGlzIGRpc2FibGVkXG4vLyAgICAgLSBTZXQgXCJhcmlhLWRpc2FibGVkXCIgYXR0cmlidXRlIHRvIFwidHJ1ZVwiXG4vLyAgICAgLSBTZXQgXCJyZWFkb25seVwiIGF0dHJpYnV0ZVxuLy8gICAgIC0gU2V0IFwidGFiSW5kZXhcIiB0byAtMVxuLy8gICAgIC0gUmVtb3ZlIFwib25DaGFuZ2VcIiBoYW5kbGVyXG4vLyAgIC0gV2h5IHRoaXMgaXMgbmVlZGVkXG4vLyAgICAgLSBCcm93c2VyIGNvbXBhdGliaWxpdHk6IHdoZW4gdGhlIHdpZGdldCBpcyBkaXNhYmxlZCwgZGlmZmVyZW50IGJyb3dzZXIgc2VuZCBmb2N1cyB0byBkaWZmZXJlbnQgcGxhY2VzXG4vLyAgICAgLSBXaGVuIHRoZSB3aWRnZXQgaXMgZGlzYWJsZWQsIGl0J3MgcmVhc29uYWJsZSB0byBrZWVwIHRoZSBmb2N1cyBvbiB0aGUgc2FtZSB3aWRnZXQgZm9yIGFuIGV4dGVuZGVkIHBlcmlvZCBvZiB0aW1lXG4vLyAgICAgICAtIFdoZW4gdGhlIHVzZXIgcHJlc3NlcyBUQUIgYWZ0ZXIgdGhlIGN1cnJlbnQgd2lkZ2V0IGlzIGRpc2FibGVkLCBpdCBzaG91bGQgbW92ZSB0aGUgZm9jdXMgdG8gdGhlIG5leHQgbm9uLWRpc2FibGVkIHdpZGdldFxuXG4vLyBEZXZlbG9wZXJzIHVzaW5nIHRoaXMgYWNjZXNzaWJsZSB3aWRnZXQgd2lsbCBuZWVkIHRvOlxuLy8gLSBTdHlsZSB0aGUgZGlzYWJsZWQgd2lkZ2V0IHRoZW1zZWx2ZXMgdXNpbmcgQ1NTIHF1ZXJ5IGA6ZGlzYWJsZWQsIFthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7fWBcbi8vIC0gTW9kaWZ5IGFsbCB0aGUgY29kZSB0aGF0IGNoZWNrcyBkaXNhYmxlZCB0aHJvdWdoIHRoZSBcImRpc2FibGVkXCIgYXR0cmlidXRlIHRvIHVzZSBhcmlhLWRpc2FibGVkPVwidHJ1ZVwiIGluc3RlYWRcbi8vICAgLSBhcmlhLWRpc2FibGVkPVwidHJ1ZVwiIGlzIHRoZSBzb3VyY2Ugb2YgdHJ1dGhcbi8vIC0gSWYgdGhlIHdpZGdldCBpcyBjb250YWluZWQgYnkgYSA8Zm9ybT4sIHRoZSBkZXZlbG9wZXIgbmVlZCB0byBmaWx0ZXIgb3V0IHNvbWUgYG9uU3VibWl0YCBldmVudCBjYXVzZWQgYnkgdGhpcyB3aWRnZXRcblxudHlwZSBBY2Nlc3NpYmxlVGV4dEFyZWFQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGlucHV0TW9kZT86ICd0ZXh0JyB8ICdub25lJyB8ICd0ZWwnIHwgJ3VybCcgfCAnZW1haWwnIHwgJ251bWVyaWMnIHwgJ2RlY2ltYWwnIHwgJ3NlYXJjaCc7XG4gIG9uQ2hhbmdlPzogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICBvbkZvY3VzPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD47XG4gIG9uS2V5RG93bj86IEtleWJvYXJkRXZlbnRIYW5kbGVyPEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICBvbktleURvd25DYXB0dXJlPzogS2V5Ym9hcmRFdmVudEhhbmRsZXI8SFRNTFRleHRBcmVhRWxlbWVudD47XG4gIG9uS2V5UHJlc3M/OiBLZXlib2FyZEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgb25TZWxlY3Q/OiBSZWFjdEV2ZW50SGFuZGxlcjxIVE1MVGV4dEFyZWFFbGVtZW50PjtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgcm93cz86IG51bWJlcjtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG4gIHZhbHVlPzogc3RyaW5nO1xufTtcblxuY29uc3QgQWNjZXNzaWJsZVRleHRBcmVhID0gZm9yd2FyZFJlZjxIVE1MVGV4dEFyZWFFbGVtZW50LCBBY2Nlc3NpYmxlVGV4dEFyZWFQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIGlucHV0TW9kZSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uS2V5RG93bixcbiAgICAgIG9uS2V5RG93bkNhcHR1cmUsXG4gICAgICBvbktleVByZXNzLFxuICAgICAgb25TZWxlY3QsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIHJlYWRPbmx5LFxuICAgICAgcm93cyxcbiAgICAgIHRhYkluZGV4LFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIGZvcndhcmRlZFJlZlxuICApID0+IHtcbiAgICBjb25zdCB0YXJnZXRSZWYgPSB1c2VSZWYoKTtcblxuICAgIGNvbnN0IHJlZiA9IGZvcndhcmRlZFJlZiB8fCB0YXJnZXRSZWY7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPHRleHRhcmVhXG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGlucHV0TW9kZT17aW5wdXRNb2RlfVxuICAgICAgICBvbkNoYW5nZT17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBvbkNoYW5nZX1cbiAgICAgICAgb25Gb2N1cz17ZGlzYWJsZWQgPyB1bmRlZmluZWQgOiBvbkZvY3VzfVxuICAgICAgICBvbktleURvd249e2Rpc2FibGVkID8gdW5kZWZpbmVkIDogb25LZXlEb3dufVxuICAgICAgICBvbktleURvd25DYXB0dXJlPXtkaXNhYmxlZCA/IHVuZGVmaW5lZCA6IG9uS2V5RG93bkNhcHR1cmV9XG4gICAgICAgIG9uS2V5UHJlc3M9e2Rpc2FibGVkID8gdW5kZWZpbmVkIDogb25LZXlQcmVzc31cbiAgICAgICAgb25TZWxlY3Q9e2Rpc2FibGVkID8gdW5kZWZpbmVkIDogb25TZWxlY3R9XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiB0YWJJbmRleH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICApO1xuICB9XG4pO1xuXG5BY2Nlc3NpYmxlVGV4dEFyZWEuZGVmYXVsdFByb3BzID0ge1xuICBjbGFzc05hbWU6IHVuZGVmaW5lZCxcbiAgZGlzYWJsZWQ6IHVuZGVmaW5lZCxcbiAgaW5wdXRNb2RlOiB1bmRlZmluZWQsXG4gIG9uQ2hhbmdlOiB1bmRlZmluZWQsXG4gIG9uRm9jdXM6IHVuZGVmaW5lZCxcbiAgb25LZXlEb3duOiB1bmRlZmluZWQsXG4gIG9uS2V5RG93bkNhcHR1cmU6IHVuZGVmaW5lZCxcbiAgb25LZXlQcmVzczogdW5kZWZpbmVkLFxuICBvblNlbGVjdDogdW5kZWZpbmVkLFxuICBwbGFjZWhvbGRlcjogdW5kZWZpbmVkLFxuICByZWFkT25seTogdW5kZWZpbmVkLFxuICByb3dzOiB1bmRlZmluZWQsXG4gIHRhYkluZGV4OiB1bmRlZmluZWQsXG4gIHZhbHVlOiB1bmRlZmluZWRcbn07XG5cbkFjY2Vzc2libGVUZXh0QXJlYS5kaXNwbGF5TmFtZSA9ICdBY2Nlc3NpYmxlVGV4dEFyZWEnO1xuXG5BY2Nlc3NpYmxlVGV4dEFyZWEucHJvcFR5cGVzID0ge1xuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaW5wdXRNb2RlOiBQcm9wVHlwZXMub25lT2YoWyd0ZXh0JywgJ25vbmUnLCAndGVsJywgJ3VybCcsICdlbWFpbCcsICdudW1lcmljJywgJ2RlY2ltYWwnLCAnc2VhcmNoJ10pLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLFxuICBvbktleURvd25DYXB0dXJlOiBQcm9wVHlwZXMuZnVuYyxcbiAgb25LZXlQcmVzczogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uU2VsZWN0OiBQcm9wVHlwZXMuZnVuYyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHJlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgdGFiSW5kZXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nXG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY2Nlc3NpYmxlVGV4dEFyZWE7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFFQSxJQUFBQSxVQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJ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

package/lib/Utils/CroppedImage.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _useStyleToEmotionObject = _interopRequireDefault(require("../hooks/internal/useStyleToEmotionObject"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var ROOT_STYLE = {
+  overflow: 'hidden',
+  position: 'relative',
+  '& > img': {
+    height: 'auto',
+    left: '50%',
+    position: 'absolute',
+    top: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: '100%'
+  }
+};
+var CroppedImage = function CroppedImage(_ref) {
+  var alt = _ref.alt,
+    className = _ref.className,
+    height = _ref.height,
+    src = _ref.src,
+    width = _ref.width;
+  var rootClassName = (0, _useStyleToEmotionObject.default)()(ROOT_STYLE) + '';
+  var sizeStyle = (0, _react.useMemo)(function () {
+    return {
+      height: height,
+      width: width
+    };
+  }, [height, width]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(rootClassName, (className || '') + ''),
+    style: sizeStyle
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    alt: alt,
+    src: src
+  }));
+};
+CroppedImage.defaultProps = {
+  alt: '',
+  className: ''
+};
+CroppedImage.propTypes = {
+  alt: _propTypes.default.string,
+  className: _propTypes.default.string,
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  src: _propTypes.default.string.isRequired,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired
+};
+var _default = CroppedImage;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3Byb3BUeXBlcyIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX3VzZVN0eWxlVG9FbW90aW9uT2JqZWN0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwibm9kZUludGVyb3AiLCJXZWFrTWFwIiwiY2FjaGVCYWJlbEludGVyb3AiLCJjYWNoZU5vZGVJbnRlcm9wIiwib2JqIiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJkZWZhdWx0IiwiY2FjaGUiLCJoYXMiLCJnZXQiLCJuZXdPYmoiLCJoYXNQcm9wZXJ0eURlc2NyaXB0b3IiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImRlc2MiLCJzZXQiLCJST09UX1NUWUxFIiwib3ZlcmZsb3ciLCJwb3NpdGlvbiIsImhlaWdodCIsImxlZnQiLCJ0b3AiLCJ0cmFuc2Zvcm0iLCJ3aWR0aCIsIkNyb3BwZWRJbWFnZSIsIl9yZWYiLCJhbHQiLCJjbGFzc05hbWUiLCJzcmMiLCJyb290Q2xhc3NOYW1lIiwidXNlU3R5bGVUb0Vtb3Rpb25PYmplY3QiLCJzaXplU3R5bGUiLCJ1c2VNZW1vIiwiY3JlYXRlRWxlbWVudCIsImNsYXNzTmFtZXMiLCJzdHlsZSIsImRlZmF1bHRQcm9wcyIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsIm9uZU9mVHlwZSIsIm51bWJlciIsImlzUmVxdWlyZWQiLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9VdGlscy9Dcm9wcGVkSW1hZ2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB1c2VTdHlsZVRvRW1vdGlvbk9iamVjdCBmcm9tICcuLi9ob29rcy9pbnRlcm5hbC91c2VTdHlsZVRvRW1vdGlvbk9iamVjdCc7XG5cbmNvbnN0IFJPT1RfU1RZTEUgPSB7XG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG5cbiAgJyYgPiBpbWcnOiB7XG4gICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgbGVmdDogJzUwJScsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAnNTAlJyxcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTUwJSwgLTUwJSknLFxuICAgIHdpZHRoOiAnMTAwJSdcbiAgfVxufTtcblxuY29uc3QgQ3JvcHBlZEltYWdlID0gKHsgYWx0LCBjbGFzc05hbWUsIGhlaWdodCwgc3JjLCB3aWR0aCB9KSA9PiB7XG4gIGNvbnN0IHJvb3RDbGFzc05hbWUgPSB1c2VTdHlsZVRvRW1vdGlvbk9iamVjdCgpKFJPT1RfU1RZTEUpICsgJyc7XG4gIGNvbnN0IHNpemVTdHlsZSA9IHVzZU1lbW8oKCkgPT4gKHsgaGVpZ2h0LCB3aWR0aCB9KSwgW2hlaWdodCwgd2lkdGhdKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKHJvb3RDbGFzc05hbWUsIChjbGFzc05hbWUgfHwgJycpICsgJycpfSBzdHlsZT17c2l6ZVN0eWxlfT5cbiAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17c3JjfSAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuQ3JvcHBlZEltYWdlLmRlZmF1bHRQcm9wcyA9IHtcbiAgYWx0OiAnJyxcbiAgY2xhc3NOYW1lOiAnJ1xufTtcblxuQ3JvcHBlZEltYWdlLnByb3BUeXBlcyA9IHtcbiAgYWx0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhlaWdodDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLm51bWJlciwgUHJvcFR5cGVzLnN0cmluZ10pLmlzUmVxdWlyZWQsXG4gIHNyYzogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB3aWR0aDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLm51bWJlciwgUHJvcFR5cGVzLnN0cmluZ10pLmlzUmVxdWlyZWRcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENyb3BwZWRJbWFnZTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUgsT0FBQTtBQUVBLElBQUFJLHdCQUFBLEdBQUFMLHNCQUFBLENBQUFDLE9BQUE7QUFBZ0YsU0FBQUsseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFILHdCQUFBTyxHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsYUFBQUUsT0FBQSxDQUFBRixHQUFBLHlCQUFBQSxHQUFBLDRCQUFBRyxPQUFBLEVBQUFILEdBQUEsVUFBQUksS0FBQSxHQUFBVCx3QkFBQSxDQUFBQyxXQUFBLE9BQUFRLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFMLEdBQUEsWUFBQUksS0FBQSxDQUFBRSxHQUFBLENBQUFOLEdBQUEsU0FBQU8sTUFBQSxXQUFBQyxxQkFBQSxHQUFBQyxNQUFB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

package/lib/Utils/FocusRedirector.d.ts

@@ -0,0 +1,9 @@
+import type { FC, MutableRefObject } from 'react';
+type FocusRedirectorProps = {
+    className?: string;
+    onFocus?: () => void;
+    redirectRef?: MutableRefObject<HTMLElement>;
+};
+declare const FocusRedirector: FC<FocusRedirectorProps>;
+export default FocusRedirector;
+//# sourceMappingURL=FocusRedirector.d.ts.map

package/lib/Utils/FocusRedirector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusRedirector.d.ts","sourceRoot":"","sources":["../../src/Utils/FocusRedirector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAWlD,KAAK,oBAAoB,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAc7C,CAAC;AAkBF,eAAe,eAAe,CAAC"}

package/lib/Utils/FocusRedirector.js

@@ -0,0 +1,61 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// This is an element, when focused, will send the focus to the ref specified in "redirectRef".
+// Although the focus is being redirected, browser will scroll this redirector element into view.
+
+// Browser's "scrollIntoView()" call cannot be prevented through event.preventDefault() in both
+// bubble and capture phase of "focus" event.
+
+// When this focus redirector is put inside a scrollable container, you may want to resize or reposition
+// it to prevent unintentional scroll done by the browser default behavior.
+
+var FocusRedirector = function FocusRedirector(_ref) {
+  var className = _ref.className,
+    onFocus = _ref.onFocus,
+    redirectRef = _ref.redirectRef;
+  var handleFocus = (0, _react.useCallback)(function () {
+    var _redirectRef$current;
+    redirectRef === null || redirectRef === void 0 ? void 0 : (_redirectRef$current = redirectRef.current) === null || _redirectRef$current === void 0 ? void 0 : _redirectRef$current.focus();
+    onFocus && onFocus();
+  }, [onFocus, redirectRef]);
+
+  // 2023-02-23: With NVDA 2022.1 and 2022.4, when in browse mode, up/down arrow keys no longer focus.
+  //             We no longer need to set aria-hidden="true" to hide it from browse mode.
+  // 2021-09-21: For NVDA, we should set aria-hidden="true".
+  //             When using NVDA in browse mode, press up/down arrow keys will focus on this redirector.
+  //             This redirector is designed to capture TAB only and should not react on browse mode.
+  //             However, reacting with browse mode is currently okay. Just better to leave it alone.
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: className,
+    onFocus: handleFocus,
+    tabIndex: 0
+  });
+};
+FocusRedirector.defaultProps = {
+  className: undefined,
+  onFocus: undefined,
+  redirectRef: undefined
+};
+FocusRedirector.propTypes = {
+  className: _propTypes.default.string,
+  onFocus: _propTypes.default.func,
+  // PropTypes is not fully compatible with TypeScript.
+  // @ts-ignore
+  redirectRef: _propTypes.default.shape({
+    current: _propTypes.default.instanceOf(HTMLElement)
+  })
+};
+var _default = FocusRedirector;
+exports.default = _default;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsIm5vZGVJbnRlcm9wIiwiV2Vha01hcCIsImNhY2hlQmFiZWxJbnRlcm9wIiwiY2FjaGVOb2RlSW50ZXJvcCIsIm9iaiIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiZGVmYXVsdCIsImNhY2hlIiwiaGFzIiwiZ2V0IiwibmV3T2JqIiwiaGFzUHJvcGVydHlEZXNjcmlwdG9yIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJkZXNjIiwic2V0IiwiRm9jdXNSZWRpcmVjdG9yIiwiX3JlZiIsImNsYXNzTmFtZSIsIm9uRm9jdXMiLCJyZWRpcmVjdFJlZiIsImhhbmRsZUZvY3VzIiwidXNlQ2FsbGJhY2siLCJfcmVkaXJlY3RSZWYkY3VycmVudCIsImN1cnJlbnQiLCJmb2N1cyIsImNyZWF0ZUVsZW1lbnQiLCJ0YWJJbmRleCIsImRlZmF1bHRQcm9wcyIsInVuZGVmaW5lZCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImZ1bmMiLCJzaGFwZSIsImluc3RhbmNlT2YiLCJIVE1MRWxlbWVudCIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL1V0aWxzL0ZvY3VzUmVkaXJlY3Rvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHR5cGUgeyBGQywgTXV0YWJsZVJlZk9iamVjdCB9IGZyb20gJ3JlYWN0JztcblxuLy8gVGhpcyBpcyBhbiBlbGVtZW50LCB3aGVuIGZvY3VzZWQsIHdpbGwgc2VuZCB0aGUgZm9jdXMgdG8gdGhlIHJlZiBzcGVjaWZpZWQgaW4gXCJyZWRpcmVjdFJlZlwiLlxuLy8gQWx0aG91Z2ggdGhlIGZvY3VzIGlzIGJlaW5nIHJlZGlyZWN0ZWQsIGJyb3dzZXIgd2lsbCBzY3JvbGwgdGhpcyByZWRpcmVjdG9yIGVsZW1lbnQgaW50byB2aWV3LlxuXG4vLyBCcm93c2VyJ3MgXCJzY3JvbGxJbnRvVmlldygpXCIgY2FsbCBjYW5ub3QgYmUgcHJldmVudGVkIHRocm91Z2ggZXZlbnQucHJldmVudERlZmF1bHQoKSBpbiBib3RoXG4vLyBidWJibGUgYW5kIGNhcHR1cmUgcGhhc2Ugb2YgXCJmb2N1c1wiIGV2ZW50LlxuXG4vLyBXaGVuIHRoaXMgZm9jdXMgcmVkaXJlY3RvciBpcyBwdXQgaW5zaWRlIGEgc2Nyb2xsYWJsZSBjb250YWluZXIsIHlvdSBtYXkgd2FudCB0byByZXNpemUgb3IgcmVwb3NpdGlvblxuLy8gaXQgdG8gcHJldmVudCB1bmludGVudGlvbmFsIHNjcm9sbCBkb25lIGJ5IHRoZSBicm93c2VyIGRlZmF1bHQgYmVoYXZpb3IuXG5cbnR5cGUgRm9jdXNSZWRpcmVjdG9yUHJvcHMgPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgb25Gb2N1cz86ICgpID0+IHZvaWQ7XG4gIHJlZGlyZWN0UmVmPzogTXV0YWJsZVJlZk9iamVjdDxIVE1MRWxlbWVudD47XG59O1xuXG5jb25zdCBGb2N1c1JlZGlyZWN0b3I6IEZDPEZvY3VzUmVkaXJlY3RvclByb3BzPiA9ICh7IGNsYXNzTmFtZSwgb25Gb2N1cywgcmVkaXJlY3RSZWYgfSkgPT4ge1xuICBjb25zdCBoYW5kbGVGb2N1cyA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICByZWRpcmVjdFJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgICBvbkZvY3VzICYmIG9uRm9jdXMoKTtcbiAgfSwgW29uRm9jdXMsIHJlZGlyZWN0UmVmXSk7XG5cbiAgLy8gMjAyMy0wMi0yMzogV2l0aCBOVkRBIDIwMjIuMSBhbmQgMjAyMi40LCB3aGVuIGluIGJyb3dzZSBtb2RlLCB1cC9kb3duIGFycm93IGtleXMgbm8gbG9uZ2VyIGZvY3VzLlxuICAvLyAgICAgICAgICAgICBXZSBubyBsb25nZXIgbmVlZCB0byBzZXQgYXJpYS1oaWRkZW49XCJ0cnVlXCIgdG8gaGlkZSBpdCBmcm9tIGJyb3dzZSBtb2RlLlxuICAvLyAyMDIxLTA5LTIxOiBGb3IgTlZEQSwgd2Ugc2hvdWxkIHNldCBhcmlhLWhpZGRlbj1cInRydWVcIi5cbiAgLy8gICAgICAgICAgICAgV2hlbiB1c2luZyBOVkRBIGluIGJyb3dzZSBtb2RlLCBwcmVzcyB1cC9kb3duIGFycm93IGtleXMgd2lsbCBmb2N1cyBvbiB0aGlzIHJlZGlyZWN0b3IuXG4gIC8vICAgICAgICAgICAgIFRoaXMgcmVkaXJlY3RvciBpcyBkZXNpZ25lZCB0byBjYXB0dXJlIFRBQiBvbmx5IGFuZCBzaG91bGQgbm90IHJlYWN0IG9uIGJyb3dzZSBtb2RlLlxuICAvLyAgICAgICAgICAgICBIb3dldmVyLCByZWFjdGluZyB3aXRoIGJyb3dzZSBtb2RlIGlzIGN1cnJlbnRseSBva2F5LiBKdXN0IGJldHRlciB0byBsZWF2ZSBpdCBhbG9uZS5cblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gb25Gb2N1cz17aGFuZGxlRm9jdXN9IHRhYkluZGV4PXswfSAvPjtcbn07XG5cbkZvY3VzUmVkaXJlY3Rvci5kZWZhdWx0UHJvcHMgPSB7XG4gIGNsYXNzTmFtZTogdW5kZWZpbmVkLFxuICBvbkZvY3VzOiB1bmRlZmluZWQsXG4gIHJlZGlyZWN0UmVmOiB1bmRlZmluZWRcbn07XG5cbkZvY3VzUmVkaXJlY3Rvci5wcm9wVHlwZXMgPSB7XG4gIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25Gb2N1czogUHJvcFR5cGVzLmZ1bmMsXG4gIC8vIFByb3BUeXBlcyBpcyBub3QgZnVsbHkgY29tcGF0aWJsZSB3aXRoIFR5cGVTY3JpcHQuXG4gIC8vIEB0cy1pZ25vcmVcbiAgcmVkaXJlY3RSZWY6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgY3VycmVudDogUHJvcFR5cGVzLmluc3RhbmNlT2YoSFRNTEVsZW1lbnQpXG4gIH0pXG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb2N1c1JlZGlyZWN0b3I7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxVQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxNQUFBLEdBQUFDLHVCQUFBLENBQUFGLE9BQUE7QUFBMkMsU0FBQUcseUJBQUFDLFdBQUEsZUFBQUMsT0FBQSxrQ0FBQUMsaUJBQUEsT0FBQUQsT0FBQSxRQUFBRSxnQkFBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxXQUFBLFdBQUFBLFdBQUEsR0FBQUcsZ0JBQUEsR0FBQUQsaUJBQUEsS0FBQUYsV0FBQTtBQUFBLFNBQUFGLHdCQUFBTSxHQUFBLEVBQUFKLFdBQUEsU0FBQUEsV0FBQSxJQUFBSSxHQUFBLElBQUFBLEdBQUEsQ0FBQUMsVUFBQSxXQUFBRCxHQUFBLFFBQUFBLEdBQUEsYUFBQUUsT0FBQSxDQUFBRixHQUFBLHlCQUFBQSxHQUFBLDRCQUFBRyxPQUFBLEVBQUFILEdBQUEsVUFBQUksS0FBQSxHQUFBVCx3QkFBQSxDQUFBQyxXQUFBLE9BQUFRLEtBQUEsSUFBQUEsS0FBQSxDQUFBQyxHQUFBLENBQUFMLEdBQUEsWUFBQUksS0FBQSxDQUFBRSxHQUFBLENBQUFOLEdBQUEsU0FBQU8sTUFBQSxXQUFBQyxxQkFBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxHQUFBLElBQUFaLEdBQUEsUUFBQVksR0FBQSxrQkFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBZixHQUFBLEVBQUFZLEdBQUEsU0FBQUksSUFBQSxHQUFBUixxQkFBQSxHQUFBQyxNQUFBLENBQUFFLHdCQUFBLENBQUFYLEdBQUEsRUFBQVksR0FBQSxjQUFBSSxJQUFBLEtBQUFBLElBQUEsQ0FBQVYsR0FBQSxJQUFBVSxJQUFBLENBQUFDLEdBQUEsS0FBQVIsTUFBQSxDQUFBQyxjQUFBLENBQUFILE1BQUEsRUFBQUssR0FBQSxFQUFBSSxJQUFBLFlBQUFULE1BQUEsQ0FBQUssR0FBQSxJQUFBWixHQUFBLENBQUFZLEdBQUEsU0FBQUwsTUFBQSxDQUFBSixPQUFBLEdBQUFILEdBQUEsTUFBQUksS0FBQSxJQUFBQSxLQUFBLENBQUFhLEdBQUEsQ0FBQWpCLEdBQUEsRUFBQU8sTUFBQSxZQUFBQSxNQUFBO0FBQUEsU0FBQWhCLHVCQUFBUyxHQUFBLFdBQUFBLEdBQUEsSUFBQUEsR0FBQSxDQUFBQyxVQUFBLEdBQUFELEdBQUEsS0FBQUcsT0FBQSxFQUFBSCxHQUFBO0FBSTNDO0FBQ0E7O0FBRUE7QUFDQTs7QUFFQTtBQUNBOztBQVFBLElBQU1rQixlQUF5QyxHQUFHLFNBQTVDQSxlQUF5Q0EsQ0FBQUMsSUFBQSxFQUE0QztFQUFBLElBQXRDQyxTQUFTLEdBQUFELElBQUEsQ0FBVEMsU0FBUztJQUFFQyxPQUFPLEdBQUFGLElBQUEsQ0FBUEUsT0FBTztJQUFFQyxXQUFXLEdBQUFILElBQUEsQ0FBWEcsV0FBVztFQUNsRixJQUFNQyxXQUFXLEdBQUcsSUFBQUMsa0JBQVcsRUFBQyxZQUFNO0lBQUEsSUFBQUMsb0JBQUE7SUFDcENILFdBQVcsYUFBWEEsV0FBVyx3QkFBQUcsb0JBQUEsR0FBWEgsV0FBVyxDQUFFSSxPQUFPLGNBQUFELG9CQUFBLHVCQUFwQkEsb0JBQUEsQ0FBc0JFLEtBQUssQ0FBQyxDQUFDO0lBQzdCTixPQUFPLElBQUlBLE9BQU8sQ0FBQyxDQUFDO0VBQ3RCLENBQUMsRUFBRSxDQUFDQSxPQUFPLEVBQUVDLFdBQVcsQ0FBQyxDQUFDOztFQUUxQjtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0VBRUEsb0JBQU83QixNQUFBLENBQUFVLE9BQUEsQ0FBQXlCLGFBQUE7SUFBS1IsU0FBUyxFQUFFQSxTQUFVO0lBQUNDLE9BQU8sRUFBRUUsV0FBWTtJQUFDTSxRQUFRLEVBQUU7RUFBRSxDQUFFLENBQUM7QUFDekUsQ0FBQztBQUVEWCxlQUFlLENBQUNZLFlBQVksR0FBRztFQUM3QlYsU0FBUyxFQUFFVyxTQUFTO0VBQ3BCVixPQUFPLEVBQUVVLFNBQVM7RUFDbEJULFdBQVcsRUFBRVM7QUFDZixDQUFDO0FBRURiLGVBQWUsQ0FBQ2MsU0FBUyxHQUFHO0VBQzFCWixTQUFTLEVBQUVhLGtCQUFTLENBQUNDLE1BQU07RUFDM0JiLE9BQU8sRUFBRVksa0JBQVMsQ0FBQ0UsSUFBSTtFQUN2QjtFQUNBO0VBQ0FiLFdBQVcsRUFBRVcsa0JBQVMsQ0FBQ0csS0FBSyxDQUFDO0lBQzNCVixPQUFPLEVBQUVPLGtCQUFTLENBQUNJLFVBQVUsQ0FBQ0MsV0FBVztFQUMzQyxDQUFDO0FBQ0gsQ0FBQztBQUFDLElBQUFDLFFBQUEsR0FFYXJCLGVBQWU7QUFBQXNCLE9BQUEsQ0FBQXJDLE9BQUEsR0FBQW9DLFFBQUEifQ==