Function FocusZone1

docs/app/js/sanddance-app.js:30247–30438

(props)

var FocusZone = /** @class */ function(_super) {
    (0, _tslib.__extends)(FocusZone1, _super);
    function FocusZone1(props) {
        var _this = _super.call(this, props) || this;
        _this._root = _react.createRef();
        _this._mergedRef = (0, _utilities.createMergedRef)();
        _this._onFocus = function(ev) {
            if (_this._portalContainsElement(ev.target)) // If the event target is inside a portal do not process the event.
            return;
            var _a = _this.props, onActiveElementChanged = _a.onActiveElementChanged, // eslint-disable-next-line deprecation/deprecation
            doNotAllowFocusEventToPropagate = _a.doNotAllowFocusEventToPropagate, stopFocusPropagation = _a.stopFocusPropagation, // eslint-disable-next-line deprecation/deprecation
            onFocusNotification = _a.onFocusNotification, onFocus = _a.onFocus, shouldFocusInnerElementWhenReceivedFocus = _a.shouldFocusInnerElementWhenReceivedFocus, defaultTabbableElement = _a.defaultTabbableElement;
            var isImmediateDescendant = _this._isImmediateDescendantOfZone(ev.target);
            var newActiveElement;
            if (isImmediateDescendant) newActiveElement = ev.target;
            else {
                var parentElement = ev.target;
                while(parentElement && parentElement !== _this._root.current){
                    if ((0, _utilities.isElementTabbable)(parentElement) && _this._isImmediateDescendantOfZone(parentElement)) {
                        newActiveElement = parentElement;
                        break;
                    }
                    parentElement = (0, _utilities.getParent)(parentElement, ALLOW_VIRTUAL_ELEMENTS);
                }
            }
            // If an inner focusable element should be focused when FocusZone container receives focus
            if (shouldFocusInnerElementWhenReceivedFocus && ev.target === _this._root.current) {
                var maybeElementToFocus = defaultTabbableElement && typeof defaultTabbableElement === "function" && defaultTabbableElement(_this._root.current);
                // try to focus defaultTabbable element
                if (maybeElementToFocus && (0, _utilities.isElementTabbable)(maybeElementToFocus)) {
                    newActiveElement = maybeElementToFocus;
                    maybeElementToFocus.focus();
                } else {
                    // force focus on first focusable element
                    _this.focus(true);
                    if (_this._activeElement) // set to null as new active element was handled in method above
                    newActiveElement = null;
                }
            }
            var initialElementFocused = !_this._activeElement;
            // If the new active element is a child of this zone and received focus,
            // update alignment an immediate descendant
            if (newActiveElement && newActiveElement !== _this._activeElement) {
                if (isImmediateDescendant || initialElementFocused) _this._setFocusAlignment(newActiveElement, true, true);
                _this._activeElement = newActiveElement;
                if (initialElementFocused) _this._updateTabIndexes();
            }
            if (onActiveElementChanged) onActiveElementChanged(_this._activeElement, ev);
            if (stopFocusPropagation || doNotAllowFocusEventToPropagate) ev.stopPropagation();
            if (onFocus) onFocus(ev);
            else if (onFocusNotification) onFocusNotification();
        };
        _this._onBlur = function() {
            _this._setParkedFocus(false);
        };
        _this._onMouseDown = function(ev) {
            if (_this._portalContainsElement(ev.target)) // If the event target is inside a portal do not process the event.
            return;
            var disabled = _this.props.disabled;
            if (disabled) return;