@babylonjs/inspector 5.24.0 → 5.26.0

package/dist/babylon.inspector.bundle.max.js

@@ -69177,7 +69177,7 @@ void main(void)
     }
 }`;
 core_Materials_effect__WEBPACK_IMPORTED_MODULE_0__.Effect.ShadersStore[name] = shader;
-/** @hidden */
+/** @internal */
 // eslint-disable-next-line no-var
 var lodPixelShader = { name, shader };
 
@@ -69234,7 +69234,7 @@ void main(void)
     }
 }`;
 core_Materials_effect__WEBPACK_IMPORTED_MODULE_0__.Effect.ShadersStore[name] = shader;
-/** @hidden */
+/** @internal */
 // eslint-disable-next-line no-var
 var lodCubePixelShader = { name, shader };
 
@@ -70976,11 +70976,13 @@ __webpack_require__.r(__webpack_exports__);
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
 const Null_Value = Number.MAX_SAFE_INTEGER;
+const DEFAULT_FALLBACK_VALUE = -1;
 class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
     constructor(props) {
+        // Initialize default props
         super(props);
         this._localChange = false;
-        this.state = { value: this._remapValueIn(this._getValue(props)) };
+        this.state = { value: this._remapValueIn(this._getValue(props)), addCustom: false };
     }
     _remapValueIn(value) {
         return this.props.allowNullValue && value === null ? Null_Value : value;
@@ -70999,11 +71001,14 @@ class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
             this._localChange = false;
             return true;
         }
-        const newValue = this._remapValueIn(nextProps.extractValue ? nextProps.extractValue(this.props.target) : nextProps.target[nextProps.propertyName]);
+        const newValue = this._remapValueIn(nextProps.extractValue ? nextProps.extractValue(nextProps.target) : nextProps.target[nextProps.propertyName]);
         if (newValue != null && newValue !== nextState.value) {
             nextState.value = newValue;
             return true;
         }
+        if (this.props.options !== nextProps.options) {
+            return true;
+        }
         return false;
     }
     raiseOnPropertyChanged(newValue, previousValue) {
@@ -71022,23 +71027,65 @@ class OptionsLineComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component
         this.setState({ value: value });
     }
     updateValue(valueString) {
-        const value = this.props.valuesAreStrings ? valueString : parseInt(valueString);
+        let value = this.props.valuesAreStrings ? valueString : parseInt(valueString);
+        if (isNaN(Number(value))) {
+            for (let i = 0; i < this.props.options.length; i++) {
+                if (this.props.options.at(i)?.label === valueString) {
+                    value = Number(this.props.options.at(i)?.value);
+                }
+            }
+        }
+        if (value === 0 && this.props.fromFontDropdown) {
+            this.setState({ addCustom: true });
+        }
         this._localChange = true;
         const store = this.props.extractValue ? this.props.extractValue(this.props.target) : this.props.target[this.props.propertyName];
         if (!this.props.noDirectUpdate) {
             this.props.target[this.props.propertyName] = this._remapValueOut(value);
         }
-        this.setState({ value: value });
-        if (this.props.onSelect) {
-            this.props.onSelect(value);
+        //selecting a regular option from font dropdown
+        if (value != 0 && this.props.fromFontDropdown) {
+            this.setState({ value: value });
+            if (this.props.onSelect) {
+                this.props.onSelect(value);
+            }
+            //selecting 'custom font' from font dropdown
+        }
+        else if (this.props.fromFontDropdown) {
+            if (this.props.onSelect) {
+                this.props.onSelect(this.state.value);
+            }
+        }
+        //selecting from a dropdown that's not font dropdown
+        else {
+            this.setState({ value: value });
+            if (this.props.onSelect) {
+                this.props.onSelect(value);
+            }
         }
         const newValue = this.props.extractValue ? this.props.extractValue(this.props.target) : this.props.target[this.props.propertyName];
         this.raiseOnPropertyChanged(newValue, store);
     }
+    updateCustomValue() {
+        this.setState({ addCustom: false });
+    }
     render() {
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "listLine" + (this.props.className ? " " + this.props.className : ""), children: [this.props.icon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, color: "black", className: "icon" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "label", title: this.props.label, children: this.props.label }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "options", children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("select", { onChange: (evt) => this.updateValue(evt.target.value), value: this.state.value ?? "", children: this.props.options.map((option, i) => {
+        const fallback = this.props.fallbackValue !== undefined ? this.props.fallbackValue : DEFAULT_FALLBACK_VALUE;
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: `listLine ${this.props.className ?? ""}`, children: [this.props.icon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, color: "black", className: "icon" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "label", title: this.props.label, children: this.props.label }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "options", children: this.state.addCustom ? ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", { type: "text", placeholder: "Enter a custom font here", onKeyDown: (event) => {
+                            event.key === "Enter" && this.props.addVal != undefined
+                                ? (this.props.addVal({ label: event.target.value, value: this.props.options.length + 1 }, Number(this.state.value)),
+                                    this.updateCustomValue(),
+                                    this.forceUpdate())
+                                : null;
+                        }, onBlur: (event) => {
+                            this.props.addVal != undefined
+                                ? (this.props.addVal({ label: event.target.value, value: this.props.options.length + 1 }, Number(this.state.value)),
+                                    this.updateCustomValue(),
+                                    this.forceUpdate())
+                                : null;
+                        } })) : ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("select", { onChange: (evt) => this.updateValue(evt.target.value), value: this.state.value === null || this.state.value === undefined ? fallback : this.state.value, children: this.props.options.map((option, i) => {
                             return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option", { selected: option.selected, value: option.value, title: option.label, children: option.label }, option.label + i));
-                        }) }) })] }));
+                        }) })) })] }));
     }
 }