@patternfly/react-table 6.2.0-prerelease.33 → 6.2.0-prerelease.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "6.2.0-prerelease.33",
+  "version": "6.2.0-prerelease.35",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -40,10 +40,10 @@
     "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-core": "^6.2.0-prerelease.32",
-    "@patternfly/react-icons": "^6.2.0-prerelease.11",
-    "@patternfly/react-styles": "^6.2.0-prerelease.10",
-    "@patternfly/react-tokens": "^6.2.0-prerelease.10",
+    "@patternfly/react-core": "^6.2.0-prerelease.34",
+    "@patternfly/react-icons": "^6.2.0-prerelease.12",
+    "@patternfly/react-styles": "^6.2.0-prerelease.11",
+    "@patternfly/react-tokens": "^6.2.0-prerelease.11",
     "lodash": "^4.17.21",
     "tslib": "^2.8.1"
   },
@@ -51,5 +51,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "dd8e4d8000ae6c32f35246929b9054bd5b4bee5b"
+  "gitHead": "06f0914bed087998e510eddc309c8ab44e2ab194"
 }

package/src/components/Table/Table.tsx

@@ -1,4 +1,4 @@
-import { createContext, forwardRef, useEffect, useRef, useState, type JSX } from 'react';
+import { createContext, forwardRef, useEffect, useRef, useState } from 'react';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import stylesGrid from '@patternfly/react-styles/css/components/Table/table-grid';
 import stylesTreeView from '@patternfly/react-styles/css/components/Table/table-tree-view';
@@ -105,7 +105,7 @@ const TableBase: React.FunctionComponent<TableProps> = ({
   const tableRef = innerRef || ref;
 
   const [hasSelectableRows, setHasSelectableRows] = useState(false);
-  const [tableCaption, setTableCaption] = useState<JSX.Element | undefined>();
+  const [tableCaption, setTableCaption] = useState<React.JSX.Element | undefined>();
 
   useEffect(() => {
     document.addEventListener('keydown', handleKeys);

package/src/components/Table/examples/TableSortableCustom.tsx

@@ -48,7 +48,7 @@ export const TableSortableCustom: React.FunctionComponent = () => {
   const [activeSortDirection, setActiveSortDirection] = useState<'asc' | 'desc' | null>(null);
 
   // Sort dropdown expansion
-  // const [isSortDropdownOpen, setIsSortDropdownOpen] = React.useState(false);
+  // const [isSortDropdownOpen, setIsSortDropdownOpen] = useState(false);
 
   // Since OnSort specifies sorted columns by index, we need sortable values for our object by column index.
   // This example is trivial since our data objects just contain strings, but if the data was more complex

package/src/demos/Table.md

@@ -3,6 +3,8 @@ id: Table
 section: components
 ---
 
+import { Fragment, ReactNode, useEffect, useState } from 'react';
+
 import {
 Checkbox,
 Content,

package/src/demos/examples/TableBulkSelect.tsx

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import {
   Dropdown,
   DropdownList,
@@ -18,12 +19,12 @@ import { rows, columns, SampleDataRow } from '@patternfly/react-table/dist/esm/d
 import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper';
 
 export const TableBulkSelect: React.FunctionComponent = () => {
-  const [isBulkSelectDropdownOpen, setIsBulkSelectDropdownOpen] = React.useState(false);
-  const [bulkSelection, setBulkSelection] = React.useState('');
-  const [page, setPage] = React.useState(1);
-  const [perPage, setPerPage] = React.useState(10);
-  const [paginatedRows, setPaginatedRows] = React.useState(rows.slice(0, 10));
-  const [selectedRows, setSelectedRows] = React.useState<string[]>([]);
+  const [isBulkSelectDropdownOpen, setIsBulkSelectDropdownOpen] = useState(false);
+  const [bulkSelection, setBulkSelection] = useState('');
+  const [page, setPage] = useState(1);
+  const [perPage, setPerPage] = useState(10);
+  const [paginatedRows, setPaginatedRows] = useState(rows.slice(0, 10));
+  const [selectedRows, setSelectedRows] = useState<string[]>([]);
 
   const handleSetPage = (
     _evt: React.MouseEvent | React.KeyboardEvent | MouseEvent,

package/src/demos/examples/TableColumnManagement.tsx

@@ -1,4 +1,4 @@
-import { Fragment, useEffect, useState, type JSX } from 'react';
+import { Fragment, useEffect, useState } from 'react';
 
 import {
   Button,
@@ -386,7 +386,7 @@ export const TableColumnManagement: React.FunctionComponent = () => {
     </Modal>
   );
 
-  const renderLabel = (labelText: string): JSX.Element => {
+  const renderLabel = (labelText: string): React.JSX.Element => {
     switch (labelText) {
       case 'Running':
         return <Label color="green">{labelText}</Label>;

package/src/demos/examples/TableColumnManagementWithDraggable.tsx

@@ -1,4 +1,4 @@
-import { Fragment, useEffect, useState, type JSX } from 'react';
+import { Fragment, useEffect, useState } from 'react';
 
 import {
   Button,
@@ -281,7 +281,7 @@ export const TableColumnManagement: React.FunctionComponent = () => {
     </Modal>
   );
 
-  const renderLabel = (labelText: string): JSX.Element => {
+  const renderLabel = (labelText: string): React.JSX.Element => {
     switch (labelText) {
       case 'Running':
         return <Label color="green">{labelText}</Label>;

package/src/demos/examples/TableCompoundExpansion.tsx

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { ActionsColumn, Table, Thead, Tr, Th, Tbody, Td, ExpandableRowContent } from '@patternfly/react-table';
 import {
   Button,
@@ -25,7 +26,7 @@ import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 
 export const TableCompoundExpansion: React.FunctionComponent = () => {
   // In real usage, this data would come from some external source like an API via props.
-  const [isSelectOpen, setIsSelectOpen] = React.useState(false);
+  const [isSelectOpen, setIsSelectOpen] = useState(false);
 
   const NestedItemsTable = () => {
     // In real usage, this data would come from some external source like an API via props.
@@ -176,7 +177,7 @@ export const TableCompoundExpansion: React.FunctionComponent = () => {
   // In this example, expanded cells are tracked by the repo and property names from each row. This could be any pair of unique identifiers.
   // This is to prevent state from being based on row and column order index in case we later add sorting and rearranging columns.
   // Note that this behavior is very similar to selection state.
-  const [expandedCells, setExpandedCells] = React.useState<IDictionary<string>>({
+  const [expandedCells, setExpandedCells] = useState<IDictionary<string>>({
     'siemur/test-space': 'branches' // Default to the first cell of the first row being expanded
   });
   const setCellExpanded = (repo: Repo, columnKey: string, isExpanding = true) => {

package/src/deprecated/components/Table/Table.tsx

@@ -1,4 +1,4 @@
-import { Component, type JSX } from 'react';
+import { Component } from 'react';
 import { OUIAProps, getDefaultOUIAId } from '@patternfly/react-core/dist/esm/helpers/OUIA/ouia';
 import inlineStyles from '@patternfly/react-styles/css/components/InlineEdit/inline-edit';
 import { css } from '@patternfly/react-styles';
@@ -105,7 +105,7 @@ export interface TableProps extends OUIAProps {
   /** Wrapper for the body  */
   bodyWrapper?: Function;
   /** Wrapper for the row */
-  rowWrapper?: (props: RowWrapperProps) => JSX.Element;
+  rowWrapper?: (props: RowWrapperProps) => React.JSX.Element;
   /** A valid WAI-ARIA role to be applied to the table element */
   role?: string;
   /** If set to true, the table header sticks to the top of its container */

package/src/deprecated/components/Table/examples/LegacyTableSortableCustom.tsx

@@ -46,7 +46,7 @@ export const LegacyTableSortableCustom: React.FunctionComponent = () => {
   const [activeSortDirection, setActiveSortDirection] = useState<'asc' | 'desc' | null>(null);
 
   // Sort dropdown expansion
-  // const [isSortDropdownOpen, setIsSortDropdownOpen] = React.useState(false);
+  // const [isSortDropdownOpen, setIsSortDropdownOpen] = useState(false);
 
   // Since OnSort specifies sorted columns by index, we need sortable values for our object by column index.
   // This example is trivial since our data objects just contain strings, but if the data was more complex