@ioca/react 1.5.20 → 1.5.21

package/lib/cjs/components/datagrid/virtual.js

@@ -1,310 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-var reactWindow = require('react-window');
-var hooks = require('../../js/hooks.js');
-var loading = require('../loading/loading.js');
-var resize = require('./resize.js');
-var sorter = require('./sorter.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const VirtualCell = react.memo(function VirtualCell({ column, data, row, col, isHeader, cellEllipsis, sortBy, sortType, resizable, onWidthChange, }) {
-    const { id, fixed, justify, colSpan, render, title, sorter: sorter$1, renderHeader } = column;
-    const style = react.useMemo(() => ({
-        "--datagrid-justify": justify,
-        gridColumn: `${col + 1} / span ${colSpan ?? 1}`,
-        insetInline: `var(--datagrid-cell-inset-${col})`,
-        ...(isHeader ? { insetBlockStart: 0 } : null),
-        position: !isHeader && !fixed ? "static" : undefined,
-    }), [col, colSpan, fixed, isHeader, justify]);
-    const order = isHeader && sortBy === id ? sortType : "";
-    return (jsxRuntime.jsxs("div", { "data-col": id, className: classNames__default("i-datagrid-cell", {
-            [`i-datagrid-cell-fixed-${fixed}`]: fixed,
-            "i-datagrid-has-sorter": isHeader && sorter$1,
-        }), style: style, children: [isHeader
-                ? (renderHeader?.(column, col) ?? (jsxRuntime.jsx("div", { className: classNames__default("i-datagrid-cell-content", {
-                        "i-datagrid-cell-content-ellipsis": cellEllipsis,
-                    }), children: title || id })))
-                : (render?.(data?.[id], data, row, col) ?? (jsxRuntime.jsx("div", { className: classNames__default("i-datagrid-cell-content", {
-                        "i-datagrid-cell-content-ellipsis": cellEllipsis,
-                    }), children: data?.[id] }))), isHeader && sorter$1 && jsxRuntime.jsx(sorter.default, { type: order }), isHeader && resizable && (jsxRuntime.jsx(resize.default, { index: col, onWidthChange: onWidthChange }))] }));
-});
-// ---------------------------------------------------------------------------
-// VirtualRow — memoised row rendered by react-window
-// ---------------------------------------------------------------------------
-const VirtualRow = react.memo(function VirtualRow({ index, style: itemStyle, ariaAttributes, rows, columns, columnById, columnIndexById, contentWidthPx, virtualRowHeight, header, striped, cellEllipsis, loaderNode, sortBy, sortType, resizable, onWidthChange, onRowClick, onCellClick, onCellDoubleClick, }) {
-    if (index >= rows.length) {
-        return (jsxRuntime.jsx("div", { ...ariaAttributes, style: {
-                ...itemStyle,
-                width: contentWidthPx,
-                minWidth: "100%",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-            }, children: loaderNode }));
-    }
-    const rowData = rows[index];
-    const rowNum = index + (header ? 1 : 0);
-    const bg = striped && index % 2 === 0 ? "var(--background-1)" : undefined;
-    const handleCellClick = react.useCallback((e) => {
-        if (!onCellClick)
-            return;
-        const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
-        const id = el?.dataset?.col;
-        if (!id)
-            return;
-        const column = columnById.get(id);
-        const col = columnIndexById.get(id);
-        if (!column || col == null)
-            return;
-        onCellClick(rowData, column, rowNum, col, e);
-    }, [columnById, columnIndexById, onCellClick, rowData, rowNum]);
-    const handleCellDoubleClick = react.useCallback((e) => {
-        if (!onCellDoubleClick)
-            return;
-        const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
-        const id = el?.dataset?.col;
-        if (!id)
-            return;
-        const column = columnById.get(id);
-        const col = columnIndexById.get(id);
-        if (!column || col == null)
-            return;
-        onCellDoubleClick(rowData, column, rowNum, col, e);
-    }, [columnById, columnIndexById, onCellDoubleClick, rowData, rowNum]);
-    const handleRowClick = react.useCallback(() => onRowClick?.(rowData, rowNum), [onRowClick, rowData, rowNum]);
-    return (jsxRuntime.jsx("div", { style: {
-            ...itemStyle,
-            width: contentWidthPx,
-            minWidth: "100%",
-            display: "grid",
-            gridTemplateColumns: "var(--grid-template-columns)",
-            height: virtualRowHeight,
-            "--datagrid-cell-background": bg,
-        }, className: 'i-datagrid-row', onClick: handleRowClick, onClickCapture: handleCellClick, onDoubleClickCapture: handleCellDoubleClick, children: columns.map((c, col) => (jsxRuntime.jsx(VirtualCell, { column: c, data: rowData, row: rowNum, col: col, cellEllipsis: cellEllipsis, sortBy: sortBy, sortType: sortType, resizable: resizable, onWidthChange: onWidthChange }, c.id))) }));
-});
-// ---------------------------------------------------------------------------
-// VirtualDatagrid
-// ---------------------------------------------------------------------------
-function VirtualDatagrid(props) {
-    const { virtual, columns, rows, header, sortBy, sortType, height, loading: loading$1, resizable, striped, cellEllipsis, empty, wrapRef, containerRef, onHeaderClick, onWidthChange, onRowClick, onCellClick, onCellDoubleClick, onScroll, } = props;
-    const headerRef = react.useRef(null);
-    const headerInnerRef = react.useRef(null);
-    const listRef = react.useRef(null);
-    const ro = hooks.useResizeObserver();
-    const triggerRef = react.useRef({ rowCount: -1 });
-    const [viewport, setViewport] = react.useState({ width: 0, height: 0 });
-    const [contentWidth, setContentWidth] = react.useState(0);
-    const rafRef = react.useRef({
-        viewport: 0,
-        contentWidth: 0,
-        scrollSync: 0,
-    });
-    const columnById = react.useMemo(() => {
-        const map = new Map();
-        columns.forEach((c) => map.set(c.id, c));
-        return map;
-    }, [columns]);
-    const columnIndexById = react.useMemo(() => {
-        const map = new Map();
-        columns.forEach((c, i) => map.set(c.id, i));
-        return map;
-    }, [columns]);
-    const handleHeaderClick = react.useCallback((e) => {
-        const el = e.target?.closest?.(".i-datagrid-cell[data-col]");
-        const id = el?.dataset?.col;
-        onHeaderClick(id ? columnById.get(id) : undefined, e);
-    }, [columnById, onHeaderClick]);
-    const handleBodyScroll = react.useCallback((e) => {
-        const el = e.currentTarget;
-        if (!el)
-            return;
-        if (rafRef.current.scrollSync)
-            return;
-        rafRef.current.scrollSync = requestAnimationFrame(() => {
-            rafRef.current.scrollSync = 0;
-            if (!headerRef.current)
-                return;
-            const target = el.scrollLeft;
-            if (headerRef.current.scrollLeft !== target) {
-                headerRef.current.scrollLeft = target;
-            }
-        });
-    }, []);
-    const handleReachEnd = react.useCallback(() => {
-        if (virtual.onReachEnd) {
-            virtual.onReachEnd();
-            return;
-        }
-        onScroll?.(undefined);
-    }, [onScroll, virtual.onReachEnd]);
-    const handleRowsRendered = react.useCallback((_visible, overscan) => {
-        if (!virtual.hasMore)
-            return;
-        const threshold = virtual.threshold ?? 8;
-        const stopIndex = overscan?.stopIndex ?? -1;
-        if (stopIndex < rows.length - 1 - threshold)
-            return;
-        if (triggerRef.current.rowCount === rows.length)
-            return;
-        triggerRef.current.rowCount = rows.length;
-        handleReachEnd();
-    }, [handleReachEnd, rows.length, virtual.hasMore, virtual.threshold]);
-    const handleHeaderScroll = react.useCallback((e) => {
-        const el = e.currentTarget;
-        if (!el)
-            return;
-        const listEl = listRef.current?.element;
-        if (listEl && listEl.scrollLeft !== el.scrollLeft) {
-            listEl.scrollLeft = el.scrollLeft;
-        }
-    }, []);
-    react.useEffect(() => {
-        const el = wrapRef.current;
-        if (!el)
-            return;
-        const update = () => {
-            if (rafRef.current.viewport)
-                cancelAnimationFrame(rafRef.current.viewport);
-            rafRef.current.viewport = requestAnimationFrame(() => {
-                rafRef.current.viewport = 0;
-                const r = el.getBoundingClientRect();
-                const w = Math.round(r.width);
-                const h = Math.round(r.height);
-                setViewport((prev) => {
-                    if (prev.width === w && prev.height === h)
-                        return prev;
-                    return { width: w, height: h };
-                });
-            });
-        };
-        update();
-        ro.observe?.(el, update);
-        return () => {
-            ro.unobserve?.(el);
-            if (rafRef.current.viewport)
-                cancelAnimationFrame(rafRef.current.viewport);
-            rafRef.current.viewport = 0;
-        };
-    }, [ro, wrapRef]);
-    react.useEffect(() => {
-        const el = headerInnerRef.current;
-        if (!el)
-            return;
-        const update = () => {
-            if (rafRef.current.contentWidth) {
-                cancelAnimationFrame(rafRef.current.contentWidth);
-            }
-            rafRef.current.contentWidth = requestAnimationFrame(() => {
-                rafRef.current.contentWidth = 0;
-                const w = Math.ceil(el.scrollWidth);
-                setContentWidth((prev) => (prev === w ? prev : w));
-            });
-        };
-        update();
-        ro.observe?.(el, update);
-        return () => {
-            ro.unobserve?.(el);
-            if (rafRef.current.contentWidth) {
-                cancelAnimationFrame(rafRef.current.contentWidth);
-            }
-            rafRef.current.contentWidth = 0;
-        };
-    }, [ro]);
-    react.useEffect(() => {
-        triggerRef.current.rowCount = -1;
-    }, [rows.length, virtual.hasMore]);
-    react.useEffect(() => {
-        if (!loading$1)
-            return;
-        const listEl = listRef.current?.element;
-        listEl?.scrollTo({ top: 0, left: 0 });
-        headerRef.current?.scrollTo({ top: 0, left: 0 });
-    }, [loading$1]);
-    const listHeight = Math.max(0, (typeof height === "number" ? height : viewport.height || 360) -
-        (header ? virtual.rowHeight : 0));
-    const hasVerticalScrollbar = rows.length * virtual.rowHeight > listHeight + 1;
-    const scrollbarSize = hasVerticalScrollbar ? reactWindow.getScrollbarSize() : 0;
-    const measuredContentWidth = Math.max(contentWidth, viewport.width || 0);
-    const contentWidthPx = measuredContentWidth
-        ? `${measuredContentWidth}px`
-        : "fit-content";
-    const headerCells = react.useMemo(() => columns.map((c, col) => (jsxRuntime.jsx(VirtualCell, { column: c, row: 0, col: col, isHeader: true, cellEllipsis: cellEllipsis, sortBy: sortBy, sortType: sortType, resizable: resizable, onWidthChange: onWidthChange }, c.id))), [
-        cellEllipsis,
-        columns,
-        onWidthChange,
-        resizable,
-        sortBy,
-        sortType,
-    ]);
-    const headerInnerStyle = react.useMemo(() => ({
-        display: "grid",
-        gridTemplateColumns: "var(--grid-template-columns)",
-        height: virtual.rowHeight,
-        width: contentWidthPx,
-        minWidth: "100%",
-    }), [contentWidthPx, virtual.rowHeight]);
-    const listStyle = react.useMemo(() => ({
-        height: listHeight,
-        width: "100%",
-        overflow: "auto",
-    }), [listHeight]);
-    const headerWrapStyle = react.useMemo(() => scrollbarSize > 0
-        ? {
-            paddingRight: scrollbarSize,
-            boxSizing: "content-box",
-        }
-        : undefined, [scrollbarSize]);
-    const loaderNode = react.useMemo(() => virtual.loader ?? jsxRuntime.jsx(loading.default, { className: 'my-12' }), [virtual.loader]);
-    // Stable row-component reference so react-window can memoise rows.
-    const rowProps = react.useMemo(() => ({
-        rows,
-        columns,
-        columnById,
-        columnIndexById,
-        contentWidthPx,
-        virtualRowHeight: virtual.rowHeight,
-        header,
-        striped,
-        cellEllipsis,
-        loaderNode,
-        sortBy,
-        sortType,
-        resizable,
-        onWidthChange,
-        onRowClick,
-        onCellClick,
-        onCellDoubleClick,
-    }), [
-        rows,
-        columns,
-        columnById,
-        columnIndexById,
-        contentWidthPx,
-        virtual.rowHeight,
-        header,
-        striped,
-        cellEllipsis,
-        loaderNode,
-        sortBy,
-        sortType,
-        resizable,
-        onWidthChange,
-        onRowClick,
-        onCellClick,
-        onCellDoubleClick,
-    ]);
-    return (jsxRuntime.jsxs("div", { ref: containerRef, className: classNames__default("i-datagrid", {
-            "i-datagrid-loading": loading$1,
-        }), style: { display: "block", width: "100%", maxWidth: "100%" }, children: [header && (jsxRuntime.jsx("div", { ref: headerRef, className: 'i-datagrid-virtual-header', onScroll: handleHeaderScroll, style: headerWrapStyle, children: jsxRuntime.jsx("div", { ref: headerInnerRef, className: 'i-datagrid-header i-datagrid-row', style: headerInnerStyle, onClick: handleHeaderClick, children: headerCells }) })), jsxRuntime.jsx(reactWindow.List, { listRef: listRef, rowCount: rows.length + (virtual.hasMore ? 1 : 0), rowHeight: virtual.rowHeight, overscanCount: Math.max(3, virtual.threshold ?? 8), rowProps: rowProps, style: listStyle, onScroll: handleBodyScroll, onRowsRendered: handleRowsRendered, rowComponent: VirtualRow }), rows.length < 1 && !virtual.hasMore && empty] }));
-}
-
-exports.default = VirtualDatagrid;
-//# sourceMappingURL=virtual.js.map

package/lib/cjs/components/datagrid/virtual.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"virtual.js","sources":["../../../../packages/components/datagrid/virtual.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\n// @ts-ignore\nimport { List as VirtualList, getScrollbarSize } from \"react-window\";\nimport { useResizeObserver } from \"../../js/hooks\";\nimport Loading from \"../loading\";\nimport Resize from \"./resize\";\nimport Sorter from \"./sorter\";\nimport type { IColumn, IData, VirtualDatagridProps } from \"./type\";\n\n// ---------------------------------------------------------------------------\n// VirtualCell — memoized cell for virtual grid rows\n// ---------------------------------------------------------------------------\n\ntype VirtualCellProps = {\n\tcolumn: IColumn;\n\tdata?: IData;\n\trow: number;\n\tcol: number;\n\tisHeader?: boolean;\n\tcellEllipsis?: boolean;\n\tsortBy: string;\n\tsortType: string;\n\tresizable?: boolean;\n\tonWidthChange?: (i: number, w: number, phase?: \"preview\" | \"commit\") => void;\n};\n\nconst VirtualCell = memo(function VirtualCell({\n\tcolumn,\n\tdata,\n\trow,\n\tcol,\n\tisHeader,\n\tcellEllipsis,\n\tsortBy,\n\tsortType,\n\tresizable,\n\tonWidthChange,\n}: VirtualCellProps) {\n\tconst { id, fixed, justify, colSpan, render, title, sorter, renderHeader } =\n\t\tcolumn;\n\n\tconst style = useMemo(\n\t\t() =>\n\t\t\t({\n\t\t\t\t\"--datagrid-justify\": justify,\n\t\t\t\tgridColumn: `${col + 1} / span ${colSpan ?? 1}`,\n\t\t\t\tinsetInline: `var(--datagrid-cell-inset-${col})`,\n\t\t\t\t...(isHeader ? { insetBlockStart: 0 } : null),\n\t\t\t\tposition: !isHeader && !fixed ? (\"static\" as const) : undefined,\n\t\t\t}) as any,\n\t\t[col, colSpan, fixed, isHeader, justify],\n\t);\n\n\tconst order = isHeader && sortBy === id ? sortType : \"\";\n\n\treturn (\n\t\t<div\n\t\t\tdata-col={id}\n\t\t\tclassName={classNames(\"i-datagrid-cell\", {\n\t\t\t\t[`i-datagrid-cell-fixed-${fixed}`]: fixed,\n\t\t\t\t\"i-datagrid-has-sorter\": isHeader && sorter,\n\t\t\t})}\n\t\t\tstyle={style}\n\t\t>\n\t\t\t{isHeader\n\t\t\t\t? (renderHeader?.(column, col) ?? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-datagrid-cell-content\", {\n\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\": cellEllipsis,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title || id}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))\n\t\t\t\t: (render?.(data?.[id], data, row, col) ?? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-datagrid-cell-content\", {\n\t\t\t\t\t\t\t\t\"i-datagrid-cell-content-ellipsis\": cellEllipsis,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{data?.[id]}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t{isHeader && sorter && <Sorter type={order} />}\n\t\t\t{isHeader && resizable && (\n\t\t\t\t<Resize index={col} onWidthChange={onWidthChange} />\n\t\t\t)}\n\t\t</div>\n\t);\n});\n\n// ---------------------------------------------------------------------------\n// Row-level data carried through react-window's rowProps\n// ---------------------------------------------------------------------------\n\ntype RowCustomProps = {\n\trows: IData[];\n\tcolumns: IColumn[];\n\tcolumnById: Map<string, IColumn>;\n\tcolumnIndexById: Map<string, number>;\n\tcontentWidthPx: string;\n\tvirtualRowHeight: number;\n\theader: boolean;\n\tstriped?: boolean;\n\tcellEllipsis?: boolean;\n\tloaderNode: ReactNode;\n\tsortBy: string;\n\tsortType: string;\n\tresizable?: boolean;\n\tonWidthChange?: (i: number, w: number, phase?: \"preview\" | \"commit\") => void;\n\tonRowClick?: (data?: IData, row?: number) => void;\n\tonCellClick?: VirtualDatagridProps[\"onCellClick\"];\n\tonCellDoubleClick?: VirtualDatagridProps[\"onCellDoubleClick\"];\n};\n\n// ---------------------------------------------------------------------------\n// VirtualRow — memoised row rendered by react-window\n// ---------------------------------------------------------------------------\n\nconst VirtualRow = memo(function VirtualRow({\n\tindex,\n\tstyle: itemStyle,\n\tariaAttributes,\n\trows,\n\tcolumns,\n\tcolumnById,\n\tcolumnIndexById,\n\tcontentWidthPx,\n\tvirtualRowHeight,\n\theader,\n\tstriped,\n\tcellEllipsis,\n\tloaderNode,\n\tsortBy,\n\tsortType,\n\tresizable,\n\tonWidthChange,\n\tonRowClick,\n\tonCellClick,\n\tonCellDoubleClick,\n}: {\n\t\tindex: number;\n\t\tstyle: CSSProperties;\n\t\tariaAttributes: Record<string, unknown>;\n\t} & RowCustomProps) {\n\tif (index >= rows.length) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...ariaAttributes}\n\t\t\t\tstyle={{\n\t\t\t\t\t...itemStyle,\n\t\t\t\t\twidth: contentWidthPx,\n\t\t\t\t\tminWidth: \"100%\",\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t} as React.CSSProperties}\n\t\t\t>\n\t\t\t\t{loaderNode}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst rowData = rows[index];\n\tconst rowNum = index + (header ? 1 : 0);\n\tconst bg =\n\t\tstriped && index % 2 === 0 ? \"var(--background-1)\" : undefined;\n\n\tconst handleCellClick = useCallback(\n\t\t(e: any) => {\n\t\t\tif (!onCellClick) return;\n\t\t\tconst el = (e.target as HTMLElement | null)?.closest?.(\n\t\t\t\t\".i-datagrid-cell[data-col]\",\n\t\t\t) as HTMLElement | null;\n\t\t\tconst id = el?.dataset?.col;\n\t\t\tif (!id) return;\n\t\t\tconst column = columnById.get(id);\n\t\t\tconst col = columnIndexById.get(id);\n\t\t\tif (!column || col == null) return;\n\t\t\tonCellClick(rowData, column, rowNum, col, e);\n\t\t},\n\t\t[columnById, columnIndexById, onCellClick, rowData, rowNum],\n\t);\n\n\tconst handleCellDoubleClick = useCallback(\n\t\t(e: any) => {\n\t\t\tif (!onCellDoubleClick) return;\n\t\t\tconst el = (e.target as HTMLElement | null)?.closest?.(\n\t\t\t\t\".i-datagrid-cell[data-col]\",\n\t\t\t) as HTMLElement | null;\n\t\t\tconst id = el?.dataset?.col;\n\t\t\tif (!id) return;\n\t\t\tconst column = columnById.get(id);\n\t\t\tconst col = columnIndexById.get(id);\n\t\t\tif (!column || col == null) return;\n\t\t\tonCellDoubleClick(rowData, column, rowNum, col, e);\n\t\t},\n\t\t[columnById, columnIndexById, onCellDoubleClick, rowData, rowNum],\n\t);\n\n\tconst handleRowClick = useCallback(\n\t\t() => onRowClick?.(rowData, rowNum),\n\t\t[onRowClick, rowData, rowNum],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\t...itemStyle,\n\t\t\t\twidth: contentWidthPx,\n\t\t\t\tminWidth: \"100%\",\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridTemplateColumns: \"var(--grid-template-columns)\",\n\t\t\t\theight: virtualRowHeight,\n\t\t\t\t\"--datagrid-cell-background\": bg,\n\t\t\t} as React.CSSProperties}\n\t\t\tclassName='i-datagrid-row'\n\t\t\tonClick={handleRowClick}\n\t\t\tonClickCapture={handleCellClick}\n\t\t\tonDoubleClickCapture={handleCellDoubleClick}\n\t\t>\n\t\t\t{columns.map((c, col) => (\n\t\t\t\t<VirtualCell\n\t\t\t\t\tkey={c.id}\n\t\t\t\t\tcolumn={c}\n\t\t\t\t\tdata={rowData}\n\t\t\t\t\trow={rowNum}\n\t\t\t\t\tcol={col}\n\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\tsortBy={sortBy}\n\t\t\t\t\tsortType={sortType}\n\t\t\t\t\tresizable={resizable}\n\t\t\t\t\tonWidthChange={onWidthChange}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n});\n\n// ---------------------------------------------------------------------------\n// VirtualDatagrid\n// ---------------------------------------------------------------------------\n\nexport default function VirtualDatagrid(props: VirtualDatagridProps) {\n\tconst {\n\t\tvirtual,\n\t\tcolumns,\n\t\trows,\n\t\theader,\n\t\tsortBy,\n\t\tsortType,\n\t\theight,\n\t\tloading,\n\t\tresizable,\n\t\tstriped,\n\t\tcellEllipsis,\n\t\tempty,\n\t\twrapRef,\n\t\tcontainerRef,\n\t\tonHeaderClick,\n\t\tonWidthChange,\n\t\tonRowClick,\n\t\tonCellClick,\n\t\tonCellDoubleClick,\n\t\tonScroll,\n\t} = props;\n\n\tconst headerRef = useRef<HTMLDivElement>(null);\n\tconst headerInnerRef = useRef<HTMLDivElement>(null);\n\tconst listRef = useRef<any>(null);\n\tconst ro = useResizeObserver();\n\tconst triggerRef = useRef({ rowCount: -1 });\n\tconst [viewport, setViewport] = useState({ width: 0, height: 0 });\n\tconst [contentWidth, setContentWidth] = useState(0);\n\tconst rafRef = useRef({\n\t\tviewport: 0 as number | 0,\n\t\tcontentWidth: 0 as number | 0,\n\t\tscrollSync: 0 as number | 0,\n\t});\n\n\tconst columnById = useMemo(() => {\n\t\tconst map = new Map<string, IColumn>();\n\t\tcolumns.forEach((c) => map.set(c.id, c));\n\t\treturn map;\n\t}, [columns]);\n\n\tconst columnIndexById = useMemo(() => {\n\t\tconst map = new Map<string, number>();\n\t\tcolumns.forEach((c, i) => map.set(c.id, i));\n\t\treturn map;\n\t}, [columns]);\n\n\tconst handleHeaderClick = useCallback(\n\t\t(e: any) => {\n\t\t\tconst el = (e.target as HTMLElement | null)?.closest?.(\n\t\t\t\t\".i-datagrid-cell[data-col]\",\n\t\t\t) as HTMLElement | null;\n\t\t\tconst id = el?.dataset?.col;\n\t\t\tonHeaderClick(id ? columnById.get(id) : undefined, e);\n\t\t},\n\t\t[columnById, onHeaderClick],\n\t);\n\n\tconst handleBodyScroll = useCallback((e: any) => {\n\t\tconst el = e.currentTarget as HTMLDivElement | null;\n\t\tif (!el) return;\n\n\t\tif (rafRef.current.scrollSync) return;\n\t\trafRef.current.scrollSync = requestAnimationFrame(() => {\n\t\t\trafRef.current.scrollSync = 0;\n\t\t\tif (!headerRef.current) return;\n\t\t\tconst target = el.scrollLeft;\n\t\t\tif (headerRef.current.scrollLeft !== target) {\n\t\t\t\theaderRef.current.scrollLeft = target;\n\t\t\t}\n\t\t});\n\t}, []);\n\n\tconst handleReachEnd = useCallback(() => {\n\t\tif (virtual.onReachEnd) {\n\t\t\tvirtual.onReachEnd();\n\t\t\treturn;\n\t\t}\n\t\tonScroll?.(undefined as any);\n\t}, [onScroll, virtual.onReachEnd]);\n\n\tconst handleRowsRendered = useCallback(\n\t\t(_visible: any, overscan: any) => {\n\t\t\tif (!virtual.hasMore) return;\n\t\t\tconst threshold = virtual.threshold ?? 8;\n\t\t\tconst stopIndex = overscan?.stopIndex ?? -1;\n\t\t\tif (stopIndex < rows.length - 1 - threshold) return;\n\t\t\tif (triggerRef.current.rowCount === rows.length) return;\n\t\t\ttriggerRef.current.rowCount = rows.length;\n\t\t\thandleReachEnd();\n\t\t},\n\t\t[handleReachEnd, rows.length, virtual.hasMore, virtual.threshold],\n\t);\n\n\tconst handleHeaderScroll = useCallback((e: any) => {\n\t\tconst el = e.currentTarget as HTMLDivElement | null;\n\t\tif (!el) return;\n\t\tconst listEl = listRef.current?.element as HTMLDivElement | null;\n\t\tif (listEl && listEl.scrollLeft !== el.scrollLeft) {\n\t\t\tlistEl.scrollLeft = el.scrollLeft;\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tconst el = wrapRef.current;\n\t\tif (!el) return;\n\n\t\tconst update = () => {\n\t\t\tif (rafRef.current.viewport)\n\t\t\t\tcancelAnimationFrame(rafRef.current.viewport);\n\t\t\trafRef.current.viewport = requestAnimationFrame(() => {\n\t\t\t\trafRef.current.viewport = 0;\n\t\t\t\tconst r = el.getBoundingClientRect();\n\t\t\t\tconst w = Math.round(r.width);\n\t\t\t\tconst h = Math.round(r.height);\n\t\t\t\tsetViewport((prev) => {\n\t\t\t\t\tif (prev.width === w && prev.height === h) return prev;\n\t\t\t\t\treturn { width: w, height: h };\n\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tupdate();\n\t\tro.observe?.(el, update);\n\t\treturn () => {\n\t\t\tro.unobserve?.(el);\n\t\t\tif (rafRef.current.viewport)\n\t\t\t\tcancelAnimationFrame(rafRef.current.viewport);\n\t\t\trafRef.current.viewport = 0;\n\t\t};\n\t}, [ro, wrapRef]);\n\n\tuseEffect(() => {\n\t\tconst el = headerInnerRef.current;\n\t\tif (!el) return;\n\n\t\tconst update = () => {\n\t\t\tif (rafRef.current.contentWidth) {\n\t\t\t\tcancelAnimationFrame(rafRef.current.contentWidth);\n\t\t\t}\n\t\t\trafRef.current.contentWidth = requestAnimationFrame(() => {\n\t\t\t\trafRef.current.contentWidth = 0;\n\t\t\t\tconst w = Math.ceil(el.scrollWidth);\n\t\t\t\tsetContentWidth((prev) => (prev === w ? prev : w));\n\t\t\t});\n\t\t};\n\n\t\tupdate();\n\t\tro.observe?.(el, update);\n\t\treturn () => {\n\t\t\tro.unobserve?.(el);\n\t\t\tif (rafRef.current.contentWidth) {\n\t\t\t\tcancelAnimationFrame(rafRef.current.contentWidth);\n\t\t\t}\n\t\t\trafRef.current.contentWidth = 0;\n\t\t};\n\t}, [ro]);\n\n\tuseEffect(() => {\n\t\ttriggerRef.current.rowCount = -1;\n\t}, [rows.length, virtual.hasMore]);\n\n\tuseEffect(() => {\n\t\tif (!loading) return;\n\t\tconst listEl = listRef.current?.element as HTMLDivElement | null;\n\t\tlistEl?.scrollTo({ top: 0, left: 0 });\n\t\theaderRef.current?.scrollTo({ top: 0, left: 0 });\n\t}, [loading]);\n\n\tconst listHeight = Math.max(\n\t\t0,\n\t\t(typeof height === \"number\" ? height : viewport.height || 360) -\n\t\t\t(header ? virtual.rowHeight : 0),\n\t);\n\tconst hasVerticalScrollbar =\n\t\trows.length * virtual.rowHeight > listHeight + 1;\n\tconst scrollbarSize = hasVerticalScrollbar ? getScrollbarSize() : 0;\n\tconst measuredContentWidth = Math.max(contentWidth, viewport.width || 0);\n\tconst contentWidthPx = measuredContentWidth\n\t\t? `${measuredContentWidth}px`\n\t\t: \"fit-content\";\n\n\tconst headerCells = useMemo(\n\t\t() =>\n\t\t\tcolumns.map((c, col) => (\n\t\t\t\t<VirtualCell\n\t\t\t\t\tkey={c.id}\n\t\t\t\t\tcolumn={c}\n\t\t\t\t\trow={0}\n\t\t\t\t\tcol={col}\n\t\t\t\t\tisHeader\n\t\t\t\t\tcellEllipsis={cellEllipsis}\n\t\t\t\t\tsortBy={sortBy}\n\t\t\t\t\tsortType={sortType}\n\t\t\t\t\tresizable={resizable}\n\t\t\t\t\tonWidthChange={onWidthChange}\n\t\t\t\t/>\n\t\t\t)),\n\t\t[\n\t\t\tcellEllipsis,\n\t\t\tcolumns,\n\t\t\tonWidthChange,\n\t\t\tresizable,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t],\n\t);\n\n\tconst headerInnerStyle = useMemo(\n\t\t() => ({\n\t\t\tdisplay: \"grid\",\n\t\t\tgridTemplateColumns: \"var(--grid-template-columns)\",\n\t\t\theight: virtual.rowHeight,\n\t\t\twidth: contentWidthPx,\n\t\t\tminWidth: \"100%\",\n\t\t}),\n\t\t[contentWidthPx, virtual.rowHeight],\n\t);\n\n\tconst listStyle = useMemo(\n\t\t() => ({\n\t\t\theight: listHeight,\n\t\t\twidth: \"100%\",\n\t\t\toverflow: \"auto\",\n\t\t}),\n\t\t[listHeight],\n\t);\n\n\tconst headerWrapStyle = useMemo(\n\t\t() =>\n\t\t\tscrollbarSize > 0\n\t\t\t\t? {\n\t\t\t\t\t\tpaddingRight: scrollbarSize,\n\t\t\t\t\t\tboxSizing: \"content-box\" as const,\n\t\t\t\t\t}\n\t\t\t\t: undefined,\n\t\t[scrollbarSize],\n\t);\n\n\tconst loaderNode = useMemo<ReactNode>(\n\t\t() => virtual.loader ?? <Loading className='my-12' />,\n\t\t[virtual.loader],\n\t);\n\n\t// Stable row-component reference so react-window can memoise rows.\n\tconst rowProps = useMemo<RowCustomProps>(\n\t\t() => ({\n\t\t\trows,\n\t\t\tcolumns,\n\t\t\tcolumnById,\n\t\t\tcolumnIndexById,\n\t\t\tcontentWidthPx,\n\t\t\tvirtualRowHeight: virtual.rowHeight,\n\t\t\theader,\n\t\t\tstriped,\n\t\t\tcellEllipsis,\n\t\t\tloaderNode,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t\tresizable,\n\t\t\tonWidthChange,\n\t\t\tonRowClick,\n\t\t\tonCellClick,\n\t\t\tonCellDoubleClick,\n\t\t}),\n\t\t[\n\t\t\trows,\n\t\t\tcolumns,\n\t\t\tcolumnById,\n\t\t\tcolumnIndexById,\n\t\t\tcontentWidthPx,\n\t\t\tvirtual.rowHeight,\n\t\t\theader,\n\t\t\tstriped,\n\t\t\tcellEllipsis,\n\t\t\tloaderNode,\n\t\t\tsortBy,\n\t\t\tsortType,\n\t\t\tresizable,\n\t\t\tonWidthChange,\n\t\t\tonRowClick,\n\t\t\tonCellClick,\n\t\t\tonCellDoubleClick,\n\t\t],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={containerRef}\n\t\t\tclassName={classNames(\"i-datagrid\", {\n\t\t\t\t\"i-datagrid-loading\": loading,\n\t\t\t})}\n\t\t\tstyle={{ display: \"block\", width: \"100%\", maxWidth: \"100%\" }}\n\t\t>\n\t\t\t{header && (\n\t\t\t\t<div\n\t\t\t\t\tref={headerRef}\n\t\t\t\t\tclassName='i-datagrid-virtual-header'\n\t\t\t\t\tonScroll={handleHeaderScroll}\n\t\t\t\t\tstyle={headerWrapStyle}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={headerInnerRef}\n\t\t\t\t\t\tclassName='i-datagrid-header i-datagrid-row'\n\t\t\t\t\t\tstyle={headerInnerStyle}\n\t\t\t\t\t\tonClick={handleHeaderClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{headerCells}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<VirtualList\n\t\t\t\tlistRef={listRef}\n\t\t\t\trowCount={rows.length + (virtual.hasMore ? 1 : 0)}\n\t\t\t\trowHeight={virtual.rowHeight}\n\t\t\t\toverscanCount={Math.max(3, virtual.threshold ?? 8)}\n\t\t\t\trowProps={rowProps as any}\n\t\t\t\tstyle={listStyle}\n\t\t\t\tonScroll={handleBodyScroll}\n\t\t\t\tonRowsRendered={handleRowsRendered}\n\t\t\t\trowComponent={VirtualRow as any}\n\t\t\t/>\n\t\t\t{rows.length < 1 && !virtual.hasMore && empty}\n\t\t</div>\n\t);\n}\n"],"names":["memo","sorter","useMemo","_jsxs","classNames","_jsx","Sorter","Resize","useCallback","loading","useRef","useResizeObserver","useState","useEffect","getScrollbarSize","Loading","VirtualList"],"mappings":"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"}

package/lib/cjs/components/description/description.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-const Description = (props) => {
-    const { data, colon, columns = 1, gap = ".5em", align, labelWidth, labelAlign, vertical, equally, style, className, } = props;
-    return (jsxRuntime.jsx("div", { className: classNames__default("i-description", className), style: {
-            ["--description-label-width"]: labelWidth,
-            gridTemplateColumns: `repeat(${columns}, ${equally ? "1fr" : "auto"})`,
-            gap,
-            textAlign: align,
-            ...style,
-        }, children: data.map((item, i) => {
-            const { label, value, style, hidden, rowSpan = 1, colSpan = 1, } = item;
-            if (hidden)
-                return jsxRuntime.jsx(react.Fragment, {}, i);
-            return (jsxRuntime.jsxs("div", { className: classNames__default("i-description-item", {
-                    "i-description-item-vertical": vertical,
-                }), style: {
-                    gridColumn: `span ${colSpan}`,
-                    gridRow: `span ${rowSpan}`,
-                    ...style,
-                }, children: [label && (jsxRuntime.jsxs("div", { className: 'i-description-label', style: { textAlign: labelAlign }, children: [label, colon] })), jsxRuntime.jsx("div", { className: 'i-description-value', children: value })] }, i));
-        }) }));
-};
-
-exports.default = Description;
-//# sourceMappingURL=description.js.map

package/lib/cjs/components/description/description.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"description.js","sources":["../../../../packages/components/description/description.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CSSProperties, Fragment } from \"react\";\nimport \"./index.css\";\nimport { IDescription } from \"./type\";\n\nconst Description = (props: IDescription) => {\n\tconst {\n\t\tdata,\n\t\tcolon,\n\t\tcolumns = 1,\n\t\tgap = \".5em\",\n\t\talign,\n\t\tlabelWidth,\n\t\tlabelAlign,\n\t\tvertical,\n\t\tequally,\n\t\tstyle,\n\t\tclassName,\n\t} = props;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-description\", className)}\n\t\t\tstyle={\n\t\t\t\t{\n\t\t\t\t\t[\"--description-label-width\"]: labelWidth,\n\t\t\t\t\tgridTemplateColumns: `repeat(${columns}, ${\n\t\t\t\t\t\tequally ? \"1fr\" : \"auto\"\n\t\t\t\t\t})`,\n\t\t\t\t\tgap,\n\t\t\t\t\ttextAlign: align,\n\t\t\t\t\t...style,\n\t\t\t\t} as CSSProperties\n\t\t\t}\n\t\t>\n\t\t\t{data.map((item, i) => {\n\t\t\t\tconst {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue,\n\t\t\t\t\tstyle,\n\t\t\t\t\thidden,\n\t\t\t\t\trowSpan = 1,\n\t\t\t\t\tcolSpan = 1,\n\t\t\t\t} = item;\n\n\t\t\t\tif (hidden) return <Fragment key={i} />;\n\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\tclassName={classNames(\"i-description-item\", {\n\t\t\t\t\t\t\t\"i-description-item-vertical\": vertical,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tgridColumn: `span ${colSpan}`,\n\t\t\t\t\t\t\tgridRow: `span ${rowSpan}`,\n\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName='i-description-label'\n\t\t\t\t\t\t\t\tstyle={{ textAlign: labelAlign }}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t\t{colon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className='i-description-value'>{value}</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default Description;\n"],"names":["_jsx","classNames","Fragment","_jsxs"],"mappings":";;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG,CAAC,KAAmB,KAAI;AAC3C,IAAA,MAAM,EACL,IAAI,EACJ,KAAK,EACL,OAAO,GAAG,CAAC,EACX,GAAG,GAAG,MAAM,EACZ,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,GACT,GAAG,KAAK;AAET,IAAA,QACCA,cAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EACJ;YACC,CAAC,2BAA2B,GAAG,UAAU;AACzC,YAAA,mBAAmB,EAAE,CAAA,OAAA,EAAU,OAAO,CAAA,EAAA,EACrC,OAAO,GAAG,KAAK,GAAG,MACnB,CAAA,CAAA,CAAG;YACH,GAAG;AACH,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,GAAG,KAAK;SACS,EAAA,QAAA,EAGlB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAI;AACrB,YAAA,MAAM,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,GACX,GAAG,IAAI;AAER,YAAA,IAAI,MAAM;AAAE,gBAAA,OAAOD,cAAA,CAACE,cAAQ,EAAA,EAAA,EAAM,CAAC,CAAI;AAEvC,YAAA,QACCC,eAAA,CAAA,KAAA,EAAA,EAEC,SAAS,EAAEF,mBAAU,CAAC,oBAAoB,EAAE;AAC3C,oBAAA,6BAA6B,EAAE,QAAQ;iBACvC,CAAC,EACF,KAAK,EAAE;oBACN,UAAU,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;oBAC7B,OAAO,EAAE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAE;AAC1B,oBAAA,GAAG,KAAK;AACR,iBAAA,EAAA,QAAA,EAAA,CAEA,KAAK,KACLE,eAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE/B,KAAK,EACL,KAAK,CAAA,EAAA,CACD,CACN,EACDH,wBAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,CAAA,EAAA,EAnB7C,CAAC,CAoBD;QAER,CAAC,CAAC,EAAA,CACG;AAER;;;;"}

package/lib/cjs/components/description/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var description = require('./description.js');
-
-
-
-exports.default = description.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/description/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/cjs/components/drawer/drawer.js

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('react');
-var reactDom = require('react-dom');
-var hooks = require('../../js/hooks.js');
-var helpericon = require('../utils/helpericon/helpericon.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
-
-function Drawer(props) {
-    const { visible, position = "left", header, footer, backdropClosable = true, hideCloseButton, keepDOM, className, disabledEsc, children, onVisibleChange, onClose, ...restProps } = props;
-    const toggable = react.useRef(true);
-    const state = hooks.useReactive({
-        show: visible,
-        active: visible,
-    });
-    const [isPending, startTransition] = react.useTransition();
-    const handleHide = () => {
-        if (!toggable.current || isPending)
-            return;
-        toggable.current = false;
-        startTransition(() => {
-            state.active = false;
-            setTimeout(() => {
-                if (!keepDOM) {
-                    state.show = false;
-                }
-                onVisibleChange?.(false);
-                toggable.current = true;
-                onClose?.();
-            }, 240);
-        });
-    };
-    const handleShow = () => {
-        if (!toggable.current || isPending)
-            return;
-        state.show = true;
-        onVisibleChange?.(true);
-        toggable.current = false;
-        startTransition(() => {
-            requestAnimationFrame(() => {
-                state.active = true;
-                toggable.current = true;
-            });
-        });
-    };
-    react.useEffect(() => {
-        visible ? handleShow() : handleHide();
-    }, [visible]);
-    const handleBackdropClick = () => {
-        backdropClosable && handleHide();
-    };
-    hooks.useKeydown((e) => {
-        if (e.code !== "Escape" || !visible)
-            return;
-        handleHide();
-    }, {
-        disabled: disabledEsc,
-    });
-    if (!state.show)
-        return null;
-    const container = typeof document === "undefined" ? null : document.body;
-    if (!container)
-        return null;
-    return reactDom.createPortal(jsxRuntime.jsx("div", { className: classNames__default("i-backdrop-drawer", className, {
-            "i-active": state.active,
-        }), onClick: handleBackdropClick, ...restProps, children: jsxRuntime.jsxs("div", { className: classNames__default("i-drawer", `i-drawer-${position}`), onClick: (e) => e.stopPropagation(), children: [header && (jsxRuntime.jsxs("header", { className: 'i-drawer-header', children: [header, !hideCloseButton && (jsxRuntime.jsx(helpericon.default, { className: 'i-drawer-close', onClick: handleHide }))] })), jsxRuntime.jsx("div", { className: 'i-drawer-content', children: children }), footer && jsxRuntime.jsx("div", { className: 'i-drawer-footer', children: footer })] }) }), container);
-}
-
-exports.default = Drawer;
-//# sourceMappingURL=drawer.js.map

package/lib/cjs/components/drawer/drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.js","sources":["../../../../packages/components/drawer/drawer.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef, useTransition } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useKeydown, useReactive } from \"../../js/hooks\";\nimport Helpericon from \"../utils/helpericon\";\nimport \"./index.css\";\nimport { IDrawer } from \"./type\";\n\nfunction Drawer(props: IDrawer) {\n\tconst {\n\t\tvisible,\n\t\tposition = \"left\",\n\t\theader,\n\t\tfooter,\n\t\tbackdropClosable = true,\n\t\thideCloseButton,\n\t\tkeepDOM,\n\t\tclassName,\n\t\tdisabledEsc,\n\t\tchildren,\n\t\tonVisibleChange,\n\t\tonClose,\n\t\t...restProps\n\t} = props;\n\n\tconst toggable = useRef(true);\n\tconst state = useReactive({\n\t\tshow: visible,\n\t\tactive: visible,\n\t});\n\tconst [isPending, startTransition] = useTransition();\n\n\tconst handleHide = () => {\n\t\tif (!toggable.current || isPending) return;\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\tstate.active = false;\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (!keepDOM) {\n\t\t\t\t\tstate.show = false;\n\t\t\t\t}\n\t\t\t\tonVisibleChange?.(false);\n\t\t\t\ttoggable.current = true;\n\t\t\t\tonClose?.();\n\t\t\t}, 240);\n\t\t});\n\t};\n\n\tconst handleShow = () => {\n\t\tif (!toggable.current || isPending) return;\n\n\t\tstate.show = true;\n\t\tonVisibleChange?.(true);\n\t\ttoggable.current = false;\n\n\t\tstartTransition(() => {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tstate.active = true;\n\t\t\t\ttoggable.current = true;\n\t\t\t});\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tvisible ? handleShow() : handleHide();\n\t}, [visible]);\n\n\tconst handleBackdropClick = () => {\n\t\tbackdropClosable && handleHide();\n\t};\n\n\tuseKeydown(\n\t\t(e) => {\n\t\t\tif (e.code !== \"Escape\" || !visible) return;\n\t\t\thandleHide();\n\t\t},\n\t\t{\n\t\t\tdisabled: disabledEsc,\n\t\t}\n\t);\n\n\tif (!state.show) return null;\n\n\tconst container =\n\t\ttypeof document === \"undefined\" ? null : document.body;\n\tif (!container) return null;\n\n\treturn createPortal(\n\t\t<div\n\t\t\tclassName={classNames(\"i-backdrop-drawer\", className, {\n\t\t\t\t\"i-active\": state.active,\n\t\t\t})}\n\t\t\tonClick={handleBackdropClick}\n\t\t\t{...restProps}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\"i-drawer\", `i-drawer-${position}`)}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<header className='i-drawer-header'>\n\t\t\t\t\t\t{header}\n\n\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t<Helpericon\n\t\t\t\t\t\t\t\tclassName='i-drawer-close'\n\t\t\t\t\t\t\t\tonClick={handleHide}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</header>\n\t\t\t\t)}\n\n\t\t\t\t<div className='i-drawer-content'>{children}</div>\n\n\t\t\t\t{footer && <div className='i-drawer-footer'>{footer}</div>}\n\t\t\t</div>\n\t\t</div>,\n\t\tcontainer\n\t);\n}\n\nexport default Drawer;\n"],"names":["useRef","useReactive","useTransition","useEffect","useKeydown","createPortal","_jsx","classNames","_jsxs","Helpericon"],"mappings":"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"}

package/lib/cjs/components/drawer/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var drawer = require('./drawer.js');
-
-
-
-exports.default = drawer.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/cjs/components/dropdown/dropdown.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var list = require('../list/list.js');
-var popup = require('../popup/popup.js');
-var item = require('./item.js');
-
-const DropdownCloseCtx = react.createContext(null);
-const Dropdown = (props) => {
-    const { visible, width, content, children, ...restProps } = props;
-    const [active, setActive] = react.useState(visible);
-    if (!content) {
-        return children;
-    }
-    const close = () => setActive(false);
-    const handleVisibleChange = (v) => {
-        setActive(v);
-        if (props.onVisibleChange) {
-            props.onVisibleChange(v);
-        }
-    };
-    react.useEffect(() => {
-        setActive(visible);
-    }, [visible]);
-    return (jsxRuntime.jsx(popup.default, { trigger: 'click', position: 'bottom', content: jsxRuntime.jsx(DropdownCloseCtx.Provider, { value: close, children: jsxRuntime.jsx(list.default, { className: 'i-dropdown-content', style: { minWidth: width }, children: typeof content === "function"
-                    ? content(close)
-                    : content }) }), ...restProps, touchable: true, visible: active, onVisibleChange: handleVisibleChange, children: children }));
-};
-Dropdown.Item = item.default;
-
-exports.DropdownCloseCtx = DropdownCloseCtx;
-exports.default = Dropdown;
-//# sourceMappingURL=dropdown.js.map

package/lib/cjs/components/dropdown/dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","sources":["../../../../packages/components/dropdown/dropdown.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from \"react\";\nimport List from \"../list\";\nimport Popup from \"../popup\";\nimport \"./index.css\";\nimport Item from \"./item\";\nimport { IDropdown } from \"./type\";\n\nexport const DropdownCloseCtx = createContext<(() => void) | null>(null);\n\nconst Dropdown = (props: IDropdown) => {\n\tconst { visible, width, content, children, ...restProps } = props;\n\tconst [active, setActive] = useState(visible);\n\n\tif (!content) {\n\t\treturn children;\n\t}\n\n\tconst close = () => setActive(false);\n\n\tconst handleVisibleChange = (v: boolean) => {\n\t\tsetActive(v);\n\t\tif (props.onVisibleChange) {\n\t\t\tprops.onVisibleChange(v);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetActive(visible);\n\t}, [visible]);\n\n\treturn (\n\t\t<Popup\n\t\t\ttrigger='click'\n\t\t\tposition='bottom'\n\t\t\tcontent={\n\t\t\t\t<DropdownCloseCtx.Provider value={close}>\n\t\t\t\t\t<List\n\t\t\t\t\t\tclassName='i-dropdown-content'\n\t\t\t\t\t\tstyle={{ minWidth: width }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{typeof content === \"function\"\n\t\t\t\t\t\t\t? content(close)\n\t\t\t\t\t\t\t: content}\n\t\t\t\t\t</List>\n\t\t\t\t</DropdownCloseCtx.Provider>\n\t\t\t}\n\t\t\t{...restProps}\n\t\t\ttouchable\n\t\t\tvisible={active}\n\t\t\tonVisibleChange={handleVisibleChange}\n\t\t>\n\t\t\t{children}\n\t\t</Popup>\n\t);\n};\n\nDropdown.Item = Item;\n\nexport default Dropdown;\n"],"names":["createContext","useState","useEffect","_jsx","Popup","List","Item"],"mappings":";;;;;;;;;;MAOa,gBAAgB,GAAGA,mBAAa,CAAsB,IAAI;AAEvE,MAAM,QAAQ,GAAG,CAAC,KAAgB,KAAI;AACrC,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;IACjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,OAAO,CAAC;IAE7C,IAAI,CAAC,OAAO,EAAE;AACb,QAAA,OAAO,QAAQ;IAChB;IAEA,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,KAAK,CAAC;AAEpC,IAAA,MAAM,mBAAmB,GAAG,CAAC,CAAU,KAAI;QAC1C,SAAS,CAAC,CAAC,CAAC;AACZ,QAAA,IAAI,KAAK,CAAC,eAAe,EAAE;AAC1B,YAAA,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACzB;AACD,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;QACd,SAAS,CAAC,OAAO,CAAC;AACnB,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACCC,cAAA,CAACC,aAAK,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACND,eAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,YACtCA,cAAA,CAACE,YAAI,IACJ,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAEzB,OAAO,OAAO,KAAK;AACnB,sBAAE,OAAO,CAAC,KAAK;sBACb,OAAO,EAAA,CACJ,EAAA,CACoB,KAEzB,SAAS,EACb,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,mBAAmB,YAEnC,QAAQ,EAAA,CACF;AAEV;AAEA,QAAQ,CAAC,IAAI,GAAGC,YAAI;;;;;"}

package/lib/cjs/components/dropdown/index.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dropdown = require('./dropdown.js');
-
-
-
-exports.default = dropdown.default;
-//# sourceMappingURL=index.js.map

package/lib/cjs/components/dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/cjs/components/dropdown/item.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var list = require('../list/list.js');
-var popup = require('../popup/popup.js');
-var dropdown = require('./dropdown.js');
-
-const { Item: ListItem } = list.default;
-const Item = (props) => {
-    const { more, moreProps, onClick, ref: itemRef, children, ...restProps } = props;
-    const close = react.useContext(dropdown.DropdownCloseCtx);
-    const liRef = react.useRef(null);
-    const [position, setPosition] = react.useState("right");
-    const { position: morePosition, onVisibleChange: moreOnVisibleChange, width: moreWidth, ...restMoreProps } = moreProps ?? {};
-    const effectivePosition = morePosition ?? position;
-    const handleVisibleChange = (v) => {
-        if (v && liRef.current) {
-            const rect = liRef.current.getBoundingClientRect();
-            setPosition(rect.left > window.innerWidth / 2 ? "left" : "right");
-        }
-        moreOnVisibleChange?.(v);
-    };
-    const Li = (jsxRuntime.jsx(ListItem, { ref: itemRef ?? liRef, onClick: (e) => {
-            e.stopPropagation();
-            if (!more)
-                close?.();
-            onClick?.(e);
-        }, ...restProps, children: children }));
-    if (!more)
-        return Li;
-    return (jsxRuntime.jsx(popup.default, { ...restMoreProps, position: effectivePosition, touchable: true, arrow: false, align: "start", offset: 11, hideDelay: 240, onVisibleChange: handleVisibleChange, content: jsxRuntime.jsx(list.default, { className: "i-dropdown-content", style: { minWidth: moreWidth }, onClick: (e) => e.stopPropagation(), children: more }), children: Li }));
-};
-
-exports.default = Item;
-//# sourceMappingURL=item.js.map