@laerdal/life-react-components 3.5.1-dev.12 → 3.5.1-dev.13

package/dist/common/ActionWithin.js

@@ -1,25 +1,45 @@
-import React from 'react';
-export var useActionWithin = function (ref, children) {
-    var handleMouseEnter = function (e) {
-        ref.current.classList.add('action-within');
-    };
-    var handleMouseLeave = function (e) {
-        ref.current.classList.remove('action-within');
-    };
-    React.useEffect(function () {
-        var _a, _b;
-        for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
-            var child = children_1[_i];
-            (_a = child.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', handleMouseEnter);
-            (_b = child.current) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', handleMouseLeave);
-        }
-        return function () {
-            var _a, _b;
-            for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {
-                var child = children_2[_i];
-                (_a = child.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseenter', handleMouseEnter);
-                (_b = child.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', handleMouseLeave);
-            }
-        };
-    }, [children]);
-};
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React from 'react';
+export var useActionWithin = function useActionWithin(ref, children) {
+  var handleMouseEnter = function handleMouseEnter(e) {
+    ref.current.classList.add('action-within');
+  };
+  var handleMouseLeave = function handleMouseLeave(e) {
+    ref.current.classList.remove('action-within');
+  };
+  React.useEffect(function () {
+    var _iterator = _createForOfIteratorHelper(children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _child$current3, _child$current4;
+        var child = _step.value;
+        (_child$current3 = child.current) === null || _child$current3 === void 0 ? void 0 : _child$current3.addEventListener('mouseenter', handleMouseEnter);
+        (_child$current4 = child.current) === null || _child$current4 === void 0 ? void 0 : _child$current4.addEventListener('mouseleave', handleMouseLeave);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return function () {
+      var _iterator2 = _createForOfIteratorHelper(children),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _child$current, _child$current2;
+          var child = _step2.value;
+          (_child$current = child.current) === null || _child$current === void 0 ? void 0 : _child$current.removeEventListener('mouseenter', handleMouseEnter);
+          (_child$current2 = child.current) === null || _child$current2 === void 0 ? void 0 : _child$current2.removeEventListener('mouseleave', handleMouseLeave);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    };
+  }, [children]);
+};
+//# sourceMappingURL=ActionWithin.js.map

package/dist/common/ClickOutside.js

@@ -1,20 +1,23 @@
-import React from 'react';
-export var useClickOutsideRef = function (callback, relatedRefs, ref) {
-    if (relatedRefs === void 0) { relatedRefs = []; }
-    var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
-    React.useEffect(function () {
-        if (!elementRef.current)
-            return;
-        var container = elementRef.current;
-        var handleClickOutside = function (event) {
-            if (container && !container.contains(event.target) && !relatedRefs.some(function (ref) { return ref.current && ref.current.contains(event.target); })) {
-                callback();
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return function () {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [elementRef, relatedRefs]);
-    return elementRef;
-};
+import React from 'react';
+export var useClickOutsideRef = function useClickOutsideRef(callback) {
+  var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var ref = arguments.length > 2 ? arguments[2] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  React.useEffect(function () {
+    if (!elementRef.current) return;
+    var container = elementRef.current;
+    var handleClickOutside = function handleClickOutside(event) {
+      if (container && !container.contains(event.target) && !relatedRefs.some(function (ref) {
+        return ref.current && ref.current.contains(event.target);
+      })) {
+        callback();
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [elementRef, relatedRefs]);
+  return elementRef;
+};
+//# sourceMappingURL=ClickOutside.js.map

package/dist/common/EventHandlers.js

@@ -1,8 +1,9 @@
-export var defaultOnMouseDownHandler = function (e) {
-    var _a;
-    e.preventDefault();
-    if (document.activeElement !== e.currentTarget) {
-        //@ts-ignore
-        (_a = document === null || document === void 0 ? void 0 : document.activeElement) === null || _a === void 0 ? void 0 : _a.blur();
-    }
-};
+export var defaultOnMouseDownHandler = function defaultOnMouseDownHandler(e) {
+  e.preventDefault();
+  if (document.activeElement !== e.currentTarget) {
+    var _document, _document$activeEleme;
+    //@ts-ignore
+    (_document = document) === null || _document === void 0 ? void 0 : (_document$activeEleme = _document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
+  }
+};
+//# sourceMappingURL=EventHandlers.js.map

package/dist/common/FocusOutside.js

@@ -1,20 +1,23 @@
-import React from 'react';
-export var useFocusOutsideRef = function (callback, relatedRefs, ref) {
-    if (relatedRefs === void 0) { relatedRefs = []; }
-    var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
-    React.useEffect(function () {
-        if (!elementRef.current)
-            return;
-        var container = elementRef.current;
-        var handleFocusOutside = function (event) {
-            if (container && event.target && !container.contains(event.target) && !relatedRefs.some(function (ref) { return ref.current && ref.current.contains(event.target); })) {
-                callback();
-            }
-        };
-        document.addEventListener('focusin', handleFocusOutside);
-        return function () {
-            document.removeEventListener('focusin', handleFocusOutside);
-        };
-    }, [elementRef]);
-    return elementRef;
-};
+import React from 'react';
+export var useFocusOutsideRef = function useFocusOutsideRef(callback) {
+  var relatedRefs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var ref = arguments.length > 2 ? arguments[2] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  React.useEffect(function () {
+    if (!elementRef.current) return;
+    var container = elementRef.current;
+    var handleFocusOutside = function handleFocusOutside(event) {
+      if (container && event.target && !container.contains(event.target) && !relatedRefs.some(function (ref) {
+        return ref.current && ref.current.contains(event.target);
+      })) {
+        callback();
+      }
+    };
+    document.addEventListener('focusin', handleFocusOutside);
+    return function () {
+      document.removeEventListener('focusin', handleFocusOutside);
+    };
+  }, [elementRef]);
+  return elementRef;
+};
+//# sourceMappingURL=FocusOutside.js.map

package/dist/common/FocusVisible.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const useFocusVisibleRef: (focusWithinList?: React.MutableRefObject<any>[], ref?: React.MutableRefObject<any> | null | undefined) => React.MutableRefObject<any>;
+export declare const useFocusVisibleRef: (focusWithinList?: React.MutableRefObject<any>[], ref?: React.MutableRefObject<any> | null) => React.MutableRefObject<any>;

package/dist/common/FocusVisible.js

@@ -1,75 +1,89 @@
-import React from 'react';
-export var useFocusVisibleRef = function (focusWithinList, ref) {
-    if (focusWithinList === void 0) { focusWithinList = []; }
-    var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
-    var suppress = React.useRef(false);
-    var _a = React.useState(false), visible = _a[0], setVisible = _a[1];
-    var addFocusVisibleClasses = function () {
-        var _a;
-        (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('focus-visible');
-        focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
-            var _a;
-            (_a = focusWithinListItem.current) === null || _a === void 0 ? void 0 : _a.classList.add('focus-visible-within');
-        });
-    };
-    var removeFocusVisibleClasses = function () {
-        var _a;
-        (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('focus-visible');
-        focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
-            var _a;
-            (_a = focusWithinListItem.current) === null || _a === void 0 ? void 0 : _a.classList.remove('focus-visible-within');
-        });
-    };
-    var handleMouseDown = function () {
-        var _a;
-        if (!((_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains('focus-visible'))) {
-            suppress.current = true;
-        }
-    };
-    var handleFocus = function () {
-        if (!suppress.current) {
-            setVisible(true);
-            addFocusVisibleClasses();
-        }
-        else {
-            suppress.current = false;
-        }
-    };
-    var handleBlur = function () {
-        setVisible(false);
-        removeFocusVisibleClasses();
-    };
-    React.useLayoutEffect(function () {
-        if (visible) {
-            addFocusVisibleClasses();
-        }
-        else {
-            removeFocusVisibleClasses();
-        }
-    }, [visible, elementRef, focusWithinList]);
-    React.useEffect(function () {
-        if (!elementRef.current)
-            return;
-        var instance = elementRef.current;
-        var focusFn = elementRef.current.focus;
-        elementRef.current.focus = function (e) {
-            suppress.current = !(e === null || e === void 0 ? void 0 : e.focusVisible);
-            focusFn.call(instance, e);
-        };
-        instance.addEventListener('mousedown', handleMouseDown);
-        instance.addEventListener('focus', handleFocus);
-        instance.addEventListener('blur', handleBlur);
-        return function () {
-            var _a;
-            instance.removeEventListener('mousedown', handleMouseDown);
-            instance.removeEventListener('focus', handleFocus);
-            instance.removeEventListener('blur', handleBlur);
-            instance.classList.remove('focus-visible');
-            for (var _i = 0, focusWithinList_1 = focusWithinList; _i < focusWithinList_1.length; _i++) {
-                var el = focusWithinList_1[_i];
-                (_a = el.current) === null || _a === void 0 ? void 0 : _a.classList.remove('focus-visible-within');
-            }
-        };
-    }, [elementRef]);
-    return elementRef;
-};
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import React from 'react';
+export var useFocusVisibleRef = function useFocusVisibleRef() {
+  var focusWithinList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var ref = arguments.length > 1 ? arguments[1] : undefined;
+  var elementRef = ref !== null && ref !== void 0 ? ref : React.useRef(null);
+  var suppress = React.useRef(false);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
+  var addFocusVisibleClasses = function addFocusVisibleClasses() {
+    var _elementRef$current;
+    (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.classList.add('focus-visible');
+    focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
+      var _focusWithinListItem$;
+      (_focusWithinListItem$ = focusWithinListItem.current) === null || _focusWithinListItem$ === void 0 ? void 0 : _focusWithinListItem$.classList.add('focus-visible-within');
+    });
+  };
+  var removeFocusVisibleClasses = function removeFocusVisibleClasses() {
+    var _elementRef$current2;
+    (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.classList.remove('focus-visible');
+    focusWithinList === null || focusWithinList === void 0 ? void 0 : focusWithinList.forEach(function (focusWithinListItem) {
+      var _focusWithinListItem$2;
+      (_focusWithinListItem$2 = focusWithinListItem.current) === null || _focusWithinListItem$2 === void 0 ? void 0 : _focusWithinListItem$2.classList.remove('focus-visible-within');
+    });
+  };
+  var handleMouseDown = function handleMouseDown() {
+    var _elementRef$current3;
+    if (!((_elementRef$current3 = elementRef.current) !== null && _elementRef$current3 !== void 0 && _elementRef$current3.classList.contains('focus-visible'))) {
+      suppress.current = true;
+    }
+  };
+  var handleFocus = function handleFocus() {
+    if (!suppress.current) {
+      setVisible(true);
+      addFocusVisibleClasses();
+    } else {
+      suppress.current = false;
+    }
+  };
+  var handleBlur = function handleBlur() {
+    setVisible(false);
+    removeFocusVisibleClasses();
+  };
+  React.useLayoutEffect(function () {
+    if (visible) {
+      addFocusVisibleClasses();
+    } else {
+      removeFocusVisibleClasses();
+    }
+  }, [visible, elementRef, focusWithinList]);
+  React.useEffect(function () {
+    if (!elementRef.current) return;
+    var instance = elementRef.current;
+    var focusFn = elementRef.current.focus;
+    elementRef.current.focus = function (e) {
+      suppress.current = !(e !== null && e !== void 0 && e.focusVisible);
+      focusFn.call(instance, e);
+    };
+    instance.addEventListener('mousedown', handleMouseDown);
+    instance.addEventListener('focus', handleFocus);
+    instance.addEventListener('blur', handleBlur);
+    return function () {
+      instance.removeEventListener('mousedown', handleMouseDown);
+      instance.removeEventListener('focus', handleFocus);
+      instance.removeEventListener('blur', handleBlur);
+      instance.classList.remove('focus-visible');
+      var _iterator = _createForOfIteratorHelper(focusWithinList),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _el$current;
+          var el = _step.value;
+          (_el$current = el.current) === null || _el$current === void 0 ? void 0 : _el$current.classList.remove('focus-visible-within');
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    };
+  }, [elementRef]);
+  return elementRef;
+};
+//# sourceMappingURL=FocusVisible.js.map

package/dist/common/InputStyling.js

@@ -1,8 +1,6 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { css } from 'styled-components';
-import { COLORS, focusStyles } from '../styles';
-export var CommonInteractionStyling = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), focusStyles, COLORS.primary_20, COLORS.primary_600, COLORS.primary_100, COLORS.primary_800, COLORS.white, COLORS.neutral_300, COLORS.white);
-var templateObject_1;
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from 'styled-components';
+import { COLORS, focusStyles } from '../styles';
+export var CommonInteractionStyling = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus, &.focus-state, &.focus-visible {\n    ", "\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ", ";\n    color: ", ";\n  }\n  &:disabled, &.disabled-state {\n    background-color: ", ";\n    span {\n      color: ", ";\n    }\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), focusStyles, COLORS.primary_20, COLORS.primary_600, COLORS.primary_100, COLORS.primary_800, COLORS.white, COLORS.neutral_300, COLORS.white);
+//# sourceMappingURL=InputStyling.js.map

package/dist/common/NavigationHelper.js

@@ -1,18 +1,24 @@
-import { useNavigate, matchPath, useLocation } from 'react-router';
-export var useNavigationHelper = function () {
-    var navigateHook = useNavigate();
-    var location = useLocation();
-    var navigate = function (url, isExternal) {
-        if (isExternal) {
-            window.location.href = url;
-        }
-        else {
-            navigateHook(url);
-        }
-    };
-    var isActiveRoute = function (url, exact) {
-        var _a;
-        return !!matchPath({ path: url, end: exact }, (_a = location.pathname) !== null && _a !== void 0 ? _a : '');
-    };
-    return { navigate: navigate, isActiveRoute: isActiveRoute };
-};
+import { useNavigate, matchPath, useLocation } from 'react-router';
+export var useNavigationHelper = function useNavigationHelper() {
+  var navigateHook = useNavigate();
+  var location = useLocation();
+  var navigate = function navigate(url, isExternal) {
+    if (isExternal) {
+      window.location.href = url;
+    } else {
+      navigateHook(url);
+    }
+  };
+  var isActiveRoute = function isActiveRoute(url, exact) {
+    var _location$pathname;
+    return !!matchPath({
+      path: url,
+      end: exact
+    }, (_location$pathname = location.pathname) !== null && _location$pathname !== void 0 ? _location$pathname : '');
+  };
+  return {
+    navigate: navigate,
+    isActiveRoute: isActiveRoute
+  };
+};
+//# sourceMappingURL=NavigationHelper.js.map

package/dist/common/ScrollableContainer.js

@@ -1,22 +1,25 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React from 'react';
-import { useDimensionsRef } from 'rooks';
-export var useScrollableContainer = function (recalculateScrollDeps) {
-    var _a = React.useState(false), scrollable = _a[0], setScrollable = _a[1];
-    var _b = useDimensionsRef({ updateOnResize: true }), scrollContainerRef = _b[0], dimensions = _b[1], node = _b[2];
-    React.useEffect(function () {
-        var _a, _b;
-        var clientHeight = (_a = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _a !== void 0 ? _a : 0;
-        var scrollHeight = (_b = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _b !== void 0 ? _b : 0;
-        setScrollable(scrollHeight > clientHeight);
-    }, __spreadArray([dimensions, node], recalculateScrollDeps, true));
-    return [scrollContainerRef, scrollable];
-};
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { useDimensionsRef } from 'rooks';
+export var useScrollableContainer = function useScrollableContainer(recalculateScrollDeps) {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    scrollable = _React$useState2[0],
+    setScrollable = _React$useState2[1];
+  var _useDimensionsRef = useDimensionsRef({
+      updateOnResize: true
+    }),
+    _useDimensionsRef2 = _slicedToArray(_useDimensionsRef, 3),
+    scrollContainerRef = _useDimensionsRef2[0],
+    dimensions = _useDimensionsRef2[1],
+    node = _useDimensionsRef2[2];
+  React.useEffect(function () {
+    var _node$clientHeight, _node$scrollHeight;
+    var clientHeight = (_node$clientHeight = node === null || node === void 0 ? void 0 : node.clientHeight) !== null && _node$clientHeight !== void 0 ? _node$clientHeight : 0;
+    var scrollHeight = (_node$scrollHeight = node === null || node === void 0 ? void 0 : node.scrollHeight) !== null && _node$scrollHeight !== void 0 ? _node$scrollHeight : 0;
+    setScrollable(scrollHeight > clientHeight);
+  }, [dimensions, node].concat(_toConsumableArray(recalculateScrollDeps)));
+  return [scrollContainerRef, scrollable];
+};
+//# sourceMappingURL=ScrollableContainer.js.map

package/dist/common/StackState.js

@@ -1,10 +1,29 @@
-import React from 'react';
-export var useStackState = function (initial) {
-    var _a = React.useState(initial ? [initial] : []), state = _a[0], setState = _a[1];
-    var reset = React.useCallback(function (value) { return setState(!!value || !!initial ? [value !== null && value !== void 0 ? value : initial] : []); }, [initial]);
-    var peek = React.useCallback(function () { return !!state.length ? state[state.length - 1] : undefined; }, [state]);
-    var push = React.useCallback(function (value) { return setState(state.concat(value)); }, [state]);
-    var pop = React.useCallback(function () { return setState(state.slice(0, -1)); }, [state]);
-    var length = state.length;
-    return { peek: peek, push: push, pop: pop, reset: reset, length: length };
-};
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+export var useStackState = function useStackState(initial) {
+  var _React$useState = React.useState(initial ? [initial] : []),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    state = _React$useState2[0],
+    setState = _React$useState2[1];
+  var reset = React.useCallback(function (value) {
+    return setState(!!value || !!initial ? [value !== null && value !== void 0 ? value : initial] : []);
+  }, [initial]);
+  var peek = React.useCallback(function () {
+    return !!state.length ? state[state.length - 1] : undefined;
+  }, [state]);
+  var push = React.useCallback(function (value) {
+    return setState(state.concat(value));
+  }, [state]);
+  var pop = React.useCallback(function () {
+    return setState(state.slice(0, -1));
+  }, [state]);
+  var length = state.length;
+  return {
+    peek: peek,
+    push: push,
+    pop: pop,
+    reset: reset,
+    length: length
+  };
+};
+//# sourceMappingURL=StackState.js.map

package/dist/common/index.js

@@ -1,6 +1,7 @@
-export { CommonInteractionStyling } from './InputStyling';
-export { defaultOnMouseDownHandler } from './EventHandlers';
-export { useFocusVisibleRef } from './FocusVisible';
-export { useActionWithin } from './ActionWithin';
-export { useFocusOutsideRef } from './FocusOutside';
-export { useClickOutsideRef } from './ClickOutside';
+export { CommonInteractionStyling } from './InputStyling';
+export { defaultOnMouseDownHandler } from './EventHandlers';
+export { useFocusVisibleRef } from './FocusVisible';
+export { useActionWithin } from './ActionWithin';
+export { useFocusOutsideRef } from './FocusOutside';
+export { useClickOutsideRef } from './ClickOutside';
+//# sourceMappingURL=index.js.map

package/dist/icons/contenticons/Adaptive.js

@@ -1,31 +1,37 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from "react";
-import { ContentIcon, formatSvgString, getSize } from "../index";
-import SVG from "react-inlinesvg";
-import { ContentIcons as CI } from "@laerdal/figma-svg";
-export var Adaptive = function (_a) {
-    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'currentColor' : _b, _c = _a.size, size = _c === void 0 ? '48px' : _c, _d = _a.label, label = _d === void 0 ? '' : _d, _e = _a.viewBox, viewBox = _e === void 0 ? '0 0 48 48' : _e, rest = __rest(_a, ["className", "color", "size", "label", "viewBox"]);
-    return (React.createElement(ContentIcon, { tooltip: label },
-        React.createElement(SVG, __assign({ src: CI.Adaptive, height: getSize(size), width: getSize(size) }, rest, { className: className, viewBox: viewBox, preProcessor: function (content) { return formatSvgString(content, color); } }))));
-};
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "color", "size", "label", "viewBox"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import * as React from "react";
+import { ContentIcon, formatSvgString, getSize } from "../index";
+import SVG from "react-inlinesvg";
+import { ContentIcons as CI } from "@laerdal/figma-svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Adaptive = function Adaptive(_ref) {
+  var className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '48px' : _ref$size,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    _ref$viewBox = _ref.viewBox,
+    viewBox = _ref$viewBox === void 0 ? '0 0 48 48' : _ref$viewBox,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(ContentIcon, {
+    tooltip: label,
+    children: /*#__PURE__*/_jsx(SVG, _objectSpread(_objectSpread({
+      src: CI.Adaptive,
+      height: getSize(size),
+      width: getSize(size)
+    }, rest), {}, {
+      className: className,
+      viewBox: viewBox,
+      preProcessor: function preProcessor(content) {
+        return formatSvgString(content, color);
+      }
+    }))
+  });
+};
+//# sourceMappingURL=Adaptive.js.map