@laerdal/life-react-components 1.11.0-dev.16 → 1.11.0-dev.19

package/dist/Switcher/MobileCustomMenuContent.cjs

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MobileCustomMenuContent = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ScrollableContainer = require("../common/ScrollableContainer");
-
-var _CommonStyles = require("../GlobalNavigationBar/mobile/CommonStyles");
-
-var _MobileActionContainer = require("../GlobalNavigationBar/mobile/MobileActionContainer");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-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) { (0, _defineProperty2.default)(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; }
-
-var MobileCustomMenuContent = function MobileCustomMenuContent(_ref) {
-  var children = _ref.children,
-      header = _ref.header,
-      action = _ref.action;
-
-  var _useScrollableContain = (0, _ScrollableContainer.useScrollableContainer)([children]),
-      _useScrollableContain2 = (0, _slicedToArray2.default)(_useScrollableContain, 2),
-      scrollContainerRef = _useScrollableContain2[0],
-      scrollable = _useScrollableContain2[1];
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.MobileMenuWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.ScrollableContainer, {
-      ref: scrollContainerRef,
-      className: scrollable ? 'scrollable' : '',
-      children: [!!header && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyles.MobileHeaderContainer, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.MobileHeaderText, {
-          children: header.header
-        }), header.note && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyles.MobileHeaderNote, {
-          children: header.note
-        })]
-      }), children]
-    }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileActionContainer.MobileActionContainer, _objectSpread({}, action))]
-  });
-};
-
-exports.MobileCustomMenuContent = MobileCustomMenuContent;
-//# sourceMappingURL=MobileCustomMenuContent.cjs.map

package/dist/Switcher/MobileCustomMenuContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Switcher/MobileCustomMenuContent.tsx"],"names":["MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAOO,IAAMA,uBAA8E,GAAG,SAAjFA,uBAAiF,OAAkC;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,MAArBC,MAAqB,QAArBA,MAAqB;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AAC9H,8BAAyC,iDAAuB,CAACF,QAAD,CAAvB,CAAzC;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,UAA3B;;AAEA,sBACE,sBAAC,+BAAD;AAAA,4BACE,sBAAC,iCAAD;AAAqB,MAAA,GAAG,EAAED,kBAA1B;AAAqD,MAAA,SAAS,EAAEC,UAAU,GAAG,YAAH,GAAkB,EAA5F;AAAA,iBACG,CAAC,CAACH,MAAF,iBACC,sBAAC,mCAAD;AAAA,gCACE,qBAAC,8BAAD;AAAA,oBAAmBA,MAAM,CAACA;AAA1B,UADF,EAEGA,MAAM,CAACI,IAAP,iBAAe,qBAAC,8BAAD;AAAA,oBAAmBJ,MAAM,CAACI;AAA1B,UAFlB;AAAA,QAFJ,EAOGL,QAPH;AAAA,MADF,EAUGE,MAAM,iBAAI,qBAAC,4CAAD,oBAA2BA,MAA3B,EAVb;AAAA,IADF;AAcD,CAjBM","sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  header?: MenuGroupHeader;\n  action?: MenuButton;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\n        {children}\n      </ScrollableContainer>\n      {action && <MobileActionContainer {...action} />}\n    </MobileMenuWrapper>\n  );\n};\n"],"file":"MobileCustomMenuContent.cjs"}

package/dist/Switcher/MobileCustomMenuContent.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';
-interface MobileCustomMenuContentProps {
-    header?: MenuGroupHeader;
-    action?: MenuButton;
-}
-export declare const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps>;
-export {};

package/dist/Switcher/MobileCustomMenuContent.js

@@ -1,39 +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 { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, 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 children = _ref.children,
-      header = _ref.header,
-      action = _ref.action;
-
-  var _useScrollableContain = useScrollableContainer([children]),
-      _useScrollableContain2 = _slicedToArray(_useScrollableContain, 2),
-      scrollContainerRef = _useScrollableContain2[0],
-      scrollable = _useScrollableContain2[1];
-
-  return /*#__PURE__*/_jsxs(MobileMenuWrapper, {
-    children: [/*#__PURE__*/_jsxs(ScrollableContainer, {
-      ref: scrollContainerRef,
-      className: scrollable ? 'scrollable' : '',
-      children: [!!header && /*#__PURE__*/_jsxs(MobileHeaderContainer, {
-        children: [/*#__PURE__*/_jsx(MobileHeaderText, {
-          children: header.header
-        }), header.note && /*#__PURE__*/_jsx(MobileHeaderNote, {
-          children: header.note
-        })]
-      }), 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","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","MobileActionContainer","MobileCustomMenuContent","children","header","action","scrollContainerRef","scrollable","note"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,sBAAT,QAAuC,+BAAvC;AAEA,SAASC,qBAAT,EAAgCC,gBAAhC,EAAkDC,gBAAlD,EAAoEC,iBAApE,EAAuFC,mBAAvF,QAAkH,4CAAlH;AACA,SAASC,qBAAT,QAAsC,qDAAtC;;;AAOA,OAAO,IAAMC,uBAA8E,GAAG,SAAjFA,uBAAiF,OAAkC;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;AAAA,MAArBC,MAAqB,QAArBA,MAAqB;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AAC9H,8BAAyCV,sBAAsB,CAAC,CAACQ,QAAD,CAAD,CAA/D;AAAA;AAAA,MAAOG,kBAAP;AAAA,MAA2BC,UAA3B;;AAEA,sBACE,MAAC,iBAAD;AAAA,4BACE,MAAC,mBAAD;AAAqB,MAAA,GAAG,EAAED,kBAA1B;AAAqD,MAAA,SAAS,EAAEC,UAAU,GAAG,YAAH,GAAkB,EAA5F;AAAA,iBACG,CAAC,CAACH,MAAF,iBACC,MAAC,qBAAD;AAAA,gCACE,KAAC,gBAAD;AAAA,oBAAmBA,MAAM,CAACA;AAA1B,UADF,EAEGA,MAAM,CAACI,IAAP,iBAAe,KAAC,gBAAD;AAAA,oBAAmBJ,MAAM,CAACI;AAA1B,UAFlB;AAAA,QAFJ,EAOGL,QAPH;AAAA,MADF,EAUGE,MAAM,iBAAI,KAAC,qBAAD,oBAA2BA,MAA3B,EAVb;AAAA,IADF;AAcD,CAjBM","sourcesContent":["import React from 'react';\nimport { useScrollableContainer } from '../common/ScrollableContainer';\nimport { MenuButton, MenuGroupHeader } from '../GlobalNavigationBar';\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from '../GlobalNavigationBar/mobile/CommonStyles';\nimport { MobileActionContainer } from '../GlobalNavigationBar/mobile/MobileActionContainer';\n\ninterface MobileCustomMenuContentProps {\n  header?: MenuGroupHeader;\n  action?: MenuButton;\n}\n\nexport const MobileCustomMenuContent: React.FunctionComponent<MobileCustomMenuContentProps> = ({ children, header, action }) => {\n  const [scrollContainerRef, scrollable] = useScrollableContainer([children]);\n\n  return (\n    <MobileMenuWrapper>\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\n        {!!header && (\n          <MobileHeaderContainer>\n            <MobileHeaderText>{header.header}</MobileHeaderText>\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\n          </MobileHeaderContainer>\n        )}\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"}