@semcore/utils - npm Package Compare versions

Comparing version 3.8.1 to 3.10.0

CHANGELOG.md

@@ -5,2 +5,19 @@ # Changelog
 
+## [3.10.0] - 2020-03-27
+
+### Added
+
+- Добавлены функции работы с цветом `color`, которые раньше находились в `Paint`.
+
+## [3.9.1] - 2020-03-24
+
+### Added
+
+- Добавлены функции работы с `ref` такие, как `forkRef` и `useForkRef`
+- Добавлена функция работы с объектом, `pick`
+
+### Fixed
+
+- Функция `fire` теперь возвращает значение из вызванной функции
+
 ## [3.8.1] - 2020-02-20
@@ -202,3 +219,3 @@
 
-- Теперь стили добавляются в один тэг style, а не в множества
+- Теперь стили добавляются в один тег style, а не в множества
 - Css-in-js инициализируется при создании компонента, а не при его импорте
@@ -205,0 +222,0 @@

lib/addonText.d.ts

@@ -1,3 +0,4 @@
-import React from "react";
+/// <reference types="react" />
+import React from 'react';
 declare function addonText(children: React.ReactNode, Text: React.ComponentType, Addon: React.ComponentType): {};
 export { addonText as default };

lib/addonText.js

@@ -10,3 +10,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* tslint:disable */
+/* eslint-disable */
 function addonText(children, Text, Addon) {
@@ -13,0 +13,0 @@ return _react["default"].Children.toArray(children).some(function (element) {

lib/assignProps.d.ts

@@ -1,2 +0,2 @@
-import { CSSProperties, Ref } from "react";
+import { CSSProperties, Ref } from 'react';
 declare function callAllEventHandlers(...fns: any[]): (...args: any[]) => boolean;
@@ -11,3 +11,2 @@ declare function assignHandlers(props: any, source: any): {};
 declare function assignProps<P extends AssignableProps, S extends AssignableProps>(props?: P, source?: S): S & P & {};
-export { assignProps as default };
-export { callAllEventHandlers, assignHandlers, AssignableProps };
+export { callAllEventHandlers, assignHandlers, AssignableProps, assignProps as default };

lib/assignProps.js

@@ -14,7 +14,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _setRef = _interopRequireDefault(require("./setRef"));
+var _ref = require("./ref");
 
 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) { (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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -61,4 +61,4 @@ function callAllEventHandlers() {
     newProps.ref = function (ref) {
-      (0, _setRef["default"])(source.ref, ref);
-      (0, _setRef["default"])(props.ref, ref);
+      (0, _ref.setRef)(source.ref, ref);
+      (0, _ref.setRef)(props.ref, ref);
     };
@@ -65,0 +65,0 @@ }

lib/canUseDOM.d.ts

@@ -1,1 +0,2 @@
-export { default };
+declare function canUsedomFunc(): boolean;
+export { canUsedomFunc as default };

lib/canUseDOM.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function _default() {
@@ -9,0 +9,0 @@ return !!(typeof window !== 'undefined' && window.document && window.document.createElement);

lib/capitalizeFirstLetter.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function capitalizeFirstLetter(input) {
@@ -9,0 +9,0 @@ return input.charAt(0).toUpperCase() + input.slice(1);

lib/compose.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function compose() {
@@ -20,3 +20,3 @@ for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
   });
-} // TODO: think about it 🙄
+}
 //# sourceMappingURL=compose.js.map

lib/createHoc.js

@@ -28,2 +28,6 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
+function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var _default = function _default(EnhancedComponent) {
@@ -33,10 +37,10 @@ return function creacteHoC() {
     return function (WrappedComponent) {
-      var Component =
-      /*#__PURE__*/
-      function (_PureComponent) {
+      var Component = /*#__PURE__*/function (_PureComponent) {
         (0, _inherits2["default"])(Component, _PureComponent);
 
+        var _super = _createSuper(Component);
+
         function Component() {
           (0, _classCallCheck2["default"])(this, Component);
-          return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Component).apply(this, arguments));
+          return _super.apply(this, arguments);
         }
@@ -43,0 +47,0 @@

lib/createUUID.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function createUUID() {
@@ -9,0 +9,0 @@ var pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';

lib/CSSinJS.d.ts

@@ -1,5 +0,4 @@
-import { NanoOptions, NanoRenderer } from "nano-css";
+import { NanoOptions, NanoRenderer } from 'nano-css';
 declare function style(opt?: NanoOptions): NanoRenderer;
 declare function createStyle(opt?: NanoOptions): NanoRenderer;
-export { style as default };
-export { createStyle };
+export { style as default, createStyle };

lib/CSSinJS.js

@@ -23,3 +23,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -26,0 +26,0 @@ var _nano = null;

lib/cssToIntDefault.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 
 /**
-* Converts CSS numeric value to int or returns defaultValue if
-* value is not numeric
-* @param {string} value
-* @param {number} defaultValue
-* @returns {Number|number}
-*/
+ * Converts CSS numeric value to int or returns defaultValue if
+ * value is not numeric
+ * @param {string} value
+ * @param {number} defaultValue
+ * @returns {Number|number}
+ */
 function cssToIntDefault(value) {
@@ -17,0 +17,0 @@ var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;

lib/enhances/WithAutoFocus.d.ts

@@ -1,2 +0,3 @@
-import React from "react";
+/// <reference types="react" />
+import React from 'react';
 interface IEnhancedWithAutoFocusProps {
@@ -10,3 +11,2 @@ /**
 declare const _default: (options?: {}) => (WrappedComponent: any) => any;
-export { _default as default };
-export { IEnhancedWithAutoFocusProps };
+export { _default as default, IEnhancedWithAutoFocusProps };

lib/enhances/WithAutoFocus.js

@@ -24,11 +24,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* tslint:disable */
-var EnhancedWithAutoFocus =
-/*#__PURE__*/
-function (_PureComponent) {
+function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+var EnhancedWithAutoFocus = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2["default"])(EnhancedWithAutoFocus, _PureComponent);
 
+  var _super = _createSuper(EnhancedWithAutoFocus);
+
   function EnhancedWithAutoFocus() {
     (0, _classCallCheck2["default"])(this, EnhancedWithAutoFocus);
-    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EnhancedWithAutoFocus).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
@@ -49,3 +52,4 @@
         var node = (0, _reactDom.findDOMNode)(this);
-        if (!node) return;
+        if (!node) return; //@ts-ignore
+
         this.timer = setTimeout(function () {
@@ -52,0 +56,0 @@ return node.focus();

lib/enhances/WithCSS.d.ts

@@ -1,5 +0,6 @@
-import React from "react";
+/// <reference types="react" />
+import React from 'react';
 import { PureComponent } from "react";
-import { NanoOptions, NanoRenderer } from "nano-css";
-import { CssLikeObject } from "nano-css/types/common";
+import { NanoOptions } from 'nano-css';
+import { CssLikeObject } from 'nano-css/types/common';
 declare const getStylesheet: () => string;
@@ -14,3 +15,3 @@ /**
 declare const Provider: React.Provider<NanoOptions>;
-declare function initNanoCss(options?: NanoOptions): NanoRenderer;
+declare function initNanoCss(options?: NanoOptions): import("nano-css").NanoRenderer;
 interface IEnhancedWithCSSProps {
@@ -38,3 +39,2 @@ className?: string;
 declare const _default: (options?: {}) => (WrappedComponent: any) => any;
-export { _default as default };
-export { IEnhancedWithCSSProps, getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };
+export { _default as default, IEnhancedWithCSSProps, getStylesheet, EnhancedWithCSS, Provider, WithCssContext, initNanoCss, normaliseCss };

lib/enhances/WithCSS.js

@@ -28,2 +28,6 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
+function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var getStylesheet = function getStylesheet() {
@@ -64,7 +68,7 @@ return (0, _CSSinJS["default"])().raw;
 
-var EnhancedWithCSS =
-/*#__PURE__*/
-function (_PureComponent) {
+var EnhancedWithCSS = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2["default"])(EnhancedWithCSS, _PureComponent);
 
+  var _super = _createSuper(EnhancedWithCSS);
+
   function EnhancedWithCSS(props, context) {
@@ -74,3 +78,3 @@ var _this;
     (0, _classCallCheck2["default"])(this, EnhancedWithCSS);
-    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EnhancedWithCSS).call(this, props, context));
+    _this = _super.call(this, props, context);
     _this.state = {
@@ -77,0 +81,0 @@ dynamicClassName: ''

lib/enhances/WithI18n.d.ts

@@ -1,12 +0,13 @@
-import React from "react";
+/// <reference types="react" />
+import React from 'react';
 import { Component } from "react";
-declare type LocaleKeys = 'de' | 'en' | 'es' | 'fr' | 'it' | 'ja' | 'ru' | 'zh' | 'pt';
-declare type DictionaryItem = {
+type LocaleKeys = 'de' | 'en' | 'es' | 'fr' | 'it' | 'ja' | 'ru' | 'zh' | 'pt';
+type DictionaryItem = {
     [key: string]: string;
 };
-declare type Dictionary = {
+type Dictionary = {
     [K in LocaleKeys]: DictionaryItem;
 };
 declare const I18nProvider: React.Provider<LocaleKeys>, I18nConsumer: React.Consumer<LocaleKeys>;
-declare function getText(dictionaries: Dictionary, locale: LocaleKeys): (key: React.ReactText) => string;
+declare function getText(dictionaries: Dictionary, locale: LocaleKeys): (key: string | number) => string;
 interface IWithI18nInjectedProps {
@@ -28,5 +29,4 @@ getText: WithI18n['getText'];
 }
-declare const useI18n: (dictionary: Dictionary, locale?: LocaleKeys) => (key: React.ReactText) => string;
+declare const useI18n: (dictionary: Dictionary, locale?: LocaleKeys) => (key: string | number) => string;
 declare const _default: (options?: {}) => (WrappedComponent: any) => any;
-export { _default as default };
-export { LocaleKeys, DictionaryItem, Dictionary, IWithI18nInjectedProps, IWithI18nProps, useI18n, I18nProvider, I18nConsumer };
+export { _default as default, LocaleKeys, DictionaryItem, Dictionary, IWithI18nInjectedProps, IWithI18nProps, useI18n, I18nProvider, I18nConsumer };

lib/enhances/WithI18n.js

@@ -22,3 +22,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* tslint:disable */
+function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var Context = (0, _react.createContext)('en');
@@ -37,7 +40,7 @@ var I18nProvider = Context.Provider,
 
-var WithI18n =
-/*#__PURE__*/
-function (_Component) {
+var WithI18n = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(WithI18n, _Component);
 
+  var _super = _createSuper(WithI18n);
+
   function WithI18n() {
@@ -47,3 +50,3 @@ var _this;
     (0, _classCallCheck2["default"])(this, WithI18n);
-    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WithI18n).apply(this, arguments));
+    _this = _super.apply(this, arguments);
 
@@ -50,0 +53,0 @@ _this.getText = function (dictionary, selfLocale) {

lib/enhances/WithKeyboardFocus.d.ts

@@ -1,2 +0,3 @@
-import React from "react";
+/// <reference types="react" />
+import React from 'react';
 import { PureComponent } from "react";
@@ -36,3 +37,2 @@ interface IEnhancedWithKeyboardFocusInjectedProps {
 declare const _default: (options?: {}) => (WrappedComponent: any) => any;
-export { _default as default };
-export { IEnhancedWithKeyboardFocusInjectedProps, IEnhancedWithKeyboardFocusProps, IEnhancedWithKeyboardFocusState, EnhancedWithKeyboardFocus };
+export { _default as default, IEnhancedWithKeyboardFocusInjectedProps, IEnhancedWithKeyboardFocusProps, IEnhancedWithKeyboardFocusState, EnhancedWithKeyboardFocus };

lib/enhances/WithKeyboardFocus.js

@@ -12,2 +12,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -17,4 +19,2 @@
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -30,10 +30,13 @@
 
-/* tslint:disable */
+function _createSuper(Derived) { return function () { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var usingKeyBoard = true;
 
-var EnhancedWithKeyboardFocus =
-/*#__PURE__*/
-function (_PureComponent) {
+var EnhancedWithKeyboardFocus = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2["default"])(EnhancedWithKeyboardFocus, _PureComponent);
 
+  var _super = _createSuper(EnhancedWithKeyboardFocus);
+
   function EnhancedWithKeyboardFocus() {
@@ -43,3 +46,3 @@ var _this;
     (0, _classCallCheck2["default"])(this, EnhancedWithKeyboardFocus);
-    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(EnhancedWithKeyboardFocus).apply(this, arguments));
+    _this = _super.apply(this, arguments);
     _this.state = {
@@ -46,0 +49,0 @@ keyboardFocused: false

lib/enhances/WithRef.d.ts

@@ -1,3 +0,4 @@
-import React from "react";
+/// <reference types="react" />
+import React from 'react';
 declare function WithForwardRef(): <T extends React.ComponentType<{}>>(Component: T) => T;
 export { WithForwardRef as default };

lib/enhances/WithRef.js

@@ -14,2 +14,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+/* eslint-disable */
 function WithForwardRef() {
@@ -16,0 +17,0 @@ return function ForwardRef(Component) {

lib/eventEmitter.js

@@ -12,6 +12,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* tslint:disable */
-var EventEmitter =
-/*#__PURE__*/
-function () {
+/* eslint-disable */
+var EventEmitter = /*#__PURE__*/function () {
   function EventEmitter() {
@@ -18,0 +16,0 @@ (0, _classCallCheck2["default"])(this, EventEmitter);

lib/fire.d.ts

 declare function fire<T extends {}>(context: T, eventName: string, ...args: any): any;
 declare function fireFn(fn: (...args: any) => void, ...args: any[]): void;
-export { fire as default };
-export { fireFn };
+export { fire as default, fireFn };

lib/fire.js

@@ -11,3 +11,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* tslint:disable */
+/* eslint-disable */
 function fire(context, eventName) {
@@ -28,4 +28,4 @@ var fn = (0, _getValue["default"])(context, "props.".concat(eventName));
 
-  if (typeof fn === 'function') fn.apply(void 0, args);
+  if (typeof fn === 'function') return fn.apply(void 0, args);
 }
 //# sourceMappingURL=fire.js.map

lib/getDisplayName.d.ts

@@ -1,3 +0,3 @@
-import { ComponentType } from "react";
+import { ComponentType } from 'react';
 declare function getDisplayName(WrappedComponent: ComponentType): string;
 export { getDisplayName as default };

lib/getRandomInt.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 // Returns a random integer between min (inclusive) and max (inclusive)
@@ -9,0 +9,0 @@ function getRandomInt(min, max) {

lib/getValue.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 var pathRegExp = /\[(\d+)]/g;
@@ -9,0 +9,0 @@

lib/if.d.ts

@@ -1,2 +0,2 @@
-import { FC } from "react";
+import { FC } from 'react';
 interface IIfProps {
@@ -6,3 +6,2 @@ condition: boolean;
 declare const If: FC<IIfProps>;
-export { If as default };
-export { IIfProps };
+export { If as default, IIfProps };

lib/ifChildren.d.ts

@@ -1,3 +0,4 @@
-import React from "react";
-declare type ChildrenType<T> = ((props: T) => React.ReactNode) | React.ReactNode;
+/// <reference types="react" />
+import React from 'react';
+type ChildrenType<T> = ((props: T) => React.ReactNode) | React.ReactNode;
 interface IIfChildrenProps<T extends {}> {
@@ -8,3 +9,2 @@ context: T;
 declare function IfChildren<T extends {}>(props: IIfChildrenProps<T>): any;
-export { IfChildren as default };
-export { ChildrenType, IIfChildrenProps };
+export { IfChildren as default, ChildrenType, IIfChildrenProps };

lib/injectStyle.js

@@ -10,2 +10,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+/* eslint-disable */
 // THIS USE BABEL-PLUGIN-CSS-STYLE
@@ -24,3 +25,3 @@ var sh = null;
         // @ts-ignore
-        var version = "3.8.1";
+        var version = "3.10.0";
         sh = document.createElement('style');
@@ -27,0 +28,0 @@ sh.setAttribute('data-ui-v', version);

lib/isNode.js

@@ -12,3 +12,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* tslint:disable */
+/* eslint-disable */
 function isNode(node) {
@@ -15,0 +15,0 @@ switch ((0, _typeof2["default"])(node)) {

lib/isPromise.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function isPromise(resultFn) {
@@ -9,0 +9,0 @@ return typeof resultFn.then === 'function';

lib/isRetina.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function isRetina() {
@@ -9,0 +9,0 @@ if (!window) return false;

lib/numericChecker.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function numericChecker() {
@@ -9,0 +9,0 @@ var _float = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;

lib/ownerDocument.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function ownerDocument(node) {
@@ -9,0 +9,0 @@ return node && node.ownerDocument || document;

lib/propsForElement.d.ts

@@ -1,2 +0,1 @@
-import { ReactType } from "react";
 /**
@@ -13,5 +12,5 @@ * Trying to avoid the unknown-prop errors on styled components by filtering by
  * */
+import { ReactType } from 'react';
 declare const validAttr: (name: any) => any;
 declare function propsForElement<T extends {}>(props: T, element?: ReactType | string): Partial<T>;
-export { propsForElement as default };
-export { validAttr };
+export { validAttr, propsForElement as default };

lib/propsForElement.js

@@ -7,3 +7,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 
@@ -10,0 +10,0 @@ /*

lib/rafTrottle.js

@@ -6,3 +6,3 @@ Object.defineProperty(exports, "__esModule", {
 
-/* tslint:disable */
+/* eslint-disable */
 function rafTrottle(callback) {
@@ -9,0 +9,0 @@ var ticking = null;

lib/setRef.d.ts

@@ -1,3 +0,2 @@
-import { Ref } from "react";
-declare function setRef<T extends {}>(ref: Ref<T>, value: T): void;
+import { setRef } from "./ref";
 export { setRef as default };

lib/setRef.js

 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = setRef;
+exports["default"] = void 0;
 
-function setRef(ref, value) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref) {
-    // @ts-ignore
-    ref['current'] = value;
-  }
-}
+var _ref = require("./ref");
+
+/* eslint-disable */
+var _default = _ref.setRef;
+exports["default"] = _default;
 //# sourceMappingURL=setRef.js.map

lib/uncontroll.d.ts

@@ -1,5 +0,5 @@
-import { Component, PureComponent } from "react";
+import { Component, PureComponent } from 'react';
 declare function isControlled<P extends {}, S extends {}, C extends Component<P, S> | PureComponent<P, S>>(self: C, prop: keyof P): boolean;
-declare function getState<S extends {}, C extends Component<any, S> | PureComponent<any, S>>(self: C, state?: S): Partial<S>;
+declare function getState<C extends Component | PureComponent>(self: C, state?: C['state']): Partial<C["state"]>;
 declare function internalSetState<T, C extends Component<any, T> | PureComponent<any, T>>(self: C, changes: Partial<T> | ((combinedState: Partial<T>) => Partial<T>), callback?: () => void): void;
 export { isControlled, getState, internalSetState };

lib/use/useCss.d.ts

@@ -1,5 +0,4 @@
-import { CssLikeObject } from "nano-css/types/common";
-declare type IUseCssArg = CssLikeObject;
+import { CssLikeObject } from 'nano-css/types/common';
+type IUseCssArg = CssLikeObject;
 declare const useCss: (css?: CssLikeObject) => string;
-export { useCss as default };
-export { IUseCssArg };
+export { useCss as default, IUseCssArg };

lib/use/useCss.js

@@ -10,2 +10,3 @@ Object.defineProperty(exports, "__esModule", {
 
+/* eslint-disable */
 var useCss = function useCss() {
@@ -12,0 +13,0 @@ var css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

lib/use/useEnhancedEffect.d.ts

@@ -1,3 +0,4 @@
-import React from "react";
-declare const useEnhancedEffect: typeof React.useLayoutEffect;
+/// <reference types="react" />
+import React from 'react';
+declare const useEnhancedEffect: typeof React.useEffect;
 export { useEnhancedEffect as default };

lib/use/useEnhancedEffect.js

@@ -12,2 +12,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+/* eslint-disable */
 var useEnhancedEffect = (0, _canUseDOM["default"])() ? _react["default"].useLayoutEffect : _react["default"].useEffect;
@@ -14,0 +15,0 @@ var _default = useEnhancedEffect;

lib/use/useEventCallback.js

@@ -12,2 +12,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+/* eslint-disable */
+
 /**
@@ -14,0 +16,0 @@ * https://github.com/facebook/react/issues/14099#issuecomment-440013892

package.json

 {
   "name": "@semcore/utils",
   "description": "SEMRush Utils Component",
-  "version": "3.8.1",
+  "version": "3.10.0",
   "author": "Roman Lysov <[e-mail]>",
@@ -11,16 +11,8 @@ "license": "MIT",
   },
-  "peerDependencies": {
+  "devDependencies": {
     "react": "^16.8",
     "react-dom": "^16.8"
   },
-  "devDependencies": {
-    "jest": "*",
-    "jest-preset-ui": "*",
-    "react": "^16.8",
-    "react-dom": "^16.8",
-    "request": "^2.87",
-    "rollup-config-ts-multi": "*"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.8",
+    "@babel/runtime": "^7.9",
     "@types/react": "^16.9",
@@ -31,2 +23,6 @@ "classnames": "^2.2",
   },
+  "peerDependencies": {
+    "react": "^16.8",
+    "react-dom": "^16.8"
+  },
   "jest": {
@@ -33,0 +29,0 @@ "preset": "jest-preset-ui"

src/assignProps.ts

@@ -1,5 +0,5 @@
-/* tslint:disable */
+/* eslint-disable */
 import cn from 'classnames';
 import { CSSProperties, Ref } from 'react';
-import setRef from './setRef';
+import { setRef } from './ref';
 
@@ -6,0 +6,0 @@ export function callAllEventHandlers(...fns) {

src/canUseDOM.ts

@@ -1,4 +0,4 @@
-/* tslint:disable */
+/* eslint-disable */
 export default function() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 }

src/capitalizeFirstLetter.ts

@@ -1,3 +0,4 @@
-/* tslint:disable */ export default function capitalizeFirstLetter(input: string) {
+/* eslint-disable */
+export default function capitalizeFirstLetter(input: string) {
   return input.charAt(0).toUpperCase() + input.slice(1);
 }

src/compose.ts

@@ -1,7 +0,9 @@
-/* tslint:disable */ export default function compose(...fns): <T extends {}>(Component: T) => T {
-  return fns
-    .reverse()
-    .reduce((prevFn, nextFn) => (value) => nextFn(prevFn(value)), (value) => value);
+/* eslint-disable */
+export default function compose(...fns): <T extends {}>(Component: T) => T {
+  return fns.reverse().reduce(
+    (prevFn, nextFn) => (value) => nextFn(prevFn(value)),
+    (value) => value,
+  );
 }
 
 // TODO: think about it 🙄

src/createUUID.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ export default function createUUID() {
+/* eslint-disable */
+export default function createUUID() {
   const pattern = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx';
@@ -3,0 +4,0 @@ return pattern.replace(/[xy]/g, (c) => {

src/CSSinJS.ts

@@ -0,1 +1,2 @@
+/* eslint-disable */
 import { create, NanoOptions, NanoRenderer } from 'nano-css';
@@ -2,0 +3,0 @@ import { addon as addonRule } from 'nano-css/addon/rule';

src/cssToIntDefault.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ /**
+/* eslint-disable */
+/**
  * Converts CSS numeric value to int or returns defaultValue if
@@ -3,0 +4,0 @@ * value is not numeric

src/eventEmitter.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ export default class EventEmitter {
+/* eslint-disable */
+export default class EventEmitter {
   private events = {};
@@ -3,0 +4,0 @@

src/fire.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ import getValue from './getValue';
+/* eslint-disable */
+import getValue from './getValue';
 
@@ -9,3 +10,3 @@ export default function fire<T extends {}>(context: T, eventName: string, ...args: any) {
 export function fireFn(fn: (...args: any) => void, ...args) {
-  if (typeof fn === 'function') fn(...args);
+  if (typeof fn === 'function') return fn(...args);
 }

src/getDisplayName.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ import { ComponentType } from 'react';
+/* eslint-disable */
+import { ComponentType } from 'react';
 
@@ -3,0 +4,0 @@ export default function getDisplayName(WrappedComponent: ComponentType) {

src/getRandomInt.ts

@@ -1,4 +0,5 @@
-/* tslint:disable */ // Returns a random integer between min (inclusive) and max (inclusive)
+/* eslint-disable */
+// Returns a random integer between min (inclusive) and max (inclusive)
 export default function getRandomInt(min: number, max: number) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 }

src/getValue.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ const pathRegExp = /\[(\d+)]/g;
+/* eslint-disable */
+const pathRegExp = /\[(\d+)]/g;
 
@@ -3,0 +4,0 @@ export default function getValue(obj, path, def?) {

src/injectStyle.ts

@@ -0,1 +1,2 @@
+/* eslint-disable */
 // THIS USE BABEL-PLUGIN-CSS-STYLE
@@ -2,0 +3,0 @@

src/isNode.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ import React from 'react';
+/* eslint-disable */
+import React from 'react';
 
@@ -3,0 +4,0 @@ export default function isNode(node) {

src/isPromise.ts

@@ -1,3 +0,4 @@
-/* tslint:disable */ export default function isPromise(resultFn) {
+/* eslint-disable */
+export default function isPromise(resultFn) {
   return typeof resultFn.then === 'function';
 }

src/isRetina.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ export default function isRetina() {
+/* eslint-disable */
+export default function isRetina() {
   if (!window) return false;
@@ -3,0 +4,0 @@ if (window.matchMedia)

src/numericChecker.ts

@@ -1,2 +0,3 @@
-/* tslint:disable */ export default function numericChecker(float = false) {
+/* eslint-disable */
+export default function numericChecker(float = false) {
   const FLOAT = {
@@ -3,0 +4,0 @@ COMPLETE: /^-?(\d+)\.*(\d+)$/,

src/ownerDocument.ts

@@ -1,3 +0,4 @@
-/* tslint:disable */ export default function ownerDocument(node?: Node) {
+/* eslint-disable */
+export default function ownerDocument(node?: Node) {
   return (node && node.ownerDocument) || document;
 }

src/propsForElement.ts

@@ -1,2 +0,2 @@
-/* tslint:disable */
+/* eslint-disable */
 /*
@@ -3,0 +3,0 @@ * COPY FROM https://github.com/styled-components/styled-components/blob/master/src/utils/validAttr.js

src/setRef.ts

@@ -1,11 +0,4 @@
-/* tslint:disable */
-import { Ref } from 'react';
+/* eslint-disable */
+import { setRef } from './ref';
 
-export default function setRef<T extends {}>(ref: Ref<T>, value: T) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref) {
-    // @ts-ignore
-    ref['current'] = value;
-  }
-}
+export default setRef;

src/uncontroll.ts

@@ -1,2 +0,2 @@
-/* tslint:disable */
+/* eslint-disable */
 import { Component, PureComponent } from 'react';
@@ -12,17 +12,14 @@
 
-export function getState<S extends {}, C extends Component<any, S> | PureComponent<any, S>>(
+export function getState<C extends Component | PureComponent>(
   self: C,
-  state: S = self.state,
+  state: C['state'] = self.state,
 ) {
-  return Object.entries(state).reduce(
-    (combinedState, [key, value]) => {
-      if (isControlled(self, key)) {
-        combinedState[key] = self.props[key];
-      } else {
-        combinedState[key] = value;
-      }
-      return combinedState;
-    },
-    {} as Partial<S>,
-  );
+  return Object.entries(state).reduce((combinedState, [key, value]) => {
+    if (isControlled(self, key)) {
+      combinedState[key] = self.props[key];
+    } else {
+      combinedState[key] = value;
+    }
+    return combinedState;
+  }, {} as Partial<C['state']>);
 }
@@ -29,0 +26,0 @@

src/use/useCss.ts

@@ -0,1 +1,2 @@
+/* eslint-disable */
 import { useContext } from 'react';
@@ -2,0 +3,0 @@ import { CssLikeObject } from 'nano-css/types/common';

src/use/useEnhancedEffect.ts

@@ -0,1 +1,2 @@
+/* eslint-disable */
 import React from 'react';
@@ -2,0 +3,0 @@ import canUseDOM from '../canUseDOM';

src/use/useEventCallback.ts

@@ -0,1 +1,2 @@
+/* eslint-disable */
 import React from 'react';
@@ -2,0 +3,0 @@ import useEnhancedEffect from './useEnhancedEffect';

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

197821

increased by25.76%

Dev dependency count

2

decreased by-66.67%

Number of package files

165

increased by17.02%

Lines of code

2722

increased by28.21%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• Updated@babel/runtime@^7.9