@bioturing/components 0.15.0 → 0.15.1

package/dist/Truncate.js

@@ -1,216 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
-import "antd/es/theme/useToken";
-import "tailwind-merge";
-function cx(...args) {
-    const classes = [];
-    for (const arg of args)if (arg) {
-        if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
-        else if (Array.isArray(arg)) classes.push(...cx(...arg));
-        else if ("object" == typeof arg) {
-            for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
-        }
-    }
-    return classes;
-}
-function clsx(...args) {
-    return cx(...args).join(" ");
-}
-"use client";
-const useCls = ()=>{
-    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
-    return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
-};
-const measureText = (container)=>{
-    const span = document.createElement("span");
-    span.style.opacity = "0";
-    span.style.position = "absolute";
-    span.style.top = "-1000px";
-    span.style.left = "-1000px";
-    span.style.whiteSpace = "nowrap";
-    span.style.pointerEvents = "none";
-    container.appendChild(span);
-    return {
-        measure: (text)=>{
-            span.innerText = text;
-            return span.clientWidth;
-        },
-        destroy: ()=>{
-            container.removeChild(span);
-        }
-    };
-};
-const getMiddleTruncatedString = (text, ellipsis, container)=>{
-    var _Object_values_reverse_find;
-    if (!text) return text;
-    const { measure: getTextWidth, destroy: destroyMeasure } = measureText(container);
-    const textWidth = getTextWidth(text);
-    const containerWidth = container.clientWidth;
-    const initialOffset = Math.floor(containerWidth / textWidth * text.length);
-    if (textWidth <= containerWidth) {
-        destroyMeasure();
-        return text;
-    }
-    let offset = initialOffset;
-    const attempts = {};
-    const maxAttempts = 20;
-    const buffer = 10;
-    while(Object.values(attempts).length <= maxAttempts){
-        if (attempts[offset]) break;
-        if (offset <= 1) {
-            attempts[0] = [
-                0,
-                ellipsis
-            ];
-            break;
-        }
-        const start = text.slice(0, Math.ceil((offset - ellipsis.length) / 2 - 1)).trimEnd();
-        const end = text.slice(Math.floor((offset - ellipsis.length) / 2) - offset).trimStart();
-        const truncatedStr = start + ellipsis + end;
-        const width = getTextWidth(truncatedStr);
-        attempts[offset] = [
-            width,
-            truncatedStr
-        ];
-        if (width >= containerWidth) offset -= 2;
-        else {
-            if (containerWidth - width < buffer) break;
-            offset += 2;
-        }
-    }
-    destroyMeasure();
-    return (null == (_Object_values_reverse_find = Object.values(attempts).reverse().find(([width])=>width < containerWidth)) ? void 0 : _Object_values_reverse_find[1]) ?? Object.values(attempts)[0][1];
-};
-"use client";
-const Truncate = ({ children, position = "end", lines = 1, className, style, ...rest })=>{
-    const cls = useCls();
-    const containerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const [isTruncated, setIsTruncated] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const [truncatedText, setTruncatedText] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(children);
-    const text = children;
-    const getContainerStyles = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        if ("auto" !== lines) return {
-            ...style,
-            ...lines > 1 ? {
-                "--ds-line-clamp": lines
-            } : {}
-        };
-        return {
-            ...style,
-            "--ds-line-clamp": 999
-        };
-    }, [
-        lines,
-        style
-    ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
-        const container = containerRef.current;
-        if (!container) return;
-        if ("auto" === lines) {
-            var _window_document_fonts_ready, _window_document_fonts;
-            setTruncatedText(text);
-            const calculateLines = ()=>{
-                const parent = container.parentElement;
-                if (!parent) return;
-                const styles = window.getComputedStyle(container);
-                const fontSize = parseFloat(styles.fontSize);
-                const lineHeight = "normal" === styles.lineHeight ? 1.2 * fontSize : parseFloat(styles.lineHeight);
-                const parentStyles = window.getComputedStyle(parent);
-                const paddingTop = parseFloat(parentStyles.paddingTop) || 0;
-                const paddingBottom = parseFloat(parentStyles.paddingBottom) || 0;
-                const borderTopWidth = parseFloat(parentStyles.borderTopWidth) || 0;
-                const borderBottomWidth = parseFloat(parentStyles.borderBottomWidth) || 0;
-                const parentHeight = parent.clientHeight;
-                const availableHeight = parentHeight - paddingTop - paddingBottom - borderTopWidth - borderBottomWidth;
-                const maxLines = Math.max(1, Math.floor(availableHeight / lineHeight));
-                if (container) container.style.setProperty("--ds-line-clamp", String(maxLines));
-                const clone = document.createElement("span");
-                clone.style.visibility = "hidden";
-                clone.style.position = "absolute";
-                clone.style.width = `${container.clientWidth}px`;
-                clone.style.fontSize = styles.fontSize;
-                clone.style.fontFamily = styles.fontFamily;
-                clone.style.lineHeight = styles.lineHeight;
-                clone.textContent = text;
-                document.body.appendChild(clone);
-                const isTruncated = clone.scrollHeight > availableHeight;
-                document.body.removeChild(clone);
-                setIsTruncated(isTruncated);
-            };
-            null == (_window_document_fonts = window.document.fonts) || null == (_window_document_fonts_ready = _window_document_fonts.ready) || _window_document_fonts_ready.then(calculateLines);
-            const observer = new ResizeObserver(()=>{
-                window.requestAnimationFrame(calculateLines);
-            });
-            observer.observe(container);
-            if (container.parentElement) observer.observe(container.parentElement);
-            return ()=>observer.disconnect();
-        }
-        if ("number" == typeof lines && lines > 1) {
-            var _window_document_fonts_ready1, _window_document_fonts1;
-            setTruncatedText(text);
-            const checkIfTruncated = ()=>{
-                const clone = document.createElement("span");
-                clone.style.visibility = "hidden";
-                clone.style.position = "absolute";
-                clone.style.width = `${container.clientWidth}px`;
-                clone.textContent = text;
-                document.body.appendChild(clone);
-                const isTruncated = clone.scrollHeight > (container.clientHeight || container.offsetHeight);
-                document.body.removeChild(clone);
-                setIsTruncated(isTruncated);
-            };
-            null == (_window_document_fonts1 = window.document.fonts) || null == (_window_document_fonts_ready1 = _window_document_fonts1.ready) || _window_document_fonts_ready1.then(checkIfTruncated);
-            const observer = new ResizeObserver(()=>{
-                window.requestAnimationFrame(checkIfTruncated);
-            });
-            observer.observe(container);
-            return ()=>observer.disconnect();
-        }
-        let cancellationToken = {
-            cancelled: false
-        };
-        const calculateTruncatedString = ()=>{
-            if (cancellationToken) cancellationToken.cancelled = true;
-            const requestCancellationToken = {
-                cancelled: false
-            };
-            cancellationToken = requestCancellationToken;
-            const truncated = getMiddleTruncatedString(text, "\u2026", container);
-            if (requestCancellationToken.cancelled) return;
-            setTruncatedText(truncated);
-        };
-        if ("middle" == position) {
-            var _window_document_fonts_ready2, _window_document_fonts2;
-            null == (_window_document_fonts2 = window.document.fonts) || null == (_window_document_fonts_ready2 = _window_document_fonts2.ready) || _window_document_fonts_ready2.then(calculateTruncatedString);
-        }
-        if ("end" == position) setTruncatedText(text);
-        const observer = new ResizeObserver(()=>{
-            if ("middle" == position) window.requestAnimationFrame(calculateTruncatedString);
-            if ("end" == position) {
-                const isOverflowing = container.scrollWidth > container.clientWidth;
-                if (isOverflowing) setIsTruncated(true);
-            }
-        });
-        observer.observe(container);
-        return ()=>{
-            cancellationToken.cancelled = true;
-            observer.disconnect();
-        };
-    }, [
-        text,
-        position,
-        lines
-    ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-        ref: containerRef,
-        style: getContainerStyles(),
-        className: clsx(1 === lines ? cls("truncate") : cls("truncate-multiline"), "middle" === position ? cls("truncate-middle") : cls("truncate-end"), className),
-        title: isTruncated ? text : void 0,
-        ...rest,
-        children: text === truncatedText ? text : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-            children: truncatedText
-        })
-    });
-};
-export { Truncate };

package/dist/Upload.css

@@ -1,144 +0,0 @@
-@layer components {
-  .ds-upload-wrapper {
-    flex-direction: column;
-    display: flex;
-  }
-
-  .ds-upload-list {
-    flex-direction: column;
-    flex-grow: 1;
-    display: flex;
-  }
-
-  .ds-upload-list-item-container {
-    margin-top: .5rem;
-  }
-
-  .ds-upload-item {
-    border-radius: var(--ds-border-radius);
-    border: 1px solid var(--ds-color-border);
-    flex-grow: 1;
-    padding: .5rem;
-  }
-
-  .ds-upload-item-icon {
-    color: var(--ds-color-text-tertiary);
-    font-size: 1.25rem;
-  }
-
-  .ds-upload-drag-icon {
-    color: var(--ds-color-primary);
-    justify-content: center;
-    align-items: center;
-    margin-bottom: .5rem;
-    font-size: 2.5rem;
-    display: flex;
-  }
-
-  .ds-upload-item-content {
-    justify-content: space-between;
-    align-items: center;
-    min-width: 0;
-    display: flex;
-  }
-
-  .ds-upload-item-name-progress {
-    flex-direction: column;
-    flex-grow: 1;
-    flex-shrink: 1;
-    gap: 0;
-    min-width: 0;
-    display: flex;
-  }
-}
-
-@layer components {
-  .ds-truncate {
-    white-space: nowrap;
-    flex-grow: 1;
-    width: 100%;
-    min-width: 0;
-    max-width: 100%;
-    display: block;
-    overflow: hidden;
-  }
-
-  .ds-truncate-end {
-    text-overflow: ellipsis;
-  }
-
-  .ds-truncate-middle {
-    text-overflow: clip;
-  }
-
-  .ds-truncate-multiline {
-    -webkit-line-clamp: var(--ds-line-clamp, 2);
-    line-clamp: var(--ds-line-clamp, 2);
-    white-space: normal;
-    text-overflow: ellipsis;
-    word-break: break-word;
-    -webkit-box-orient: vertical;
-    display: -webkit-box;
-    overflow: hidden;
-  }
-}
-
-@layer components {
-  .ds-icon-button {
-    cursor: pointer;
-    color: var(--ds-color-icon);
-    background-color: #0000;
-    border: none;
-    border-radius: 999px;
-    justify-content: center;
-    align-items: center;
-    transition: all .2s;
-    display: inline-flex;
-  }
-
-  .ds-icon-button:hover {
-    background-color: var(--ds-color-fill-secondary);
-    color: var(--ds-color-icon-hover);
-  }
-
-  .ds-icon-button:active, .ds-icon-button.ds-popover-open {
-    background-color: var(--ds-color-primary-bg);
-    color: var(--ds-color-primary);
-  }
-
-  .ds-icon-button:focus {
-    outline: none;
-  }
-
-  .ds-icon-button:disabled {
-    cursor: not-allowed;
-    pointer-events: none;
-    color: var(--ds-color-text-disabled);
-  }
-
-  .ds-icon-button.ds-icon-button-medium {
-    width: 1.5rem;
-    height: 1.5rem;
-    padding: .125rem;
-    font-size: 1.25rem;
-  }
-
-  .ds-icon-button.ds-icon-button-small {
-    width: 1.25rem;
-    height: 1.25rem;
-    padding: .125rem;
-    font-size: 1rem;
-  }
-
-  .ds-icon-button.ds-icon-button-negative-margin {
-    margin: -.125rem;
-  }
-}
-
-@layer components {
-  span.ds-btn-icon {
-    align-items: center;
-    display: flex;
-  }
-}
-