@orfium/ictinus 4.62.2 → 4.63.0

package/dist/components/CheckBox/CheckBox.d.ts

@@ -22,5 +22,5 @@ export declare type Props = {
     /** Disables auto generated id for snapshots*/
     id?: string;
 };
-declare const CheckBox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSpanElement>>;
-export default CheckBox;
+declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSpanElement>>;
+export default Checkbox;

package/dist/components/CheckBox/CheckBox.js

@@ -7,14 +7,14 @@ var _useTypeColorToColorMatch = require("../../hooks/useTypeColorToColorMatch");
 
 var React = _interopRequireWildcard(require("react"));
 
+var _index = require("../../index");
+
 var _helpers = require("../../utils/helpers");
 
 var _CheckBox = require("./CheckBox.style");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
-var _index = require("../../index");
-
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -23,19 +23,19 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var label = _ref.label,
-      checked = _ref.checked,
-      onClick = _ref.onClick,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$intermediate = _ref.intermediate,
-      intermediate = _ref$intermediate === void 0 ? false : _ref$intermediate,
-      dataTestIdSuffix = _ref.dataTestIdSuffix,
-      _ref$filled = _ref.filled,
-      filled = _ref$filled === void 0 ? true : _ref$filled,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? (0, _helpers.generateUniqueID)() : _ref$id;
+var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var label = props.label,
+      checked = props.checked,
+      onClick = props.onClick,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$intermediate = props.intermediate,
+      intermediate = _props$intermediate === void 0 ? false : _props$intermediate,
+      dataTestIdSuffix = props.dataTestIdSuffix,
+      _props$filled = props.filled,
+      filled = _props$filled === void 0 ? true : _props$filled,
+      _props$id = props.id,
+      id = _props$id === void 0 ? (0, _helpers.generateUniqueID)() : _props$id;
 
   var _React$useState = React.useState(Boolean(checked)),
       isChecked = _React$useState[0],
@@ -116,6 +116,6 @@ var CheckBox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     css: (0, _CheckBox.labelStyle)()
   }, label));
 });
-CheckBox.displayName = 'Checkbox';
-var _default = CheckBox;
+Checkbox.displayName = 'Checkbox';
+var _default = Checkbox;
 exports["default"] = _default;

package/dist/components/utils/PositionInScreen/hooks.js

@@ -7,6 +7,8 @@ var _head = _interopRequireDefault(require("lodash/head"));
 
 var _react = require("react");
 
+var _utils = require("./utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var useHeights = function useHeights(parentRef, itemRef) {
@@ -29,13 +31,7 @@ var useHeights = function useHeights(parentRef, itemRef) {
 
   (0, _react.useEffect)(function () {
     if (!parentRef.current) return;
-    var parentResizeObserver = new ResizeObserver(function (entries) {
-      var parent = (0, _head["default"])(entries);
-
-      if (parent) {
-        setParentHeight(parent.contentRect.height);
-      }
-    });
+    var parentResizeObserver = (0, _utils.resizeObserverHandler)(setParentHeight);
     parentResizeObserver.observe(parentRef.current);
     return function () {
       return parentResizeObserver.disconnect();
@@ -52,13 +48,7 @@ var useHeights = function useHeights(parentRef, itemRef) {
 
     var dropdownElement = (0, _head["default"])((_itemRef$current = itemRef.current) == null ? void 0 : _itemRef$current.children);
     if (!dropdownElement) return;
-    var childResizeObserver = new ResizeObserver(function (entries) {
-      var dropdown = (0, _head["default"])(entries);
-
-      if (dropdown) {
-        setChildHeight(dropdown.contentRect.height);
-      }
-    });
+    var childResizeObserver = (0, _utils.resizeObserverHandler)(setChildHeight);
     childResizeObserver.observe(dropdownElement);
     return function () {
       return childResizeObserver.disconnect();

package/dist/components/utils/PositionInScreen/utils.d.ts

@@ -0,0 +1 @@
+export declare const resizeObserverHandler: (callback: (args: any) => void) => ResizeObserver;

package/dist/components/utils/PositionInScreen/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.resizeObserverHandler = void 0;
+
+var _head = _interopRequireDefault(require("lodash/head"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var resizeObserverHandler = function resizeObserverHandler(callback) {
+  return new ResizeObserver(function (entries) {
+    var parent = (0, _head["default"])(entries);
+    /** If the event is triggered by the element itself then return
+     * to avoid an infinite loop
+     */
+
+    if ((parent == null ? void 0 : parent.target) === (parent == null ? void 0 : parent.contentRect)) {
+      return;
+    }
+
+    if (parent) {
+      callback(parent.contentRect.height);
+    }
+  });
+};
+
+exports.resizeObserverHandler = resizeObserverHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.62.2",
+  "version": "4.63.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",