antd/lib/splitter/hooks/useResizable.js

An enterprise-class UI design language and React components implementation

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = useResizable;
var React = _interopRequireWildcard(require("react"));
function useResizable(items, pxSizes, isRTL) {
  return React.useMemo(() => {
    const resizeInfos = [];
    for (let i = 0; i < items.length - 1; i += 1) {
      const prevItem = items[i];
      const nextItem = items[i + 1];
      const prevSize = pxSizes[i];
      const nextSize = pxSizes[i + 1];
      const {
        resizable: prevResizable = true,
        min: prevMin,
        collapsible: prevCollapsible
      } = prevItem;
      const {
        resizable: nextResizable = true,
        min: nextMin,
        collapsible: nextCollapsible
      } = nextItem;
      const mergedResizable =
      // Both need to be resizable
      prevResizable && nextResizable && (
      // Prev is not collapsed and limit min size
      prevSize !== 0 || !prevMin) && (
      // Next is not collapsed and limit min size
      nextSize !== 0 || !nextMin);
      const startCollapsible =
      // Self is collapsible
      prevCollapsible.end && prevSize > 0 ||
      // Collapsed and can be collapsed
      nextCollapsible.start && nextSize === 0 && prevSize > 0;
      const endCollapsible =
      // Self is collapsible
      nextCollapsible.start && nextSize > 0 ||
      // Collapsed and can be collapsed
      prevCollapsible.end && prevSize === 0 && nextSize > 0;
      resizeInfos[i] = {
        resizable: mergedResizable,
        startCollapsible: !!(isRTL ? endCollapsible : startCollapsible),
        endCollapsible: !!(isRTL ? startCollapsible : endCollapsible)
      };
    }
    return resizeInfos;
  }, [pxSizes, items]);
}