@won-ui/hooks/dist/index.js

hooks for @won-ui/core

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/index.ts
var src_exports = {};
__export(src_exports, {
  useClickOutside: () => useClickOutside,
  usePagination: () => usePagination,
  useUniqueId: () => useUniqueId
});
module.exports = __toCommonJS(src_exports);

// src/useClickOutside/useClickOutside.ts
var import_react = require("react");
var EVENT_KEYS = ["touchstart", "mousedown"];
function useClickOutside(ref, eventHandler, eventKeys = EVENT_KEYS) {
  (0, import_react.useEffect)(() => {
    const eventListner = (event) => {
      if (ref.current && !ref.current.contains(event.target)) {
        eventHandler(event);
      }
    };
    eventKeys.forEach((key) => document.addEventListener(key, eventListner));
    return () => {
      eventKeys.forEach((key) => document.removeEventListener(key, eventListner));
    };
  }, [ref, eventHandler]);
}

// src/usePagination/usePagination.ts
var import_react2 = require("react");
function usePagination({
  defaultPage = 1,
  currentPage: propsCurrentPage,
  onChange,
  pageSizeOptions = [10, 20, 30, 50, 100],
  defaultPageSize = pageSizeOptions[0],
  pagesGap = 2,
  total,
  hasMoreButton = false
}) {
  const [current, setCurrent] = (0, import_react2.useState)(defaultPage);
  const [pageSize, setPageSize] = (0, import_react2.useState)(defaultPageSize);
  const maxPageNum = (0, import_react2.useMemo)(() => Math.ceil(total / pageSize), [total, pageSize]);
  const additionalPages = (0, import_react2.useMemo)(() => hasMoreButton ? 2 : 0, [hasMoreButton]);
  const page = (0, import_react2.useMemo)(
    () => propsCurrentPage === void 0 ? current : propsCurrentPage,
    [propsCurrentPage, current]
  );
  const currentPages = (0, import_react2.useMemo)(() => {
    const isLimitedPages = maxPageNum <= pagesGap * 2 + 1;
    let pagesLength = isLimitedPages ? maxPageNum : pagesGap * 2 + 1;
    let startNum = page - pagesGap - additionalPages;
    if (pagesLength !== maxPageNum && hasMoreButton) {
      pagesLength = pagesLength + additionalPages * 2;
    }
    const minStartNum = pagesGap + additionalPages + 1;
    const maxCenterNum = maxPageNum - pagesGap - additionalPages;
    if (!isLimitedPages && page > maxCenterNum) {
      startNum = maxCenterNum - pagesGap - additionalPages;
    }
    if (isLimitedPages || page <= minStartNum) {
      startNum = 1;
    }
    const pages = Array.from({ length: pagesLength }, (_, i) => {
      let updatePage = i + startNum;
      if (hasMoreButton && i <= 1 && startNum > 1) {
        updatePage = i === 0 ? 1 : "left";
      }
      if (hasMoreButton && i >= pagesLength - 2 && maxPageNum >= pagesLength + startNum) {
        updatePage = i === pagesLength - 1 ? maxPageNum : "right";
      }
      return {
        selected: page === updatePage,
        page: updatePage
      };
    });
    return pages;
  }, [current, total, pageSize, pagesGap, propsCurrentPage, page]);
  const handleCurrent = (0, import_react2.useCallback)(
    (updatePage, updatePageSize = pageSize) => {
      let changePage = updatePage;
      if (updatePageSize !== pageSize) {
        const changeMaxPageNum = Math.ceil(total / updatePageSize);
        if (updatePage > changeMaxPageNum)
          changePage = changeMaxPageNum;
        setPageSize(updatePageSize);
      }
      if (changePage !== page)
        setCurrent(changePage);
      if (onChange) {
        onChange(updatePage, updatePageSize);
      }
    },
    [onChange, pageSize, page]
  );
  const handleChangePage = (clickedPage) => (e) => {
    handleCurrent(clickedPage);
  };
  const handleChangePageSize = (e) => {
    const changePageSize = Number(e.target.value);
    handleCurrent(page, changePageSize);
  };
  const handleClickPrev = (e) => {
    if (page <= 1)
      return;
    handleCurrent(page - 1);
  };
  const handleClickNext = (e) => {
    if (page === maxPageNum)
      return;
    handleCurrent(page + 1);
  };
  const handleClickMoreButton = (position) => (e) => {
    let updatePage = page + pagesGap * 2 + 1 >= Math.ceil(total / pageSize) ? Math.ceil(total / pageSize) : page + pagesGap * 2 + 1;
    if (position === "left") {
      updatePage = page - (pagesGap * 2 + 1) <= 1 ? 1 : page - (pagesGap * 2 + 1);
    }
    handleCurrent(updatePage);
  };
  return {
    page,
    maxPageNum,
    additionalPages,
    currentPages,
    pageSize,
    pageSizeOptions,
    handleChangePage,
    handleChangePageSize,
    handleClickNext,
    handleClickPrev,
    handleClickMoreButton
  };
}

// src/useUniqueId/useUniqueId.ts
var import_react3 = require("react");
var useUniqueId = (id) => {
  const uniqueId = (0, import_react3.useRef)(`won-ui-${Math.random().toString(36).slice(2)}`);
  return id || uniqueId.current;
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  useClickOutside,
  usePagination,
  useUniqueId
});