@semcore/utils - npm Package Compare versions

Comparing version 3.5.0 to 3.5.1

CHANGELOG.md

 # Changelog
 
-
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.5.0] 2019-12-12
+## [3.5.1] - 2019-12-16
 
-### Added
+### Fixed
 
-- Поддержка тем
+- Пакет пересобран под commonjs
 
-- Возможность подключить адаптивноссть
+## [3.5.0] - 2019-12-12
 
-- Возможность добавить изоляцию стилей
+### Added
 
+- Появилась возможность добавления различных стилистических тем через css переменные
+- Появилась возможность оптицонально подключать адаптивноссть
+- Появилась возможность изолировать стили даже в пределах одной страницы
+
 ### Changed
 
-- Алгоритм вставки стилей
+- Изменен алгоритм вставки стилей в head
 
 ### Removed
 
-- Относительные единицы измерения
+- Убраны относительные единицы измерения(rem), которые использовались для адаптивности
 
-- Адаптивность
-  
-  
-
 ## [3.5.0] - unrelease
@@ -29,0 +28,0 @@

lib/addonText.js

@@ -1,11 +0,16 @@
-import React from 'react';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = addonText;
+
+var _react = _interopRequireDefault(require("react"));
+
 /* tslint:disable */
 function addonText(children, Text, Addon) {
-  return React.Children.toArray(children).some(function (element) {
-    return React.isValidElement(element) && (element.type === React.Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
-  }) ? children : React.createElement(Text, null, children);
+  return _react["default"].Children.toArray(children).some(function (element) {
+    return _react["default"].isValidElement(element) && (element.type === _react["default"].Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
+  }) ? children : _react["default"].createElement(Text, null, children);
 }
-
-export default addonText;
 //# sourceMappingURL=addonText.js.map

lib/assignProps.js

@@ -1,8 +0,20 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import cn from 'classnames';
-import setRef from './setRef';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.callAllEventHandlers = callAllEventHandlers;
+exports.assignHandlers = assignHandlers;
+exports["default"] = assignProps;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _setRef = _interopRequireDefault(require("./setRef"));
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function callAllEventHandlers() {
@@ -29,2 +41,3 @@ for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
 }
+
 function assignHandlers(props, source) {
@@ -39,2 +52,3 @@ return Object.keys(source).reduce(function (proxySource, propName) {
 }
+
 function assignProps() {
@@ -48,4 +62,4 @@ var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     newProps.ref = function (ref) {
-      setRef(source.ref, ref);
-      setRef(props.ref, ref);
+      (0, _setRef["default"])(source.ref, ref);
+      (0, _setRef["default"])(props.ref, ref);
     };
@@ -60,3 +74,3 @@ }
   if (source.className) {
-    newProps.className = cn(props.className, source.className);
+    newProps.className = (0, _classnames["default"])(props.className, source.className);
   }
@@ -66,5 +80,2 @@
 }
-
-export default assignProps;
-export { assignHandlers, callAllEventHandlers };
 //# sourceMappingURL=assignProps.js.map

lib/canUseDOM.js

@@ -0,7 +1,10 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
 /* tslint:disable */
-function canUseDOM () {
+function _default() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 }
-
-export default canUseDOM;
 //# sourceMappingURL=canUseDOM.js.map

lib/capitalizeFirstLetter.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = capitalizeFirstLetter;
+
 /* tslint:disable */
@@ -5,4 +10,2 @@ function capitalizeFirstLetter(input) {
 }
-
-export default capitalizeFirstLetter;
 //# sourceMappingURL=capitalizeFirstLetter.js.map

lib/compose.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = compose;
+
 /* tslint:disable */
@@ -15,4 +20,2 @@ function compose() {
 } // TODO: think about it 🙄
-
-export default compose;
 //# sourceMappingURL=compose.js.map

lib/createHoc.js

@@ -1,12 +0,29 @@
-import React, { PureComponent } from 'react';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import hoistNonReactStatics from 'hoist-non-react-statics';
-import getDisplayName from './getDisplayName';
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var createHoc = (function (EnhancedComponent) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+
+var _getDisplayName = _interopRequireDefault(require("./getDisplayName"));
+
+var _default = function _default(EnhancedComponent) {
   return function creacteHoC() {
@@ -18,11 +35,10 @@ var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       function (_PureComponent) {
-        _inherits(Component, _PureComponent);
+        (0, _inherits2["default"])(Component, _PureComponent);
 
         function Component() {
-          _classCallCheck(this, Component);
-
-          return _possibleConstructorReturn(this, _getPrototypeOf(Component).apply(this, arguments));
+          (0, _classCallCheck2["default"])(this, Component);
+          return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Component).apply(this, arguments));
         }
 
-        _createClass(Component, [{
+        (0, _createClass2["default"])(Component, [{
           key: "render",
@@ -33,6 +49,5 @@ value: function render() {
                 forwardedRef = _this$props.forwardedRef,
-                others = _objectWithoutProperties(_this$props, ["forwardedRef"]);
-
-            return React.createElement(EnhancedComponent, Object.assign({}, options, this.props), function (enhancedComponentProps) {
-              return React.createElement(WrappedComponent, Object.assign({
+                others = (0, _objectWithoutProperties2["default"])(_this$props, ["forwardedRef"]);
+            return _react["default"].createElement(EnhancedComponent, Object.assign({}, options, this.props), function (enhancedComponentProps) {
+              return _react["default"].createElement(WrappedComponent, Object.assign({
                 forwardedRef: forwardedRef
@@ -43,14 +58,13 @@ }, others, enhancedComponentProps));
         }]);
-
         return Component;
-      }(PureComponent);
+      }(_react.PureComponent);
 
-      Component.displayName = getDisplayName(WrappedComponent);
+      Component.displayName = (0, _getDisplayName["default"])(WrappedComponent);
       Component.defaultProps = WrappedComponent.defaultProps || {};
-      return hoistNonReactStatics(Component, WrappedComponent);
+      return (0, _hoistNonReactStatics["default"])(Component, WrappedComponent);
     };
   };
-});
+};
 
-export default createHoc;
+exports["default"] = _default;
 //# sourceMappingURL=createHoc.js.map

lib/createUUID.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = createUUID;
+
 /* tslint:disable */
@@ -10,4 +15,2 @@ function createUUID() {
 }
-
-export default createUUID;
 //# sourceMappingURL=createUUID.js.map

lib/CSSinJS.js

@@ -1,11 +0,25 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { create } from 'nano-css';
-import { addon as addon$1 } from 'nano-css/addon/rule';
-import { addon } from 'nano-css/addon/cache';
-import { addon as addon$2 } from 'nano-css/addon/prefixer';
-import { addon as addon$3 } from 'nano-css/addon/hydrate';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStyle = createStyle;
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _nanoCss = require("nano-css");
+
+var _rule = require("nano-css/addon/rule");
+
+var _cache = require("nano-css/addon/cache");
+
+var _prefixer = require("nano-css/addon/prefixer");
+
+var _hydrate = require("nano-css/addon/hydrate");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var _nano = null;
@@ -23,15 +37,15 @@
   var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var nano = create(_objectSpread({
+  var nano = (0, _nanoCss.create)(_objectSpread({
     pfx: 'css',
     verbose: true
   }, opt));
-  addon(nano);
-  addon$1(nano);
-  addon$2(nano);
-  addon$3(nano);
+  (0, _cache.addon)(nano);
+  (0, _rule.addon)(nano);
+  (0, _prefixer.addon)(nano);
+  (0, _hydrate.addon)(nano);
   return nano;
 }
 
-export default style;
-export { createStyle };
+var _default = style;
+exports["default"] = _default;
 //# sourceMappingURL=CSSinJS.js.map

lib/cssToIntDefault.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssToIntDefault;
+
 /* tslint:disable */
@@ -20,4 +25,2 @@
 }
-
-export default cssToIntDefault;
 //# sourceMappingURL=cssToIntDefault.js.map

lib/enhances/WithAutoFocus.js

@@ -1,22 +0,36 @@
-import { PureComponent } from 'react';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import { findDOMNode } from 'react-dom';
-import createHoc from '../createHoc';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = require("react");
+
+var _reactDom = require("react-dom");
+
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+
+/* tslint:disable */
 var EnhancedWithAutoFocus =
 /*#__PURE__*/
 function (_PureComponent) {
-  _inherits(EnhancedWithAutoFocus, _PureComponent);
+  (0, _inherits2["default"])(EnhancedWithAutoFocus, _PureComponent);
 
   function EnhancedWithAutoFocus() {
-    _classCallCheck(this, EnhancedWithAutoFocus);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(EnhancedWithAutoFocus).apply(this, arguments));
+    (0, _classCallCheck2["default"])(this, EnhancedWithAutoFocus);
+    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EnhancedWithAutoFocus).apply(this, arguments));
   }
 
-  _createClass(EnhancedWithAutoFocus, [{
+  (0, _createClass2["default"])(EnhancedWithAutoFocus, [{
     key: "notUsingNativeAutoFocus",
@@ -33,3 +47,3 @@ value: function notUsingNativeAutoFocus() {
         if (autoFocus === false) return;
-        var node = findDOMNode(this);
+        var node = (0, _reactDom.findDOMNode)(this);
         if (!node) return;
@@ -59,5 +73,4 @@ this.timer = setTimeout(function () {
   }]);
-
   return EnhancedWithAutoFocus;
-}(PureComponent);
+}(_react.PureComponent);
 
@@ -68,5 +81,6 @@ EnhancedWithAutoFocus.displayName = 'EnhancedWithAutoFocus';
 };
-var WithAutoFocus = createHoc(EnhancedWithAutoFocus);
 
-export default WithAutoFocus;
+var _default = (0, _createHoc["default"])(EnhancedWithAutoFocus);
+
+exports["default"] = _default;
 //# sourceMappingURL=WithAutoFocus.js.map

lib/enhances/WithCSS.js

@@ -1,12 +0,30 @@
-import React, { PureComponent } from 'react';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import createHoc from '../createHoc';
-import CSSinJS from '../CSSinJS';
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initNanoCss = initNanoCss;
+exports.normaliseCss = normaliseCss;
+exports["default"] = exports.WithCssContext = exports.Provider = exports.EnhancedWithCSS = exports.getStylesheet = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+
+var _CSSinJS = _interopRequireDefault(require("../CSSinJS"));
+
 var getStylesheet = function getStylesheet() {
-  return CSSinJS().raw;
+  return (0, _CSSinJS["default"])().raw;
 };
@@ -20,2 +38,4 @@ /**
 
+exports.getStylesheet = getStylesheet;
+
 function normaliseCss(obj) {
@@ -33,8 +53,11 @@ return Object.keys(obj).reduce(function (acc, key) {
 
-var WithCssContext = React.createContext({});
+var WithCssContext = _react["default"].createContext({});
+
+exports.WithCssContext = WithCssContext;
 var Provider = WithCssContext.Provider;
+exports.Provider = Provider;
 
 function initNanoCss() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return CSSinJS(options);
+  return (0, _CSSinJS["default"])(options);
 }
@@ -45,3 +68,3 @@
 function (_PureComponent) {
-  _inherits(EnhancedWithCSS, _PureComponent);
+  (0, _inherits2["default"])(EnhancedWithCSS, _PureComponent);
 
@@ -51,5 +74,4 @@ function EnhancedWithCSS(props, context) {
 
-    _classCallCheck(this, EnhancedWithCSS);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(EnhancedWithCSS).call(this, props, context));
+    (0, _classCallCheck2["default"])(this, EnhancedWithCSS);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EnhancedWithCSS).call(this, props, context));
     _this.state = {
@@ -62,3 +84,3 @@ dynamicClassName: ''
 
-  _createClass(EnhancedWithCSS, [{
+  (0, _createClass2["default"])(EnhancedWithCSS, [{
     key: "render",
@@ -80,10 +102,10 @@ value: function render() {
       return {
-        dynamicClassName: Object.keys(cleanCss).length ? CSSinJS().cache(cleanCss) : ''
+        dynamicClassName: Object.keys(cleanCss).length ? (0, _CSSinJS["default"])().cache(cleanCss) : ''
       };
     }
   }]);
-
   return EnhancedWithCSS;
-}(PureComponent);
+}(_react.PureComponent);
 
+exports.EnhancedWithCSS = EnhancedWithCSS;
 EnhancedWithCSS.contextType = WithCssContext;
@@ -93,6 +115,6 @@ EnhancedWithCSS.defaultProps = {
 };
-var WithCSS = createHoc(EnhancedWithCSS);
 
-export default WithCSS;
-export { EnhancedWithCSS, Provider, WithCssContext, getStylesheet, initNanoCss, normaliseCss };
+var _default = (0, _createHoc["default"])(EnhancedWithCSS);
+
+exports["default"] = _default;
 //# sourceMappingURL=WithCSS.js.map

lib/enhances/WithI18n.js

@@ -1,12 +0,28 @@
-import { createContext, Component, useContext, useMemo } from 'react';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import createHoc from '../createHoc';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var Context = createContext('en');
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.I18nConsumer = exports.I18nProvider = exports.useI18n = exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = require("react");
+
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+
+/* tslint:disable */
+var Context = (0, _react.createContext)('en');
 var I18nProvider = Context.Provider,
     I18nConsumer = Context.Consumer;
+exports.I18nConsumer = I18nConsumer;
+exports.I18nProvider = I18nProvider;
 
@@ -22,3 +38,3 @@ function getText(dictionary, locale) {
 function (_Component) {
-  _inherits(WithI18n, _Component);
+  (0, _inherits2["default"])(WithI18n, _Component);
 
@@ -28,6 +44,5 @@ function WithI18n() {
 
-    _classCallCheck(this, WithI18n);
+    (0, _classCallCheck2["default"])(this, WithI18n);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WithI18n).apply(this, arguments));
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(WithI18n).apply(this, arguments));
-
     _this.getText = function (dictionary, selfLocale) {
@@ -42,3 +57,3 @@ var locale = _this.props.locale;
 
-  _createClass(WithI18n, [{
+  (0, _createClass2["default"])(WithI18n, [{
     key: "render",
@@ -52,5 +67,4 @@ value: function render() {
   }]);
-
   return WithI18n;
-}(Component);
+}(_react.Component);
 
@@ -61,4 +75,4 @@ WithI18n.contextType = Context;
   var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
-  var lang = useContext(Context) || locale;
-  return useMemo(function () {
+  var lang = (0, _react.useContext)(Context) || locale;
+  return (0, _react.useMemo)(function () {
     return getText(dictionary, lang);
@@ -68,6 +82,7 @@ }, [dictionary, lang]);
 
-var WithI18n$1 = createHoc(WithI18n);
+exports.useI18n = useI18n;
 
-export default WithI18n$1;
-export { I18nConsumer, I18nProvider, useI18n };
+var _default = (0, _createHoc["default"])(WithI18n);
+
+exports["default"] = _default;
 //# sourceMappingURL=WithI18n.js.map

lib/enhances/WithKeyboardFocus.js

@@ -1,17 +0,35 @@
-import { PureComponent } from 'react';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _inherits from '@babel/runtime/helpers/inherits';
-import createHoc from '../createHoc';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import { internalSetState } from '../uncontroll';
-import fire from '../fire';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EnhancedWithKeyboardFocus = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _react = require("react");
+
+var _createHoc = _interopRequireDefault(require("../createHoc"));
+
+var _uncontroll = require("../uncontroll");
+
+var _fire = _interopRequireDefault(require("../fire"));
+
+/* tslint:disable */
 var usingKeyBoard = true;
+
 var EnhancedWithKeyboardFocus =
 /*#__PURE__*/
 function (_PureComponent) {
-  _inherits(EnhancedWithKeyboardFocus, _PureComponent);
+  (0, _inherits2["default"])(EnhancedWithKeyboardFocus, _PureComponent);
 
@@ -21,5 +39,4 @@ function EnhancedWithKeyboardFocus() {
 
-    _classCallCheck(this, EnhancedWithKeyboardFocus);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(EnhancedWithKeyboardFocus).apply(this, arguments));
+    (0, _classCallCheck2["default"])(this, EnhancedWithKeyboardFocus);
+    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EnhancedWithKeyboardFocus).apply(this, arguments));
     _this.state = {
@@ -30,6 +47,6 @@ keyboardFocused: false
     _this.handlerFocus = function (e) {
-      fire(_assertThisInitialized(_this), 'onFocus', e);
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onFocus', e);
 
       if (usingKeyBoard) {
-        internalSetState(_assertThisInitialized(_this), {
+        (0, _uncontroll.internalSetState)((0, _assertThisInitialized2["default"])(_this), {
           keyboardFocused: true
@@ -41,4 +58,4 @@ });
     _this.handlerBlur = function (e) {
-      fire(_assertThisInitialized(_this), 'onBlur', e);
-      internalSetState(_assertThisInitialized(_this), {
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onBlur', e);
+      (0, _uncontroll.internalSetState)((0, _assertThisInitialized2["default"])(_this), {
         keyboardFocused: false
@@ -49,3 +66,3 @@ });
     _this.handlerKeyDown = function (e) {
-      fire(_assertThisInitialized(_this), 'onKeyDown', e);
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onKeyDown', e);
       usingKeyBoard = true;
@@ -55,3 +72,3 @@ };
     _this.handlerMouseDown = function (e) {
-      fire(_assertThisInitialized(_this), 'onMouseDown', e);
+      (0, _fire["default"])((0, _assertThisInitialized2["default"])(_this), 'onMouseDown', e);
       usingKeyBoard = false;
@@ -63,3 +80,3 @@ };
 
-  _createClass(EnhancedWithKeyboardFocus, [{
+  (0, _createClass2["default"])(EnhancedWithKeyboardFocus, [{
     key: "render",
@@ -93,5 +110,6 @@ value: function render() {
   }]);
+  return EnhancedWithKeyboardFocus;
+}(_react.PureComponent);
 
-  return EnhancedWithKeyboardFocus;
-}(PureComponent);
+exports.EnhancedWithKeyboardFocus = EnhancedWithKeyboardFocus;
 EnhancedWithKeyboardFocus.displayName = 'EnhancedWithKeyboardFocus';
@@ -101,6 +119,6 @@ EnhancedWithKeyboardFocus.defaultProps = {
 };
-var WithKeyboardFocus = createHoc(EnhancedWithKeyboardFocus);
 
-export default WithKeyboardFocus;
-export { EnhancedWithKeyboardFocus };
+var _default = (0, _createHoc["default"])(EnhancedWithKeyboardFocus);
+
+exports["default"] = _default;
 //# sourceMappingURL=WithKeyboardFocus.js.map

lib/enhances/WithRef.js

@@ -1,20 +0,31 @@
-import React from 'react';
-import hoistNonReactStatics from 'hoist-non-react-statics';
-import getDisplayName from '../getDisplayName';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _getDisplayName = _interopRequireDefault(require("../getDisplayName"));
+
+var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
+
 function WithForwardRef() {
   return function ForwardRef(Component) {
-    var Wrapped = React.forwardRef(function (props, ref) {
+    var Wrapped = _react["default"].forwardRef(function (props, ref) {
       // @ts-ignore
-      return React.createElement(Component, Object.assign({}, props, {
+      return _react["default"].createElement(Component, Object.assign({}, props, {
         forwardedRef: ref
       }));
     });
-    Wrapped.displayName = getDisplayName(Component);
+
+    Wrapped.displayName = (0, _getDisplayName["default"])(Component);
     Wrapped.defaultProps = Component.defaultProps;
-    return hoistNonReactStatics(Wrapped, Component);
+    return (0, _hoistNonReactStatics["default"])(Wrapped, Component);
   };
 }
 
-export default WithForwardRef;
+var _default = WithForwardRef;
+exports["default"] = _default;
 //# sourceMappingURL=WithRef.js.map

lib/eventEmitter.js

@@ -1,4 +0,12 @@
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 /* tslint:disable */
@@ -9,8 +17,7 @@ var EventEmitter =
   function EventEmitter() {
-    _classCallCheck(this, EventEmitter);
-
+    (0, _classCallCheck2["default"])(this, EventEmitter);
     this.events = {};
   }
 
-  _createClass(EventEmitter, [{
+  (0, _createClass2["default"])(EventEmitter, [{
     key: "emit",
@@ -43,7 +50,6 @@ value: function emit(eventName, data) {
   }]);
-
   return EventEmitter;
 }();
 
-export default EventEmitter;
+exports["default"] = EventEmitter;
 //# sourceMappingURL=eventEmitter.js.map

lib/fire.js

@@ -1,6 +0,14 @@
-import getValue from './getValue';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = fire;
+exports.fireFn = fireFn;
+
+var _getValue = _interopRequireDefault(require("./getValue"));
+
 /* tslint:disable */
 function fire(context, eventName) {
-  var fn = getValue(context, "props.".concat(eventName));
+  var fn = (0, _getValue["default"])(context, "props.".concat(eventName));
 
@@ -13,2 +21,3 @@ for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
 }
+
 function fireFn(fn) {
@@ -21,5 +30,2 @@ for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
 }
-
-export default fire;
-export { fireFn };
 //# sourceMappingURL=fire.js.map

lib/getDisplayName.js

@@ -0,6 +1,9 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getDisplayName;
+
 function getDisplayName(WrappedComponent) {
   return WrappedComponent.displayName || WrappedComponent.name || 'Component';
 }
-
-export default getDisplayName;
 //# sourceMappingURL=getDisplayName.js.map

lib/getRandomInt.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getRandomInt;
+
 /* tslint:disable */
@@ -6,4 +11,2 @@ // Returns a random integer between min (inclusive) and max (inclusive)
 }
-
-export default getRandomInt;
 //# sourceMappingURL=getRandomInt.js.map

lib/getValue.js

@@ -0,3 +1,9 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = getValue;
+
 /* tslint:disable */
 var pathRegExp = /\[(\d+)]/g;
+
 function getValue(obj, path, def) {
@@ -9,4 +15,2 @@ var paths = typeof path === 'string' ? path.replace(pathRegExp, '.$1') : path.join('.');
 }
-
-export default getValue;
 //# sourceMappingURL=getValue.js.map

lib/if.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
 var If = function If(props) {
@@ -7,3 +12,4 @@ var condition = props.condition,
 
-export default If;
+var _default = If;
+exports["default"] = _default;
 //# sourceMappingURL=if.js.map

lib/injectStyle.js

@@ -1,3 +0,10 @@
-import _typeof from '@babel/runtime/helpers/typeof';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 // THIS USE BABEL-PLUGIN-CSS-STYLE
@@ -8,3 +15,3 @@ var sh = null;
 function injectStyle(css) {
-  if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object') {
+  if ((typeof window === "undefined" ? "undefined" : (0, _typeof2["default"])(window)) === 'object') {
     if (!sh) {
@@ -17,3 +24,3 @@ var prevSh = document.querySelector('.' + selectorClass);
         // @ts-ignore
-        var version = "3.4.1";
+        var version = "3.5.1";
         sh = document.createElement('style');
@@ -30,3 +37,4 @@ sh.setAttribute('data-ui-v', version);
 
-export default injectStyle;
+var _default = injectStyle;
+exports["default"] = _default;
 //# sourceMappingURL=injectStyle.js.map

lib/isNode.js

@@ -1,6 +0,15 @@
-import React from 'react';
-import _typeof from '@babel/runtime/helpers/typeof';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = isNode;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = _interopRequireDefault(require("react"));
+
+/* tslint:disable */
 function isNode(node) {
-  switch (_typeof(node)) {
+  switch ((0, _typeof2["default"])(node)) {
     case 'number':
@@ -21,3 +30,3 @@ return Number.isFinite(node);
       if (node === null) return false;
-      return React.isValidElement(node);
+      return _react["default"].isValidElement(node);
 
@@ -28,4 +37,2 @@ default:
 }
-
-export default isNode;
 //# sourceMappingURL=isNode.js.map

lib/isPromise.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = isPromise;
+
 /* tslint:disable */
@@ -5,4 +10,2 @@ function isPromise(resultFn) {
 }
-
-export default isPromise;
 //# sourceMappingURL=isPromise.js.map

lib/isRetina.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = isRetina;
+
 /* tslint:disable */
@@ -12,4 +17,2 @@ function isRetina() {
 }
-
-export default isRetina;
 //# sourceMappingURL=isRetina.js.map

lib/numericChecker.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = numericChecker;
+
 /* tslint:disable */
@@ -31,4 +36,2 @@ function numericChecker() {
 }
-
-export default numericChecker;
 //# sourceMappingURL=numericChecker.js.map

lib/ownerDocument.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ownerDocument;
+
 /* tslint:disable */
@@ -5,4 +10,2 @@ function ownerDocument(node) {
 }
-
-export default ownerDocument;
 //# sourceMappingURL=ownerDocument.js.map

lib/propsForElement.js

@@ -0,1 +1,7 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = propsForElement;
+exports.validAttr = void 0;
+
 /* tslint:disable */
@@ -30,5 +36,9 @@
 var isCustomAttribute = RegExp.prototype.test.bind(new RegExp("^(x|data|aria)-[".concat(ATTRIBUTE_NAME_CHAR, "]*$")));
+
 var validAttr = function validAttr(name) {
   return ATTRIBUTE_REGEX.test(name) || isCustomAttribute(name.toLowerCase());
 };
+
+exports.validAttr = validAttr;
+
 function propsForElement(props, element) {
@@ -47,5 +57,2 @@ if (element && typeof element !== 'string') {
 }
-
-export default propsForElement;
-export { validAttr };
 //# sourceMappingURL=propsForElement.js.map

lib/rafTrottle.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
 /* tslint:disable */
@@ -33,3 +38,4 @@ function rafTrottle(callback) {
 
-export default rafTrottle;
+var _default = rafTrottle;
+exports["default"] = _default;
 //# sourceMappingURL=rafTrottle.js.map

lib/setRef.js

@@ -0,1 +1,6 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = setRef;
+
 function setRef(ref, value) {
@@ -9,4 +14,2 @@ if (typeof ref === 'function') {
 }
-
-export default setRef;
 //# sourceMappingURL=setRef.js.map

lib/uncontroll.js

@@ -1,10 +0,20 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isControlled = isControlled;
+exports.getState = getState;
+exports.internalSetState = internalSetState;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 function isControlled(self, prop) {
   return self.props[prop] !== undefined;
 }
+
 function getState(self) {
   var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : self.state;
   return Object.entries(state).reduce(function (combinedState, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
+    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
         key = _ref2[0],
@@ -22,2 +32,3 @@ value = _ref2[1];
 }
+
 function internalSetState(self, changes) {
@@ -29,3 +40,3 @@ var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
     var nonControlledChanges = Object.entries(changesObject).reduce(function (newChanges, _ref3) {
-      var _ref4 = _slicedToArray(_ref3, 2),
+      var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
           key = _ref4[0],
@@ -45,4 +56,2 @@ value = _ref4[1];
 }
-
-export { getState, internalSetState, isControlled };
 //# sourceMappingURL=uncontroll.js.map

lib/use/useCss.js

@@ -1,13 +0,20 @@
-import { useContext } from 'react';
-import { WithCssContext, initNanoCss, normaliseCss } from '../enhances/WithCSS';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 
+var _react = require("react");
+
+var _WithCSS = require("../enhances/WithCSS");
+
 var useCss = function useCss() {
   var css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var nanoOptions = useContext(WithCssContext);
-  var nano = initNanoCss(nanoOptions);
-  var cleanCss = normaliseCss(css);
+  var nanoOptions = (0, _react.useContext)(_WithCSS.WithCssContext);
+  var nano = (0, _WithCSS.initNanoCss)(nanoOptions);
+  var cleanCss = (0, _WithCSS.normaliseCss)(css);
   return Object.keys(cleanCss).length ? nano.cache(cleanCss) : '';
 };
 
-export default useCss;
+var _default = useCss;
+exports["default"] = _default;
 //# sourceMappingURL=useCss.js.map

package.json

 {
   "name": "@semcore/utils",
   "description": "SEMRush Utils Component",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "author": "Roman Lysov <[e-mail]>",
   "license": "MIT",
   "scripts": {
-    "build": "rollup --config=node:rollup-config-ts-multi",
+    "build": "BABEL_ENV=commonjs rollup --config=node:rollup-config-ts-multi",
     "test": "jest"
@@ -10,0 +10,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

149107

increased by5.33%

Lines of code

1997

increased by7.65%

No dependency changes