@pega/lists-react 10.0.0-build.2.13 → 10.0.0-build.2.14

package/lib/Core/Views/Timeline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Timeline/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAiGlE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,GAAI,UAAU,iBAAiB,4CAoG5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Timeline/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAiGlE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,QAAQ,GAAI,UAAU,iBAAiB,4CAwG5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/Core/Views/Timeline/index.js

@@ -94,11 +94,15 @@ const Timeline = ({ view }) => {
         }
     }, [loading, view.type, meta.numberOfRows, rows?.length, visibleGroupHeaders, groupHeaders]);
     useEffect(() => {
-        if (rows !== undefined && rows.length !== 0)
+        const rowsLength = rows?.length ?? 0;
+        if (rowsLength !== 0 || rowsLength === count.total)
             return;
-        const endIndex = calculatePaginationEndIndex(groupHeaders, meta.numberOfRows || INITIAL_DEFAULT_CHUNK_SIZE);
-        view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });
-    }, [view.type, meta.numberOfRows, rows, groupHeaders]);
+        if (!loading) {
+            setLoading(true);
+            const endIndex = calculatePaginationEndIndex(groupHeaders, meta.numberOfRows || INITIAL_DEFAULT_CHUNK_SIZE);
+            view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });
+        }
+    }, [view.type, meta.numberOfRows, rows, groupHeaders, count.total, loading]);
     useEffect(() => {
         setHasMore(rows.length !== count.total);
         if (paginationEndIndex <= rows.length + visibleGroupHeaders || rows.length === count.total) {

package/lib/Core/Views/Timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Timeline/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, useMemo, useState, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, useFullscreenContext } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\n// TODO remove ts-ignore once Toolbar migrated to TS\n// @ts-ignore\nimport Toolbar from '../../Components/Toolbar';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport getCount from '../../Components/Toolbar/utils/getCount';\nimport { EXTERNAL_FILTERS } from '../../constants';\nimport RsCardWrapper from '../RsCardWrapper';\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\nimport EmptyContainer from '../../Components/DefaultComponents/EmptyContainer';\nimport { isFilterApplied } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport TimelineInner from './Timeline';\nimport getActivities from './utils';\n\nconst StyledTimeline = styled(TimelineInner)(({ theme }) => {\n  return css`\n    flex: 1;\n    padding-inline-end: ${theme.base.spacing};\n    overflow: auto;\n  `;\n});\n\nStyledTimeline.defaultProps = defaultThemeProp;\n\ninterface StyledTimelineContainerProps {\n  view: RsCoreTypes.View;\n  isFullscreen: boolean;\n}\n\nconst StyledTimelineContainer = styled.div<StyledTimelineContainerProps>(\n  ({ view, isFullscreen }) => {\n    return css`\n      position: relative;\n      ${() => generateRSHeightStyles({ view, isFullscreen })}\n    `;\n  }\n);\n\ninterface StyledRowContainerProps {\n  isFullscreen: boolean;\n  view: RsCoreTypes.View;\n}\n\nconst StyledRowContainer = styled.div<StyledRowContainerProps>(({ isFullscreen, view }) => {\n  const { bodyHeight, totalItemCount } = view;\n  return css`\n    ${() => generateRSDataContainerHeightStyles()};\n    position: relative;\n    min-height: auto;\n    flex-grow: 0;\n\n    /* Adjust height based on number of rows configured */\n    height: ${bodyHeight && !isFullscreen ? `${bodyHeight}px` : 'auto'};\n\n    ${totalItemCount === 0 &&\n    css`\n      /* stylelint-disable-next-line unit-allowed-list */\n      min-height: 100px;\n      height: inherit;\n    `}\n  `;\n});\n\nconst INITIAL_DEFAULT_CHUNK_SIZE = 40;\nconst APPEND_DEFAULT_CHUNK_SIZE = 25;\n\n/**\n * Calculates the pagination endIndex by walking groups in order.\n * - Collapsed groups: their full row count is always added (rows are loaded but hidden).\n * - Expanded groups: group's row count added up to chunk size limit\n */\nconst calculatePaginationEndIndex = (\n  groupHeaders: RsCoreTypes.GroupGenerator[] | undefined,\n  chunkSize: number\n): number => {\n  if (!groupHeaders?.length) return chunkSize;\n\n  let endIndex = 0;\n  let remainingBudget = chunkSize;\n\n  for (const header of groupHeaders) {\n    if (!header.isExpanded) {\n      endIndex += header.count ?? 0;\n    } else {\n      const rowsToLoad = Math.min(remainingBudget, header.count ?? 0);\n      endIndex += rowsToLoad;\n      remainingBudget -= rowsToLoad;\n      if (remainingBudget <= 0) break;\n    }\n  }\n\n  return endIndex;\n};\n\nexport interface TimelineViewProps {\n  view: RsCoreTypes.View;\n}\n\nconst Timeline = ({ view }: TimelineViewProps) => {\n  const isFullscreen = !!useFullscreenContext()?.[0];\n  const [translate] = useTranslate();\n  const {\n    rows,\n    meta = { fieldDefs: [] as RsCoreTypes.FieldDef[], itemKey: '' } as RsCoreTypes.Meta,\n    columns,\n    groupHeaders,\n    state,\n    domContainer,\n    hasNoRecords,\n    type: { toggleGroupExpansion }\n  } = view;\n  const { filterExpression, externalState, searchText, paginationOptions, groups } = state;\n  const ref = useRef<HTMLTableElement>(null);\n  const [loading, setLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n\n  const count = getCount({ view });\n  const visibleGroupHeaders = groupHeaders?.filter(({ isVisible }) => isVisible)?.length ?? 0;\n  const paginationEndIndex = paginationOptions?.rootVirtualiser?.endIndex ?? 0;\n\n  const onLoadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n      const endIndex =\n        visibleGroupHeaders +\n        calculatePaginationEndIndex(\n          groupHeaders,\n          (rows?.length ?? 0) + (meta.numberOfRows || APPEND_DEFAULT_CHUNK_SIZE)\n        );\n      view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });\n    }\n  }, [loading, view.type, meta.numberOfRows, rows?.length, visibleGroupHeaders, groupHeaders]);\n\n  useEffect(() => {\n    if (rows !== undefined && rows.length !== 0) return;\n    const endIndex = calculatePaginationEndIndex(\n      groupHeaders,\n      meta.numberOfRows || INITIAL_DEFAULT_CHUNK_SIZE\n    );\n    view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });\n  }, [view.type, meta.numberOfRows, rows, groupHeaders]);\n\n  useEffect(() => {\n    setHasMore(rows!.length !== count.total);\n    if (paginationEndIndex <= rows!.length + visibleGroupHeaders || rows!.length === count.total) {\n      setLoading(false);\n    }\n  }, [count.total, rows!.length, paginationEndIndex, visibleGroupHeaders]);\n\n  const activities = useMemo(\n    () => getActivities(groupHeaders, columns, meta, groups?.[0]),\n    [groupHeaders, columns, meta, groups?.[0]]\n  );\n\n  let loadMore;\n  if (hasMore) {\n    loadMore = onLoadMore;\n  }\n\n  return (\n    <RsCardWrapper>\n      <StyledTimelineContainer view={view} isFullscreen={isFullscreen}>\n        <Toolbar view={view} />\n        <RenderView view={view} type={EXTERNAL_FILTERS} />\n\n        <StyledRowContainer\n          className='container row-container'\n          isFullscreen={isFullscreen}\n          view={view}\n        >\n          <StyledTimeline\n            activities={activities}\n            currentTime={new Date()}\n            groupBy={groups?.[0]}\n            loading={loading || !rows || !!view.isLoading}\n            loadMore={loadMore}\n            toggleGroupExpansion={toggleGroupExpansion}\n            data-test-id='Timeline'\n            ref={ref}\n          />\n          {domContainer && hasNoRecords && (\n            <EmptyContainer\n              message={\n                isFilterApplied(\n                  { filterExpression, searchText, externalState },\n                  meta.externalFilters\n                )\n                  ? translate('No records found')\n                  : translate('No records')\n              }\n              domContainer={domContainer}\n              shouldAnnounce={false}\n            />\n          )}\n        </StyledRowContainer>\n      </StyledTimelineContainer>\n    </RsCardWrapper>\n  );\n};\n\nexport default Timeline;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Timeline/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useCallback, useMemo, useState, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, useFullscreenContext } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\n// TODO remove ts-ignore once Toolbar migrated to TS\n// @ts-ignore\nimport Toolbar from '../../Components/Toolbar';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport getCount from '../../Components/Toolbar/utils/getCount';\nimport { EXTERNAL_FILTERS } from '../../constants';\nimport RsCardWrapper from '../RsCardWrapper';\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\nimport EmptyContainer from '../../Components/DefaultComponents/EmptyContainer';\nimport { isFilterApplied } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport TimelineInner from './Timeline';\nimport getActivities from './utils';\n\nconst StyledTimeline = styled(TimelineInner)(({ theme }) => {\n  return css`\n    flex: 1;\n    padding-inline-end: ${theme.base.spacing};\n    overflow: auto;\n  `;\n});\n\nStyledTimeline.defaultProps = defaultThemeProp;\n\ninterface StyledTimelineContainerProps {\n  view: RsCoreTypes.View;\n  isFullscreen: boolean;\n}\n\nconst StyledTimelineContainer = styled.div<StyledTimelineContainerProps>(\n  ({ view, isFullscreen }) => {\n    return css`\n      position: relative;\n      ${() => generateRSHeightStyles({ view, isFullscreen })}\n    `;\n  }\n);\n\ninterface StyledRowContainerProps {\n  isFullscreen: boolean;\n  view: RsCoreTypes.View;\n}\n\nconst StyledRowContainer = styled.div<StyledRowContainerProps>(({ isFullscreen, view }) => {\n  const { bodyHeight, totalItemCount } = view;\n  return css`\n    ${() => generateRSDataContainerHeightStyles()};\n    position: relative;\n    min-height: auto;\n    flex-grow: 0;\n\n    /* Adjust height based on number of rows configured */\n    height: ${bodyHeight && !isFullscreen ? `${bodyHeight}px` : 'auto'};\n\n    ${totalItemCount === 0 &&\n    css`\n      /* stylelint-disable-next-line unit-allowed-list */\n      min-height: 100px;\n      height: inherit;\n    `}\n  `;\n});\n\nconst INITIAL_DEFAULT_CHUNK_SIZE = 40;\nconst APPEND_DEFAULT_CHUNK_SIZE = 25;\n\n/**\n * Calculates the pagination endIndex by walking groups in order.\n * - Collapsed groups: their full row count is always added (rows are loaded but hidden).\n * - Expanded groups: group's row count added up to chunk size limit\n */\nconst calculatePaginationEndIndex = (\n  groupHeaders: RsCoreTypes.GroupGenerator[] | undefined,\n  chunkSize: number\n): number => {\n  if (!groupHeaders?.length) return chunkSize;\n\n  let endIndex = 0;\n  let remainingBudget = chunkSize;\n\n  for (const header of groupHeaders) {\n    if (!header.isExpanded) {\n      endIndex += header.count ?? 0;\n    } else {\n      const rowsToLoad = Math.min(remainingBudget, header.count ?? 0);\n      endIndex += rowsToLoad;\n      remainingBudget -= rowsToLoad;\n      if (remainingBudget <= 0) break;\n    }\n  }\n\n  return endIndex;\n};\n\nexport interface TimelineViewProps {\n  view: RsCoreTypes.View;\n}\n\nconst Timeline = ({ view }: TimelineViewProps) => {\n  const isFullscreen = !!useFullscreenContext()?.[0];\n  const [translate] = useTranslate();\n  const {\n    rows,\n    meta = { fieldDefs: [] as RsCoreTypes.FieldDef[], itemKey: '' } as RsCoreTypes.Meta,\n    columns,\n    groupHeaders,\n    state,\n    domContainer,\n    hasNoRecords,\n    type: { toggleGroupExpansion }\n  } = view;\n  const { filterExpression, externalState, searchText, paginationOptions, groups } = state;\n  const ref = useRef<HTMLTableElement>(null);\n  const [loading, setLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n\n  const count = getCount({ view });\n  const visibleGroupHeaders = groupHeaders?.filter(({ isVisible }) => isVisible)?.length ?? 0;\n  const paginationEndIndex = paginationOptions?.rootVirtualiser?.endIndex ?? 0;\n\n  const onLoadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n      const endIndex =\n        visibleGroupHeaders +\n        calculatePaginationEndIndex(\n          groupHeaders,\n          (rows?.length ?? 0) + (meta.numberOfRows || APPEND_DEFAULT_CHUNK_SIZE)\n        );\n      view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });\n    }\n  }, [loading, view.type, meta.numberOfRows, rows?.length, visibleGroupHeaders, groupHeaders]);\n\n  useEffect(() => {\n    const rowsLength = rows?.length ?? 0;\n    if (rowsLength !== 0 || rowsLength === count.total) return;\n    if (!loading) {\n      setLoading(true);\n      const endIndex = calculatePaginationEndIndex(\n        groupHeaders,\n        meta.numberOfRows || INITIAL_DEFAULT_CHUNK_SIZE\n      );\n      view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });\n    }\n  }, [view.type, meta.numberOfRows, rows, groupHeaders, count.total, loading]);\n\n  useEffect(() => {\n    setHasMore(rows!.length !== count.total);\n    if (paginationEndIndex <= rows!.length + visibleGroupHeaders || rows!.length === count.total) {\n      setLoading(false);\n    }\n  }, [count.total, rows!.length, paginationEndIndex, visibleGroupHeaders]);\n\n  const activities = useMemo(\n    () => getActivities(groupHeaders, columns, meta, groups?.[0]),\n    [groupHeaders, columns, meta, groups?.[0]]\n  );\n\n  let loadMore;\n  if (hasMore) {\n    loadMore = onLoadMore;\n  }\n\n  return (\n    <RsCardWrapper>\n      <StyledTimelineContainer view={view} isFullscreen={isFullscreen}>\n        <Toolbar view={view} />\n        <RenderView view={view} type={EXTERNAL_FILTERS} />\n\n        <StyledRowContainer\n          className='container row-container'\n          isFullscreen={isFullscreen}\n          view={view}\n        >\n          <StyledTimeline\n            activities={activities}\n            currentTime={new Date()}\n            groupBy={groups?.[0]}\n            loading={loading || !rows || !!view.isLoading}\n            loadMore={loadMore}\n            toggleGroupExpansion={toggleGroupExpansion}\n            data-test-id='Timeline'\n            ref={ref}\n          />\n          {domContainer && hasNoRecords && (\n            <EmptyContainer\n              message={\n                isFilterApplied(\n                  { filterExpression, searchText, externalState },\n                  meta.externalFilters\n                )\n                  ? translate('No records found')\n                  : translate('No records')\n              }\n              domContainer={domContainer}\n              shouldAnnounce={false}\n            />\n          )}\n        </StyledRowContainer>\n      </StyledTimelineContainer>\n    </RsCardWrapper>\n  );\n};\n\nexport default Timeline;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-react",
-  "version": "10.0.0-build.2.13",
+  "version": "10.0.0-build.2.14",
   "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,17 +14,17 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "10.0.0-build.2.13",
-    "@pega/cosmos-react-core": "10.0.0-build.2.13",
-    "@pega/cosmos-react-rte": "10.0.0-build.2.13",
+    "@pega/cosmos-react-condition-builder": "10.0.0-build.2.14",
+    "@pega/cosmos-react-core": "10.0.0-build.2.14",
+    "@pega/cosmos-react-rte": "10.0.0-build.2.14",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",
     "lodash-es": "^4.18.1",
-    "pega-repeating-structures-core": "npm:@pega/lists-core@10.0.0-build.2.13",
-    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@10.0.0-build.2.13",
+    "pega-repeating-structures-core": "npm:@pega/lists-core@10.0.0-build.2.14",
+    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@10.0.0-build.2.14",
     "polished": "^4.1.0",
     "prop-types": "^15.8.1",
     "react": "^17.0.0 || ^18.0.0",
@@ -42,7 +42,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
     "jest-axe": "^8.0.0",
-    "srs-utils": "10.0.0-build.2.13",
+    "srs-utils": "10.0.0-build.2.14",
     "typescript": "~5.9.3"
   }
 }