@atlaskit/editor-core 172.0.3 → 172.1.0

package/dist/esm/plugins/type-ahead/ui/hooks/use-dynamic-list-height-calculation.js

@@ -1,101 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useMemo, useState, useRef, useCallback, useLayoutEffect } from 'react';
-import throttle from 'lodash/throttle';
-export var calcVisibleListHeight = function calcVisibleListHeight(_ref) {
-  var startIndex = _ref.startIndex,
-      indexHeightMap = _ref.indexHeightMap,
-      limit = _ref.limit,
-      listMaxHeight = _ref.listMaxHeight,
-      listItemEstimatedHeight = _ref.listItemEstimatedHeight;
-  var hasSpace = true;
-  var totalHeight = 0;
-  var i = startIndex;
-
-  while (hasSpace && i < limit) {
-    var nextHeight = indexHeightMap[i] || listItemEstimatedHeight;
-
-    if (totalHeight < listMaxHeight) {
-      totalHeight += nextHeight;
-    }
-
-    i++;
-    hasSpace = totalHeight <= listMaxHeight;
-  }
-
-  return totalHeight;
-};
-export var useDynamicListHeightCalculation = function useDynamicListHeightCalculation(_ref2) {
-  var redrawListAtIndex = _ref2.redrawListAtIndex,
-      getFirstVisibleIndex = _ref2.getFirstVisibleIndex,
-      listLength = _ref2.listLength,
-      listMaxHeight = _ref2.listMaxHeight,
-      listItemEstimatedHeight = _ref2.listItemEstimatedHeight;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      renderedListHeight = _useState2[0],
-      setRenderedListHeight = _useState2[1];
-
-  var indexHeightMap = useRef([]);
-  var resetScreenThrottled = useMemo(function () {
-    return throttle(function () {
-      requestAnimationFrame(function () {
-        var startIndex = getFirstVisibleIndex();
-        var lastItemRenderer = indexHeightMap.current[startIndex];
-
-        if (!lastItemRenderer) {
-          return;
-        } // This is an expensive method
-        // So, we are calling it only
-        // for the last top one visible
-
-
-        redrawListAtIndex(startIndex);
-        var nextListHeight = calcVisibleListHeight({
-          startIndex: startIndex,
-          limit: listLength,
-          indexHeightMap: indexHeightMap.current,
-          listMaxHeight: listMaxHeight,
-          listItemEstimatedHeight: listItemEstimatedHeight
-        });
-
-        if (nextListHeight) {
-          setRenderedListHeight(nextListHeight);
-        }
-      });
-    }, 16 // wait for one frame
-    );
-  }, [redrawListAtIndex, listLength, listMaxHeight, listItemEstimatedHeight, getFirstVisibleIndex]);
-  var setListItemHeight = useCallback(function (_ref3) {
-    var index = _ref3.index,
-        height = _ref3.height;
-
-    if (typeof height !== 'number') {
-      return;
-    }
-
-    indexHeightMap.current[index] = height;
-    resetScreenThrottled();
-  }, [resetScreenThrottled]);
-  var getListItemHeight = useCallback(function (index) {
-    var result = indexHeightMap.current[index];
-
-    if (result && typeof result === 'number') {
-      return result;
-    }
-
-    return listItemEstimatedHeight;
-  }, [listItemEstimatedHeight]);
-  useLayoutEffect(function () {
-    indexHeightMap.current = [];
-    return function () {
-      indexHeightMap.current = [];
-    };
-  }, [listLength]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return {
-    getListItemHeight: getListItemHeight,
-    setListItemHeight: setListItemHeight,
-    renderedListHeight: renderedListHeight
-  };
-};

package/dist/esm/plugins/type-ahead/ui/hooks/use-resize-observer.js

@@ -1,48 +0,0 @@
-import React, { useMemo, useEffect, useContext, useLayoutEffect, createContext } from 'react';
-import { browser } from '@atlaskit/editor-common/utils';
-var Context = /*#__PURE__*/createContext(null);
-export var ResizeObserverContext = Context;
-export var ResizeObserverProvider = /*#__PURE__*/React.memo(function (_ref) {
-  var children = _ref.children;
-  var instance = useMemo(function () {
-    if (!browser.supportsResizeObserver) {
-      return null;
-    }
-
-    return new window.ResizeObserver(function (entries) {
-      entries.forEach(function (entry) {
-        var onResize = entry.target.onResize;
-
-        if (onResize) {
-          onResize(entry);
-        }
-      });
-    });
-  }, []);
-  useEffect(function () {
-    return function () {
-      if (instance) {
-        instance.disconnect();
-      }
-    };
-  }, [instance]);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: instance
-  }, children);
-});
-export var useResizeObserver = function useResizeObserver(targetRef, onResize) {
-  var resizeObserver = useContext(Context);
-  useLayoutEffect(function () {
-    if (!targetRef || !targetRef.current || resizeObserver === null) {
-      return;
-    }
-
-    var target = targetRef.current;
-    target.onResize = onResize;
-    resizeObserver.observe(target);
-    return function () {
-      resizeObserver.unobserve(target);
-      delete target.onResize;
-    };
-  }, [targetRef, resizeObserver, onResize]);
-};

package/dist/types/plugins/type-ahead/ui/DynamicHeightListItem.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import type { TypeAheadItem, OnSelectItem } from '../types';
-declare type ListItemActionsContextProps = {
-    onItemHover: OnSelectItem;
-    onItemClick: (mode: SelectItemMode, index: number) => void;
-};
-declare type DynamicHeightListItemProps = {
-    index: number;
-    data: Array<TypeAheadItem>;
-    style: any;
-};
-declare type UpdateListItemHeightContextType = (props: {
-    index: number;
-    height: number;
-}) => void;
-export declare const SelectedIndexContext: React.Context<number>;
-export declare const ListItemActionsContext: React.Context<ListItemActionsContextProps>;
-export declare const UpdateListItemHeightContext: React.Context<UpdateListItemHeightContextType>;
-export declare const DynamicHeightListItem: React.FC<DynamicHeightListItemProps>;
-export {};

package/dist/types/plugins/type-ahead/ui/hooks/use-dynamic-list-height-calculation.d.ts

@@ -1,25 +0,0 @@
-export declare const calcVisibleListHeight: ({ startIndex, indexHeightMap, limit, listMaxHeight, listItemEstimatedHeight, }: {
-    startIndex: number;
-    indexHeightMap: Array<number>;
-    limit: number;
-    listMaxHeight: number;
-    listItemEstimatedHeight: number;
-}) => number;
-declare type SetListItemHeight = (props: {
-    index: number;
-    height: number;
-}) => void;
-declare type GetListItemHeight = (index: number) => number;
-declare type Props = {
-    redrawListAtIndex: (index: number) => void;
-    getFirstVisibleIndex: () => number;
-    listLength: number;
-    listMaxHeight: number;
-    listItemEstimatedHeight: number;
-};
-export declare const useDynamicListHeightCalculation: ({ redrawListAtIndex, getFirstVisibleIndex, listLength, listMaxHeight, listItemEstimatedHeight, }: Props) => {
-    getListItemHeight: GetListItemHeight;
-    setListItemHeight: SetListItemHeight;
-    renderedListHeight: number | null;
-};
-export {};

package/dist/types/plugins/type-ahead/ui/hooks/use-resize-observer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface ElementResizable extends Element {
-    onResize?: (entry: ResizeObserverEntry) => void;
-}
-export declare const ResizeObserverContext: React.Context<ResizeObserver | null>;
-export declare const ResizeObserverProvider: React.FC;
-export declare const useResizeObserver: <T extends ElementResizable>(targetRef: React.MutableRefObject<T> | null, onResize: (entry: ResizeObserverEntry) => void) => void;
-export {};