@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

package/webpack.config.js

@@ -1,11 +1,13 @@
 const path = require('path');
 
+const deprecate = require('util-deprecate');
+
 (function checkWebpack() {
   const webpackVersion = require('webpack').version;
   const isObsoleteWebpack = webpackVersion.startsWith('4');
   if (isObsoleteWebpack) {
-    // eslint-disable-next-line no-console
-    console.log(`[WARN]: RingUI is used with Webpack@"${webpackVersion}". Ring UI requires Webpack@>=5`);
+    // TODO remove in 5.0
+    deprecate(() => null, `[WARN]: RingUI is used with Webpack@"${webpackVersion}". Ring UI requires Webpack@>=5`)();
   }
 }());
 
@@ -30,7 +32,7 @@ function createConfig() {
         loader: require.resolve('css-loader'),
         options: {
           modules: {
-            localIdentName: '[local]_[hash:3]'
+            localIdentName: '[local]_[hash:4]'
           },
           importLoaders: 1
         }
@@ -66,12 +68,6 @@ function createConfig() {
     }
   };
 
-  const htmlLoader = {
-    test: /-ng(\\|\/)\S*(-ng|-ng__)\S*\.html$/,
-    include: componentsPath,
-    loader: require.resolve('html-loader')
-  };
-
   const gifLoader = {
     test: /\.gif$/,
     include: componentsPath,
@@ -82,7 +78,6 @@ function createConfig() {
     cssLoader,
     externalCssLoader,
     babelLoader,
-    htmlLoader,
     gifLoader
   };
 
@@ -117,6 +112,15 @@ module.exports = {
     },
     get vfileLoader() {
       throw new Error('***Ring UI embedded "vfileLoader" removed in 4.0. Please install and use own instance if you need it.***');
+    },
+    get htmlLoader() {
+      // eslint-disable-next-line no-console
+      console.warn('RingUI\'s "loaders.htmlLoader" is deprecated and will be removed soon. Please don\'t use it in your build');
+      return {
+        test: /-ng(\\|\/)\S*(-ng|-ng__)\S*\.html$/,
+        include: componentsPath,
+        loader: require.resolve('html-loader')
+      };
     }
   }
 };

package/components/button-set-ng/button-set-ng.html

@@ -1 +0,0 @@
-<div class="${require('../button-set/button-set.css').buttonSet}" ng-transclude></div>

package/components/footer-ng/footer-ng.html

@@ -1,13 +0,0 @@
-<footer ng-class=":: $ctrl.styles.footer" data-test="ring-footer">
-  <div ng-class=":: $ctrl.styles.columnLeft">
-    <div ng-transclude="left" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnCenter">
-    <div ng-transclude="center" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-
-  <div ng-class=":: $ctrl.styles.columnRight">
-    <div ng-transclude="right" ng-class=":: $ctrl.styles.columnItem"></div>
-  </div>
-</footer>

package/components/form-ng/form-ng__error-bubble.html

@@ -1,3 +0,0 @@
-<div class="ring-error-bubble" ng-class="{ active: active, 'ring-error-bubble_material': material }" ng-style="style">
-  <div ng-repeat="errorMessage in getFormErrorMessages(errorBubble().$error)">{{ errorMessage }}</div>
-</div>

package/components/table-legacy-ng/table-legacy-ng.html

@@ -1,4 +0,0 @@
-<div>
-  <table class="ring-table" ng-transclude>
-  </table>
-</div>

package/components/table-legacy-ng/table-legacy-ng__column.html

@@ -1,12 +0,0 @@
-<td class="ring-table__column"
-    ng-class="{
-    'ring-table__column_limited': isLimited,
-    'ring-table__column_unlimited': isUnlimited,
-    'ring-table__column_right': isAlignRight,
-    'ring-table__avatar': isAvatar,
-    'ring-table__column_wide': isWide,
-    'ring-table__column_gray': isGray,
-    'ring-table__column_snuggle-right': isPullRight,
-    'ring-table__column_snuggle-left': isPullLeft
-    }" ng-transclude>
-</td>

package/components/table-legacy-ng/table-legacy-ng__header.html

@@ -1,4 +0,0 @@
-<thead>
-  <tr class="ring-table__header" ng-transclude></tr>
-  <tr class="ring-table__header ring-table__header_sticky" rg-place-under="{{stickToSelector}}" ng-transclude></tr>
-</thead>

package/components/table-legacy-ng/table-legacy-ng__pager.html

@@ -1,7 +0,0 @@
-<rg-pager
-  total="pagerCtrl.total"
-  current-page="pagerCtrl.getPage()"
-  page-size="pagerCtrl.top"
-  on-page-change="pagerCtrl.onPageChange"
-  disable-page-size-selector="true"
-></rg-pager>

package/components/table-legacy-ng/table-legacy-ng__row.html

@@ -1,12 +0,0 @@
-<tr ng-click="rowCtrl.setActiveItem(rowCtrl.rowItem)"
-  ng-mouseover="rowCtrl.onMouseOver(rowCtrl.rowItem)"
-  ng-mouseout="rowCtrl.onMouseOut(rowCtrl.rowItem)"
-  class="ring-table__row" ng-class="{
-    'ring-table__row_active': rowCtrl.rowItem.active,
-    'ring-table__row_checked': rowCtrl.rowItem.checked,
-    'ring-table__row_active-checked': rowCtrl.rowItem.active && !rowCtrl.hasCheckedItems(),
-    'ring-table__row_implicit': rowCtrl.rowItem.implicit,
-    'ring-table__row_expanded': rowCtrl.rowItem.expanded,
-    'ring-table__row_unselectable': rowCtrl.rowItem.unselectable
-    }" ng-transclude>
-</tr>

package/components/table-legacy-ng/table-legacy-ng__title.html

@@ -1,9 +0,0 @@
-<th class="ring-table__title"
-    ng-class="{
-    'ring-table__title_border': isBorder,
-    'ring-table__title_active': isActive,
-    'ring-table__column_snuggle-right': isPullRight,
-    'ring-table__column_snuggle-left': isPullLeft,
-    'ring-table__column_align-right' : isAlignRight
-    }" ng-transclude>
-</th>

package/dist/_helpers/caption.js

@@ -1,25 +0,0 @@
-import { b as _extends, _ as _defineProperty } from './_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-var modules_1068e447 = {"unit":"8px","buttonGroup":"buttonGroup_buttonGroup__e33e6cf7 buttonToolbar_buttonGroup__ec743009","button":"buttonGroup_button__e33e6cf7","caption":"buttonGroup_caption__e33e6cf7 global_font__0f8f4370","active":"buttonGroup_active__e33e6cf7"};
-
-class Caption extends PureComponent {
-  render() {
-    const {
-      className
-    } = this.props;
-    const classes = classNames(modules_1068e447.caption, className);
-    return /*#__PURE__*/React.createElement("span", _extends({}, this.props, {
-      className: classes
-    }));
-  }
-
-}
-
-_defineProperty(Caption, "propTypes", {
-  className: PropTypes.node
-});
-
-export { Caption as C, modules_1068e447 as m };

package/dist/_helpers/icon__svg.js

@@ -1,83 +0,0 @@
-import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
-import React, { memo } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import memoize from '../global/memoize.js';
-
-var modules_29747b80 = {"unit":"8px","icon":"icon_icon__5d709605","glyph":"icon_glyph__5d709605","compatibilityMode":"icon_compatibilityMode__5d709605","gray":"icon_gray__5d709605","hover":"icon_hover__5d709605","green":"icon_green__5d709605","magenta":"icon_magenta__5d709605","red":"icon_red__5d709605","blue":"icon_blue__5d709605","white":"icon_white__5d709605","loading":"icon_loading__5d709605","icon-loading":"icon_iconLoading__5d709605"};
-
-function convertReactSVGDOMProperty(str) {
-  return str.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());
-}
-
-function serializeAttrs(map) {
-  const res = {};
-
-  for (let i = 0; i < map.length; i++) {
-    const key = map[i].name;
-    let prop = key;
-
-    if (key === 'class') {
-      prop = 'className';
-    } else if (!key.startsWith('data-')) {
-      prop = convertReactSVGDOMProperty(key);
-    }
-
-    res[prop] = map[i].value;
-  }
-
-  return res;
-}
-
-function extractSVGProps(svgNode) {
-  const map = svgNode.attributes;
-  return map.length > 0 ? serializeAttrs(map) : null;
-}
-
-const getSVGFromSource = memoize(src => {
-  const svgContainer = document.createElement('div');
-  svgContainer.innerHTML = src;
-  const svg = svgContainer.firstElementChild;
-  svg.remove ? svg.remove() : svgContainer.removeChild(svg);
-  return {
-    props: extractSVGProps(svg),
-    html: svg.innerHTML
-  };
-});
-
-function isCompatibilityMode(iconSrc) {
-  const hasWidth = /width="[\d\.]+"/ig.test(iconSrc);
-  const hasHeight = /height="[\d\.]+"/ig.test(iconSrc);
-  return !hasWidth || !hasHeight;
-}
-
-function IconSVG(_ref) {
-  let {
-    src,
-    className
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, ["src", "className"]);
-
-  const glyphClasses = classNames(modules_29747b80.glyph, {
-    [modules_29747b80.compatibilityMode]: isCompatibilityMode(src)
-  }, className);
-  const {
-    props,
-    html
-  } = getSVGFromSource(src);
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, rest, {
-    className: glyphClasses,
-    dangerouslySetInnerHTML: {
-      __html: html
-    }
-  }));
-}
-
-IconSVG.propTypes = {
-  className: PropTypes.string,
-  src: PropTypes.string.isRequired,
-  style: PropTypes.object
-};
-var IconSVG$1 = /*#__PURE__*/memo(IconSVG);
-
-export { IconSVG$1 as I, modules_29747b80 as m };