@atlaskit/editor-core 172.0.5 → 172.1.2

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

@@ -1,70 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useResizeObserver = exports.ResizeObserverProvider = exports.ResizeObserverContext = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("@atlaskit/editor-common/utils");
-
-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; }
-
-var Context = /*#__PURE__*/(0, _react.createContext)(null);
-var ResizeObserverContext = Context;
-exports.ResizeObserverContext = ResizeObserverContext;
-
-var ResizeObserverProvider = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var children = _ref.children;
-  var instance = (0, _react.useMemo)(function () {
-    if (!_utils.browser.supportsResizeObserver) {
-      return null;
-    }
-
-    return new window.ResizeObserver(function (entries) {
-      entries.forEach(function (entry) {
-        var onResize = entry.target.onResize;
-
-        if (onResize) {
-          onResize(entry);
-        }
-      });
-    });
-  }, []);
-  (0, _react.useEffect)(function () {
-    return function () {
-      if (instance) {
-        instance.disconnect();
-      }
-    };
-  }, [instance]);
-  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
-    value: instance
-  }, children);
-});
-
-exports.ResizeObserverProvider = ResizeObserverProvider;
-
-var useResizeObserver = function useResizeObserver(targetRef, onResize) {
-  var resizeObserver = (0, _react.useContext)(Context);
-  (0, _react.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]);
-};
-
-exports.useResizeObserver = useResizeObserver;

package/dist/es2019/plugins/type-ahead/ui/DynamicHeightListItem.js

@@ -1,51 +0,0 @@
-import React, { useContext, useRef, useCallback } from 'react';
-import { TypeAheadListItem } from './TypeAheadListItem';
-import { useResizeObserver } from './hooks/use-resize-observer';
-
-const noop = () => {};
-
-export const SelectedIndexContext = /*#__PURE__*/React.createContext(0);
-export const ListItemActionsContext = /*#__PURE__*/React.createContext({
-  onItemClick: noop,
-  onItemHover: noop
-});
-export const UpdateListItemHeightContext = /*#__PURE__*/React.createContext(noop);
-export const DynamicHeightListItem = ({
-  index,
-  data,
-  style
-}) => {
-  const item = data[index];
-  const selectedIndex = useContext(SelectedIndexContext);
-  const {
-    onItemClick,
-    onItemHover
-  } = useContext(ListItemActionsContext);
-  const updateItemHeight = useContext(UpdateListItemHeightContext);
-  const innerDivRef = useRef(document.createElement('div'));
-  const onResize = useCallback(entry => {
-    if (typeof updateItemHeight !== 'function') {
-      return;
-    }
-
-    updateItemHeight({
-      index,
-      height: entry.contentRect.height
-    });
-  }, [updateItemHeight, index]);
-  useResizeObserver(innerDivRef, onResize);
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    "data-index": index
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: innerDivRef,
-    "data-testid": `list-item-height-observed-${index}`
-  }, /*#__PURE__*/React.createElement(TypeAheadListItem, {
-    key: item.title,
-    item: item,
-    itemIndex: index,
-    selectedIndex: selectedIndex,
-    onItemClick: onItemClick,
-    onItemHover: onItemHover
-  })));
-};

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

@@ -1,97 +0,0 @@
-import { useMemo, useState, useRef, useCallback, useLayoutEffect } from 'react';
-import throttle from 'lodash/throttle';
-export const calcVisibleListHeight = ({
-  startIndex,
-  indexHeightMap,
-  limit,
-  listMaxHeight,
-  listItemEstimatedHeight
-}) => {
-  let hasSpace = true;
-  let totalHeight = 0;
-  let i = startIndex;
-
-  while (hasSpace && i < limit) {
-    const nextHeight = indexHeightMap[i] || listItemEstimatedHeight;
-
-    if (totalHeight < listMaxHeight) {
-      totalHeight += nextHeight;
-    }
-
-    i++;
-    hasSpace = totalHeight <= listMaxHeight;
-  }
-
-  return totalHeight;
-};
-export const useDynamicListHeightCalculation = ({
-  redrawListAtIndex,
-  getFirstVisibleIndex,
-  listLength,
-  listMaxHeight,
-  listItemEstimatedHeight
-}) => {
-  const [renderedListHeight, setRenderedListHeight] = useState(null);
-  const indexHeightMap = useRef([]);
-  const resetScreenThrottled = useMemo(() => {
-    return throttle(() => {
-      requestAnimationFrame(() => {
-        const startIndex = getFirstVisibleIndex();
-        const 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);
-        const nextListHeight = calcVisibleListHeight({
-          startIndex,
-          limit: listLength,
-          indexHeightMap: indexHeightMap.current,
-          listMaxHeight,
-          listItemEstimatedHeight
-        });
-
-        if (nextListHeight) {
-          setRenderedListHeight(nextListHeight);
-        }
-      });
-    }, 16 // wait for one frame
-    );
-  }, [redrawListAtIndex, listLength, listMaxHeight, listItemEstimatedHeight, getFirstVisibleIndex]);
-  const setListItemHeight = useCallback(({
-    index,
-    height
-  }) => {
-    if (typeof height !== 'number') {
-      return;
-    }
-
-    indexHeightMap.current[index] = height;
-    resetScreenThrottled();
-  }, [resetScreenThrottled]);
-  const getListItemHeight = useCallback(index => {
-    const result = indexHeightMap.current[index];
-
-    if (result && typeof result === 'number') {
-      return result;
-    }
-
-    return listItemEstimatedHeight;
-  }, [listItemEstimatedHeight]);
-  useLayoutEffect(() => {
-    indexHeightMap.current = [];
-    return () => {
-      indexHeightMap.current = [];
-    };
-  }, [listLength]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return {
-    getListItemHeight,
-    setListItemHeight,
-    renderedListHeight
-  };
-};

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

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

package/dist/esm/plugins/type-ahead/ui/DynamicHeightListItem.js

@@ -1,51 +0,0 @@
-import React, { useContext, useRef, useCallback } from 'react';
-import { TypeAheadListItem } from './TypeAheadListItem';
-import { useResizeObserver } from './hooks/use-resize-observer';
-
-var noop = function noop() {};
-
-export var SelectedIndexContext = /*#__PURE__*/React.createContext(0);
-export var ListItemActionsContext = /*#__PURE__*/React.createContext({
-  onItemClick: noop,
-  onItemHover: noop
-});
-export var UpdateListItemHeightContext = /*#__PURE__*/React.createContext(noop);
-export var DynamicHeightListItem = function DynamicHeightListItem(_ref) {
-  var index = _ref.index,
-      data = _ref.data,
-      style = _ref.style;
-  var item = data[index];
-  var selectedIndex = useContext(SelectedIndexContext);
-
-  var _useContext = useContext(ListItemActionsContext),
-      onItemClick = _useContext.onItemClick,
-      onItemHover = _useContext.onItemHover;
-
-  var updateItemHeight = useContext(UpdateListItemHeightContext);
-  var innerDivRef = useRef(document.createElement('div'));
-  var onResize = useCallback(function (entry) {
-    if (typeof updateItemHeight !== 'function') {
-      return;
-    }
-
-    updateItemHeight({
-      index: index,
-      height: entry.contentRect.height
-    });
-  }, [updateItemHeight, index]);
-  useResizeObserver(innerDivRef, onResize);
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    "data-index": index
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: innerDivRef,
-    "data-testid": "list-item-height-observed-".concat(index)
-  }, /*#__PURE__*/React.createElement(TypeAheadListItem, {
-    key: item.title,
-    item: item,
-    itemIndex: index,
-    selectedIndex: selectedIndex,
-    onItemClick: onItemClick,
-    onItemHover: onItemHover
-  })));
-};

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 {};