@jetbrains/ring-ui 5.0.95 → 5.0.97

package/components/editable-heading/editable-heading.js

@@ -11,7 +11,7 @@ export { Levels };
 export { Size };
 function noop() { }
 export const EditableHeading = (props) => {
-    const { level = Levels.H1, className, headingClassName, inputClassName, children, isEditing = false, isSavingPossible = false, isSaving = false, embedded = false, size = Size.L, onEdit = noop, onSave = noop, onCancel = noop, autoFocus = true, 'data-test': dataTest, error, disabled, multiline = false, renderMenu = () => null, translations = {
+    const { level = Levels.H1, className, headingClassName, inputClassName, children, isEditing = false, isSavingPossible = false, isSaving = false, embedded = false, size = Size.L, onEdit = noop, onSave = noop, onCancel = noop, autoFocus = true, 'data-test': dataTest, error, disabled, multiline = false, renderMenu = () => null, onFocus, onBlur, translations = {
         save: 'Save',
         cancel: 'Cancel'
     }, ...restProps } = props;
@@ -40,19 +40,21 @@ export const EditableHeading = (props) => {
         }
         return onEdit();
     }, [disabled, onEdit]);
-    const onInputFocus = React.useCallback(() => {
+    const onInputFocus = React.useCallback((e) => {
         setIsInFocus(true);
-    }, []);
-    const onInputBlur = React.useCallback(() => {
+        onFocus?.(e);
+    }, [onFocus]);
+    const onInputBlur = React.useCallback((e) => {
         setIsInFocus(false);
-    }, []);
+        onBlur?.(e);
+    }, [onBlur]);
     return (<>
       <div className={classes}>
         {!disabled && isEditing
             ? (<>
               <Shortcuts map={shortcutsMap} scope={shortcutsScope} disabled={isShortcutsDisabled}/>
 
-              <input className={inputClasses} value={children} autoFocus={autoFocus} data-test={dataTest} disabled={isSaving} onFocus={onInputFocus} onBlur={onInputBlur} {...restProps}/>
+              <input className={inputClasses} value={children} autoFocus={autoFocus} data-test={dataTest} disabled={isSaving} {...restProps} onFocus={onInputFocus} onBlur={onInputBlur}/>
             </>)
             : (<button type="button" className={styles.headingWrapperButton} onClick={onHeadingClick}>
               <Heading className={headingClasses} level={level} data-test={dataTest}>{children}</Heading>

package/components/query-assist/query-assist.js

@@ -782,7 +782,7 @@ export default class QueryAssist extends Component {
         });
         const placeholderStyles = classNames({
             [styles.placeholder]: true,
-            [styles.withoutGlass]: !this.isRenderingGlassOrLoader() || (!renderLoader && huge)
+            [styles.withoutGlass]: !glass || (!renderLoader && huge)
         });
         return (<ControlsHeightContext.Provider value={ControlsHeight.M}>
         <div data-test={dataTests('ring-query-assist', dataTest)} className={containerClasses} role="presentation" ref={this.nodeRef}>

package/dist/editable-heading/editable-heading.js

@@ -52,6 +52,8 @@ const EditableHeading = props => {
     disabled,
     multiline = false,
     renderMenu = () => null,
+    onFocus,
+    onBlur,
     translations = {
       save: 'Save',
       cancel: 'Cancel'
@@ -83,12 +85,14 @@ const EditableHeading = props => {
     }
     return onEdit();
   }, [disabled, onEdit]);
-  const onInputFocus = React.useCallback(() => {
+  const onInputFocus = React.useCallback(e => {
     setIsInFocus(true);
-  }, []);
-  const onInputBlur = React.useCallback(() => {
+    onFocus?.(e);
+  }, [onFocus]);
+  const onInputBlur = React.useCallback(e => {
     setIsInFocus(false);
-  }, []);
+    onBlur?.(e);
+  }, [onBlur]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classes
   }, !disabled && isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Shortcuts, {
@@ -100,10 +104,11 @@ const EditableHeading = props => {
     value: children,
     autoFocus: autoFocus,
     "data-test": dataTest,
-    disabled: isSaving,
+    disabled: isSaving
+  }, restProps, {
     onFocus: onInputFocus,
     onBlur: onInputBlur
-  }, restProps))) : /*#__PURE__*/React.createElement("button", {
+  }))) : /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: modules_6e69b0fe.headingWrapperButton,
     onClick: onHeadingClick

package/dist/query-assist/query-assist.js

@@ -781,7 +781,7 @@ class QueryAssist extends Component {
     });
     const placeholderStyles = classNames({
       [modules_da7ab055.placeholder]: true,
-      [modules_da7ab055.withoutGlass]: !this.isRenderingGlassOrLoader() || !renderLoader && huge
+      [modules_da7ab055.withoutGlass]: !glass || !renderLoader && huge
     });
     return /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
       value: ControlsHeight.M

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.95",
+  "version": "5.0.97",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -104,7 +104,7 @@
     "@types/chai-dom": "0.0.10",
     "@types/chai-enzyme": "^0.6.8",
     "@types/enzyme": "^3.10.12",
-    "@types/react": "^18.0.26",
+    "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
@@ -121,7 +121,7 @@
     "chai-dom": "^1.10.0",
     "chai-enzyme": "1.0.0-beta.1",
     "cheerio": "^1.0.0-rc.12",
-    "core-js": "^3.27.1",
+    "core-js": "^3.27.2",
     "cpy-cli": "^3.1.1",
     "enzyme": "^3.11.0",
     "eslint": "^8.32.0",
@@ -157,7 +157,7 @@
     "react-test-renderer": "^18.2.0",
     "regenerator-runtime": "^0.13.11",
     "rimraf": "^4.1.1",
-    "rollup": "^3.10.0",
+    "rollup": "^3.10.1",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^15.0.1",