@laerdal/life-react-components 1.11.0-dev.15 → 1.11.0-dev.18

package/dist/Switcher/MobileCustomMenuContent.js

@@ -1,32 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _pt from "prop-types";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React from 'react';
-import { useScrollableContainer } from '../common/ScrollableContainer';
-import { MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';
-import { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
-  var action = _ref.action,
-      children = _ref.children;
-
-  var _useScrollableContain = useScrollableContainer([children]),
-      _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
-      scrollContainerRef = _useScrollableContain2[0],
-      scrollable = _useScrollableContain2[1];
-
-  return /*#__PURE__*/_jsxs(MobileMenuWrapper, {
-    children: [/*#__PURE__*/_jsx(ScrollableContainer, {
-      ref: scrollContainerRef,
-      className: scrollable ? 'scrollable' : '',
-      children: children
-    }), action && /*#__PURE__*/_jsx(MobileActionContainer, _objectSpread({}, action))]
-  });
-};
-//# sourceMappingURL=MobileCustomMenuContent.js.map

package/dist/Switcher/MobileCustomMenuContent.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"names":["React","useScrollableContainer","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","action","children","scrollContainerRef","scrollable"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,+BAAvC;AAEA,SAASC,iBAAT,EAA4BC,mBAA5B,QAAuD,4CAAvD;AACA,SAASC,qBAAT,QAAsC,qDAAtC;;;AAMA,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAAiF,OAA0B;AAAA,MAAvBC,MAAuB,QAAvBA,MAAuB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AACtH,8BAAyCN,sBAAsB,CAAC,CAACM,QAAD,CAAD,CAA/D;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,UAA3B;;AAEA,sBACE,MAAC,iBAAD;AAAA,4BACE,KAAC,mBAAD;AAAqB,MAAA,GAAG,EAAED,kBAA1B;AAAqD,MAAA,SAAS,EAAEC,UAAU,GAAG,YAAH,GAAkB,EAA5F;AAAA,gBACGF;AADH,MADF,EAIGD,MAAM,iBAAI,KAAC,qBAAD,oBAA2BA,MAA3B,EAJb;AAAA,IADF;AAQD,CAXM","sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton } from '../GlobalNavigationBar';\nimport { MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  action?: MenuButton;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ action, children }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {children}\n      </ScrollableContainer>\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n"],"file":"MobileCustomMenuContent.js"}

package/dist/common/ScrollableContainer.cjs

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useScrollableContainer = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _rooks = require("rooks");
-
-var useScrollableContainer = function useScrollableContainer(recalculateScrollDeps) {
-  var _React$useState = _react.default.useState(false),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      scrollable = _React$useState2[0],
-      setScrollable = _React$useState2[1];
-
-  var _useDimensionsRef = (0, _rooks.useDimensionsRef)({
-    updateOnResize: true
-  }),
-      _useDimensionsRef2 = (0, _slicedToArray2.default)(_useDimensionsRef, 3),
-      scrollContainerRef = _useDimensionsRef2[0],
-      dimensions = _useDimensionsRef2[1],
-      node = _useDimensionsRef2[2];
-
-  _react.default.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((0, _toConsumableArray2.default)(recalculateScrollDeps)));
-
-  return [scrollContainerRef, scrollable];
-};
-
-exports.useScrollableContainer = useScrollableContainer;
-//# sourceMappingURL=ScrollableContainer.cjs.map

package/dist/common/ScrollableContainer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/ScrollableContainer.ts"],"names":["useScrollableContainer","recalculateScrollDeps","React","useState","scrollable","setScrollable","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,qBAAD,EAAkC;AACtE,wBAAoCC,eAAMC,QAAN,CAAe,KAAf,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,0BAA+C,6BAAiB;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAjB,CAA/C;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,UAA3B;AAAA,MAAuCC,IAAvC;;AAEAP,iBAAMQ,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;AACA,QAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;AACAP,IAAAA,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;AACD,GAJD,GAIIH,UAJJ,EAIgBC,IAJhB,0CAIyBR,qBAJzB;;AAMA,SAAO,CAACM,kBAAD,EAAqBH,UAArB,CAAP;AACD,CAXM","sourcesContent":["import React from 'react';\nimport { useDimensionsRef } from 'rooks';\n\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, ...recalculateScrollDeps]);\n\n  return [scrollContainerRef, scrollable];\n};\n"],"file":"ScrollableContainer.cjs"}

package/dist/common/ScrollableContainer.d.ts

@@ -1 +0,0 @@
-export declare const useScrollableContainer: (recalculateScrollDeps: any[]) => (boolean | import("react").LegacyRef<HTMLDivElement> | undefined)[];

package/dist/common/ScrollableContainer.js

@@ -1,28 +0,0 @@
-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/ScrollableContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/ScrollableContainer.ts"],"names":["React","useDimensionsRef","useScrollableContainer","recalculateScrollDeps","useState","scrollable","setScrollable","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,OAAjC;AAEA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,qBAAD,EAAkC;AACtE,wBAAoCH,KAAK,CAACI,QAAN,CAAe,KAAf,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,0BAA+CL,gBAAgB,CAAC;AAAEM,IAAAA,cAAc,EAAE;AAAlB,GAAD,CAA/D;AAAA;AAAA,MAAOC,kBAAP;AAAA,MAA2BC,UAA3B;AAAA,MAAuCC,IAAvC;;AAEAV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AAAA;;AACpB,QAAMC,YAAY,yBAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,YAAT,mEAAyB,CAA3C;AACA,QAAMC,YAAY,yBAAGH,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEG,YAAT,mEAAyB,CAA3C;AACAP,IAAAA,aAAa,CAACO,YAAY,GAAGD,YAAhB,CAAb;AACD,GAJD,GAIIH,UAJJ,EAIgBC,IAJhB,4BAIyBP,qBAJzB;AAMA,SAAO,CAACK,kBAAD,EAAqBH,UAArB,CAAP;AACD,CAXM","sourcesContent":["import React from 'react';\nimport { useDimensionsRef } from 'rooks';\n\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, ...recalculateScrollDeps]);\n\n  return [scrollContainerRef, scrollable];\n};\n"],"file":"ScrollableContainer.js"}