carbon-react 105.0.2 → 105.1.2

package/lib/hooks/__internal__/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useResizeObserver;
+
+var _react = require("react");
+
+function useResizeObserver(
+/** Reference to the resizable HTML element */
+ref,
+/** Callback meant to be executed on element resize */
+onResize,
+/** Flag to indicate whether hook should be disabled  */
+disabled) {
+  const observer = (0, _react.useRef)();
+  const onResizeRef = (0, _react.useRef)(onResize);
+  onResizeRef.current = onResize;
+  (0, _react.useLayoutEffect)(() => {
+    const referenceRef = ref.current;
+
+    if (!disabled && referenceRef) {
+      observer.current = new ResizeObserver(() => {
+        onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef.current();
+      });
+      observer.current.observe(referenceRef);
+    }
+
+    return () => {
+      if (!disabled && referenceRef && observer.current) {
+        observer.current.unobserve(referenceRef);
+        observer.current.disconnect();
+      }
+    };
+  }, [ref, disabled]);
+}

package/lib/hooks/__internal__/useScrollBlock/index.d.ts

@@ -1,4 +1 @@
-export default function useScrollBlock(): {
-  blockScroll: () => void;
-  allowScroll: () => void;
-};
+export { default } from "./useScrollBlock";

package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.d.ts

@@ -1,12 +1,26 @@
-export default ScrollBlockManager;
+declare global {
+    interface Window {
+        __CARBON_INTERNALS_SCROLL_BLOCKERS?: {
+            components: {
+                [key: string]: boolean;
+            };
+            originalValues: string[];
+            restoreValues?: (() => void) | null;
+        };
+    }
+}
 declare class ScrollBlockManager {
-    components: any;
-    originalValues: any;
-    registerComponent(id: any): void;
-    unregisterComponent(id: any): void;
-    saveOriginalValues(values: any): void;
-    saveRestoreValuesCallback(callback: any): void;
-    getRestoreValuesCallback(): any;
-    getOriginalValues(): any;
+    components: {
+        [key: string]: boolean;
+    };
+    originalValues: string[];
+    constructor();
+    registerComponent(id: string): void;
+    unregisterComponent(id: string): void;
+    saveRestoreValuesCallback(callback: (() => void) | null): void;
+    getRestoreValuesCallback(): (() => void) | null | undefined;
+    saveOriginalValues(values: string[]): void;
+    getOriginalValues(): string[];
     isBlocked(): boolean;
 }
+export default ScrollBlockManager;

package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.js

@@ -11,19 +11,26 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-// TODO: This component can be refactored to remove redundant code after
-// we can confirm that all Sage products use version 105.0.0^
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// TODO: This component can be refactored to remove redundant code
+// once we can confirm that all Sage products use version 105.0.0^
 let ScrollBlockManager = /*#__PURE__*/function () {
   function ScrollBlockManager() {
     _classCallCheck(this, ScrollBlockManager);
 
+    _defineProperty(this, "components", void 0);
+
+    _defineProperty(this, "originalValues", void 0);
+
     // Due to possibility of multiple carbon versions using it
     // it is necessary to maintain same structure in this global variable
     if (!window.__CARBON_INTERNALS_SCROLL_BLOCKERS) {
       window.__CARBON_INTERNALS_SCROLL_BLOCKERS = {
         components: {},
         // originalValues can be removed
-        originalValues: []
+        originalValues: [],
+        restoreValues: null
       };
     }
 
@@ -41,23 +48,28 @@ let ScrollBlockManager = /*#__PURE__*/function () {
     key: "unregisterComponent",
     value: function unregisterComponent(id) {
       delete this.components[id];
-    } // TODO: saveOriginalValues can be removed
-
-  }, {
-    key: "saveOriginalValues",
-    value: function saveOriginalValues(values) {
-      this.originalValues.length = 0;
-      this.originalValues.push(...values);
     }
   }, {
     key: "saveRestoreValuesCallback",
     value: function saveRestoreValuesCallback(callback) {
-      window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues = callback;
+      /* istanbul ignore else */
+      if (window.__CARBON_INTERNALS_SCROLL_BLOCKERS) {
+        window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues = callback;
+      }
     }
   }, {
     key: "getRestoreValuesCallback",
     value: function getRestoreValuesCallback() {
-      return window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues;
+      var _window$__CARBON_INTE;
+
+      return (_window$__CARBON_INTE = window.__CARBON_INTERNALS_SCROLL_BLOCKERS) === null || _window$__CARBON_INTE === void 0 ? void 0 : _window$__CARBON_INTE.restoreValues;
+    } // TODO: saveOriginalValues can be removed
+
+  }, {
+    key: "saveOriginalValues",
+    value: function saveOriginalValues(values) {
+      this.originalValues.length = 0;
+      this.originalValues.push(...values);
     } // TODO: getOriginalValues can be removed
 
   }, {

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.d.ts

@@ -1,5 +1,5 @@
-export default useScrollBlock;
-declare function useScrollBlock(): {
+declare const useScrollBlock: () => {
     blockScroll: () => void;
     allowScroll: () => void;
 };
+export default useScrollBlock;

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -16,20 +16,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // TODO: This component can be refactored to remove redundant code after
 // we can confirm that all Sage products use version 105.0.0^
 const scrollBlockManager = new _scrollBlockManager.default();
-/* istanbul ignore next */
-
-const safeDocument = typeof document !== "undefined" ? document : {};
 
 const useScrollBlock = () => {
   const {
     current: containerGuid
   } = (0, _react.useRef)((0, _guid.default)());
-  const originalValuesRef = (0, _react.useRef)();
+  const originalValuesRef = (0, _react.useRef)([]);
   const rules = (0, _react.useMemo)(() => {
+    /* istanbul ignore next */
     const {
       documentElement,
       body
-    } = safeDocument;
+    } = document || {};
     const scrollBarWidth = window.innerWidth - documentElement.clientWidth;
     const bodyPaddingRight = parseInt(window.getComputedStyle(body).getPropertyValue("padding-right")) || 0;
     return [// TODO: First two entries of this array with the documentElement can be removed

package/lib/hooks/useMediaQuery/index.d.ts

@@ -1 +1 @@
-export default function useMediaQuery(query: string): boolean;
+export { default } from "./useMediaQuery";

package/lib/hooks/useMediaQuery/index.js

@@ -3,30 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = useMediaQuery;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function useMediaQuery(queryInput) {
-  const query = queryInput.replace(/^@media( ?)/m, "");
-
-  const [match, setMatch] = _react.default.useState(() => false);
-
-  _react.default.useEffect(() => {
-    const queryList = window.matchMedia(query);
-
-    const updateMatch = () => {
-      setMatch(queryList.matches);
-    };
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useMediaQuery.default;
+  }
+});
 
-    updateMatch();
-    queryList.addListener(updateMatch);
-    return () => {
-      queryList.removeListener(updateMatch);
-    };
-  }, [query]);
+var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
 
-  return match;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export default function useMediaQuery(queryInput: string): boolean;

package/lib/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMediaQuery;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useMediaQuery(queryInput) {
+  const query = queryInput.replace(/^@media( ?)/m, "");
+
+  const [match, setMatch] = _react.default.useState(() => false);
+
+  _react.default.useEffect(() => {
+    const queryList = window.matchMedia(query);
+
+    const updateMatch = () => {
+      setMatch(queryList.matches);
+    };
+
+    updateMatch();
+    queryList.addListener(updateMatch);
+    return () => {
+      queryList.removeListener(updateMatch);
+    };
+  }, [query]);
+
+  return match;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "105.0.2",
+  "version": "105.1.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -84,6 +84,8 @@
     "@storybook/components": "^6.4.18",
     "@storybook/react": "^6.4.18",
     "@storybook/theming": "^6.4.18",
+    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/react": "^12.1.3",
     "@types/enzyme": "^3.10.3",
     "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/jest": "^26.0.19",
@@ -172,8 +174,8 @@
     "polished": "^4.0.5",
     "prop-types": "^15.7.2",
     "react-day-picker": "~7.4.10",
-    "react-dnd": "^14.0.5",
-    "react-dnd-html5-backend": "^14.1.0",
+    "react-dnd": "^15.1.1",
+    "react-dnd-html5-backend": "^15.1.2",
     "react-is": "^17.0.2",
     "react-transition-group": "^4.4.1",
     "styled-system": "^5.1.5",