@jetbrains/ring-ui 7.0.0-beta.9 → 7.0.1

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

@@ -3,13 +3,12 @@ import styles from './query-assist.css';
 const ICON_ID_LENGTH = 44;
 export default class QueryAssistSuggestions {
     /*
-    * Pay attention that this method produces not a 100% unique key.
-    * Consider to use a unique identifier provided by a server.
+     * Pay attention that this method produces not a 100% unique key.
+     * Consider to use a unique identifier provided by a server.
      */
     static createKey(suggestion) {
         const { description, group, icon, option, prefix = '', suffix = '' } = suggestion;
-        return prefix + option + suffix + group + description +
-            (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
+        return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
     }
     static renderLabel(suggestion) {
         const { className, matchingStart = 0, matchingEnd = 0, option, prefix = '', suffix = '' } = suggestion;
@@ -18,9 +17,7 @@ export default class QueryAssistSuggestions {
         let after = '';
         if (matchingStart !== matchingEnd) {
             before = option.substring(0, matchingStart);
-            wrappedOption = (<span className={styles.highlight}>
-          {option.substring(matchingStart, matchingEnd)}
-        </span>);
+            wrappedOption = <span className={styles.highlight}>{option.substring(matchingStart, matchingEnd)}</span>;
             after = option.substring(matchingEnd);
         }
         else {
@@ -29,7 +26,11 @@ export default class QueryAssistSuggestions {
         const wrappedPrefix = prefix && <span className={styles.service}>{prefix}</span>;
         const wrappedSuffix = suffix && <span className={styles.service}>{suffix}</span>;
         return (<span className={className}>
-        {wrappedPrefix}{before}{wrappedOption}{after}{wrappedSuffix}
+        {wrappedPrefix}
+        {before}
+        {wrappedOption}
+        {after}
+        {wrappedSuffix}
       </span>);
     }
     static renderGroupSeparator(suggestion, prevSuggestion) {
@@ -39,7 +40,7 @@ export default class QueryAssistSuggestions {
             return {
                 key: option + group + SEPARATOR,
                 description: group,
-                rgItemType: SEPARATOR
+                rgItemType: SEPARATOR,
             };
         }
         return null;

package/components/radio/radio.css

@@ -31,7 +31,9 @@
   height: calc(2 * var(--ring-unit));
 
   user-select: none;
-  transition: border-color var(--ring-ease), box-shadow var(--ring-ease);
+  transition:
+    border-color var(--ring-ease),
+    box-shadow var(--ring-ease);
   pointer-events: none;
 
   border: 1px solid var(--ring-borders-color);
@@ -48,7 +50,9 @@
 
     content: "";
 
-    transition: opacity var(--ring-fast-ease), transform var(--ring-fast-ease);
+    transition:
+      opacity var(--ring-fast-ease),
+      transform var(--ring-fast-ease);
 
     transform: scale(0) translateY(-50%);
 

package/components/radio/radio.js

@@ -8,8 +8,6 @@ export default class Radio extends Component {
     static Item = RadioItem;
     uid = getUID('ring-radio-');
     render() {
-        return (<RadioContext.Provider value={{ name: this.uid, ...this.props }}>
-        {this.props.children}
-      </RadioContext.Provider>);
+        return <RadioContext.Provider value={{ name: this.uid, ...this.props }}>{this.props.children}</RadioContext.Provider>;
     }
 }

package/components/scrollable-section/scrollable-section.css

@@ -1,5 +1,3 @@
-
-
 .scrollableSection {
   --ring-scrollable-section-top-shadow: transparent;
   --ring-scrollable-section-right-shadow: transparent;
@@ -8,10 +6,11 @@
 
   overflow: auto;
 
-  box-shadow: inset 0 1px 0 var(--ring-scrollable-section-top-shadow),
-              inset -1px 0 0 var(--ring-scrollable-section-right-shadow),
-              inset 0 -1px 0 var(--ring-scrollable-section-bottom-shadow),
-              inset 1px 0 0 var(--ring-scrollable-section-left-shadow);
+  box-shadow:
+    inset 0 1px 0 var(--ring-scrollable-section-top-shadow),
+    inset -1px 0 0 var(--ring-scrollable-section-right-shadow),
+    inset 0 -1px 0 var(--ring-scrollable-section-bottom-shadow),
+    inset 1px 0 0 var(--ring-scrollable-section-left-shadow);
 }
 
 .withTopBorder {

package/components/scrollable-section/scrollable-section.js

@@ -25,6 +25,6 @@ export default function ScrollableSection({ className, ...restProps }) {
             [styles.withTopBorder]: !scrolledToTop,
             [styles.withRightBorder]: !scrolledToRight,
             [styles.withBottomBorder]: !scrolledToBottom,
-            [styles.withLeftBorder]: !scrolledToLeft
+            [styles.withLeftBorder]: !scrolledToLeft,
         })} ref={ref} onScroll={calculateScrollPosition}/>);
 }

package/components/select/select.css

@@ -1,7 +1,5 @@
 @import "../global/variables.css";
 
-@value button-shadow from "../button/button.css";
-
 .select {
   position: relative;
 
@@ -125,7 +123,9 @@
   padding: 0 0 3px;
 
   cursor: pointer;
-  transition: color var(--ring-ease), border-color var(--ring-ease);
+  transition:
+    color var(--ring-ease),
+    border-color var(--ring-ease);
   text-align: left;
   vertical-align: top;
 
@@ -172,11 +172,11 @@
 }
 
 .buttonValue:focus-visible {
-  box-shadow: button-shadow var(--ring-main-color);
+  box-shadow: var(--ring-button-shadow) var(--ring-main-color);
 }
 
 .buttonValueOpen.buttonValueOpen {
-  box-shadow: button-shadow var(--ring-main-color);
+  box-shadow: var(--ring-button-shadow) var(--ring-main-color);
 }
 
 .buttonValueEmpty.buttonValueEmpty {

package/components/select/select.d.ts

@@ -49,7 +49,7 @@ export interface CustomAnchorProps {
     } & DataTestProps;
     popup: ReactNode;
 }
-export type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);
+export type CustomAnchor = (props: CustomAnchorProps) => ReactNode;
 export interface BaseSelectProps<T = unknown> {
     data: readonly SelectItem<T>[];
     filter: boolean | Filter<T>;