botframework-webchat-component
Version:
React component of botframework-webchat
37 lines (36 loc) • 7.85 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = useFocusVisible;
var _react = require("react");
var _useObserveFocusVisible = _interopRequireDefault(require("./useObserveFocusVisible"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function useFocusVisible(targetRef) {
var _useState = (0, _react.useState)(false),
_useState2 = _slicedToArray(_useState, 2),
focusVisible = _useState2[0],
setFocusVisible = _useState2[1];
var handleBlur = (0, _react.useCallback)(function () {
return setFocusVisible(false);
}, [setFocusVisible]);
var handleFocusVisible = (0, _react.useCallback)(function () {
return setFocusVisible(true);
}, [setFocusVisible]);
(0, _useObserveFocusVisible.default)(targetRef, handleFocusVisible);
(0, _react.useEffect)(function () {
var current = targetRef.current;
current.addEventListener('blur', handleBlur);
return function () {
return current.removeEventListener('blur', handleBlur);
};
}, [handleBlur, targetRef]);
return [focusVisible];
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJyZXF1aXJlIiwiX3VzZU9ic2VydmVGb2N1c1Zpc2libGUiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0Iiwib2JqIiwiX19lc01vZHVsZSIsImRlZmF1bHQiLCJfc2xpY2VkVG9BcnJheSIsImFyciIsImkiLCJfYXJyYXlXaXRoSG9sZXMiLCJfaXRlcmFibGVUb0FycmF5TGltaXQiLCJfdW5zdXBwb3J0ZWRJdGVyYWJsZVRvQXJyYXkiLCJfbm9uSXRlcmFibGVSZXN0IiwiVHlwZUVycm9yIiwibyIsIm1pbkxlbiIsIl9hcnJheUxpa2VUb0FycmF5IiwibiIsIk9iamVjdCIsInByb3RvdHlwZSIsInRvU3RyaW5nIiwiY2FsbCIsInNsaWNlIiwiY29uc3RydWN0b3IiLCJuYW1lIiwiQXJyYXkiLCJmcm9tIiwidGVzdCIsImxlbiIsImxlbmd0aCIsImFycjIiLCJfaSIsIlN5bWJvbCIsIml0ZXJhdG9yIiwiX2FyciIsIl9uIiwiX2QiLCJfcyIsIl9lIiwibmV4dCIsImRvbmUiLCJwdXNoIiwidmFsdWUiLCJlcnIiLCJpc0FycmF5IiwidXNlRm9jdXNWaXNpYmxlIiwidGFyZ2V0UmVmIiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiZm9jdXNWaXNpYmxlIiwic2V0Rm9jdXNWaXNpYmxlIiwiaGFuZGxlQmx1ciIsInVzZUNhbGxiYWNrIiwiaGFuZGxlRm9jdXNWaXNpYmxlIiwidXNlT2JzZXJ2ZUZvY3VzVmlzaWJsZSIsInVzZUVmZmVjdCIsImN1cnJlbnQiLCJhZGRFdmVudExpc3RlbmVyIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2hvb2tzL2ludGVybmFsL3VzZUZvY3VzVmlzaWJsZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWZPYmplY3QsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdXNlT2JzZXJ2ZUZvY3VzVmlzaWJsZSBmcm9tICcuL3VzZU9ic2VydmVGb2N1c1Zpc2libGUnO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiB1c2VGb2N1c1Zpc2libGUodGFyZ2V0UmVmOiBSZWZPYmplY3Q8SFRNTEVsZW1lbnQ+KTogW2Jvb2xlYW5dIHtcbiAgY29uc3QgW2ZvY3VzVmlzaWJsZSwgc2V0Rm9jdXNWaXNpYmxlXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBoYW5kbGVCbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0Rm9jdXNWaXNpYmxlKGZhbHNlKSwgW3NldEZvY3VzVmlzaWJsZV0pO1xuICBjb25zdCBoYW5kbGVGb2N1c1Zpc2libGUgPSB1c2VDYWxsYmFjaygoKSA9PiBzZXRGb2N1c1Zpc2libGUodHJ1ZSksIFtzZXRGb2N1c1Zpc2libGVdKTtcblxuICB1c2VPYnNlcnZlRm9jdXNWaXNpYmxlKHRhcmdldFJlZiwgaGFuZGxlRm9jdXNWaXNpYmxlKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IHsgY3VycmVudCB9ID0gdGFyZ2V0UmVmO1xuXG4gICAgY3VycmVudC5hZGRFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQmx1cik7XG5cbiAgICByZXR1cm4gKCkgPT4gY3VycmVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdibHVyJywgaGFuZGxlQmx1cik7XG4gIH0sIFtoYW5kbGVCbHVyLCB0YXJnZXRSZWZdKTtcblxuICByZXR1cm4gW2ZvY3VzVmlzaWJsZV07XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQUVBLElBQUFDLHVCQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFBOEQsU0FBQUUsdUJBQUFDLEdBQUEsV0FBQUEsR0FBQSxJQUFBQSxHQUFBLENBQUFDLFVBQUEsR0FBQUQsR0FBQSxLQUFBRSxPQUFBLEVBQUFGLEdBQUE7QUFBQSxTQUFBRyxl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