@jetbrains/ring-ui 5.0.3 → 5.0.6

package/components/form-ng/form-ng.js

@@ -1,7 +1,5 @@
 import angular from 'angular';
 
-import AngularElastic from '@jetbrains/angular-elastic';
-
 import MessageBundle from '../message-bundle-ng/message-bundle-ng';
 import '../input/input-legacy.css';
 import '../error-bubble/error-bubble-legacy.css';
@@ -10,7 +8,7 @@ import '../error-bubble/error-bubble-legacy.css';
  * @name Form Ng
  */
 
-const angularModule = angular.module('Ring.form', [MessageBundle, AngularElastic]);
+const angularModule = angular.module('Ring.form', [MessageBundle]);
 
 angularModule.factory('getFormErrorMessages',
   function getFormErrorMessagesDirective(RingMessageBundle) {

package/components/markdown/code.d.ts

@@ -5,5 +5,5 @@ declare module 'react-markdown/lib/complex-types' {
         language?: string;
     }
 }
-declare const MarkdownCode: ({ children, language, inline }: CodeProps) => JSX.Element;
+declare const MarkdownCode: ({ children, language, inline, className }: CodeProps) => JSX.Element;
 export default MarkdownCode;

package/components/markdown/code.js

@@ -1,7 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Code from '../code/code';
-const MarkdownCode = ({ children, language, inline }) => (<Code language={language} code={children?.join('') || ''} inline={inline}/>);
+const MarkdownCode = ({ children, language, inline, className }) => {
+    // Hack for updated react-markdown RG-2193
+    const lang = language ?? (className?.
+        split(' ').
+        find(name => name.startsWith('language-'))?.
+        replace('language-', ''));
+    return (<Code language={lang} className={className} code={children?.join('') || ''} inline={inline}/>);
+};
 MarkdownCode.propTypes = {
     language: PropTypes.string,
     children: PropTypes.array.isRequired,

package/components/select/select.d.ts

@@ -42,7 +42,9 @@ export interface CustomAnchorProps {
     wrapperProps: HTMLAttributes<HTMLElement> & DataTestProps & {
         ref: RefCallback<HTMLElement>;
     };
-    buttonProps: ButtonHTMLAttributes<HTMLButtonElement> & DataTestProps;
+    buttonProps: Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'children'> & {
+        onClick: () => void;
+    } & DataTestProps;
     popup: ReactNode;
 }
 export declare type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);

package/dist/form-ng/form-ng.js

@@ -1,12 +1,11 @@
 import angular from 'angular';
-import AngularElastic from '@jetbrains/angular-elastic';
 import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
 
 /**
  * @name Form Ng
  */
 
-const angularModule = angular.module('Ring.form', [MessageBundle, AngularElastic]);
+const angularModule = angular.module('Ring.form', [MessageBundle]);
 angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
   function msg(id, formError) {
     const messageBundleId = "form_".concat(id);

package/dist/markdown/code.d.ts

@@ -5,5 +5,5 @@ declare module 'react-markdown/lib/complex-types' {
         language?: string;
     }
 }
-declare const MarkdownCode: ({ children, language, inline }: CodeProps) => JSX.Element;
+declare const MarkdownCode: ({ children, language, inline, className }: CodeProps) => JSX.Element;
 export default MarkdownCode;

package/dist/markdown/code.js

@@ -1,3 +1,4 @@
+import 'core-js/modules/es.string.replace.js';
 import React from 'react';
 import PropTypes from 'prop-types';
 import Code from '../code/code.js';
@@ -10,13 +11,19 @@ import '../global/trivial-template-tag.js';
 import '../global/memoize.js';
 
 const MarkdownCode = _ref => {
+  var _className$split$find;
+
   let {
     children,
     language,
-    inline
+    inline,
+    className
   } = _ref;
+  // Hack for updated react-markdown RG-2193
+  const lang = language !== null && language !== void 0 ? language : className === null || className === void 0 ? void 0 : (_className$split$find = className.split(' ').find(name => name.startsWith('language-'))) === null || _className$split$find === void 0 ? void 0 : _className$split$find.replace('language-', '');
   return /*#__PURE__*/React.createElement(Code, {
-    language: language,
+    language: lang,
+    className: className,
     code: (children === null || children === void 0 ? void 0 : children.join('')) || '',
     inline: inline
   });

package/dist/markdown/markdown.js

@@ -11,6 +11,7 @@ import trivialTemplateTag from '../global/trivial-template-tag.js';
 import MarkdownCode from './code.js';
 import MarkdownLink from './link.js';
 import MarkdownHeading from './heading.js';
+import 'core-js/modules/es.string.replace.js';
 import '../code/code.js';
 import 'highlight.js/lib/core';
 import '../global/memoize.js';

package/dist/save-field-ng/save-field-ng.js

@@ -15,7 +15,6 @@ import '../global/data-tests.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 import '../_helpers/loader-inline.js';
 import '../_helpers/button-set.js';
-import '@jetbrains/angular-elastic';
 import '../global/dom.js';
 import '../shortcuts/core.js';
 import 'combokeys';

package/dist/select/select.d.ts

@@ -42,7 +42,9 @@ export interface CustomAnchorProps {
     wrapperProps: HTMLAttributes<HTMLElement> & DataTestProps & {
         ref: RefCallback<HTMLElement>;
     };
-    buttonProps: ButtonHTMLAttributes<HTMLButtonElement> & DataTestProps;
+    buttonProps: Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'disabled' | 'children'> & {
+        onClick: () => void;
+    } & DataTestProps;
     popup: ReactNode;
 }
 export declare type CustomAnchor = ((props: CustomAnchorProps) => ReactNode);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.3",
+  "version": "5.0.6",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -72,7 +72,7 @@
     "@babel/eslint-parser": "^7.17.0",
     "@jetbrains/eslint-config": "^5.3.2",
     "@jetbrains/stylelint-config": "^3.0.2",
-    "@primer/octicons": "^17.0.0",
+    "@primer/octicons": "^17.2.0",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-node-resolve": "^13.0.6",
     "@rollup/plugin-replace": "^4.0.0",
@@ -87,10 +87,10 @@
     "@storybook/client-api": "6.5.4",
     "@storybook/core": "6.5.4",
     "@storybook/html": "6.5.4",
-    "@storybook/manager-webpack5": "6.5.4",
+    "@storybook/manager-webpack5": "6.5.6",
     "@storybook/react": "6.5.4",
     "@storybook/source-loader": "6.5.4",
-    "@storybook/theming": "6.5.4",
+    "@storybook/theming": "6.5.6",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^14.1.0",
     "@types/chai": "^4.2.21",
@@ -105,7 +105,7 @@
     "@typescript-eslint/eslint-plugin": "^5.3.1",
     "@typescript-eslint/parser": "^5.3.1",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
-    "angular": "^1.8.2",
+    "angular": "^1.8.3",
     "angular-mocks": "^1.8.2",
     "angular-route": "^1.8.3",
     "babel-plugin-react-docgen": "^4.2.1",
@@ -190,7 +190,6 @@
   "dependencies": {
     "@babel/core": "^7.17.8",
     "@babel/preset-typescript": "^7.14.5",
-    "@jetbrains/angular-elastic": "^2.5.1",
     "@jetbrains/babel-preset-jetbrains": "^2.3.2",
     "@jetbrains/icons": "^3.19.1",
     "@jetbrains/logos": "^1.4.27",
@@ -227,7 +226,7 @@
     "interpolate-loader": "^2.0.1",
     "just-debounce-it": "^3.0.1",
     "memoize-one": "^6.0.0",
-    "postcss": "^8.4.12",
+    "postcss": "^8.4.14",
     "postcss-calc": "^8.2.4",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
@@ -254,5 +253,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "2d8c142365124d1c05fe5c12b327df3d36c5d050"
+  "gitHead": "4b577abfab1d2bdfb299324d52b9e65117c8aa43"
 }