@aloudata/aloudata-design 3.0.0-beta.8 → 3.0.0

package/dist/_utils/SimpleOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleOverflow.js","names":[],"sources":["../../src/_utils/SimpleOverflow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SimpleOverflowProps<T> {\n  data: T[];\n  renderItem: (item: T, index: number) => React.ReactNode;\n  renderRest?: (omittedItems: T[]) => React.ReactNode;\n  suffix?: React.ReactNode;\n  itemKey?: string | ((item: T) => string);\n  maxCount?: 'responsive' | number;\n  className?: string;\n  prefixCls?: string;\n  onVisibleChange?: (visibleCount: number) => void;\n}\n\nexport default function SimpleOverflow<T>(props: SimpleOverflowProps<T>) {\n  const {\n    data,\n    renderItem,\n    renderRest,\n    suffix,\n    itemKey,\n    className,\n    prefixCls,\n    onVisibleChange,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = useState(data.length);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const measure = () => {\n      const overflowItems: HTMLElement[] = [];\n      for (const child of Array.from(container.children)) {\n        if ((child as HTMLElement).dataset.overflowItem === 'true') {\n          overflowItems.push(child as HTMLElement);\n        }\n      }\n      if (overflowItems.length === 0) return;\n\n      // Temporarily show all items so we can measure their natural positions\n      const savedDisplays = overflowItems.map((el) => el.style.display);\n      overflowItems.forEach((el) => {\n        el.style.display = '';\n      });\n      // Force synchronous reflow\n      void container.offsetHeight;\n\n      const containerRect = container.getBoundingClientRect();\n      let count = 0;\n      for (const el of overflowItems) {\n        const rect = el.getBoundingClientRect();\n        if (rect.right <= containerRect.right - 40) {\n          count++;\n        } else {\n          break;\n        }\n      }\n\n      // Restore display values before React re-renders\n      overflowItems.forEach((el, i) => {\n        el.style.display = savedDisplays[i];\n      });\n\n      const newCount = Math.max(1, Math.min(count, data.length));\n      setVisibleCount(newCount);\n      onVisibleChange?.(newCount);\n    };\n\n    measure();\n    const ro = new window.ResizeObserver(measure);\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [data.length, onVisibleChange]);\n\n  const getKey = (item: T, index: number) => {\n    if (typeof itemKey === 'function') return itemKey(item);\n    if (typeof itemKey === 'string')\n      return (item as Record<string, string>)[itemKey];\n    return String(index);\n  };\n\n  const omittedItems = data.slice(visibleCount);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        prefixCls,\n        'tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden',\n        className,\n      )}\n    >\n      {data.map((item, index) => (\n        <div\n          key={getKey(item, index)}\n          data-overflow-item=\"true\"\n          className={prefixCls ? `${prefixCls}-item` : undefined}\n          style={{\n            display: index < visibleCount ? undefined : 'none',\n          }}\n        >\n          {renderItem(item, index)}\n        </div>\n      ))}\n      {omittedItems.length > 0 && renderRest?.(omittedItems)}\n      {suffix}\n    </div>\n  );\n}\n"],"mappings":";;;;AAeA,SAAwB,eAAkB,OAA+B;CACvE,MAAM,EACJ,MACA,YACA,YACA,QACA,SACA,WACA,WACA,oBACE;CAEJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK,OAAO;AAE7D,iBAAgB;EACd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,gBAAgB;GACpB,MAAM,gBAA+B,EAAE;AACvC,QAAK,MAAM,SAAS,MAAM,KAAK,UAAU,SAAS,CAChD,KAAK,MAAsB,QAAQ,iBAAiB,OAClD,eAAc,KAAK,MAAqB;AAG5C,OAAI,cAAc,WAAW,EAAG;GAGhC,MAAM,gBAAgB,cAAc,KAAK,OAAO,GAAG,MAAM,QAAQ;AACjE,iBAAc,SAAS,OAAO;AAC5B,OAAG,MAAM,UAAU;KACnB;AAEF,GAAK,UAAU;GAEf,MAAM,gBAAgB,UAAU,uBAAuB;GACvD,IAAI,QAAQ;AACZ,QAAK,MAAM,MAAM,cAEf,KADa,GAAG,uBAAuB,CAC9B,SAAS,cAAc,QAAQ,GACtC;OAEA;AAKJ,iBAAc,SAAS,IAAI,MAAM;AAC/B,OAAG,MAAM,UAAU,cAAc;KACjC;GAEF,MAAM,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,KAAK,OAAO,CAAC;AAC1D,mBAAgB,SAAS;AACzB,qBAAkB,SAAS;;AAG7B,WAAS;EACT,MAAM,KAAK,IAAI,OAAO,eAAe,QAAQ;AAC7C,KAAG,QAAQ,UAAU;AACrB,eAAa,GAAG,YAAY;IAC3B,CAAC,KAAK,QAAQ,gBAAgB,CAAC;CAElC,MAAM,UAAU,MAAS,UAAkB;AACzC,MAAI,OAAO,YAAY,WAAY,QAAO,QAAQ,KAAK;AACvD,MAAI,OAAO,YAAY,SACrB,QAAQ,KAAgC;AAC1C,SAAO,OAAO,MAAM;;CAGtB,MAAM,eAAe,KAAK,MAAM,aAAa;AAE7C,QACE,qBAAC,OAAD;EACE,KAAK;EACL,WAAW,GACT,WACA,6DACA,UACD;YANH;GAQG,KAAK,KAAK,MAAM,UACf,oBAAC,OAAD;IAEE,sBAAmB;IACnB,WAAW,YAAY,GAAG,UAAU,SAAS;IAC7C,OAAO,EACL,SAAS,QAAQ,eAAe,SAAY,QAC7C;cAEA,WAAW,MAAM,MAAM;IACpB,EARC,OAAO,MAAM,MAAM,CAQpB,CACN;GACD,aAAa,SAAS,KAAK,aAAa,aAAa;GACrD;GACG"}