playbook_ui 14.15.0.pre.alpha.play1917lodashremoval2of36615 → 14.15.0.pre.rc.0

data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts

@@ -1,80 +0,0 @@
-/**
- * Utility functions to generate styles for table container
- */
-
-/**
- * Creates styles for a virtualized table container
- * These styles are critical for the virtualizer to work properly
- */
-export const getVirtualizedContainerStyles = (maxHeight?: string): React.CSSProperties => {
-    // Calculate height based on maxHeight prop or use default
-    let heightValue = '600px'; // Default height
-
-    if (maxHeight) {
-      switch (maxHeight) {
-        case 'xs':
-          heightValue = '200px';
-          break;
-        case 'sm':
-          heightValue = '300px';
-          break;
-        case 'md':
-          heightValue = '400px';
-          break;
-        case 'lg':
-          heightValue = '500px';
-          break;
-        case 'xl':
-          heightValue = '600px';
-          break;
-        case 'xxl':
-          heightValue = '700px';
-          break;
-        case 'xxxl':
-          heightValue = '800px';
-          break;
-        default:
-          if (maxHeight !== 'auto') {
-            heightValue = maxHeight; // Use custom value if provided
-          }
-      }
-    }
-
-    return {
-      overflow: 'auto',       // Critical: must have overflow:auto to enable scrolling
-      position: 'relative',   // Required for absolute positioning of virtualized rows
-      height: heightValue,    // Must have fixed height (not auto) for virtualization
-      width: '100%',          // Fill container width
-    };
-  };
-
-  /**
-   * Creates consistent row styles for virtualized table rows
-   * Matches the virtualized row height to the standard table
-   */
-  export const getVirtualizedRowStyle = (startPosition: number): React.CSSProperties => {
-    return {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: '40px', // Match standard table row height
-      transform: `translateY(${startPosition}px)`,
-      tableLayout: 'fixed',
-    };
-  };
-
-  /**
-   * Get height estimates for different row types
-   */
-  export const getRowHeightEstimate = (rowType: 'header' | 'row' | 'loading') => {
-    switch (rowType) {
-      case 'header':
-        return 40; // Header height
-      case 'loading':
-        return 30; // Loading indicator height
-      case 'row':
-      default:
-        return 40; // Standard row height - match this to your design system
-    }
-  };

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx

@@ -1,50 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data_infinite_scroll.json"
-
-const AdvancedTableInfiniteScroll = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          virtualizedRows
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableInfiniteScroll