@clayui/shared - npm Package Compare versions

Comparing version 3.0.5 to 3.0.6

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [3.0.6](https://github.com/liferay/clay/tree/master/packages/clay-shared/compare/@clayui/shared@3.0.4...@clayui/shared@3.0.6) (2020-01-20)
+
+**Note:** Version bump only for package @clayui/shared
+
 ## [3.0.5](https://github.com/liferay/clay/tree/master/packages/clay-shared/compare/@clayui/shared@3.0.4...@clayui/shared@3.0.5) (2019-12-05)
@@ -8,0 +12,0 @@

lib/FocusScope.js

@@ -8,7 +8,7 @@ "use strict";
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _useFocusManagement = require("./useFocusManagement");
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,3 +34,5 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
       children = _ref.children;
-  var elRef = (0, _react.useRef)(null);
+
+  var elRef = _react.default.useRef(null);
+
   var focusManager = (0, _useFocusManagement.useFocusManagement)(elRef);
@@ -37,0 +39,0 @@

lib/Portal.js

@@ -8,7 +8,7 @@ "use strict";
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = require("react-dom");
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -20,3 +20,4 @@ /**
  */
-var ClayPortalContext = (0, _react.createContext)(null);
+var ClayPortalContext = _react.default.createContext(null);
+
 ClayPortalContext.displayName = 'ClayPortalContext';
@@ -28,5 +29,8 @@
       subPortalRef = _ref.subPortalRef;
-  var parentPortalRef = (0, _react.useContext)(ClayPortalContext);
-  var portalRef = (0, _react.useRef)(typeof document !== 'undefined' ? document.createElement('div') : null);
-  (0, _react.useEffect)(function () {
+
+  var parentPortalRef = _react.default.useContext(ClayPortalContext);
+
+  var portalRef = _react.default.useRef(typeof document !== 'undefined' ? document.createElement('div') : null);
+
+  _react.default.useEffect(function () {
     var closestParent = parentPortalRef && parentPortalRef.current ? parentPortalRef.current : document.body;
@@ -33,0 +37,0 @@ var elToMountTo = containerRef && containerRef.current ? containerRef.current : closestParent;

lib/useDebounce.js

@@ -8,4 +8,6 @@ "use strict";
 
-var _react = require("react");
+var _react = _interopRequireDefault(require("react"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
@@ -32,8 +34,8 @@
 function useDebounce(value, delay) {
-  var _useState = (0, _react.useState)(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      debouncedValue = _useState2[0],
-      setDebouncedValue = _useState2[1];
+  var _React$useState = _react.default.useState(value),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      debouncedValue = _React$useState2[0],
+      setDebouncedValue = _React$useState2[1];
 
-  (0, _react.useEffect)(function () {
+  _react.default.useEffect(function () {
     var handler = setTimeout(function () {
@@ -46,7 +48,8 @@ setDebouncedValue(value);
   }, // This is required when the `object` has lost the
-  // reference plus the values are the same, `useEffect`
+  // reference plus the values are the same, `React.useEffect`
   // uses `Object.is` or equivalent under the covers.
   // For some reason the reference is being lost.
   _typeof(value) === 'object' && value !== null ? [].concat(_toConsumableArray(Object.keys(value)), _toConsumableArray(Object.values(value))) : [value]);
+
   return debouncedValue;
 }

lib/useFocusManagement.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function useFocusManagement(scope: React.RefObject<null | HTMLElement>): {
@@ -3,0 +3,0 @@ focusNext: () => any;

lib/useFocusManagement.js

@@ -8,4 +8,6 @@ "use strict";
 
-var _react = require("react");
+var _react = _interopRequireDefault(require("react"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
@@ -21,4 +23,5 @@ * © 2019 Liferay, Inc. <https://liferay.com>
 function useFocusManagement(scope) {
-  var nextElementOutsideScopeRef = (0, _react.useRef)(null); // https://github.com/facebook/react/pull/15849#diff-39a673d38713257d5fe7d90aac2acb5aR107
+  var nextElementOutsideScopeRef = _react.default.useRef(null); // https://github.com/facebook/react/pull/15849#diff-39a673d38713257d5fe7d90aac2acb5aR107
 
+
   var isFiberHostComponentFocusable = function isFiberHostComponentFocusable(fiber) {
@@ -219,3 +222,3 @@ if (fiber.tag !== HostComponent) {
 
-  (0, _react.useEffect)(function () {
+  _react.default.useEffect(function () {
     if (nextElementOutsideScopeRef.current) {
@@ -228,2 +231,3 @@ nextElementOutsideScopeRef.current.removeEventListener('keydown', handleNextElementOutsideScope); // Sets the value to null only to remove reference and prevent
   }, [scope]);
+
   return {
@@ -230,0 +234,0 @@ focusNext: function focusNext() {

lib/useTransitionHeight.d.ts

@@ -1,2 +0,2 @@
-/// <reference types="react" />
-export declare function useTransitionHeight(visible: boolean, setVisible: any, contentRef: React.RefObject<any>): [boolean, (event: import("react").TransitionEvent<Element>) => void, (event: MouseEvent | import("react").MouseEvent<Element, MouseEvent>) => void];
+import React from 'react';
+export declare function useTransitionHeight(visible: boolean, setVisible: any, contentRef: React.RefObject<any>): [boolean, (event: React.TransitionEvent<Element>) => void, (event: MouseEvent | React.MouseEvent<Element, MouseEvent>) => void];

lib/useTransitionHeight.js

@@ -8,4 +8,6 @@ "use strict";
 
-var _react = require("react");
+var _react = _interopRequireDefault(require("react"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
@@ -45,8 +47,8 @@
 function useTransitionHeight(visible, setVisible, contentRef) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      transitioning = _useState2[0],
-      setTransitioning = _useState2[1];
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      transitioning = _React$useState2[0],
+      setTransitioning = _React$useState2[1];
 
-  (0, _react.useEffect)(function () {
+  _react.default.useEffect(function () {
     if (transitioning) {
@@ -53,0 +55,0 @@ setCollapseHeight(contentRef);

package.json

 {
 	"name": "@clayui/shared",
-	"version": "3.0.5",
+	"version": "3.0.6",
 	"description": "ClayShared component",
@@ -29,4 +29,4 @@ "license": "BSD-3-Clause",
 	"dependencies": {
-		"@clayui/button": "^3.0.3",
-		"@clayui/link": "^3.0.1"
+		"@clayui/button": "^3.1.0",
+		"@clayui/link": "^3.0.2"
 	},
@@ -41,3 +41,3 @@ "peerDependencies": {
 	],
-	"gitHead": "df13196d448cb28438003716c4bae275b793dec1"
+	"gitHead": "c57d995c58f23d16de65faf6cc958227421b9fa3"
 }

src/useDebounce.ts

@@ -7,3 +7,3 @@ /**
 
-import {useEffect, useState} from 'react';
+import React from 'react';
 
@@ -13,5 +13,5 @@ // Credits to Gabe Ragland
 export function useDebounce(value: any, delay: number) {
-	const [debouncedValue, setDebouncedValue] = useState(value);
+	const [debouncedValue, setDebouncedValue] = React.useState(value);
 
-	useEffect(
+	React.useEffect(
 		() => {
@@ -27,3 +27,3 @@ const handler = setTimeout(() => {
 		// This is required when the `object` has lost the
-		// reference plus the values are the same, `useEffect`
+		// reference plus the values are the same, `React.useEffect`
 		// uses `Object.is` or equivalent under the covers.
@@ -30,0 +30,0 @@ // For some reason the reference is being lost.

src/useFocusManagement.ts

@@ -7,3 +7,3 @@ /**
 
-import {useEffect, useRef} from 'react';
+import React from 'react';
 
@@ -16,3 +16,3 @@ const TAB_KEY_CODE = 9;
 export function useFocusManagement(scope: React.RefObject<null | HTMLElement>) {
-	const nextElementOutsideScopeRef = useRef<HTMLElement | null>(null);
+	const nextElementOutsideScopeRef = React.useRef<HTMLElement | null>(null);
 
@@ -245,3 +245,3 @@ // https://github.com/facebook/react/pull/15849#diff-39a673d38713257d5fe7d90aac2acb5aR107
 
-	useEffect(() => {
+	React.useEffect(() => {
 		if (nextElementOutsideScopeRef.current) {
@@ -248,0 +248,0 @@ nextElementOutsideScopeRef.current.removeEventListener(

src/useTransitionHeight.ts

@@ -7,3 +7,3 @@ /**
 
-import {useEffect, useState} from 'react';
+import React from 'react';
 
@@ -43,5 +43,5 @@ /**
 ) {
-	const [transitioning, setTransitioning] = useState<boolean>(false);
+	const [transitioning, setTransitioning] = React.useState<boolean>(false);
 
-	useEffect(() => {
+	React.useEffect(() => {
 		if (transitioning) {
@@ -48,0 +48,0 @@ setCollapseHeight(contentRef);

No alert changes

Improved metrics

Lines of code

1328

increased by0.08%

Worsened metrics

Total package byte prevSize

50889

decreased by-0.29%

Dependency changes

• Updated@clayui/button@^3.1.0

• Updated@clayui/link@^3.0.2