@os-design/core 1.0.155 → 1.0.157

package/dist/cjs/List/WindowScroller.js

@@ -1,33 +1,25 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DISABLE_BODY_POINTER_EVENTS_TIMEOUT = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("@os-design/utils");
-
 var _bodyPointerEvents = require("./utils/bodyPointerEvents");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 /**
  * Specifies the number of milliseconds during which to disable pointer events while
  * a scroll is in progress. This improves performance and makes scrolling smoother.
  */
 var DISABLE_BODY_POINTER_EVENTS_TIMEOUT = 150;
 exports.DISABLE_BODY_POINTER_EVENTS_TIMEOUT = DISABLE_BODY_POINTER_EVENTS_TIMEOUT;
-
 var WindowScroller = function WindowScroller(_ref) {
   var _ref$onScroll = _ref.onScroll,
-      onScroll = _ref$onScroll === void 0 ? function () {} : _ref$onScroll,
-      children = _ref.children;
+    onScroll = _ref$onScroll === void 0 ? function () {} : _ref$onScroll,
+    children = _ref.children;
   var onScrollRef = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     onScrollRef.current = onScroll;
@@ -46,11 +38,11 @@ var WindowScroller = function WindowScroller(_ref) {
       return (0, _bodyPointerEvents.enableBodyPointerEventsAfterDelay)(0);
     };
   }, []);
-  (0, _utils.useEvent)(document, 'scroll', scrollListener); // eslint-disable-next-line react/jsx-no-useless-fragment
+  (0, _utils.useEvent)(document, 'scroll', scrollListener);
 
+  // eslint-disable-next-line react/jsx-no-useless-fragment
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
 };
-
 var _default = WindowScroller;
 exports["default"] = _default;
 //# sourceMappingURL=WindowScroller.js.map

package/dist/cjs/List/WindowScroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowScroller.js","names":["DISABLE_BODY_POINTER_EVENTS_TIMEOUT","WindowScroller","onScroll","children","onScrollRef","useRef","useEffect","current","scrollListener","useCallback","disableBodyPointerEvents","enableBodyPointerEventsAfterDelay","top","window","pageYOffset","left","pageXOffset","useEvent","document"],"sources":["../../../src/List/WindowScroller.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { useEvent } from '@os-design/utils';\nimport {\n  disableBodyPointerEvents,\n  enableBodyPointerEventsAfterDelay,\n} from './utils/bodyPointerEvents';\n\nexport interface ScrollPosition {\n  top: number;\n  left: number;\n}\n\ninterface WindowScrollerProps {\n  onScroll?: (props: ScrollPosition) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Specifies the number of milliseconds during which to disable pointer events while\n * a scroll is in progress. This improves performance and makes scrolling smoother.\n */\nexport const DISABLE_BODY_POINTER_EVENTS_TIMEOUT = 150;\n\nconst WindowScroller: React.FC<WindowScrollerProps> = ({\n  onScroll = () => {},\n  children,\n}) => {\n  const onScrollRef = useRef<WindowScrollerProps['onScroll']>();\n\n  useEffect(() => {\n    onScrollRef.current = onScroll;\n  }, [onScroll]);\n\n  const scrollListener = useCallback(() => {\n    disableBodyPointerEvents();\n    enableBodyPointerEventsAfterDelay(DISABLE_BODY_POINTER_EVENTS_TIMEOUT);\n    if (!onScrollRef.current) return;\n    onScrollRef.current({\n      top: window.pageYOffset,\n      left: window.pageXOffset,\n    });\n  }, []);\n\n  useEffect(() => () => enableBodyPointerEventsAfterDelay(0), []);\n  useEvent(document, 'scroll', scrollListener);\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>;\n};\n\nexport default WindowScroller;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAeA;AACA;AACA;AACA;AACO,IAAMA,mCAAmC,GAAG,GAA5C;;;AAEP,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAGhD;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADJC,QACI,QADJA,QACI;EACJ,IAAMC,WAAW,GAAG,IAAAC,aAAA,GAApB;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACdF,WAAW,CAACG,OAAZ,GAAsBL,QAAtB;EACD,CAFD,EAEG,CAACA,QAAD,CAFH;EAIA,IAAMM,cAAc,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACvC,IAAAC,2CAAA;IACA,IAAAC,oDAAA,EAAkCX,mCAAlC;IACA,IAAI,CAACI,WAAW,CAACG,OAAjB,EAA0B;IAC1BH,WAAW,CAACG,OAAZ,CAAoB;MAClBK,GAAG,EAAEC,MAAM,CAACC,WADM;MAElBC,IAAI,EAAEF,MAAM,CAACG;IAFK,CAApB;EAID,CARsB,EAQpB,EARoB,CAAvB;EAUA,IAAAV,gBAAA,EAAU;IAAA,OAAM;MAAA,OAAM,IAAAK,oDAAA,EAAkC,CAAlC,CAAN;IAAA,CAAN;EAAA,CAAV,EAA4D,EAA5D;EACA,IAAAM,eAAA,EAASC,QAAT,EAAmB,QAAnB,EAA6BV,cAA7B,EAlBI,CAoBJ;;EACA,oBAAO,kEAAGL,QAAH,CAAP;AACD,CAzBD;;eA2BeF,c"}
+{"version":3,"file":"WindowScroller.js","names":["DISABLE_BODY_POINTER_EVENTS_TIMEOUT","WindowScroller","onScroll","children","onScrollRef","useRef","useEffect","current","scrollListener","useCallback","disableBodyPointerEvents","enableBodyPointerEventsAfterDelay","top","window","pageYOffset","left","pageXOffset","useEvent","document"],"sources":["../../../src/List/WindowScroller.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { useEvent } from '@os-design/utils';\nimport {\n  disableBodyPointerEvents,\n  enableBodyPointerEventsAfterDelay,\n} from './utils/bodyPointerEvents';\n\nexport interface ScrollPosition {\n  top: number;\n  left: number;\n}\n\ninterface WindowScrollerProps {\n  onScroll?: (props: ScrollPosition) => void;\n  children?: React.ReactNode;\n}\n\n/**\n * Specifies the number of milliseconds during which to disable pointer events while\n * a scroll is in progress. This improves performance and makes scrolling smoother.\n */\nexport const DISABLE_BODY_POINTER_EVENTS_TIMEOUT = 150;\n\nconst WindowScroller: React.FC<WindowScrollerProps> = ({\n  onScroll = () => {},\n  children,\n}) => {\n  const onScrollRef = useRef<WindowScrollerProps['onScroll']>();\n\n  useEffect(() => {\n    onScrollRef.current = onScroll;\n  }, [onScroll]);\n\n  const scrollListener = useCallback(() => {\n    disableBodyPointerEvents();\n    enableBodyPointerEventsAfterDelay(DISABLE_BODY_POINTER_EVENTS_TIMEOUT);\n    if (!onScrollRef.current) return;\n    onScrollRef.current({\n      top: window.pageYOffset,\n      left: window.pageXOffset,\n    });\n  }, []);\n\n  useEffect(() => () => enableBodyPointerEventsAfterDelay(0), []);\n  useEvent(document, 'scroll', scrollListener);\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>;\n};\n\nexport default WindowScroller;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAGmC;AAAA;AAYnC;AACA;AACA;AACA;AACO,IAAMA,mCAAmC,GAAG,GAAG;AAAC;AAEvD,IAAMC,cAA6C,GAAG,SAAhDA,cAA6C,OAG7C;EAAA,yBAFJC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IACnBC,QAAQ,QAARA,QAAQ;EAER,IAAMC,WAAW,GAAG,IAAAC,aAAM,GAAmC;EAE7D,IAAAC,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGL,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMM,cAAc,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACvC,IAAAC,2CAAwB,GAAE;IAC1B,IAAAC,oDAAiC,EAACX,mCAAmC,CAAC;IACtE,IAAI,CAACI,WAAW,CAACG,OAAO,EAAE;IAC1BH,WAAW,CAACG,OAAO,CAAC;MAClBK,GAAG,EAAEC,MAAM,CAACC,WAAW;MACvBC,IAAI,EAAEF,MAAM,CAACG;IACf,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAV,gBAAS,EAAC;IAAA,OAAM;MAAA,OAAM,IAAAK,oDAAiC,EAAC,CAAC,CAAC;IAAA;EAAA,GAAE,EAAE,CAAC;EAC/D,IAAAM,eAAQ,EAACC,QAAQ,EAAE,QAAQ,EAAEV,cAAc,CAAC;;EAE5C;EACA,oBAAO,kEAAGL,QAAQ,CAAI;AACxB,CAAC;AAAC,eAEaF,cAAc;AAAA"}

package/dist/cjs/List/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,100 +17,70 @@ Object.defineProperty(exports, "useRWLoadNext", {
     return _useRWLoadNext["default"];
   }
 });
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactWindow = require("react-window");
-
 var _utils = require("@os-design/utils");
-
 var _theming = require("@os-design/theming");
-
 var _media = require("@os-design/media");
-
 var _WindowScroller = _interopRequireDefault(require("./WindowScroller"));
-
 var _useRWLoadNext = _interopRequireDefault(require("./utils/useRWLoadNext"));
-
 var _LayoutContext = _interopRequireDefault(require("../Layout/LayoutContext"));
-
 var _excluded = ["itemCount", "itemHeight", "threshold", "overscanCount", "height", "paddingTop", "paddingBottom", "style", "empty", "onLoadNext", "itemRenderer"],
-    _excluded2 = ["style"],
-    _excluded3 = ["style"];
-
+  _excluded2 = ["style"],
+  _excluded3 = ["style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 /**
  * Virtualized list.
  * Used the react-window library.
  */
 var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var itemCount = _ref.itemCount,
-      _ref$itemHeight = _ref.itemHeight,
-      itemHeight = _ref$itemHeight === void 0 ? 4 : _ref$itemHeight,
-      _ref$threshold = _ref.threshold,
-      threshold = _ref$threshold === void 0 ? 10 : _ref$threshold,
-      _ref$overscanCount = _ref.overscanCount,
-      overscanCount = _ref$overscanCount === void 0 ? 10 : _ref$overscanCount,
-      heightProp = _ref.height,
-      _ref$paddingTop = _ref.paddingTop,
-      paddingTop = _ref$paddingTop === void 0 ? 0 : _ref$paddingTop,
-      _ref$paddingBottom = _ref.paddingBottom,
-      paddingBottom = _ref$paddingBottom === void 0 ? 0 : _ref$paddingBottom,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      empty = _ref.empty,
-      _ref$onLoadNext = _ref.onLoadNext,
-      onLoadNext = _ref$onLoadNext === void 0 ? function () {} : _ref$onLoadNext,
-      _ref$itemRenderer = _ref.itemRenderer,
-      itemRenderer = _ref$itemRenderer === void 0 ? function () {
-    return null;
-  } : _ref$itemRenderer,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$itemHeight = _ref.itemHeight,
+    itemHeight = _ref$itemHeight === void 0 ? 4 : _ref$itemHeight,
+    _ref$threshold = _ref.threshold,
+    threshold = _ref$threshold === void 0 ? 10 : _ref$threshold,
+    _ref$overscanCount = _ref.overscanCount,
+    overscanCount = _ref$overscanCount === void 0 ? 10 : _ref$overscanCount,
+    heightProp = _ref.height,
+    _ref$paddingTop = _ref.paddingTop,
+    paddingTop = _ref$paddingTop === void 0 ? 0 : _ref$paddingTop,
+    _ref$paddingBottom = _ref.paddingBottom,
+    paddingBottom = _ref$paddingBottom === void 0 ? 0 : _ref$paddingBottom,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    empty = _ref.empty,
+    _ref$onLoadNext = _ref.onLoadNext,
+    onLoadNext = _ref$onLoadNext === void 0 ? function () {} : _ref$onLoadNext,
+    _ref$itemRenderer = _ref.itemRenderer,
+    itemRenderer = _ref$itemRenderer === void 0 ? function () {
+      return null;
+    } : _ref$itemRenderer,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-      _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-      listRef = _useForwardedRef2[0],
-      mergedListRef = _useForwardedRef2[1];
-
+    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
+    listRef = _useForwardedRef2[0],
+    mergedListRef = _useForwardedRef2[1];
   var size = (0, _utils.useSize)();
   var fontSize = (0, _utils.useFontSize)(document.body);
-
   var _useContext = (0, _react.useContext)(_LayoutContext["default"]),
-      hasNavigation = _useContext.hasNavigation,
-      hasPageHeader = _useContext.hasPageHeader;
-
+    hasNavigation = _useContext.hasNavigation,
+    hasPageHeader = _useContext.hasPageHeader;
   var _useTheme = (0, _theming.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var isMinMd = (0, _media.useIsMinWidth)('md');
   var safeAreaInset = (0, _utils.useSafeAreaInset)();
   var itemSize = (0, _react.useMemo)(function () {
@@ -139,12 +108,12 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     // Set the scroll position to the list
     if (listRef.current) listRef.current.scrollTo(top);
     loadNextHandler(top);
-  }, [listRef, loadNextHandler]); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }, [listRef, loadNextHandler]);
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   var InnerElement = (0, _react.useCallback)(function (_ref3) {
     var innerStyle = _ref3.style,
-        innerRest = _objectWithoutProperties(_ref3, _excluded2);
-
+      innerRest = _objectWithoutProperties(_ref3, _excluded2);
     return /*#__PURE__*/_react["default"].createElement("div", _extends({
       style: _objectSpread(_objectSpread({}, innerStyle), {}, {
         height: "".concat(parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize, "px")
@@ -153,15 +122,15 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }, [paddingBottomSize, paddingTopSize]);
   var listChildren = (0, _react.useCallback)(function (_ref4) {
     var childrenStyle = _ref4.style,
-        childrenRest = _objectWithoutProperties(_ref4, _excluded3);
-
+      childrenRest = _objectWithoutProperties(_ref4, _excluded3);
     return itemRenderer(_objectSpread({
       style: _objectSpread(_objectSpread({}, childrenStyle), {}, {
         top: "".concat(parseFloat(childrenStyle.top ? childrenStyle.top.toString() : '0') + paddingTopSize, "px")
       })
     }, childrenRest));
-  }, [itemRenderer, paddingTopSize]); // eslint-disable-next-line react/jsx-no-useless-fragment
+  }, [itemRenderer, paddingTopSize]);
 
+  // eslint-disable-next-line react/jsx-no-useless-fragment
   var EmptyComponent = (0, _react.useCallback)(function () {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, empty);
   }, [empty]);
@@ -183,11 +152,9 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       innerElementType: itemCount > 0 ? InnerElement : EmptyComponent
     }, rest), listChildren);
   }, [EmptyComponent, InnerElement, height, heightProp, itemCount, itemSize, listChildren, loadNextHandler, mergedListRef, overscanCount, rest, style]);
-
   if (heightProp) {
     return renderList();
   }
-
   return /*#__PURE__*/_react["default"].createElement(_WindowScroller["default"], {
     onScroll: windowScrollHandler
   }, renderList());

package/dist/cjs/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["List","forwardRef","ref","itemCount","itemHeight","threshold","overscanCount","heightProp","height","paddingTop","paddingBottom","style","empty","onLoadNext","itemRenderer","rest","useForwardedRef","listRef","mergedListRef","size","useSize","fontSize","useFontSize","document","body","useContext","LayoutContext","hasNavigation","hasPageHeader","useTheme","theme","isMinMd","useIsMinWidth","safeAreaInset","useSafeAreaInset","itemSize","useMemo","paddingTopSize","pageHeaderHeight","paddingBottomSize","navigationTabHeight","bottom","loadNextHandler","useRWLoadNext","windowScrollHandler","useCallback","top","current","scrollTo","InnerElement","innerStyle","innerRest","parseFloat","listChildren","childrenStyle","childrenRest","toString","EmptyComponent","renderList","scrollOffset","undefined","displayName"],"sources":["../../../src/List/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react';\nimport {\n  FixedSizeList,\n  ListChildComponentProps,\n  ListProps as RWListProps,\n} from 'react-window';\nimport {\n  useFontSize,\n  useForwardedRef,\n  useSafeAreaInset,\n  useSize,\n} from '@os-design/utils';\nimport { useTheme } from '@os-design/theming';\nimport { useIsMinWidth } from '@os-design/media';\nimport WindowScroller, { ScrollPosition } from './WindowScroller';\nimport useRWLoadNext from './utils/useRWLoadNext';\nimport LayoutContext from '../Layout/LayoutContext';\n\nexport interface ListProps extends Partial<RWListProps> {\n  /**\n   * Total number of items in the list.\n   */\n  itemCount: number;\n  /**\n   * The item height in em.\n   * @default 4\n   */\n  itemHeight?: number;\n  /**\n   * A threshold N means that the onLoadNext function calls when a user scrolls all items except N.\n   * @default 10\n   */\n  threshold?: number;\n  /**\n   * Defines how many items outside of the visible \"window\" to render at all times.\n   * @default 10\n   */\n  overscanCount?: number;\n  /**\n   * The height of the list in px.\n   * @default undefined\n   */\n  height?: number;\n  /**\n   * The top padding in em.\n   * @default 0\n   */\n  paddingTop?: number;\n  /**\n   * The bottom padding in em.\n   * @default 0\n   */\n  paddingBottom?: number;\n  /**\n   * The inline css style.\n   * @default undefined\n   */\n  style?: CSSProperties;\n  /**\n   * The component that renders if the list is empty.\n   * @default undefined\n   */\n  empty?: React.ReactNode;\n  /**\n   * The callback to load more items.\n   * @default undefined\n   */\n  onLoadNext?: () => void;\n  /**\n   * The callback to render items.\n   * @default () => null\n   */\n  itemRenderer?: React.FC<ListChildComponentProps>;\n}\n\n/**\n * Virtualized list.\n * Used the react-window library.\n */\nconst List = forwardRef<FixedSizeList, ListProps>(\n  (\n    {\n      itemCount,\n      itemHeight = 4,\n      threshold = 10,\n      overscanCount = 10,\n      height: heightProp,\n      paddingTop = 0,\n      paddingBottom = 0,\n      style = {},\n      empty,\n      onLoadNext = () => {},\n      itemRenderer = () => null,\n      ...rest\n    },\n    ref\n  ) => {\n    const [listRef, mergedListRef] = useForwardedRef(ref);\n    const size = useSize();\n    const fontSize = useFontSize(document.body);\n    const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n    const { theme } = useTheme();\n    const isMinMd = useIsMinWidth('md');\n    const safeAreaInset = useSafeAreaInset();\n\n    const itemSize = useMemo(\n      () => itemHeight * fontSize,\n      [itemHeight, fontSize]\n    );\n\n    const paddingTopSize = useMemo(\n      () =>\n        ((hasPageHeader ? theme.pageHeaderHeight[isMinMd ? 1 : 0] : 0) +\n          paddingTop) *\n        fontSize,\n      [hasPageHeader, theme.pageHeaderHeight, isMinMd, paddingTop, fontSize]\n    );\n\n    const paddingBottomSize = useMemo(\n      () =>\n        ((hasNavigation && !isMinMd ? theme.navigationTabHeight : 0) +\n          paddingBottom) *\n          fontSize +\n        safeAreaInset.bottom,\n      [\n        hasNavigation,\n        theme.navigationTabHeight,\n        isMinMd,\n        paddingBottom,\n        fontSize,\n        safeAreaInset.bottom,\n      ]\n    );\n\n    const height = useMemo(\n      () => heightProp || size.height,\n      [heightProp, size.height]\n    );\n\n    const loadNextHandler = useRWLoadNext({\n      itemCount,\n      threshold,\n      itemSize,\n      paddingTop: paddingTopSize,\n      height,\n      onLoadNext,\n    });\n\n    const windowScrollHandler = useCallback(\n      ({ top }: ScrollPosition) => {\n        // Set the scroll position to the list\n        if (listRef.current) listRef.current.scrollTo(top);\n        loadNextHandler(top);\n      },\n      [listRef, loadNextHandler]\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const InnerElement = useCallback(\n      ({ style: innerStyle, ...innerRest }) => (\n        <div\n          style={{\n            ...innerStyle,\n            height: `${\n              parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize\n            }px`,\n          }}\n          {...innerRest}\n        />\n      ),\n      [paddingBottomSize, paddingTopSize]\n    );\n\n    const listChildren = useCallback<RWListProps['children']>(\n      ({ style: childrenStyle, ...childrenRest }) =>\n        itemRenderer({\n          style: {\n            ...childrenStyle,\n            top: `${\n              parseFloat(\n                childrenStyle.top ? childrenStyle.top.toString() : '0'\n              ) + paddingTopSize\n            }px`,\n          },\n          ...childrenRest,\n        }),\n      [itemRenderer, paddingTopSize]\n    );\n\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    const EmptyComponent = useCallback(() => <>{empty}</>, [empty]);\n\n    const renderList = useCallback(\n      () => (\n        <FixedSizeList\n          ref={mergedListRef}\n          itemCount={itemCount}\n          width='100%'\n          height={height}\n          itemSize={itemSize}\n          style={heightProp ? style : { ...style, height: '100% important!' }}\n          overscanCount={overscanCount}\n          onScroll={\n            heightProp\n              ? ({ scrollOffset }) => loadNextHandler(scrollOffset)\n              : undefined\n          }\n          innerElementType={itemCount > 0 ? InnerElement : EmptyComponent}\n          {...rest}\n        >\n          {listChildren}\n        </FixedSizeList>\n      ),\n      [\n        EmptyComponent,\n        InnerElement,\n        height,\n        heightProp,\n        itemCount,\n        itemSize,\n        listChildren,\n        loadNextHandler,\n        mergedListRef,\n        overscanCount,\n        rest,\n        style,\n      ]\n    );\n\n    if (heightProp) {\n      return renderList();\n    }\n\n    return (\n      <WindowScroller onScroll={windowScrollHandler}>\n        {renderList()}\n      </WindowScroller>\n    );\n  }\n);\n\nList.displayName = 'List';\n\nexport { default as WindowScroller } from './WindowScroller';\nexport { default as useRWLoadNext } from './utils/useRWLoadNext';\n\nexport default List;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["List","forwardRef","ref","itemCount","itemHeight","threshold","overscanCount","heightProp","height","paddingTop","paddingBottom","style","empty","onLoadNext","itemRenderer","rest","useForwardedRef","listRef","mergedListRef","size","useSize","fontSize","useFontSize","document","body","useContext","LayoutContext","hasNavigation","hasPageHeader","useTheme","theme","isMinMd","useIsMinWidth","safeAreaInset","useSafeAreaInset","itemSize","useMemo","paddingTopSize","pageHeaderHeight","paddingBottomSize","navigationTabHeight","bottom","loadNextHandler","useRWLoadNext","windowScrollHandler","useCallback","top","current","scrollTo","InnerElement","innerStyle","innerRest","parseFloat","listChildren","childrenStyle","childrenRest","toString","EmptyComponent","renderList","scrollOffset","undefined","displayName"],"sources":["../../../src/List/index.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react';\nimport {\n  FixedSizeList,\n  ListChildComponentProps,\n  ListProps as RWListProps,\n} from 'react-window';\nimport {\n  useFontSize,\n  useForwardedRef,\n  useSafeAreaInset,\n  useSize,\n} from '@os-design/utils';\nimport { useTheme } from '@os-design/theming';\nimport { useIsMinWidth } from '@os-design/media';\nimport WindowScroller, { ScrollPosition } from './WindowScroller';\nimport useRWLoadNext from './utils/useRWLoadNext';\nimport LayoutContext from '../Layout/LayoutContext';\n\nexport interface ListProps extends Partial<RWListProps> {\n  /**\n   * Total number of items in the list.\n   */\n  itemCount: number;\n  /**\n   * The item height in em.\n   * @default 4\n   */\n  itemHeight?: number;\n  /**\n   * A threshold N means that the onLoadNext function calls when a user scrolls all items except N.\n   * @default 10\n   */\n  threshold?: number;\n  /**\n   * Defines how many items outside of the visible \"window\" to render at all times.\n   * @default 10\n   */\n  overscanCount?: number;\n  /**\n   * The height of the list in px.\n   * @default undefined\n   */\n  height?: number;\n  /**\n   * The top padding in em.\n   * @default 0\n   */\n  paddingTop?: number;\n  /**\n   * The bottom padding in em.\n   * @default 0\n   */\n  paddingBottom?: number;\n  /**\n   * The inline css style.\n   * @default undefined\n   */\n  style?: CSSProperties;\n  /**\n   * The component that renders if the list is empty.\n   * @default undefined\n   */\n  empty?: React.ReactNode;\n  /**\n   * The callback to load more items.\n   * @default undefined\n   */\n  onLoadNext?: () => void;\n  /**\n   * The callback to render items.\n   * @default () => null\n   */\n  itemRenderer?: React.FC<ListChildComponentProps>;\n}\n\n/**\n * Virtualized list.\n * Used the react-window library.\n */\nconst List = forwardRef<FixedSizeList, ListProps>(\n  (\n    {\n      itemCount,\n      itemHeight = 4,\n      threshold = 10,\n      overscanCount = 10,\n      height: heightProp,\n      paddingTop = 0,\n      paddingBottom = 0,\n      style = {},\n      empty,\n      onLoadNext = () => {},\n      itemRenderer = () => null,\n      ...rest\n    },\n    ref\n  ) => {\n    const [listRef, mergedListRef] = useForwardedRef(ref);\n    const size = useSize();\n    const fontSize = useFontSize(document.body);\n    const { hasNavigation, hasPageHeader } = useContext(LayoutContext);\n    const { theme } = useTheme();\n    const isMinMd = useIsMinWidth('md');\n    const safeAreaInset = useSafeAreaInset();\n\n    const itemSize = useMemo(\n      () => itemHeight * fontSize,\n      [itemHeight, fontSize]\n    );\n\n    const paddingTopSize = useMemo(\n      () =>\n        ((hasPageHeader ? theme.pageHeaderHeight[isMinMd ? 1 : 0] : 0) +\n          paddingTop) *\n        fontSize,\n      [hasPageHeader, theme.pageHeaderHeight, isMinMd, paddingTop, fontSize]\n    );\n\n    const paddingBottomSize = useMemo(\n      () =>\n        ((hasNavigation && !isMinMd ? theme.navigationTabHeight : 0) +\n          paddingBottom) *\n          fontSize +\n        safeAreaInset.bottom,\n      [\n        hasNavigation,\n        theme.navigationTabHeight,\n        isMinMd,\n        paddingBottom,\n        fontSize,\n        safeAreaInset.bottom,\n      ]\n    );\n\n    const height = useMemo(\n      () => heightProp || size.height,\n      [heightProp, size.height]\n    );\n\n    const loadNextHandler = useRWLoadNext({\n      itemCount,\n      threshold,\n      itemSize,\n      paddingTop: paddingTopSize,\n      height,\n      onLoadNext,\n    });\n\n    const windowScrollHandler = useCallback(\n      ({ top }: ScrollPosition) => {\n        // Set the scroll position to the list\n        if (listRef.current) listRef.current.scrollTo(top);\n        loadNextHandler(top);\n      },\n      [listRef, loadNextHandler]\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const InnerElement = useCallback(\n      ({ style: innerStyle, ...innerRest }) => (\n        <div\n          style={{\n            ...innerStyle,\n            height: `${\n              parseFloat(innerStyle.height) + paddingTopSize + paddingBottomSize\n            }px`,\n          }}\n          {...innerRest}\n        />\n      ),\n      [paddingBottomSize, paddingTopSize]\n    );\n\n    const listChildren = useCallback<RWListProps['children']>(\n      ({ style: childrenStyle, ...childrenRest }) =>\n        itemRenderer({\n          style: {\n            ...childrenStyle,\n            top: `${\n              parseFloat(\n                childrenStyle.top ? childrenStyle.top.toString() : '0'\n              ) + paddingTopSize\n            }px`,\n          },\n          ...childrenRest,\n        }),\n      [itemRenderer, paddingTopSize]\n    );\n\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    const EmptyComponent = useCallback(() => <>{empty}</>, [empty]);\n\n    const renderList = useCallback(\n      () => (\n        <FixedSizeList\n          ref={mergedListRef}\n          itemCount={itemCount}\n          width='100%'\n          height={height}\n          itemSize={itemSize}\n          style={heightProp ? style : { ...style, height: '100% important!' }}\n          overscanCount={overscanCount}\n          onScroll={\n            heightProp\n              ? ({ scrollOffset }) => loadNextHandler(scrollOffset)\n              : undefined\n          }\n          innerElementType={itemCount > 0 ? InnerElement : EmptyComponent}\n          {...rest}\n        >\n          {listChildren}\n        </FixedSizeList>\n      ),\n      [\n        EmptyComponent,\n        InnerElement,\n        height,\n        heightProp,\n        itemCount,\n        itemSize,\n        listChildren,\n        loadNextHandler,\n        mergedListRef,\n        overscanCount,\n        rest,\n        style,\n      ]\n    );\n\n    if (heightProp) {\n      return renderList();\n    }\n\n    return (\n      <WindowScroller onScroll={windowScrollHandler}>\n        {renderList()}\n      </WindowScroller>\n    );\n  }\n);\n\nList.displayName = 'List';\n\nexport { default as WindowScroller } from './WindowScroller';\nexport { default as useRWLoadNext } from './utils/useRWLoadNext';\n\nexport default List;\n"],"mappings":"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"}

package/dist/cjs/List/utils/bodyPointerEvents.js

@@ -4,36 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.enableBodyPointerEventsAfterDelay = exports.enableBodyPointerEvents = exports.disableBodyPointerEvents = void 0;
-
 var _frameTimeout = require("./frameTimeout");
-
 var originalBodyPointerEvents = null;
 var timeoutId = null;
-
 var disableBodyPointerEvents = function disableBodyPointerEvents() {
   if (originalBodyPointerEvents === null) {
     originalBodyPointerEvents = document.body.style.pointerEvents;
     document.body.style.pointerEvents = 'none';
   }
 };
-
 exports.disableBodyPointerEvents = disableBodyPointerEvents;
-
 var enableBodyPointerEvents = function enableBodyPointerEvents() {
   timeoutId = null;
-
   if (originalBodyPointerEvents !== null) {
     document.body.style.pointerEvents = originalBodyPointerEvents;
     originalBodyPointerEvents = null;
   }
 };
-
 exports.enableBodyPointerEvents = enableBodyPointerEvents;
-
 var enableBodyPointerEventsAfterDelay = function enableBodyPointerEventsAfterDelay(delay) {
   if (timeoutId) (0, _frameTimeout.clearFrameTimeout)(timeoutId);
   timeoutId = (0, _frameTimeout.setFrameTimeout)(enableBodyPointerEvents, delay);
 };
-
 exports.enableBodyPointerEventsAfterDelay = enableBodyPointerEventsAfterDelay;
 //# sourceMappingURL=bodyPointerEvents.js.map

package/dist/cjs/List/utils/bodyPointerEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"bodyPointerEvents.js","names":["originalBodyPointerEvents","timeoutId","disableBodyPointerEvents","document","body","style","pointerEvents","enableBodyPointerEvents","enableBodyPointerEventsAfterDelay","delay","clearFrameTimeout","setFrameTimeout"],"sources":["../../../../src/List/utils/bodyPointerEvents.ts"],"sourcesContent":["import { clearFrameTimeout, Frame, setFrameTimeout } from './frameTimeout';\n\nlet originalBodyPointerEvents: string | null = null;\nlet timeoutId: Frame | null = null;\n\nexport const disableBodyPointerEvents = (): void => {\n  if (originalBodyPointerEvents === null) {\n    originalBodyPointerEvents = document.body.style.pointerEvents;\n    document.body.style.pointerEvents = 'none';\n  }\n};\n\nexport const enableBodyPointerEvents = (): void => {\n  timeoutId = null;\n  if (originalBodyPointerEvents !== null) {\n    document.body.style.pointerEvents = originalBodyPointerEvents;\n    originalBodyPointerEvents = null;\n  }\n};\n\nexport const enableBodyPointerEventsAfterDelay = (delay: number): void => {\n  if (timeoutId) clearFrameTimeout(timeoutId);\n  timeoutId = setFrameTimeout(enableBodyPointerEvents, delay);\n};\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAIA,yBAAwC,GAAG,IAA/C;AACA,IAAIC,SAAuB,GAAG,IAA9B;;AAEO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAA2B,GAAY;EAClD,IAAIF,yBAAyB,KAAK,IAAlC,EAAwC;IACtCA,yBAAyB,GAAGG,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAAhD;IACAH,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoC,MAApC;EACD;AACF,CALM;;;;AAOA,IAAMC,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAY;EACjDN,SAAS,GAAG,IAAZ;;EACA,IAAID,yBAAyB,KAAK,IAAlC,EAAwC;IACtCG,QAAQ,CAACC,IAAT,CAAcC,KAAd,CAAoBC,aAApB,GAAoCN,yBAApC;IACAA,yBAAyB,GAAG,IAA5B;EACD;AACF,CANM;;;;AAQA,IAAMQ,iCAAiC,GAAG,SAApCA,iCAAoC,CAACC,KAAD,EAAyB;EACxE,IAAIR,SAAJ,EAAe,IAAAS,+BAAA,EAAkBT,SAAlB;EACfA,SAAS,GAAG,IAAAU,6BAAA,EAAgBJ,uBAAhB,EAAyCE,KAAzC,CAAZ;AACD,CAHM"}
+{"version":3,"file":"bodyPointerEvents.js","names":["originalBodyPointerEvents","timeoutId","disableBodyPointerEvents","document","body","style","pointerEvents","enableBodyPointerEvents","enableBodyPointerEventsAfterDelay","delay","clearFrameTimeout","setFrameTimeout"],"sources":["../../../../src/List/utils/bodyPointerEvents.ts"],"sourcesContent":["import { clearFrameTimeout, Frame, setFrameTimeout } from './frameTimeout';\n\nlet originalBodyPointerEvents: string | null = null;\nlet timeoutId: Frame | null = null;\n\nexport const disableBodyPointerEvents = (): void => {\n  if (originalBodyPointerEvents === null) {\n    originalBodyPointerEvents = document.body.style.pointerEvents;\n    document.body.style.pointerEvents = 'none';\n  }\n};\n\nexport const enableBodyPointerEvents = (): void => {\n  timeoutId = null;\n  if (originalBodyPointerEvents !== null) {\n    document.body.style.pointerEvents = originalBodyPointerEvents;\n    originalBodyPointerEvents = null;\n  }\n};\n\nexport const enableBodyPointerEventsAfterDelay = (delay: number): void => {\n  if (timeoutId) clearFrameTimeout(timeoutId);\n  timeoutId = setFrameTimeout(enableBodyPointerEvents, delay);\n};\n"],"mappings":";;;;;;AAAA;AAEA,IAAIA,yBAAwC,GAAG,IAAI;AACnD,IAAIC,SAAuB,GAAG,IAAI;AAE3B,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwB,GAAe;EAClD,IAAIF,yBAAyB,KAAK,IAAI,EAAE;IACtCA,yBAAyB,GAAGG,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,aAAa;IAC7DH,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,aAAa,GAAG,MAAM;EAC5C;AACF,CAAC;AAAC;AAEK,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAe;EACjDN,SAAS,GAAG,IAAI;EAChB,IAAID,yBAAyB,KAAK,IAAI,EAAE;IACtCG,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,aAAa,GAAGN,yBAAyB;IAC7DA,yBAAyB,GAAG,IAAI;EAClC;AACF,CAAC;AAAC;AAEK,IAAMQ,iCAAiC,GAAG,SAApCA,iCAAiC,CAAIC,KAAa,EAAW;EACxE,IAAIR,SAAS,EAAE,IAAAS,+BAAiB,EAACT,SAAS,CAAC;EAC3CA,SAAS,GAAG,IAAAU,6BAAe,EAACJ,uBAAuB,EAAEE,KAAK,CAAC;AAC7D,CAAC;AAAC"}

package/dist/cjs/List/utils/frameTimeout.js

@@ -4,30 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.setFrameTimeout = exports.clearFrameTimeout = void 0;
-
 /**
  * Cancels a timeout previously created by setFrameTimeout.
  */
 var clearFrameTimeout = function clearFrameTimeout(frame) {
   window.cancelAnimationFrame(frame.id);
 };
+
 /**
  * Sets a timeout using requestAnimationFrame.
  */
-
-
 exports.clearFrameTimeout = clearFrameTimeout;
-
 var setFrameTimeout = function setFrameTimeout(handler, timeout) {
   var start = 0;
   var frame = {
     id: 0
   };
-
   var frameRequestCallback = function frameRequestCallback(timestamp) {
     if (!start) start = timestamp;
     var timePassed = timestamp - start;
-
     if (timePassed >= timeout) {
       clearFrameTimeout(frame);
       handler();
@@ -35,10 +30,8 @@ var setFrameTimeout = function setFrameTimeout(handler, timeout) {
       frame.id = window.requestAnimationFrame(frameRequestCallback);
     }
   };
-
   frame.id = window.requestAnimationFrame(frameRequestCallback);
   return frame;
 };
-
 exports.setFrameTimeout = setFrameTimeout;
 //# sourceMappingURL=frameTimeout.js.map

package/dist/cjs/List/utils/frameTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"frameTimeout.js","names":["clearFrameTimeout","frame","window","cancelAnimationFrame","id","setFrameTimeout","handler","timeout","start","frameRequestCallback","timestamp","timePassed","requestAnimationFrame"],"sources":["../../../../src/List/utils/frameTimeout.ts"],"sourcesContent":["export interface Frame {\n  id: number;\n}\n\n/**\n * Cancels a timeout previously created by setFrameTimeout.\n */\nexport const clearFrameTimeout = (frame: Frame): void => {\n  window.cancelAnimationFrame(frame.id);\n};\n\n/**\n * Sets a timeout using requestAnimationFrame.\n */\nexport const setFrameTimeout = (\n  handler: () => void,\n  timeout: number\n): Frame => {\n  let start = 0;\n  const frame = { id: 0 };\n\n  const frameRequestCallback = (timestamp: number) => {\n    if (!start) start = timestamp;\n    const timePassed = timestamp - start;\n\n    if (timePassed >= timeout) {\n      clearFrameTimeout(frame);\n      handler();\n    } else {\n      frame.id = window.requestAnimationFrame(frameRequestCallback);\n    }\n  };\n\n  frame.id = window.requestAnimationFrame(frameRequestCallback);\n  return frame;\n};\n"],"mappings":";;;;;;;AAIA;AACA;AACA;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAwB;EACvDC,MAAM,CAACC,oBAAP,CAA4BF,KAAK,CAACG,EAAlC;AACD,CAFM;AAIP;AACA;AACA;;;;;AACO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAC7BC,OAD6B,EAE7BC,OAF6B,EAGnB;EACV,IAAIC,KAAK,GAAG,CAAZ;EACA,IAAMP,KAAK,GAAG;IAAEG,EAAE,EAAE;EAAN,CAAd;;EAEA,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,SAAD,EAAuB;IAClD,IAAI,CAACF,KAAL,EAAYA,KAAK,GAAGE,SAAR;IACZ,IAAMC,UAAU,GAAGD,SAAS,GAAGF,KAA/B;;IAEA,IAAIG,UAAU,IAAIJ,OAAlB,EAA2B;MACzBP,iBAAiB,CAACC,KAAD,CAAjB;MACAK,OAAO;IACR,CAHD,MAGO;MACLL,KAAK,CAACG,EAAN,GAAWF,MAAM,CAACU,qBAAP,CAA6BH,oBAA7B,CAAX;IACD;EACF,CAVD;;EAYAR,KAAK,CAACG,EAAN,GAAWF,MAAM,CAACU,qBAAP,CAA6BH,oBAA7B,CAAX;EACA,OAAOR,KAAP;AACD,CArBM"}
+{"version":3,"file":"frameTimeout.js","names":["clearFrameTimeout","frame","window","cancelAnimationFrame","id","setFrameTimeout","handler","timeout","start","frameRequestCallback","timestamp","timePassed","requestAnimationFrame"],"sources":["../../../../src/List/utils/frameTimeout.ts"],"sourcesContent":["export interface Frame {\n  id: number;\n}\n\n/**\n * Cancels a timeout previously created by setFrameTimeout.\n */\nexport const clearFrameTimeout = (frame: Frame): void => {\n  window.cancelAnimationFrame(frame.id);\n};\n\n/**\n * Sets a timeout using requestAnimationFrame.\n */\nexport const setFrameTimeout = (\n  handler: () => void,\n  timeout: number\n): Frame => {\n  let start = 0;\n  const frame = { id: 0 };\n\n  const frameRequestCallback = (timestamp: number) => {\n    if (!start) start = timestamp;\n    const timePassed = timestamp - start;\n\n    if (timePassed >= timeout) {\n      clearFrameTimeout(frame);\n      handler();\n    } else {\n      frame.id = window.requestAnimationFrame(frameRequestCallback);\n    }\n  };\n\n  frame.id = window.requestAnimationFrame(frameRequestCallback);\n  return frame;\n};\n"],"mappings":";;;;;;AAIA;AACA;AACA;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,KAAY,EAAW;EACvDC,MAAM,CAACC,oBAAoB,CAACF,KAAK,CAACG,EAAE,CAAC;AACvC,CAAC;;AAED;AACA;AACA;AAFA;AAGO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAC1BC,OAAmB,EACnBC,OAAe,EACL;EACV,IAAIC,KAAK,GAAG,CAAC;EACb,IAAMP,KAAK,GAAG;IAAEG,EAAE,EAAE;EAAE,CAAC;EAEvB,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,SAAiB,EAAK;IAClD,IAAI,CAACF,KAAK,EAAEA,KAAK,GAAGE,SAAS;IAC7B,IAAMC,UAAU,GAAGD,SAAS,GAAGF,KAAK;IAEpC,IAAIG,UAAU,IAAIJ,OAAO,EAAE;MACzBP,iBAAiB,CAACC,KAAK,CAAC;MACxBK,OAAO,EAAE;IACX,CAAC,MAAM;MACLL,KAAK,CAACG,EAAE,GAAGF,MAAM,CAACU,qBAAqB,CAACH,oBAAoB,CAAC;IAC/D;EACF,CAAC;EAEDR,KAAK,CAACG,EAAE,GAAGF,MAAM,CAACU,qBAAqB,CAACH,oBAAoB,CAAC;EAC7D,OAAOR,KAAK;AACd,CAAC;AAAC"}

package/dist/cjs/List/utils/useRWLoadNext.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 /**
  * Creates the onScroll callback for react-window to implement
  * the onLoadNext function.
@@ -18,19 +16,18 @@ var useRWLoadNext = function useRWLoadNext(props) {
   }, [props]);
   return (0, _react.useCallback)(function (scrollOffset) {
     var _propsRef$current = propsRef.current,
-        itemCount = _propsRef$current.itemCount,
-        threshold = _propsRef$current.threshold,
-        itemSize = _propsRef$current.itemSize,
-        paddingTop = _propsRef$current.paddingTop,
-        height = _propsRef$current.height,
-        onLoadNext = _propsRef$current.onLoadNext;
+      itemCount = _propsRef$current.itemCount,
+      threshold = _propsRef$current.threshold,
+      itemSize = _propsRef$current.itemSize,
+      paddingTop = _propsRef$current.paddingTop,
+      height = _propsRef$current.height,
+      onLoadNext = _propsRef$current.onLoadNext;
     var maxItemBeforeLoad = itemCount - threshold;
     var maxScrollOffsetBeforeLoad = maxItemBeforeLoad * itemSize + paddingTop - height;
     if (scrollOffset < maxScrollOffsetBeforeLoad) return;
     onLoadNext();
   }, []);
 };
-
 var _default = useRWLoadNext;
 exports["default"] = _default;
 //# sourceMappingURL=useRWLoadNext.js.map

package/dist/cjs/List/utils/useRWLoadNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRWLoadNext.js","names":["useRWLoadNext","props","propsRef","useRef","useEffect","current","useCallback","scrollOffset","itemCount","threshold","itemSize","paddingTop","height","onLoadNext","maxItemBeforeLoad","maxScrollOffsetBeforeLoad"],"sources":["../../../../src/List/utils/useRWLoadNext.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\ninterface UseRWLoadNextProps {\n  itemCount: number;\n  threshold: number;\n  itemSize: number;\n  paddingTop: number;\n  height: number;\n  onLoadNext: () => void;\n}\n\ntype OnScroll = (scrollOffset: number) => void;\n\n/**\n * Creates the onScroll callback for react-window to implement\n * the onLoadNext function.\n */\nconst useRWLoadNext = (props: UseRWLoadNextProps): OnScroll => {\n  const propsRef = useRef(props);\n\n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  return useCallback<OnScroll>((scrollOffset) => {\n    const { itemCount, threshold, itemSize, paddingTop, height, onLoadNext } =\n      propsRef.current;\n\n    const maxItemBeforeLoad = itemCount - threshold;\n    const maxScrollOffsetBeforeLoad =\n      maxItemBeforeLoad * itemSize + paddingTop - height;\n\n    if (scrollOffset < maxScrollOffsetBeforeLoad) return;\n    onLoadNext();\n  }, []);\n};\n\nexport default useRWLoadNext;\n"],"mappings":";;;;;;;AAAA;;AAaA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAyC;EAC7D,IAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAOF,KAAP,CAAjB;EAEA,IAAAG,gBAAA,EAAU,YAAM;IACdF,QAAQ,CAACG,OAAT,GAAmBJ,KAAnB;EACD,CAFD,EAEG,CAACA,KAAD,CAFH;EAIA,OAAO,IAAAK,kBAAA,EAAsB,UAACC,YAAD,EAAkB;IAC7C,wBACEL,QAAQ,CAACG,OADX;IAAA,IAAQG,SAAR,qBAAQA,SAAR;IAAA,IAAmBC,SAAnB,qBAAmBA,SAAnB;IAAA,IAA8BC,QAA9B,qBAA8BA,QAA9B;IAAA,IAAwCC,UAAxC,qBAAwCA,UAAxC;IAAA,IAAoDC,MAApD,qBAAoDA,MAApD;IAAA,IAA4DC,UAA5D,qBAA4DA,UAA5D;IAGA,IAAMC,iBAAiB,GAAGN,SAAS,GAAGC,SAAtC;IACA,IAAMM,yBAAyB,GAC7BD,iBAAiB,GAAGJ,QAApB,GAA+BC,UAA/B,GAA4CC,MAD9C;IAGA,IAAIL,YAAY,GAAGQ,yBAAnB,EAA8C;IAC9CF,UAAU;EACX,CAVM,EAUJ,EAVI,CAAP;AAWD,CAlBD;;eAoBeb,a"}
+{"version":3,"file":"useRWLoadNext.js","names":["useRWLoadNext","props","propsRef","useRef","useEffect","current","useCallback","scrollOffset","itemCount","threshold","itemSize","paddingTop","height","onLoadNext","maxItemBeforeLoad","maxScrollOffsetBeforeLoad"],"sources":["../../../../src/List/utils/useRWLoadNext.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\ninterface UseRWLoadNextProps {\n  itemCount: number;\n  threshold: number;\n  itemSize: number;\n  paddingTop: number;\n  height: number;\n  onLoadNext: () => void;\n}\n\ntype OnScroll = (scrollOffset: number) => void;\n\n/**\n * Creates the onScroll callback for react-window to implement\n * the onLoadNext function.\n */\nconst useRWLoadNext = (props: UseRWLoadNextProps): OnScroll => {\n  const propsRef = useRef(props);\n\n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  return useCallback<OnScroll>((scrollOffset) => {\n    const { itemCount, threshold, itemSize, paddingTop, height, onLoadNext } =\n      propsRef.current;\n\n    const maxItemBeforeLoad = itemCount - threshold;\n    const maxScrollOffsetBeforeLoad =\n      maxItemBeforeLoad * itemSize + paddingTop - height;\n\n    if (scrollOffset < maxScrollOffsetBeforeLoad) return;\n    onLoadNext();\n  }, []);\n};\n\nexport default useRWLoadNext;\n"],"mappings":";;;;;;AAAA;AAaA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAyB,EAAe;EAC7D,IAAMC,QAAQ,GAAG,IAAAC,aAAM,EAACF,KAAK,CAAC;EAE9B,IAAAG,gBAAS,EAAC,YAAM;IACdF,QAAQ,CAACG,OAAO,GAAGJ,KAAK;EAC1B,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO,IAAAK,kBAAW,EAAW,UAACC,YAAY,EAAK;IAC7C,wBACEL,QAAQ,CAACG,OAAO;MADVG,SAAS,qBAATA,SAAS;MAAEC,SAAS,qBAATA,SAAS;MAAEC,QAAQ,qBAARA,QAAQ;MAAEC,UAAU,qBAAVA,UAAU;MAAEC,MAAM,qBAANA,MAAM;MAAEC,UAAU,qBAAVA,UAAU;IAGtE,IAAMC,iBAAiB,GAAGN,SAAS,GAAGC,SAAS;IAC/C,IAAMM,yBAAyB,GAC7BD,iBAAiB,GAAGJ,QAAQ,GAAGC,UAAU,GAAGC,MAAM;IAEpD,IAAIL,YAAY,GAAGQ,yBAAyB,EAAE;IAC9CF,UAAU,EAAE;EACd,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC,eAEab,aAAa;AAAA"}

package/dist/cjs/ListItem/ListItemContent.js

@@ -4,83 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RightAddon = exports.LeftAddon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _theming = require("@os-design/theming");
-
 var _styles = require("@os-design/styles");
-
 var _utils = require("@os-design/utils");
-
 var _react2 = require("@emotion/react");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _excluded = ["icon", "onClick"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var Content = _styled["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-
 var Title = _styled["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: 500;\n  ", ";\n"])), function (p) {
   return (0, _theming.clr)(p.theme.colorText);
 }, _styles.ellipsisStyles);
-
 var Description = _styled["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "em;\n  ", ";\n"])), function (p) {
   return (0, _theming.clr)(p.theme.listItemColorDescription);
 }, function (p) {
   return p.theme.sizes.small;
 }, _styles.ellipsisStyles);
-
 var LeftAddon = _styled["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding-right: ", "em;\n"])), function (p) {
   return (0, _theming.clr)(p.theme.colorText);
 }, function (p) {
   return p.theme.listItemAddonPaddingHorizontal;
 });
-
 exports.LeftAddon = LeftAddon;
-
 var RightAddon = _styled["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  color: ", ";\n  margin-left: auto;\n  padding-left: ", "em;\n"])), function (p) {
   return (0, _theming.clr)(p.theme.colorText);
 }, function (p) {
   return p.theme.listItemAddonPaddingHorizontal;
 });
-
 exports.RightAddon = RightAddon;
-
 var hasSwipeStyles = function hasSwipeStyles(p) {
   return p.hasSwipe && (0, _react2.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    transform: translateX(100%);\n    ", ";\n  "])), (0, _styles.transitionStyles)('transform')(p));
 };
-
 var openedStyles = function openedStyles(p) {
   return p.opened && (0, _react2.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    transform: translateX(0);\n  "])));
 };
-
 var Actions = (0, _styled["default"])('nav', (0, _utils.omitEmotionProps)('hasSwipe', 'opened'))(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n\n  padding-left: ", "em;\n  background: linear-gradient(\n    to right,\n    ", ",\n    ", "\n      ", "em\n  );\n\n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
   return p.theme.listItemActionsPaddingLeft;
 }, function (p) {
@@ -90,26 +60,26 @@ var Actions = (0, _styled["default"])('nav', (0, _utils.omitEmotionProps)('hasSw
 }, function (p) {
   return p.theme.listItemActionsPaddingLeft;
 }, hasSwipeStyles, openedStyles, (0, _styles.horizontalPaddingStyles)('right'));
-var actionIndex = 0; // Used by ListItem, ListItemLink
+var actionIndex = 0;
 
+// Used by ListItem, ListItemLink
 var ListItemContent = function ListItemContent(_ref) {
   var title = _ref.title,
-      description = _ref.description,
-      left = _ref.left,
-      right = _ref.right,
-      _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      hasSwipe = _ref.hasSwipe,
-      opened = _ref.opened;
+    description = _ref.description,
+    left = _ref.left,
+    right = _ref.right,
+    _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    hasSwipe = _ref.hasSwipe,
+    opened = _ref.opened;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, left && /*#__PURE__*/_react["default"].createElement(LeftAddon, null, left), /*#__PURE__*/_react["default"].createElement(Content, null, /*#__PURE__*/_react["default"].createElement(Title, null, title), description && /*#__PURE__*/_react["default"].createElement(Description, null, description)), right && /*#__PURE__*/_react["default"].createElement(RightAddon, null, right), actions.length > 0 && /*#__PURE__*/_react["default"].createElement(Actions, {
     hasSwipe: hasSwipe,
     opened: opened
   }, actions.map(function (_ref2) {
     var icon = _ref2.icon,
-        _ref2$onClick = _ref2.onClick,
-        _onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
-        actionRest = _objectWithoutProperties(_ref2, _excluded);
-
+      _ref2$onClick = _ref2.onClick,
+      _onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
+      actionRest = _objectWithoutProperties(_ref2, _excluded);
     actionIndex += 1;
     return /*#__PURE__*/_react["default"].createElement(_Button["default"], _extends({
       type: "ghost",
@@ -118,13 +88,11 @@ var ListItemContent = function ListItemContent(_ref) {
       key: actionIndex,
       onClick: function onClick(e) {
         e.preventDefault();
-
         _onClick(e);
       }
     }, actionRest), icon);
   })));
 };
-
 ListItemContent.displayName = 'ListItemContent';
 var _default = ListItemContent;
 exports["default"] = _default;