@jetbrains/ring-ui 5.0.4 → 5.0.7

package/components/checkbox-ng/checkbox-ng.js

@@ -41,13 +41,22 @@ angularModule.directive('rgCheckbox', function rgCheckboxDirective() {
   </span><span class="${styles.label}" ng-transclude></span>
 </label>
     `),
-    link: function link(scope, iElement) {
+    link: function link(scope, iElement, attrs, controller, transcludeFn) {
       scope.checkmarkIcon = checkmarkIcon;
       const input = iElement[0].querySelector('input[type="checkbox"]');
+      const label = iElement[0].querySelector(`*[class~="${styles.label}"]`);
 
       const id = CHECKBOX_ID_PREFIX + idCounter++;
       iElement[0].setAttribute('for', id);
       input.setAttribute('id', id);
+
+      transcludeFn(clone => {
+        if (clone.length) {
+          label.style.display = 'initial';
+        } else {
+          label.style.display = 'none';
+        }
+      });
     }
   };
 });

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/markdown/markdown.js

@@ -15,12 +15,12 @@ import styles from './markdown.css';
 */
 export default class Markdown extends PureComponent {
     render() {
-        const { className, components, inline, children, plugins = [], ...restProps } = this.props;
+        const { className, components, inline, children, plugins = [], remarkPlugins = [], ...restProps } = this.props;
         const classes = classNames(className, {
             [styles.markdown]: !inline,
             [styles.inline]: inline
         });
-        return (<ReactMarkdown className={classes} plugins={[RemarkBreaks, RemarkGFM, ...plugins]} components={{
+        return (<ReactMarkdown className={classes} remarkPlugins={[RemarkBreaks, RemarkGFM, ...plugins, ...remarkPlugins]} components={{
                 a: Link,
                 code: Code,
                 h1: Heading,

package/dist/checkbox-ng/checkbox-ng.js

@@ -24,12 +24,20 @@ angularModule.directive('rgCheckbox', function rgCheckboxDirective() {
     transclude: true,
     replace: true,
     template: proxyAttrs("\n<label class=\"".concat(modules_3199090e.checkbox, "\">\n  <input\n    data-proxy-ng-disabled\n    data-proxy-ng-model\n    data-proxy-ng-change\n    data-proxy-ng-true-value\n    data-proxy-ng-false-value\n    data-proxy-name\n    data-proxy-title\n    data-proxy-aria-label\n    data-test=\"ring-checkbox\"\n    type=\"checkbox\"\n    class=\"").concat(modules_3199090e.input, "\"\n  />\n  <span class=\"").concat(modules_3199090e.cell, "\">\n    <rg-icon class=\"").concat(modules_3199090e.check, "\" glyph=\"{{:: checkmarkIcon}}\" />\n  </span><span class=\"").concat(modules_3199090e.label, "\" ng-transclude></span>\n</label>\n    ")),
-    link: function link(scope, iElement) {
+    link: function link(scope, iElement, attrs, controller, transcludeFn) {
       scope.checkmarkIcon = checkmarkIcon;
       const input = iElement[0].querySelector('input[type="checkbox"]');
+      const label = iElement[0].querySelector("*[class~=\"".concat(modules_3199090e.label, "\"]"));
       const id = CHECKBOX_ID_PREFIX + idCounter++;
       iElement[0].setAttribute('for', id);
       input.setAttribute('id', id);
+      transcludeFn(clone => {
+        if (clone.length) {
+          label.style.display = 'initial';
+        } else {
+          label.style.display = 'none';
+        }
+      });
     }
   };
 });

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';
@@ -36,6 +37,7 @@ class Markdown extends PureComponent {
       inline,
       children,
       plugins = [],
+      remarkPlugins = [],
       ...restProps
     } = this.props;
     const classes = classNames(className, {
@@ -44,7 +46,7 @@ class Markdown extends PureComponent {
     });
     return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
       className: classes,
-      plugins: [RemarkBreaks, RemarkGFM, ...plugins],
+      remarkPlugins: [RemarkBreaks, RemarkGFM, ...plugins, ...remarkPlugins],
       components: {
         a: MarkdownLink,
         code: MarkdownCode,

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "5.0.4",
+  "version": "5.0.7",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -72,11 +72,11 @@
     "@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",
-    "@storybook/addon-a11y": "6.5.4",
+    "@storybook/addon-a11y": "6.5.6",
     "@storybook/addon-docs": "6.5.4",
     "@storybook/addon-essentials": "6.5.4",
     "@storybook/addon-storyshots": "6.5.4",
@@ -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",
@@ -151,7 +151,7 @@
     "react-test-renderer": "^18.0.0",
     "regenerator-runtime": "^0.13.9",
     "rimraf": "^3.0.2",
-    "rollup": "^2.70.1",
+    "rollup": "^2.75.5",
     "rollup-plugin-clear": "^2.0.7",
     "rollup-plugin-styles": "^4.0.0",
     "sinon": "^13.0.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": "db0d947c03a2ae7735c5e3f48712fbd22709010b"
+  "gitHead": "941dff848df5213d852524f1dd53f311a61d17e4"
 }