@patternfly/react-core 6.3.0-prerelease.10 → 6.3.0-prerelease.11

package/helpers/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.3.0-prerelease.9","private":true}
+{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.3.0-prerelease.10","private":true}

package/layouts/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.3.0-prerelease.9","private":true}
+{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.3.0-prerelease.10","private":true}

package/next/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.3.0-prerelease.9","private":true}
+{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.3.0-prerelease.10","private":true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "6.3.0-prerelease.10",
+  "version": "6.3.0-prerelease.11",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -63,5 +63,5 @@
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
-  "gitHead": "601ae3a6626ee70faec4014d9d10d7c21d0555ab"
+  "gitHead": "23d5f17d1a0b2f51ca88bb337b4e77f391094edb"
 }

package/src/components/Timestamp/examples/TimestampBasicFormats.tsx

@@ -1,7 +1,7 @@
 import { Timestamp, TimestampFormat } from '@patternfly/react-core';
 
 export const TimestampBasicFormats: React.FunctionComponent = () => {
-  const currentDate = new Date();
+  const currentDate = new Date('2025-04-21T23:35:25');
 
   return (
     <>

package/src/components/Timestamp/examples/TimestampDefaultTooltip.tsx

@@ -1,7 +1,7 @@
 import { Timestamp, TimestampTooltipVariant } from '@patternfly/react-core';
 
 export const TimestampDefaultTooltip: React.FunctionComponent = () => {
-  const currentDate = new Date();
+  const currentDate = new Date('2025-04-21T14:30:00');
 
   return (
     <>

package/src/demos/RTL/RTL.md

@@ -18,6 +18,7 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
 import HandPaperIcon from '@patternfly/react-icons/dist/esm/icons/hand-paper-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
+import { rows } from '@patternfly/react-core/dist/esm/demos/sampleDataRTL';
 
 import './examples/PaginatedTable.css';
 

package/src/demos/RTL/examples/PaginatedTable.tsx

@@ -55,6 +55,7 @@ import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
 import HandPaperIcon from '@patternfly/react-icons/dist/esm/icons/hand-paper-icon';
 import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
+import { rows } from '@patternfly/react-core/dist/esm/demos/sampleDataRTL';
 
 interface Row {
   name: string;
@@ -81,45 +82,15 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
     translation.table.columns.url
   ];
 
-  const numRows: number = 25;
-  const getRandomInteger = (min: number, max: number) => Math.floor(Math.random() * (max - min + 1)) + min;
-  const createRows = () => {
-    const rows: Row[] = [];
-    for (let i = 0; i < numRows; i++) {
-      const num = i + 1;
-      const rowObj: Row = {
-        name: translation.table.rows.node + num,
-        status: [
-          translation.table.rows.status.stopped,
-          translation.table.rows.status.running,
-          translation.table.rows.status.down,
-          translation.table.rows.status.needsMaintenance
-        ][getRandomInteger(0, 3)],
-        location: [
-          translation.table.rows.locations.raleigh,
-          translation.table.rows.locations.boston,
-          translation.table.rows.locations.atlanta,
-          translation.table.rows.locations.sanFrancisco
-        ][getRandomInteger(0, 3)],
-        lastModified: [
-          translation.table.rows.lastModified.oneHr,
-          translation.table.rows.lastModified.threeHrs,
-          translation.table.rows.lastModified.fiveHrs,
-          translation.table.rows.lastModified.sevenMins,
-          translation.table.rows.lastModified.fortyTwoMins,
-          translation.table.rows.lastModified.twoDays,
-          translation.table.rows.lastModified.oneMonth
-        ][getRandomInteger(0, 6)],
-        url: 'http://www.redhat.com/en/office-locations/node' + num
-      };
-      rows.push(rowObj);
-    }
-
-    return rows;
-  };
+  const generateRowsFromTranslation = (translation: Translation): Row[] =>
+    rows.map((row, index) => ({
+      name: `${translation.table.rows.node}${index + 1}`,
+      status: translation.table.rows.status[row.status],
+      location: translation.table.rows.locations[row.location],
+      lastModified: translation.table.rows.lastModified[row.lastModified],
+      url: `http://www.redhat.com/en/office-locations/node${index + 1}`
+    }));
 
-  const rows = createRows();
-  const [managedRows, setManagedRows] = useState(rows);
   const [paginatedRows, setPaginatedRows] = useState<Row[]>(rows.slice(0, 10));
   const [isDirRTL, setIsDirRTL] = useState<boolean>(false);
 
@@ -131,9 +102,8 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
   };
 
   useEffect(() => {
-    const newRows = createRows();
-    setManagedRows(newRows);
-    setPaginatedRows(newRows.slice((page - 1) * perPage, page * perPage));
+    const fullRows = generateRowsFromTranslation(translation);
+    setPaginatedRows(fullRows.slice((page - 1) * perPage, page * perPage));
   }, [translation]);
 
   useEffect(() => {
@@ -150,7 +120,8 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
     startIdx: number | undefined,
     endIdx: number | undefined
   ) => {
-    setPaginatedRows(managedRows.slice(startIdx, endIdx));
+    const fullRows = generateRowsFromTranslation(translation);
+    setPaginatedRows(fullRows.slice(startIdx, endIdx));
     setPage(newPage);
   };
 
@@ -161,7 +132,8 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
     startIdx: number | undefined,
     endIdx: number | undefined
   ) => {
-    setPaginatedRows(managedRows.slice(startIdx, endIdx));
+    const fullRows = generateRowsFromTranslation(translation);
+    setPaginatedRows(fullRows.slice(startIdx, endIdx));
     setPerPage(newPerPage);
   };
 
@@ -170,7 +142,7 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
 
     return (
       <Pagination
-        itemCount={managedRows.length}
+        itemCount={rows.length}
         page={page}
         perPage={perPage}
         onSetPage={handleSetPage}