@pisell/materials 6.3.18 → 6.3.19

package/es/components/virtualInput/BaseVirtualInput/index.js

@@ -1,163 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useCallback, useEffect, useRef, forwardRef, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import AutoResizeText from "../../auto-resize-text";
-import "./index.less";
-var BaseVirtualInput = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$value = props.value,
-    value = _props$value === void 0 ? '' : _props$value,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    _props$autoFocus = props.autoFocus,
-    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$height = props.height,
-    height = _props$height === void 0 ? 60 : _props$height,
-    fontSize = props.fontSize,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    style = props.style,
-    className = props.className,
-    _props$preventBlurEle = props.preventBlurElements,
-    preventBlurElements = _props$preventBlurEle === void 0 ? [] : _props$preventBlurEle,
-    focused = props.focused,
-    _props$showCursor = props.showCursor,
-    showCursor = _props$showCursor === void 0 ? true : _props$showCursor;
-  // 使用 useControllableValue 管理 focused 状态
-  var _useState = useState(focused !== null && focused !== void 0 ? focused : autoFocus),
-    _useState2 = _slicedToArray(_useState, 2),
-    localFocused = _useState2[0],
-    setLocalFocused = _useState2[1];
-  var internalFocused = 'focused' in props ? props.focused : localFocused;
-  var containerRef = useRef(null);
-
-  // 处理聚焦
-  var handleFocus = useCallback(function () {
-    if (disabled) return;
-    setLocalFocused(true);
-    onFocus === null || onFocus === void 0 || onFocus();
-  }, [disabled, onFocus]);
-
-  // 处理失焦
-  var handleBlur = useCallback(function () {
-    setLocalFocused(false);
-    onBlur === null || onBlur === void 0 || onBlur();
-  }, [onBlur]);
-  var shouldPreventBlur = useCallback(function (target) {
-    if (!target || !(target instanceof Element)) return false;
-    return preventBlurElements.some(function (element) {
-      if (typeof element === 'string') {
-        // 字符串选择器 - 查找页面中所有匹配的元素，检查是否包含目标元素
-        var matchedElements = document.querySelectorAll(element);
-        return Array.from(matchedElements).some(function (el) {
-          return el.contains(target) || el === target;
-        });
-      } else if (element && 'current' in element && element.current) {
-        // React ref
-        return element.current.contains(target);
-      }
-      return false;
-    });
-  }, [preventBlurElements]);
-  useEffect(function () {
-    var handleGlobalClick = function handleGlobalClick(event) {
-      if (!internalFocused) return;
-      var target = event.target;
-      if (containerRef.current && containerRef.current.contains(target)) {
-        return;
-      }
-      if (shouldPreventBlur(target)) {
-        return;
-      }
-      handleBlur();
-    };
-    if (internalFocused) {
-      document.addEventListener('mousedown', handleGlobalClick);
-    }
-    return function () {
-      document.removeEventListener('mousedown', handleGlobalClick);
-    };
-  }, [internalFocused, handleBlur, shouldPreventBlur]);
-
-  // 处理点击事件
-  var handleClick = useCallback(function (event) {
-    handleFocus();
-  }, [handleFocus]);
-
-  // 暴露给父组件的方法
-  useImperativeHandle(ref, function () {
-    return {
-      focus: handleFocus,
-      blur: handleBlur
-    };
-  }, [handleFocus, handleBlur]);
-
-  // 计算组件高度
-  var componentHeight = typeof height === 'number' ? "".concat(height, "px") : height;
-
-  // 获取基础字体大小
-  var getBaseFontSize = useCallback(function () {
-    if (fontSize) {
-      return typeof fontSize === 'number' ? fontSize : parseFloat(fontSize);
-    }
-    return typeof height === 'number' ? height * 0.8 : 48;
-  }, [fontSize, height]);
-
-  // 计算最小和最大字体大小
-  var baseFontSize = getBaseFontSize();
-  var minFontSize = Math.max(10, baseFontSize * 0.2);
-  var maxFontSize = baseFontSize;
-
-  // 计算光标高度（容器高度的三分之二）
-  var caretHeight = "calc(".concat(componentHeight, " * 0.67)");
-
-  // 合并样式，将高度和光标高度传递给组件
-  var mergedStyle = _objectSpread(_objectSpread({}, style), {}, {
-    '--virtual-input-height': componentHeight,
-    '--virtual-input-caret-height': caretHeight,
-    '--virtual-input-font-size': "".concat(baseFontSize, "px")
-  });
-
-  // 是否显示占位符
-  var showPlaceholder = value === undefined || value === '';
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: classNames('pisell-base-virtual-input', {
-      'pisell-base-virtual-input--focused': internalFocused,
-      'pisell-base-virtual-input--disabled': disabled
-    }, className),
-    style: mergedStyle,
-    onClick: handleClick
-  }, showPlaceholder && /*#__PURE__*/React.createElement(AutoResizeText, {
-    className: "pisell-base-virtual-input-placeholder",
-    mode: "oneline",
-    minFontSizePx: minFontSize,
-    maxFontSizePx: maxFontSize,
-    fontSizePrecisionPx: 0.5
-  }, placeholder), !!value && /*#__PURE__*/React.createElement(AutoResizeText, {
-    className: "pisell-base-virtual-input-value",
-    mode: "oneline",
-    minFontSizePx: minFontSize,
-    maxFontSizePx: maxFontSize,
-    fontSizePrecisionPx: 0.5,
-    scrollToEnd: true
-  }, value), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-base-virtual-input-caret-container"
-  }, internalFocused && !disabled && showCursor && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-base-virtual-input-caret"
-  })));
-});
-BaseVirtualInput.displayName = 'BaseVirtualInput';
-export default BaseVirtualInput;

package/es/components/virtualInput/BaseVirtualInput/index.less

@@ -1,77 +0,0 @@
-.pisell-base-virtual-input {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  background-color: transparent;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  outline: none;
-  position: relative;
-  height: var(--virtual-input-height);
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: 0.6;
-  }
-}
-
-.pisell-base-virtual-input-placeholder {
-  color: #98a2b3;
-  font-weight: 400;
-  user-select: none;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  pointer-events: none;
-  font-size: var(--virtual-input-font-size);
-  height: var(--virtual-input-height);
-  line-height: var(--virtual-input-height);
-}
-
-.pisell-base-virtual-input-value {
-  font-weight: 600;
-  white-space: nowrap;
-  flex-shrink: 0;
-  // width: 100%;
-  max-width: 100%;
-  overflow-y: hidden;
-  overflow-x: auto;
-  font-size: var(--virtual-input-font-size);
-  line-height: var(--virtual-input-height);
-  height: var(--virtual-input-height);
-
-  -ms-overflow-style: none; /* IE 和 Edge */
-  scrollbar-width: none; /* Firefox */
-  &::-webkit-scrollbar {
-    display: none; /* Chrome, Safari 和 Opera */
-  }
-}
-
-.pisell-base-virtual-input-caret-container {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-
-.pisell-base-virtual-input-caret {
-  width: 2px;
-  height: var(--virtual-input-caret-height);
-  background-color: #1570ef;
-  border-radius: 1px;
-  animation: pisell-base-virtual-input-caret-blink 1s infinite;
-}
-
-@keyframes pisell-base-virtual-input-caret-blink {
-  0%,
-  50% {
-    opacity: 1;
-  }
-  51%,
-  100% {
-    opacity: 0;
-  }
-}

package/es/components/virtualInput/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-import './index.less';
-export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
-export interface VirtualInputProps extends BaseVirtualInputProps {
-    /** 在VirtualInput上方显示的额外内容 */
-    topContent?: React.ReactNode;
-    /** 在VirtualInput下方显示的额外内容 */
-    bottomContent?: React.ReactNode;
-    /** wrapper class */
-    wrapperClassName?: string;
-    /** 虚拟输入框包装器的样式 */
-    wrapperStyle?: React.CSSProperties;
-    /** 是否允许清除输入框中的内容 */
-    allowClear?: boolean;
-    /** 清除输入框内容的回调函数 */
-    onClear?: () => void;
-    /** 自定义清除按钮的样式 */
-    clearButtonStyle?: React.CSSProperties;
-}
-export interface VirtualInputRef extends BaseVirtualInputRef {
-}
-declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
-export default VirtualInput;

package/es/components/virtualInput/index.js

@@ -1,60 +0,0 @@
-var _excluded = ["topContent", "bottomContent", "wrapperStyle", "wrapperClassName", "allowClear", "onClear", "value", "clearButtonStyle"];
-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; }
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import classNames from 'classnames';
-import Icon from "../icon";
-import BaseVirtualInput from "./BaseVirtualInput";
-import "./index.less";
-export { BaseVirtualInputProps, BaseVirtualInputRef } from "./BaseVirtualInput";
-var VirtualInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var topContent = _ref.topContent,
-    bottomContent = _ref.bottomContent,
-    wrapperStyle = _ref.wrapperStyle,
-    wrapperClassName = _ref.wrapperClassName,
-    _ref$allowClear = _ref.allowClear,
-    allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
-    onClear = _ref.onClear,
-    value = _ref.value,
-    clearButtonStyle = _ref.clearButtonStyle,
-    virtualInputProps = _objectWithoutProperties(_ref, _excluded);
-  var baseInputRef = useRef(null);
-
-  // 处理清除操作
-  var handleClear = function handleClear() {
-    // 全部清除
-    onClear === null || onClear === void 0 || onClear();
-  };
-
-  // 暴露给父组件的方法
-  useImperativeHandle(ref, function () {
-    return {
-      focus: function focus() {
-        var _baseInputRef$current;
-        return (_baseInputRef$current = baseInputRef.current) === null || _baseInputRef$current === void 0 ? void 0 : _baseInputRef$current.focus();
-      },
-      blur: function blur() {
-        var _baseInputRef$current2;
-        return (_baseInputRef$current2 = baseInputRef.current) === null || _baseInputRef$current2 === void 0 ? void 0 : _baseInputRef$current2.blur();
-      }
-    };
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-virtual-input-wrapper', wrapperClassName),
-    style: wrapperStyle
-  }, topContent, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-virtual-input-container"
-  }, /*#__PURE__*/React.createElement(BaseVirtualInput, _extends({
-    ref: baseInputRef,
-    value: value
-  }, virtualInputProps)), allowClear && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-virtual-input-clear-button",
-    onClick: handleClear,
-    style: clearButtonStyle
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "pisell2-delete"
-  }))), bottomContent);
-});
-VirtualInput.displayName = 'VirtualInput';
-export default VirtualInput;

package/es/components/virtualInput/index.less

@@ -1,42 +0,0 @@
-.pisell-virtual-input-wrapper {
-  overflow: hidden;
-}
-
-.pisell-virtual-input-container {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-
-.pisell-virtual-input-clear-button {
-  position: absolute;
-  right: 8px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s ease;
-  color: #667085;
-  background-color: transparent;
-  z-index: 1;
-
-  &:hover {
-    background-color: #f2f4f7;
-    color: #344054;
-  }
-
-  &:active {
-    background-color: #e4e7ec;
-  }
-
-  svg {
-    width: 16px;
-    height: 16px;
-  }
-}

package/lib/components/auto-resize-text/auto-text-size-standalone.d.ts

@@ -1,20 +0,0 @@
-export declare type Options = {
-    mode?: 'oneline' | 'multiline' | 'box' | 'boxoneline' | undefined;
-    minFontSizePx?: number | undefined;
-    maxFontSizePx?: number | undefined;
-    fontSizePrecisionPx?: number | undefined;
-    scrollToEnd?: boolean | undefined;
-};
-export declare function updateTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): void;
-declare type DisconnectableFunction = {
-    (): void;
-    disconnect: () => void;
-};
-export declare function autoTextSize({ innerEl, containerEl, mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, }: Options & {
-    innerEl: HTMLElement;
-    containerEl: HTMLElement;
-}): DisconnectableFunction;
-export {};

package/lib/components/auto-resize-text/auto-text-size-standalone.js

@@ -1,273 +0,0 @@
-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/components/auto-resize-text/auto-text-size-standalone.ts
-var auto_text_size_standalone_exports = {};
-__export(auto_text_size_standalone_exports, {
-  autoTextSize: () => autoTextSize,
-  updateTextSize: () => updateTextSize
-});
-module.exports = __toCommonJS(auto_text_size_standalone_exports);
-function throttleAnimationFrame(func) {
-  let wait = false;
-  return () => {
-    if (!wait) {
-      wait = true;
-      requestAnimationFrame(() => {
-        func();
-        wait = false;
-      });
-    }
-  };
-}
-var antiOverflowAlgo = ({
-  fontSizePx,
-  minFontSizePx,
-  fontSizePrecisionPx,
-  updateFontSizePx,
-  breakPredicate: breakPred
-}) => {
-  const maxIterCount = Math.ceil(1 / fontSizePrecisionPx);
-  let iterCount = 0;
-  while (fontSizePx > minFontSizePx && iterCount < maxIterCount) {
-    if (breakPred()) break;
-    fontSizePx = updateFontSizePx(fontSizePx - fontSizePrecisionPx);
-    iterCount++;
-  }
-};
-var getContentWidth = (element) => {
-  const computedStyle = getComputedStyle(element);
-  return element.clientWidth - parseFloat(computedStyle.paddingLeft) - parseFloat(computedStyle.paddingRight);
-};
-var getContentHeight = (element) => {
-  const computedStyle = getComputedStyle(element);
-  return element.clientHeight - parseFloat(computedStyle.paddingTop) - parseFloat(computedStyle.paddingBottom);
-};
-var multilineAlgo = (opts) => {
-  opts.innerEl.style.whiteSpace = "nowrap";
-  onelineAlgo(opts);
-  if (opts.innerEl.scrollWidth > getContentWidth(opts.containerEl)) {
-    opts.innerEl.style.whiteSpace = "normal";
-  }
-};
-var onelineAlgo = ({
-  innerEl,
-  containerEl,
-  fontSizePx,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  updateFontSizePx
-}) => {
-  const maxIterCount = 10;
-  let iterCount = 0;
-  let prevOverflowFactor = 1;
-  while (iterCount < maxIterCount) {
-    const w0 = innerEl.scrollWidth;
-    const w1 = getContentWidth(containerEl);
-    const canGrow = fontSizePx < maxFontSizePx && w0 < w1;
-    const canShrink = fontSizePx > minFontSizePx && w0 > w1;
-    const overflowFactor = w0 / w1;
-    if (prevOverflowFactor === overflowFactor) {
-      break;
-    }
-    if (!(canGrow || canShrink)) {
-      break;
-    }
-    const updatePx = fontSizePx / overflowFactor - fontSizePx;
-    const prevFontSizePx = fontSizePx;
-    fontSizePx = updateFontSizePx(fontSizePx + updatePx);
-    if (Math.abs(fontSizePx - prevFontSizePx) <= fontSizePrecisionPx) {
-      break;
-    }
-    prevOverflowFactor = overflowFactor;
-    iterCount++;
-  }
-  antiOverflowAlgo({
-    fontSizePx,
-    minFontSizePx,
-    updateFontSizePx,
-    fontSizePrecisionPx,
-    breakPredicate: () => innerEl.scrollWidth <= getContentWidth(containerEl)
-  });
-};
-var boxAlgo = ({
-  innerEl,
-  containerEl,
-  fontSizePx,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  updateFontSizePx
-}) => {
-  const maxIterCount = 100;
-  fontSizePx = updateFontSizePx((maxFontSizePx - minFontSizePx) * 0.5);
-  let updatePx = (maxFontSizePx - minFontSizePx) * 0.25;
-  let iterCount = 0;
-  while (updatePx > fontSizePrecisionPx && iterCount < maxIterCount) {
-    const w0 = innerEl.scrollWidth;
-    const w1 = getContentWidth(containerEl);
-    const h0 = innerEl.scrollHeight;
-    const h1 = getContentHeight(containerEl);
-    if (w0 === w1 && h0 === h1) break;
-    if (fontSizePx < maxFontSizePx && w0 <= w1 && h0 <= h1) {
-      fontSizePx = updateFontSizePx(fontSizePx + updatePx);
-    } else if (fontSizePx > minFontSizePx && (w0 > w1 || h0 > h1)) {
-      fontSizePx = updateFontSizePx(fontSizePx - updatePx);
-    }
-    updatePx *= 0.5;
-    iterCount++;
-  }
-  antiOverflowAlgo({
-    fontSizePx,
-    minFontSizePx,
-    updateFontSizePx,
-    fontSizePrecisionPx,
-    breakPredicate: () => innerEl.scrollWidth <= getContentWidth(containerEl) && innerEl.scrollHeight <= getContentHeight(containerEl)
-  });
-};
-function updateTextSize({
-  innerEl,
-  containerEl,
-  mode = "multiline",
-  minFontSizePx = 8,
-  maxFontSizePx = 160,
-  fontSizePrecisionPx = 0.1,
-  scrollToEnd = false
-}) {
-  const t0 = performance.now();
-  if (!isFinite(minFontSizePx)) {
-    throw new Error(`Invalid minFontSizePx (${minFontSizePx})`);
-  }
-  if (!isFinite(minFontSizePx)) {
-    throw new Error(`Invalid maxFontSizePx (${maxFontSizePx})`);
-  }
-  if (!isFinite(fontSizePrecisionPx) || fontSizePrecisionPx === 0) {
-    throw new Error(`Invalid fontSizePrecisionPx (${fontSizePrecisionPx})`);
-  }
-  if (containerEl.children.length > 1) {
-    console.warn(
-      `AutoTextSize has ${containerEl.children.length - 1} siblings. This may interfere with the algorithm.`
-    );
-  }
-  const containerStyles = {
-    display: "flex",
-    alignItems: "start"
-  };
-  const innerStyles = {
-    display: "block"
-  };
-  if (mode === "oneline") {
-    innerStyles.whiteSpace = "nowrap";
-  } else if (mode === "multiline") {
-    innerStyles.wordBreak = "break-word";
-  } else if (mode === "box") {
-    innerStyles.whiteSpace = "pre-wrap";
-    innerStyles.wordBreak = "break-word";
-  } else if (mode === "boxoneline") {
-    innerStyles.whiteSpace = "nowrap";
-  }
-  Object.assign(containerEl.style, containerStyles);
-  Object.assign(innerEl.style, innerStyles);
-  const fontSizeStr = window.getComputedStyle(innerEl, null).getPropertyValue("font-size");
-  let fontSizePx = parseFloat(fontSizeStr);
-  let iterations = 0;
-  const updateFontSizePx = (px) => {
-    px = Math.min(Math.max(px, minFontSizePx), maxFontSizePx);
-    fontSizePx = px;
-    innerEl.style.fontSize = `${fontSizePx}px`;
-    iterations++;
-    return fontSizePx;
-  };
-  if (fontSizePx > maxFontSizePx || fontSizePx < minFontSizePx) {
-    updateFontSizePx(fontSizePx);
-  }
-  const algoOpts = {
-    innerEl,
-    containerEl,
-    fontSizePx,
-    minFontSizePx,
-    maxFontSizePx,
-    fontSizePrecisionPx,
-    updateFontSizePx
-  };
-  if (mode === "oneline") {
-    onelineAlgo(algoOpts);
-  } else if (mode === "multiline") {
-    multilineAlgo(algoOpts);
-  } else if (mode === "box") {
-    boxAlgo(algoOpts);
-  } else if (mode === "boxoneline") {
-    boxAlgo(algoOpts);
-  }
-  if (scrollToEnd) {
-    requestAnimationFrame(() => {
-      if (mode === "oneline" || mode === "boxoneline") {
-        const maxScrollLeft = Math.max(0, innerEl.scrollWidth - innerEl.clientWidth);
-        innerEl.scrollLeft = maxScrollLeft;
-      } else {
-        const maxScrollTop = Math.max(0, innerEl.scrollHeight - innerEl.clientHeight);
-        innerEl.scrollTop = maxScrollTop;
-      }
-    });
-  }
-}
-function autoTextSize({
-  innerEl,
-  containerEl,
-  mode,
-  minFontSizePx,
-  maxFontSizePx,
-  fontSizePrecisionPx,
-  scrollToEnd
-}) {
-  let containerDimensions = void 0;
-  const throttledUpdateTextSize = throttleAnimationFrame(() => {
-    updateTextSize({
-      innerEl,
-      containerEl,
-      mode,
-      maxFontSizePx,
-      minFontSizePx,
-      fontSizePrecisionPx,
-      scrollToEnd
-    });
-    containerDimensions = [
-      getContentWidth(containerEl),
-      getContentHeight(containerEl)
-    ];
-  });
-  const resizeObserver = new ResizeObserver(() => {
-    const prevContainerDimensions = containerDimensions;
-    containerDimensions = [
-      getContentWidth(containerEl),
-      getContentHeight(containerEl)
-    ];
-    if ((prevContainerDimensions == null ? void 0 : prevContainerDimensions[0]) !== containerDimensions[0] || (prevContainerDimensions == null ? void 0 : prevContainerDimensions[1]) !== containerDimensions[1]) {
-      throttledUpdateTextSize();
-    }
-  });
-  resizeObserver.observe(containerEl);
-  throttledUpdateTextSize.disconnect = () => resizeObserver.disconnect();
-  return throttledUpdateTextSize;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  autoTextSize,
-  updateTextSize
-});

package/lib/components/auto-resize-text/index.d.ts

@@ -1,6 +0,0 @@
-import React, { DetailedHTMLProps, HTMLAttributes, ReactElement, ReactHTML } from 'react';
-import { Options } from './auto-text-size-standalone';
-export default function AutoResizeText({ mode, minFontSizePx, maxFontSizePx, fontSizePrecisionPx, scrollToEnd, as: Comp, children, ...rest }: Options & {
-    as?: keyof ReactHTML | React.ComponentType<any>;
-    children?: React.ReactNode;
-} & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>): ReactElement;