@semcore/utils - npm Package Compare versions

Comparing version 3.11.2 to 3.12.0

CHANGELOG.md

@@ -5,2 +5,17 @@ # Changelog
 
+## [3.12.0] - 2020-04-02
+
+### Added
+
+- Добавлена утилита `inputProps` для разделения свойств инпута
+
+### Fixed
+
+- Поправился тип для `setRef`/`forkRef`  
+
+### Changed
+
+- Изменился импорт по умолчанию для `color`
+- Убраны dev зависимости
+
 ## [3.11.2] - 2020-03-31
@@ -7,0 +22,0 @@

lib/color.d.ts

@@ -1,4 +0,4 @@
-declare function shade(color: string | undefined, percent: number): string;
+declare function shade(color: string, percent: number): string;
 declare function blend(colorOne: string, colorTwo: string, percent: number): string;
-declare function resolveColor(color: string): string;
-export { shade, blend, resolveColor };
+declare function resolveColor(color?: string): string;
+export { shade, blend, resolveColor as default };

lib/color.js

@@ -8,3 +8,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.blend = blend;
-exports.resolveColor = resolveColor;
+exports["default"] = resolveColor;
 
@@ -150,2 +150,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 function resolveColor(color) {
+  if (!color) {
+    return '';
+  }
+
   if (color in COLORS) {
@@ -152,0 +156,0 @@ return COLORS[color];

lib/enhances/keyboardFocusEnhance.d.ts

@@ -0,2 +1,5 @@
+interface IKeyboardFocusProps {
+    keyboardFocused?: boolean;
+}
 declare function keyboardFocusEnhance(): (props: any) => any;
-export { keyboardFocusEnhance as default };
+export { keyboardFocusEnhance as default, IKeyboardFocusProps };

lib/enhances/keyboardFocusEnhance.js

@@ -12,2 +12,4 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _core = require("@semcore/core");
+
 var _assignProps = _interopRequireDefault(require("../assignProps"));
@@ -17,5 +19,3 @@
 
-/* eslint-disable */
-// TODO вынести в core
-var usingKeyBoard = true;
+var KEY_REGISTER = 'keyboard-focus-enhance-using';
 
@@ -33,3 +33,3 @@ function keyboardFocusEnhance() {
     var handlerFocus = (0, _useEventCallback["default"])(function () {
-      if (usingKeyBoard) {
+      if (_core.register.get(KEY_REGISTER, true)) {
         setKeyboardFocused(true);
@@ -42,6 +42,6 @@ }
     var handlerKeyDown = (0, _useEventCallback["default"])(function () {
-      usingKeyBoard = true;
+      _core.register.set(KEY_REGISTER, true);
     });
     var handlerMouseDown = (0, _useEventCallback["default"])(function () {
-      usingKeyBoard = false;
+      _core.register.set(KEY_REGISTER, false);
     });
@@ -48,0 +48,0 @@ return (0, _assignProps["default"])(props, {

lib/injectStyle.js

@@ -24,3 +24,3 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
         // @ts-ignore
-        var version = "3.11.2";
+        var version = "3.12.0";
         sh = document.createElement('style');
@@ -27,0 +27,0 @@ sh.setAttribute('data-ui-v', version);

lib/ref.d.ts

 import { Ref } from 'react';
-declare function setRef<T extends {}>(ref: Ref<T>, value: T): void;
-declare function useForkRef<T extends {}>(...refs: any[]): Ref<T>;
-declare function forkRef<T extends {}>(...refs: any[]): Ref<T>;
+declare function setRef<T>(ref: Ref<T>, value: T): void;
+declare function useForkRef<T>(...refs: any[]): Ref<T>;
+declare function forkRef<T>(...refs: any[]): Ref<T>;
 export { setRef, useForkRef, forkRef };

lib/ref.js

@@ -12,3 +12,2 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-/* eslint-disable */
 function setRef(ref, value) {
@@ -15,0 +14,0 @@ if (typeof ref === 'function') {

lib/use/useEnhancedEffect.d.ts

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

package.json

 {
   "name": "@semcore/utils",
   "description": "SEMRush Utils Component",
-  "version": "3.11.2",
+  "version": "3.12.0",
   "author": "Roman Lysov <[e-mail]>",
@@ -11,7 +11,2 @@ "license": "MIT",
   },
-  "devDependencies": {
-    "react": "^16.8",
-    "react-dom": "^16.8",
-    "@semcore/core": "^0.0.1-3"
-  },
   "dependencies": {
@@ -27,3 +22,3 @@ "@babel/runtime": "^7.9",
     "react-dom": "^16.8",
-    "@semcore/core": "^0.0.1-3"
+    "@semcore/core": "^0.0.1-4"
   },
@@ -30,0 +25,0 @@ "jest": {

src/color.ts

@@ -52,3 +52,3 @@ // @ts-ignore
 
-export function shade(color: string | undefined, percent: number) {
+export function shade(color: string, percent: number) {
   // TODO error for color name, example 'aqua'
@@ -125,3 +125,6 @@ if (color.length > 7) return shadeRGBColor(color, percent);
 
-export function resolveColor(color: string): string {
+export default function resolveColor(color?: string): string {
+  if (!color) {
+    return '';
+  }
   if (color in COLORS) {
@@ -128,0 +131,0 @@ return COLORS[color];

src/ref.ts

@@ -1,5 +0,4 @@
-/* eslint-disable */
 import React, { Ref } from 'react';
 
-export function setRef<T extends {}>(ref: Ref<T>, value: T) {
+export function setRef<T>(ref: Ref<T>, value: T) {
   if (typeof ref === 'function') {
@@ -13,7 +12,7 @@ ref(value);
 
-export function useForkRef<T extends {}>(...refs): Ref<T> {
+export function useForkRef<T>(...refs): Ref<T> {
   return React.useMemo(() => forkRef(...refs), refs);
 }
 
-export function forkRef<T extends {}>(...refs): Ref<T> {
+export function forkRef<T>(...refs): Ref<T> {
   if (refs.every((ref) => ref == null)) {
@@ -20,0 +19,0 @@ return null;

No alert changes

Improved metrics

Total package byte prevSize

206978

increased by2.01%

Dev dependency count

0

decreased by-100%

Number of package files

173

increased by2.37%

Lines of code

2847

increased by2.26%

No dependency changes