Function customizable

docs/app/js/sanddance-app.js:24365–24414

(scope, fields, concatStyles)

var _customizerContext = require("./CustomizerContext");
var _mergeStyles = require("@uifabric/merge-styles");
function customizable(scope, fields, concatStyles) {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    return function customizableFactory(ComposedComponent) {
        var _a;
        var resultClass = (_a = /** @class */ function(_super) {
            (0, _tslib.__extends)(ComponentWithInjectedProps, _super);
            function ComponentWithInjectedProps(props) {
                var _this = _super.call(this, props) || this;
                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                _this._styleCache = {};
                _this._onSettingChanged = _this._onSettingChanged.bind(_this);
                return _this;
            }
            ComponentWithInjectedProps.prototype.componentDidMount = function() {
                (0, _customizations.Customizations).observe(this._onSettingChanged);
            };
            ComponentWithInjectedProps.prototype.componentWillUnmount = function() {
                (0, _customizations.Customizations).unobserve(this._onSettingChanged);
            };
            ComponentWithInjectedProps.prototype.render = function() {
                var _this = this;
                return _react.createElement((0, _customizerContext.CustomizerContext).Consumer, null, function(context) {
                    var defaultProps = (0, _customizations.Customizations).getSettings(fields, scope, context.customizations);
                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                    var componentProps = _this.props;
                    // If defaultProps.styles is a function, evaluate it before calling concatStyleSets
                    if (defaultProps.styles && typeof defaultProps.styles === "function") defaultProps.styles = defaultProps.styles((0, _tslib.__assign)((0, _tslib.__assign)({}, defaultProps), componentProps));
                    // If concatStyles is true and custom styles have been defined compute those styles
                    if (concatStyles && defaultProps.styles) {
                        if (_this._styleCache.default !== defaultProps.styles || _this._styleCache.component !== componentProps.styles) {
                            var mergedStyles = (0, _mergeStyles.concatStyleSets)(defaultProps.styles, componentProps.styles);
                            _this._styleCache.default = defaultProps.styles;
                            _this._styleCache.component = componentProps.styles;
                            _this._styleCache.merged = mergedStyles;
                        }
                        return _react.createElement(ComposedComponent, (0, _tslib.__assign)({}, defaultProps, componentProps, {
                            styles: _this._styleCache.merged
                        }));
                    }
                    return _react.createElement(ComposedComponent, (0, _tslib.__assign)({}, defaultProps, componentProps));
                });
            };
            ComponentWithInjectedProps.prototype._onSettingChanged = function() {
                this.forceUpdate();
            };
            return ComponentWithInjectedProps;
        }(_react.Component), _a.displayName = "Customized" + scope, _a);
        return (0, _hoistStatics.hoistStatics)(ComposedComponent, resultClass);
    };
}

},{"tslib":"01Tx1","react":"8ePka","./Customizations":"cQrva","../hoistStatics":"eOXQy","./CustomizerContext":"lvXOl","@uifabric/merge-styles":"7c43M","@parcel/transformer-js/src/esmodule-helpers.js":"jA2du"}],"eOXQy":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");