carbon-addons-iot-react 5.4.4 → 5.5.0

package/es/constants/LayoutConstants.js

@@ -22,7 +22,8 @@ var CARD_SIZES = {
   LARGETHIN: 'LARGETHIN',
   LARGE: 'LARGE',
   LARGETHICK: 'LARGETHICK',
-  LARGEWIDE: 'LARGEWIDE'
+  LARGEWIDE: 'LARGEWIDE',
+  FULL: 'FULL'
 };
 var LEGACY_CARD_SIZES = _objectSpread({
   XSMALL: 'XSMALL',
@@ -552,6 +553,32 @@ var CARD_DIMENSIONS = {
       w: 4,
       h: 4
     }
+  },
+  FULL: {
+    max: {
+      w: 16,
+      h: 11
+    },
+    xl: {
+      w: 16,
+      h: 11
+    },
+    lg: {
+      w: 16,
+      h: 11
+    },
+    md: {
+      w: 8,
+      h: 11
+    },
+    sm: {
+      w: 8,
+      h: 11
+    },
+    xs: {
+      w: 4,
+      h: 11
+    }
   }
 };
 var CARD_LAYOUTS = {

package/es/utils/useLangDirection.js

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef, useEffect } from 'react';
+import { useRef, useState, useEffect } from 'react';
 
 /**
  * React hook that returns the current language direction ('ltr' or 'rtl')
@@ -8,25 +8,29 @@ import { useState, useRef, useEffect } from 'react';
  * @returns {string} The current language direction ('ltr' or 'rtl')
  */
 function useLangDirection() {
-  // Create state and refs first to avoid conditional hook calls
-  var _useState = useState(null),
+  var isServerSide = useRef(typeof window === 'undefined' || typeof document === 'undefined');
+  var observer = useRef(null);
+
+  // Lazy initialize direction
+  var _useState = useState(function () {
+      if (isServerSide.current) {
+        return null;
+      }
+      // Target the HTML element
+      var element = document.getElementsByTagName('html')[0];
+      // Set initial direction
+      return element.getAttribute('dir') || 'ltr';
+    }),
     _useState2 = _slicedToArray(_useState, 2),
     direction = _useState2[0],
     setDirection = _useState2[1];
-  var observer = useRef(null);
-  var isServerSide = useRef(typeof window === 'undefined' || typeof document === 'undefined');
   useEffect(function () {
     // Return early if in server environment
     if (isServerSide.current) {
       return;
     }
-
     // Target the HTML element
     var element = document.getElementsByTagName('html')[0];
-
-    // Set initial direction
-    setDirection(element.getAttribute('dir') || 'ltr');
-
     // Callback function to execute when mutations are observed
     var callback = function callback(mutationsList) {
       // Use traditional for loop for better compatibility

package/lib/constants/LayoutConstants.js

@@ -28,7 +28,8 @@ var CARD_SIZES = {
   LARGETHIN: 'LARGETHIN',
   LARGE: 'LARGE',
   LARGETHICK: 'LARGETHICK',
-  LARGEWIDE: 'LARGEWIDE'
+  LARGEWIDE: 'LARGEWIDE',
+  FULL: 'FULL'
 };
 var LEGACY_CARD_SIZES = _objectSpread({
   XSMALL: 'XSMALL',
@@ -558,6 +559,32 @@ var CARD_DIMENSIONS = {
       w: 4,
       h: 4
     }
+  },
+  FULL: {
+    max: {
+      w: 16,
+      h: 11
+    },
+    xl: {
+      w: 16,
+      h: 11
+    },
+    lg: {
+      w: 16,
+      h: 11
+    },
+    md: {
+      w: 8,
+      h: 11
+    },
+    sm: {
+      w: 8,
+      h: 11
+    },
+    xs: {
+      w: 4,
+      h: 11
+    }
   }
 };
 var CARD_LAYOUTS = {

package/lib/utils/useLangDirection.js

@@ -14,25 +14,29 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
  * @returns {string} The current language direction ('ltr' or 'rtl')
  */
 function useLangDirection() {
-  // Create state and refs first to avoid conditional hook calls
-  var _useState = React.useState(null),
+  var isServerSide = React.useRef(typeof window === 'undefined' || typeof document === 'undefined');
+  var observer = React.useRef(null);
+
+  // Lazy initialize direction
+  var _useState = React.useState(function () {
+      if (isServerSide.current) {
+        return null;
+      }
+      // Target the HTML element
+      var element = document.getElementsByTagName('html')[0];
+      // Set initial direction
+      return element.getAttribute('dir') || 'ltr';
+    }),
     _useState2 = _slicedToArray__default.default(_useState, 2),
     direction = _useState2[0],
     setDirection = _useState2[1];
-  var observer = React.useRef(null);
-  var isServerSide = React.useRef(typeof window === 'undefined' || typeof document === 'undefined');
   React.useEffect(function () {
     // Return early if in server environment
     if (isServerSide.current) {
       return;
     }
-
     // Target the HTML element
     var element = document.getElementsByTagName('html')[0];
-
-    // Set initial direction
-    setDirection(element.getAttribute('dir') || 'ltr');
-
     // Callback function to execute when mutations are observed
     var callback = function callback(mutationsList) {
       // Use traditional for loop for better compatibility

package/package.json

@@ -353,11 +353,11 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "5.4.4",
+  "version": "5.5.0",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",
     "got": "11.8.5"
   },
-  "gitHead": "025ceafeca63a66d2b9f34ae299a88d1f2efbf35"
+  "gitHead": "738bdec6326c4951d687251967493acb62cbf92f"
 }

package/umd/carbon-addons-iot-react.js

@@ -9826,25 +9826,29 @@
    * @returns {string} The current language direction ('ltr' or 'rtl')
    */
   function useLangDirection() {
-    // Create state and refs first to avoid conditional hook calls
-    var _useState = React$1.useState(null),
+    var isServerSide = React$1.useRef(typeof window === 'undefined' || typeof document === 'undefined');
+    var observer = React$1.useRef(null);
+
+    // Lazy initialize direction
+    var _useState = React$1.useState(function () {
+        if (isServerSide.current) {
+          return null;
+        }
+        // Target the HTML element
+        var element = document.getElementsByTagName('html')[0];
+        // Set initial direction
+        return element.getAttribute('dir') || 'ltr';
+      }),
       _useState2 = _slicedToArray$9(_useState, 2),
       direction = _useState2[0],
       setDirection = _useState2[1];
-    var observer = React$1.useRef(null);
-    var isServerSide = React$1.useRef(typeof window === 'undefined' || typeof document === 'undefined');
     React$1.useEffect(function () {
       // Return early if in server environment
       if (isServerSide.current) {
         return;
       }
-
       // Target the HTML element
       var element = document.getElementsByTagName('html')[0];
-
-      // Set initial direction
-      setDirection(element.getAttribute('dir') || 'ltr');
-
       // Callback function to execute when mutations are observed
       var callback = function callback(mutationsList) {
         // Use traditional for loop for better compatibility
@@ -13027,7 +13031,8 @@
     LARGETHIN: 'LARGETHIN',
     LARGE: 'LARGE',
     LARGETHICK: 'LARGETHICK',
-    LARGEWIDE: 'LARGEWIDE'
+    LARGEWIDE: 'LARGEWIDE',
+    FULL: 'FULL'
   };
   var LEGACY_CARD_SIZES = _objectSpread$26({
     XSMALL: 'XSMALL',
@@ -13557,6 +13562,32 @@
         w: 4,
         h: 4
       }
+    },
+    FULL: {
+      max: {
+        w: 16,
+        h: 11
+      },
+      xl: {
+        w: 16,
+        h: 11
+      },
+      lg: {
+        w: 16,
+        h: 11
+      },
+      md: {
+        w: 8,
+        h: 11
+      },
+      sm: {
+        w: 8,
+        h: 11
+      },
+      xs: {
+        w: 4,
+        h: 11
+      }
     }
   };
   var CARD_LAYOUTS = {