@pega/lists-react 9.0.0-build.2.9 → 9.0.0-build.20.0

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 { Timeline as TimelineCosmos } from '@pega/cosmos-react-work';\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 EmptyContainer from '../../Components/EmptyContainer';\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';\n\nimport getActivity, { mapDateFnToGroupOption } from './utility';\n\nconst StyledTimeline = styled(TimelineCosmos)(({ 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 {\n    bodyHeight,\n    totalItemCount,\n    meta: { basicMode }\n  } = view;\n  return css`\n    ${() => generateRSDataContainerHeightStyles()};\n    position: relative;\n    min-height: ${basicMode && totalItemCount === 0 ? '100px' : 'auto'};\n    flex-grow: 0;\n\n    /* Adjust height based on number of rows configured */\n    height: ${bodyHeight && !isFullscreen ? `${bodyHeight}px` : 'auto'};\n  `;\n});\n\nconst INITIAL_DEFAULT_CHUNK_SIZE = 40;\nconst APPEND_DEFAULT_CHUNK_SIZE = 25;\n\nexport interface TimelineViewProps {\n  view: RsCoreTypes.View;\n}\nconst Timeline = ({ view }: TimelineViewProps) => {\n  const isFullscreen = !!useFullscreenContext()?.[0];\n  const {\n    rows,\n    meta = { fieldDefs: [] as RsCoreTypes.FieldDef[], itemKey: '' } as RsCoreTypes.Meta,\n    columns,\n    groupHeaders,\n    state\n  } = view;\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 = state.paginationOptions?.rootVirtualiser?.endIndex ?? 0;\n\n  const onLoadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n      const endIndex =\n        rows!.length + visibleGroupHeaders + (meta.numberOfRows || APPEND_DEFAULT_CHUNK_SIZE);\n      view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });\n    }\n  }, [loading, view.type, meta.numberOfRows, rows!.length, visibleGroupHeaders]);\n\n  useEffect(() => {\n    view.type.onPaginate({\n      startIndex: 0,\n      endIndex: meta.numberOfRows || INITIAL_DEFAULT_CHUNK_SIZE,\n      id: 'rootVirtualiser'\n    });\n  }, [view.type, meta.numberOfRows]);\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 activity = useMemo(() => getActivity(rows, columns, meta), [rows, columns, meta]);\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            activity={activity || []}\n            currentTime={new Date()}\n            groupBy={mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction)}\n            loading={loading || !rows || !!view.isLoading}\n            loadMore={loadMore}\n            data-test-id='Timeline'\n            ref={ref}\n          />\n          <EmptyContainer view={view} />\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":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAGjF,oDAAoD;AACpD,aAAa;AACb,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,UAAU,MAAM,6CAA6C,CAAC;AACrE,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,mCAAmC,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,aAAa,MAAM,SAAS,CAAC;AAEpC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,OAAO,GAAG,CAAA;;0BAEc,KAAK,CAAC,IAAI,CAAC,OAAO;;GAEzC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAO/C,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CACxC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;IACzB,OAAO,GAAG,CAAA;;QAEN,GAAG,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;KACvD,CAAC;AACJ,CAAC,CACF,CAAC;AAOF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAA0B,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE;IACxF,MAAM,EACJ,UAAU,EACV,cAAc,EACd,IAAI,EAAE,EAAE,SAAS,EAAE,EACpB,GAAG,IAAI,CAAC;IACT,OAAO,GAAG,CAAA;MACN,GAAG,EAAE,CAAC,mCAAmC,EAAE;;kBAE/B,SAAS,IAAI,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;;;cAIxD,UAAU,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM;GACnE,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,0BAA0B,GAAG,EAAE,CAAC;AACtC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAMrC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,CAAC,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EACJ,IAAI,EACJ,IAAI,GAAG,EAAE,SAAS,EAAE,EAA4B,EAAE,OAAO,EAAE,EAAE,EAAsB,EACnF,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,YAAY,EACb,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzF,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACjC,MAAM,mBAAmB,GAAG,YAAY,EAAE,MAAM,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC;IAC5F,MAAM,kBAAkB,GAAG,iBAAiB,EAAE,eAAe,EAAE,QAAQ,IAAI,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,MAAM,QAAQ,GACZ,IAAK,CAAC,MAAM,GAAG,mBAAmB,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,yBAAyB,CAAC,CAAC;YACxF,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,IAAK,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YACnB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,IAAI,CAAC,YAAY,IAAI,0BAA0B;YACzD,EAAE,EAAE,iBAAiB;SACtB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,kBAAkB,IAAI,IAAK,CAAC,MAAM,GAAG,mBAAmB,IAAI,IAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC;YAC7F,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,IAAK,CAAC,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEzE,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7D,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAC3C,CAAC;IAEF,IAAI,QAAQ,CAAC;IACb,IAAI,OAAO,EAAE,CAAC;QACZ,QAAQ,GAAG,UAAU,CAAC;IACxB,CAAC;IAED,OAAO,CACL,KAAC,aAAa,cACZ,MAAC,uBAAuB,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,aAC7D,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,GAAI,EACvB,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,GAAI,EAElD,MAAC,kBAAkB,IACjB,SAAS,EAAC,yBAAyB,EACnC,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,aAEV,KAAC,cAAc,IACb,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,IAAI,IAAI,EAAE,EACvB,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EACpB,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAC7C,QAAQ,EAAE,QAAQ,kBACL,UAAU,EACvB,GAAG,EAAE,GAAG,GACR,EACD,YAAY,IAAI,YAAY,IAAI,CAC/B,KAAC,cAAc,IACb,OAAO,EACL,eAAe,CACb,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,EAC/C,IAAI,CAAC,eAAe,CACrB;gCACC,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC;gCAC/B,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC,EAE7B,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,KAAK,GACrB,CACH,IACkB,IACG,GACZ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","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 {\n    bodyHeight,\n    totalItemCount,\n    meta: { basicMode }\n  } = view;\n  return css`\n    ${() => generateRSDataContainerHeightStyles()};\n    position: relative;\n    min-height: ${basicMode && totalItemCount === 0 ? '100px' : 'auto'};\n    flex-grow: 0;\n\n    /* Adjust height based on number of rows configured */\n    height: ${bodyHeight && !isFullscreen ? `${bodyHeight}px` : 'auto'};\n  `;\n});\n\nconst INITIAL_DEFAULT_CHUNK_SIZE = 40;\nconst APPEND_DEFAULT_CHUNK_SIZE = 25;\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  } = 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        rows!.length + visibleGroupHeaders + (meta.numberOfRows || APPEND_DEFAULT_CHUNK_SIZE);\n      view.type.onPaginate({ startIndex: 0, endIndex, id: 'rootVirtualiser' });\n    }\n  }, [loading, view.type, meta.numberOfRows, rows!.length, visibleGroupHeaders]);\n\n  useEffect(() => {\n    view.type.onPaginate({\n      startIndex: 0,\n      endIndex: meta.numberOfRows || INITIAL_DEFAULT_CHUNK_SIZE,\n      id: 'rootVirtualiser'\n    });\n  }, [view.type, meta.numberOfRows]);\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            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/lib/Core/Views/Timeline/utils.d.ts

@@ -0,0 +1,10 @@
+import type { DateTimeVariant } from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+import type { Group } from 'pega-repeating-structures-core/lib/types/State.types';
+import type TimelineProps from './Timeline.types';
+export declare const dateDisplayVariants: Partial<Record<NonNullable<Group['dateFunction']>, DateTimeVariant>>;
+declare const getActivities: (groupHeaders: RsCoreTypes.View["groupHeaders"], columns: RsCoreTypes.View["columns"], { timelineFields, timezone, defaultRowHeight }: RsCoreTypes.View["meta"], groupBy?: Group) => TimelineProps["activities"];
+export default getActivities;
+export declare function calculateBodyMaxHeight(maxHeight: string | number | undefined, domContainer: HTMLElement | undefined, pContainer: HTMLElement | null | undefined): string | undefined;
+export declare function isFutureDate(date: string | number | Date | undefined, current: Date): boolean;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Timeline/utils.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gEAAgE,CAAC;AAGtG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAC;AAMlF,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;AAmDlD,eAAO,MAAM,mBAAmB,EAAE,OAAO,CACvC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,eAAe,CAAC,CAS5D,CAAC;AAqCF,QAAA,MAAM,aAAa,GACjB,cAAc,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,EAC9C,SAAS,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EACpC,gDAAgD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EACxE,UAAU,KAAK,KACd,aAAa,CAAC,YAAY,CA2D5B,CAAC;AAEF,eAAe,aAAa,CAAC;AAE7B,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EACtC,YAAY,EAAE,WAAW,GAAG,SAAS,EACrC,UAAU,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,sBAc3C;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,OAAO,CAG7F"}

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

@@ -0,0 +1,144 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import dayjs from 'dayjs';
+import timezonePlugin from 'dayjs/plugin/timezone';
+import { DateTimeDisplay, NoValue, parseToDate } from '@pega/cosmos-react-core';
+import { FieldType, ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';
+import RenderingEngine from '../../Components/RenderingEngine/RenderCell';
+import ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';
+dayjs.extend(timezonePlugin);
+const getStatusVariant = (data) => {
+    let variant;
+    const warnStrings = ['fail', 'cancel', 'reject', 'revoke', 'stopped', 'warn'];
+    const infoStrings = ['open', 'hold', 'info', 'new'];
+    const successStrings = ['resolved', 'completed', 'success'];
+    const pendingStrings = ['pending'];
+    if (new RegExp(warnStrings.join('|'), 'i').test(data)) {
+        variant = 'warn';
+    }
+    else if (new RegExp(infoStrings.join('|'), 'i').test(data)) {
+        variant = 'info';
+    }
+    else if (new RegExp(successStrings.join('|'), 'i').test(data)) {
+        variant = 'success';
+    }
+    else if (new RegExp(pendingStrings.join('|'), 'i').test(data)) {
+        variant = 'pending';
+    }
+    else {
+        variant = 'info';
+    }
+    return variant;
+};
+const getFieldsAsActivityContent = (columns, row) => {
+    return columns
+        ?.filter(column => column.field.name !== 'RowActionMenu' && !column.hidden)
+        ?.map(column => {
+        return {
+            id: column.field.id,
+            name: column.field.label,
+            value: _jsx(ValueRenderer, { column: column, row: row })
+        };
+    });
+};
+const convertDateToTimezone = (value, timezone) => {
+    return (dayjs(value)
+        .tz(timezone)
+        // cSpell:disable-next-line
+        .format('YYYY-MM-DDTHH:mm:ss'));
+};
+export const dateDisplayVariants = {
+    YEARS: 'year',
+    QUARTERS: 'quarteryear',
+    MONTHS: 'monthyear',
+    WEEKS: 'week',
+    DAYS: 'date',
+    HOURS: 'datetime',
+    MINUTES: 'datetime'
+};
+const renderHeader = (header, groupBy, groupByColumn) => {
+    if (!groupByColumn || !header.name) {
+        return _jsx(NoValue, {});
+    }
+    if (groupBy?.dateFunction && typeof header.name !== 'boolean') {
+        return (_jsx(DateTimeDisplay, { variant: dateDisplayVariants[groupBy.dateFunction] ?? 'datetime', format: 'long', value: header.name }));
+    }
+    groupByColumn.setExecutionContext(null);
+    return (_jsx(RenderingEngine, { ...groupByColumn.getRenderingEngineProps(), context: {
+            getValue: () => header.name,
+            getExecutionContext: () => ({
+                getValue: () => header.data,
+                name: 'groupHeader'
+            })
+        } }));
+};
+const getActivities = (groupHeaders, columns, { timelineFields, timezone, defaultRowHeight }, groupBy) => {
+    const { title, date, status: statusProp, icon, content } = timelineFields ?? {};
+    const titleColumn = columns?.find(({ field }) => field.name === title?.name);
+    const dateColumn = columns?.find(({ field }) => field.name === date?.name);
+    const contentColumn = columns?.find(({ field }) => field.name === content?.name);
+    const groupByColumn = columns?.find(({ field }) => field.id === groupBy?.columnId);
+    return (groupHeaders ?? [])
+        .map(header => {
+        return {
+            header: renderHeader(header, groupBy, groupByColumn),
+            activity: (header.getRows() ?? [])
+                .map(row => {
+                const data = row.getContext().getValue();
+                const dateValue = date?.name ? data[date.name] : undefined;
+                const dateFieldType = dateColumn?.field?.type;
+                const isDateOnlyFieldType = dateFieldType === FieldType.DATE ||
+                    dateFieldType === FieldType.DATE_ONLY ||
+                    dateFieldType === FieldType.DATE_TIMELINE;
+                // Activity Object date can't be undefined
+                if (!dateValue) {
+                    return undefined;
+                }
+                const statusData = statusProp?.name ? data[statusProp.name] : undefined;
+                const status = statusData
+                    ? {
+                        variant: getStatusVariant(statusData),
+                        children: statusData
+                    }
+                    : undefined;
+                const activity = {
+                    id: row.key,
+                    title: title?.name && data[title.name] && titleColumn ? (_jsx(ValueRenderer, { column: titleColumn, row: row })) : (_jsx(NoValue, {})),
+                    date: timezone && dateColumn?.formatterAllowed && dateFieldType && !isDateOnlyFieldType // Date only value should be formatted without timezone
+                        ? convertDateToTimezone(dateValue, timezone)
+                        : dateValue,
+                    dateVariant: isDateOnlyFieldType ? 'date' : 'datetime',
+                    icon: icon?.name ? data[icon.name] : undefined,
+                    defaultExpanded: defaultRowHeight === ROW_DENSITY.WRAP_CONTENT,
+                    content: contentColumn ? (_jsx(ValueRenderer, { column: contentColumn, row: row })) : (getFieldsAsActivityContent(columns, row)),
+                    status: statusProp?.getCustomContent ? statusProp.getCustomContent(row) : status
+                };
+                return activity;
+            })
+                ?.filter((item) => !!item)
+        };
+    })
+        .filter(({ activity }) => activity.length > 0);
+};
+export default getActivities;
+export function calculateBodyMaxHeight(maxHeight, domContainer, pContainer) {
+    if (maxHeight === undefined)
+        return;
+    if (!domContainer || !pContainer)
+        return;
+    const extraHeight = domContainer.offsetHeight - pContainer.offsetHeight;
+    if (typeof maxHeight === 'string' && maxHeight.startsWith('--')) {
+        // Means it is a css variable which is a string, and it needs to be computed with calc function
+        // If css variable is not defined then fallback to default max height i.e. 550px
+        const defaultMaxHeight = `calc(550px + ${extraHeight}px + 32px)`;
+        return `calc(var(${maxHeight}, ${defaultMaxHeight}) - ${extraHeight}px - 32px)`;
+    }
+    if (typeof maxHeight === 'number') {
+        return `${maxHeight - extraHeight - 32}px`;
+    }
+}
+export function isFutureDate(date, current) {
+    if (!date || !current)
+        return false;
+    return parseToDate(date).getTime() > current.getTime();
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../Core/Views/Timeline/utils.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport timezonePlugin from 'dayjs/plugin/timezone';\nimport type { ReactText } from 'react';\n\nimport type { DateTimeVariant } from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { DateTimeDisplay, NoValue, parseToDate } from '@pega/cosmos-react-core';\nimport type { FieldValueListProps, StatusProps } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport { FieldType, ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';\nimport type { Group } from 'pega-repeating-structures-core/lib/types/State.types';\n\nimport RenderingEngine from '../../Components/RenderingEngine/RenderCell';\nimport ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';\n\nimport type { ActivityObject } from './Timeline.types';\nimport type TimelineProps from './Timeline.types';\n\ndayjs.extend(timezonePlugin);\nconst getStatusVariant = (data: string): StatusProps['variant'] => {\n  let variant: StatusProps['variant'];\n  const warnStrings = ['fail', 'cancel', 'reject', 'revoke', 'stopped', 'warn'];\n  const infoStrings = ['open', 'hold', 'info', 'new'];\n  const successStrings = ['resolved', 'completed', 'success'];\n  const pendingStrings = ['pending'];\n\n  if (new RegExp(warnStrings.join('|'), 'i').test(data)) {\n    variant = 'warn';\n  } else if (new RegExp(infoStrings.join('|'), 'i').test(data)) {\n    variant = 'info';\n  } else if (new RegExp(successStrings.join('|'), 'i').test(data)) {\n    variant = 'success';\n  } else if (new RegExp(pendingStrings.join('|'), 'i').test(data)) {\n    variant = 'pending';\n  } else {\n    variant = 'info';\n  }\n  return variant;\n};\n\nconst getFieldsAsActivityContent = (\n  columns: RsCoreTypes.View['columns'],\n  row: RsCoreTypes.Row\n): FieldValueListProps['fields'] | undefined => {\n  return columns\n    ?.filter(column => column.field.name !== 'RowActionMenu' && !column.hidden)\n    ?.map(column => {\n      return {\n        id: column.field.id,\n        name: column.field.label,\n        value: <ValueRenderer column={column} row={row} />\n      };\n    });\n};\n\nconst convertDateToTimezone = (\n  value: string | number | Date,\n  timezone: RsCoreTypes.Meta['timezone']\n): string => {\n  return (\n    dayjs(value)\n      .tz(timezone)\n      // cSpell:disable-next-line\n      .format('YYYY-MM-DDTHH:mm:ss')\n  );\n};\n\nexport const dateDisplayVariants: Partial<\n  Record<NonNullable<Group['dateFunction']>, DateTimeVariant>\n> = {\n  YEARS: 'year',\n  QUARTERS: 'quarteryear',\n  MONTHS: 'monthyear',\n  WEEKS: 'week',\n  DAYS: 'date',\n  HOURS: 'datetime',\n  MINUTES: 'datetime'\n};\n\nconst renderHeader = (\n  header: RsCoreTypes.GroupGenerator,\n  groupBy?: Group,\n  groupByColumn?: RsCoreTypes.Column\n) => {\n  if (!groupByColumn || !header.name) {\n    return <NoValue />;\n  }\n\n  if (groupBy?.dateFunction && typeof header.name !== 'boolean') {\n    return (\n      <DateTimeDisplay\n        variant={dateDisplayVariants[groupBy.dateFunction] ?? 'datetime'}\n        format='long'\n        value={header.name}\n      />\n    );\n  }\n\n  groupByColumn.setExecutionContext(null);\n\n  return (\n    <RenderingEngine\n      {...groupByColumn.getRenderingEngineProps()}\n      context={{\n        getValue: () => header.name,\n        getExecutionContext: () => ({\n          getValue: () => header.data,\n          name: 'groupHeader'\n        })\n      }}\n    />\n  );\n};\n\nconst getActivities = (\n  groupHeaders: RsCoreTypes.View['groupHeaders'],\n  columns: RsCoreTypes.View['columns'],\n  { timelineFields, timezone, defaultRowHeight }: RsCoreTypes.View['meta'],\n  groupBy?: Group\n): TimelineProps['activities'] => {\n  const { title, date, status: statusProp, icon, content } = timelineFields ?? {};\n  const titleColumn = columns?.find(({ field }) => field.name === title?.name);\n  const dateColumn = columns?.find(({ field }) => field.name === date?.name);\n  const contentColumn = columns?.find(({ field }) => field.name === content?.name);\n  const groupByColumn = columns?.find(({ field }) => field.id === groupBy?.columnId);\n  return (groupHeaders ?? [])\n    .map(header => {\n      return {\n        header: renderHeader(header, groupBy, groupByColumn),\n        activity: (header.getRows() ?? [])\n          .map(row => {\n            const data = row.getContext().getValue();\n            const dateValue = date?.name ? data[date.name] : undefined;\n            const dateFieldType = dateColumn?.field?.type;\n            const isDateOnlyFieldType =\n              dateFieldType === FieldType.DATE ||\n              dateFieldType === FieldType.DATE_ONLY ||\n              dateFieldType === FieldType.DATE_TIMELINE;\n\n            // Activity Object date can't be undefined\n            if (!dateValue) {\n              return undefined;\n            }\n            const statusData = statusProp?.name ? data[statusProp.name] : undefined;\n            const status = statusData\n              ? {\n                  variant: getStatusVariant(statusData as string),\n                  children: statusData as ReactText\n                }\n              : undefined;\n            const activity: ActivityObject = {\n              id: row.key as string,\n              title:\n                title?.name && data[title.name] && titleColumn ? (\n                  <ValueRenderer column={titleColumn} row={row} />\n                ) : (\n                  <NoValue />\n                ),\n              date:\n                timezone && dateColumn?.formatterAllowed && dateFieldType && !isDateOnlyFieldType // Date only value should be formatted without timezone\n                  ? convertDateToTimezone(dateValue as string, timezone)\n                  : (dateValue as string),\n              dateVariant: isDateOnlyFieldType ? 'date' : 'datetime',\n              icon: icon?.name ? (data[icon.name] as string) : undefined,\n              defaultExpanded: defaultRowHeight === ROW_DENSITY.WRAP_CONTENT,\n              content: contentColumn ? (\n                <ValueRenderer column={contentColumn} row={row} />\n              ) : (\n                getFieldsAsActivityContent(columns, row)\n              ),\n              status: statusProp?.getCustomContent ? statusProp.getCustomContent(row) : status\n            };\n            return activity;\n          })\n          ?.filter((item): item is ActivityObject => !!item)\n      };\n    })\n    .filter(({ activity }) => activity.length > 0);\n};\n\nexport default getActivities;\n\nexport function calculateBodyMaxHeight(\n  maxHeight: string | number | undefined,\n  domContainer: HTMLElement | undefined,\n  pContainer: HTMLElement | null | undefined\n) {\n  if (maxHeight === undefined) return;\n  if (!domContainer || !pContainer) return;\n  const extraHeight = domContainer.offsetHeight - pContainer.offsetHeight;\n  if (typeof maxHeight === 'string' && maxHeight.startsWith('--')) {\n    // Means it is a css variable which is a string, and it needs to be computed with calc function\n    // If css variable is not defined then fallback to default max height i.e. 550px\n    const defaultMaxHeight = `calc(550px + ${extraHeight}px + 32px)`;\n    return `calc(var(${maxHeight}, ${defaultMaxHeight}) - ${extraHeight}px - 32px)`;\n  }\n  if (typeof maxHeight === 'number') {\n    return `${maxHeight - extraHeight - 32}px`;\n  }\n}\n\nexport function isFutureDate(date: string | number | Date | undefined, current: Date): boolean {\n  if (!date || !current) return false;\n  return parseToDate(date).getTime() > current.getTime();\n}\n"]}

package/lib/Core/Views/rs-styles.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("styled-components").FlattenSimpleInterpolation;
+declare const _default: import("styled-components").RuleSet<object>;
 export default _default;
 //# sourceMappingURL=rs-styles.d.ts.map

package/lib/Core/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../Core/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAClD,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;GAW9B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;IAOvB,CAAC;AACF,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;CAGtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAWhC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../Core/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAClD,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;CAIrB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;CAI9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;GAW9B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;IAOvB,CAAC;AACF,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAI3B,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;CAGtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAQ/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAYhC,CAAC"}

package/lib/Core/constants.js

@@ -73,6 +73,7 @@ export const FOCUSABLE_SELECTORS = [
 ];
 export const ACTIONABLE_SELECTORS = [
     'input[type=text]',
+    'input:not([type])', // input without type defaults to text
     'input[type=number]',
     'input[inputmode=numeric]',
     'input[inputmode=tel]',

package/lib/Core/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../Core/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAClD,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE;IACzC,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE;IAC1C,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE;IACxC,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,qBAAqB,EAAE;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC;QACE,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,UAAU;KACvB;IACD;QACE,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,iBAAiB;QAC7B,UAAU,EAAE,YAAY;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,kBAAkB;IACrB;QACE,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,OAAO;KACpB;CACF,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,gBAAgB,EAAE,oBAAoB;IACtC,gBAAgB,EAAE,oBAAoB;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,QAAQ;IACR,SAAS;IACT,kBAAkB;IAClB,sBAAsB;IACtB,mBAAmB;IACnB,uBAAuB;IACvB,uBAAuB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,kBAAkB;IAClB,oBAAoB;IACpB,0BAA0B;IAC1B,sBAAsB;IACtB,iBAAiB;IACjB,mBAAmB;IACnB,sBAAsB;IACtB,UAAU;IACV,QAAQ;IACR,QAAQ;CACT,CAAC","sourcesContent":["export const EXTERNAL_FILTERS = 'externalFilters';\nexport const DEFAULT_FORMAT = 'Default';\n\nexport const SELECTION_MODES = {\n  single: 'single',\n  multi: 'multi',\n  multi_on_hover: 'multi_on_hover'\n};\n\nexport const rowDensityClasses = {\n  1: { id: '1', className: 'short-height' },\n  2: { id: '2', className: 'medium-height' },\n  3: { id: '3', className: 'tall-height' },\n  4: { id: '4', className: 'wrap-content-height' }\n};\n\nexport const TEMPLATES = {\n  GALLERY: 'Gallery',\n  TABLE: 'Table',\n  TIMELINE: 'Timeline'\n};\n\nexport const debugInfoFields = {\n  className: 'className',\n  dataPage: 'dataPage',\n  dataSource: 'dataSource',\n  timeTaken: 'timeTaken',\n  insightId: 'insightId'\n};\n\nexport const CELL_ALIGN_CLASSES = {\n  left: 'align-left',\n  right: 'align-right',\n  center: 'align-center'\n};\n\nexport const NonNullSortActions = [\n  {\n    actionId: 'asc',\n    actionName: 'Sort ascending',\n    actionIcon: 'arrow-up'\n  },\n  {\n    actionId: 'desc',\n    actionName: 'Sort descending',\n    actionIcon: 'arrow-down'\n  }\n];\n\nexport const sortActions = [\n  ...NonNullSortActions,\n  {\n    actionId: null,\n    actionName: 'Remove sort',\n    actionIcon: 'reset'\n  }\n];\nexport const TOOLBAR_FEATURES = {\n  FILTER: 'filter',\n  SORT: 'sort',\n  GROUPING: 'grouping'\n} as const;\n\nexport const customFunctions = {\n  TEXT_GROUPING: 'TEXT_GROUPING',\n  RANGE_GROUPING: 'RANGE_GROUPING',\n  INTERVAL_GROUPING: 'INTERVAL_GROUPING'\n};\n\nexport const intervalGroupingBoundaries = {\n  includeLowerOnly: 'include-lower-only',\n  includeUpperOnly: 'include-upper-only'\n};\n\nexport const FOCUSABLE_SELECTORS = [\n  'button',\n  'a[href]',\n  'input[type=file]',\n  'input[type=checkbox]',\n  'input[type=radio]',\n  '.scalarlist-component',\n  '.row-error-column svg'\n];\n\nexport const ACTIONABLE_SELECTORS = [\n  'input[type=text]',\n  'input[type=number]',\n  'input[inputmode=numeric]',\n  'input[inputmode=tel]',\n  'input[type=url]',\n  'input[type=email]',\n  'input[role=combobox]',\n  'textarea',\n  'select',\n  'iframe'\n];\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../Core/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAClD,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,cAAc,EAAE,gBAAgB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE;IACzC,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,EAAE;IAC1C,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE;IACxC,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,qBAAqB,EAAE;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC;QACE,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,UAAU;KACvB;IACD;QACE,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,iBAAiB;QAC7B,UAAU,EAAE,YAAY;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,kBAAkB;IACrB;QACE,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,OAAO;KACpB;CACF,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;CACZ,CAAC;AAEX,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,aAAa,EAAE,eAAe;IAC9B,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,gBAAgB,EAAE,oBAAoB;IACtC,gBAAgB,EAAE,oBAAoB;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,QAAQ;IACR,SAAS;IACT,kBAAkB;IAClB,sBAAsB;IACtB,mBAAmB;IACnB,uBAAuB;IACvB,uBAAuB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,kBAAkB;IAClB,mBAAmB,EAAE,sCAAsC;IAC3D,oBAAoB;IACpB,0BAA0B;IAC1B,sBAAsB;IACtB,iBAAiB;IACjB,mBAAmB;IACnB,sBAAsB;IACtB,UAAU;IACV,QAAQ;IACR,QAAQ;CACT,CAAC","sourcesContent":["export const EXTERNAL_FILTERS = 'externalFilters';\nexport const DEFAULT_FORMAT = 'Default';\n\nexport const SELECTION_MODES = {\n  single: 'single',\n  multi: 'multi',\n  multi_on_hover: 'multi_on_hover'\n};\n\nexport const rowDensityClasses = {\n  1: { id: '1', className: 'short-height' },\n  2: { id: '2', className: 'medium-height' },\n  3: { id: '3', className: 'tall-height' },\n  4: { id: '4', className: 'wrap-content-height' }\n};\n\nexport const TEMPLATES = {\n  GALLERY: 'Gallery',\n  TABLE: 'Table',\n  TIMELINE: 'Timeline'\n};\n\nexport const debugInfoFields = {\n  className: 'className',\n  dataPage: 'dataPage',\n  dataSource: 'dataSource',\n  timeTaken: 'timeTaken',\n  insightId: 'insightId'\n};\n\nexport const CELL_ALIGN_CLASSES = {\n  left: 'align-left',\n  right: 'align-right',\n  center: 'align-center'\n};\n\nexport const NonNullSortActions = [\n  {\n    actionId: 'asc',\n    actionName: 'Sort ascending',\n    actionIcon: 'arrow-up'\n  },\n  {\n    actionId: 'desc',\n    actionName: 'Sort descending',\n    actionIcon: 'arrow-down'\n  }\n];\n\nexport const sortActions = [\n  ...NonNullSortActions,\n  {\n    actionId: null,\n    actionName: 'Remove sort',\n    actionIcon: 'reset'\n  }\n];\nexport const TOOLBAR_FEATURES = {\n  FILTER: 'filter',\n  SORT: 'sort',\n  GROUPING: 'grouping'\n} as const;\n\nexport const customFunctions = {\n  TEXT_GROUPING: 'TEXT_GROUPING',\n  RANGE_GROUPING: 'RANGE_GROUPING',\n  INTERVAL_GROUPING: 'INTERVAL_GROUPING'\n};\n\nexport const intervalGroupingBoundaries = {\n  includeLowerOnly: 'include-lower-only',\n  includeUpperOnly: 'include-upper-only'\n};\n\nexport const FOCUSABLE_SELECTORS = [\n  'button',\n  'a[href]',\n  'input[type=file]',\n  'input[type=checkbox]',\n  'input[type=radio]',\n  '.scalarlist-component',\n  '.row-error-column svg'\n];\n\nexport const ACTIONABLE_SELECTORS = [\n  'input[type=text]',\n  'input:not([type])', // input without type defaults to text\n  'input[type=number]',\n  'input[inputmode=numeric]',\n  'input[inputmode=tel]',\n  'input[type=url]',\n  'input[type=email]',\n  'input[role=combobox]',\n  'textarea',\n  'select',\n  'iframe'\n];\n"]}

package/lib/Core/templateFeatureSupport.d.ts

@@ -0,0 +1,17 @@
+import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
+type TemplateValue = (typeof REPEATING_STRUCTURE_TEMPLATES)[keyof typeof REPEATING_STRUCTURE_TEMPLATES];
+declare const featureSupport: {
+    [feature: string]: TemplateValue[];
+};
+type FeatureKey = keyof typeof featureSupport | string;
+/**
+ * Check if a feature should show in toolbar for a given template.
+ * Features not in the map are considered supported for all templates.
+ *
+ * @param template - The template type
+ * @param feature - The feature identifier
+ * @returns true if the feature should show in toolbar for the template
+ */
+declare const showFeatureForTemplate: (template: TemplateValue, feature: FeatureKey) => boolean;
+export default showFeatureForTemplate;
+//# sourceMappingURL=templateFeatureSupport.d.ts.map

package/lib/Core/templateFeatureSupport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateFeatureSupport.d.ts","sourceRoot":"","sources":["../../Core/templateFeatureSupport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAE/E,KAAK,aAAa,GAChB,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAIrF,QAAA,MAAM,cAAc,EAAE;IAAE,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,EAAE,CAAA;CAUzD,CAAC;AAEF,KAAK,UAAU,GAAG,MAAM,OAAO,cAAc,GAAG,MAAM,CAAC;AAEvD;;;;;;;GAOG;AACH,QAAA,MAAM,sBAAsB,GAAI,UAAU,aAAa,EAAE,SAAS,UAAU,KAAG,OAK9E,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/Core/templateFeatureSupport.js

@@ -0,0 +1,30 @@
+import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
+// TODO: All such feature map support should be available at View object based via a feature in rs-core based on the template from meta.
+// The consumer can pass along the resolved feature map to their component for decisioning.
+const featureSupport = {
+    personalization: ['Table', 'Gallery', 'Timeline'],
+    group: ['Table', 'Timeline'],
+    showHideColumns: ['Table', 'Gallery'],
+    freezeColumns: ['Table'],
+    rowDensity: ['Table'],
+    showHeaderIcons: ['Table'],
+    autoSizeColumns: ['Table'],
+    resetColumnWidths: ['Table'],
+    wrap: ['Table']
+};
+/**
+ * Check if a feature should show in toolbar for a given template.
+ * Features not in the map are considered supported for all templates.
+ *
+ * @param template - The template type
+ * @param feature - The feature identifier
+ * @returns true if the feature should show in toolbar for the template
+ */
+const showFeatureForTemplate = (template, feature) => {
+    if (!featureSupport[feature]) {
+        return true;
+    }
+    return featureSupport[feature].includes(template);
+};
+export default showFeatureForTemplate;
+//# sourceMappingURL=templateFeatureSupport.js.map

package/lib/Core/templateFeatureSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateFeatureSupport.js","sourceRoot":"","sources":["../../Core/templateFeatureSupport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAK/E,wIAAwI;AACxI,2FAA2F;AAC3F,MAAM,cAAc,GAA2C;IAC7D,eAAe,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACjD,KAAK,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;IAC5B,eAAe,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC;IACrC,aAAa,EAAE,CAAC,OAAO,CAAC;IACxB,UAAU,EAAE,CAAC,OAAO,CAAC;IACrB,eAAe,EAAE,CAAC,OAAO,CAAC;IAC1B,eAAe,EAAE,CAAC,OAAO,CAAC;IAC1B,iBAAiB,EAAE,CAAC,OAAO,CAAC;IAC5B,IAAI,EAAE,CAAC,OAAO,CAAC;CAChB,CAAC;AAIF;;;;;;;GAOG;AACH,MAAM,sBAAsB,GAAG,CAAC,QAAuB,EAAE,OAAmB,EAAW,EAAE;IACvF,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\ntype TemplateValue =\n  (typeof REPEATING_STRUCTURE_TEMPLATES)[keyof typeof REPEATING_STRUCTURE_TEMPLATES];\n\n// TODO: All such feature map support should be available at View object based via a feature in rs-core based on the template from meta.\n// The consumer can pass along the resolved feature map to their component for decisioning.\nconst featureSupport: { [feature: string]: TemplateValue[] } = {\n  personalization: ['Table', 'Gallery', 'Timeline'],\n  group: ['Table', 'Timeline'],\n  showHideColumns: ['Table', 'Gallery'],\n  freezeColumns: ['Table'],\n  rowDensity: ['Table'],\n  showHeaderIcons: ['Table'],\n  autoSizeColumns: ['Table'],\n  resetColumnWidths: ['Table'],\n  wrap: ['Table']\n};\n\ntype FeatureKey = keyof typeof featureSupport | string;\n\n/**\n * Check if a feature should show in toolbar for a given template.\n * Features not in the map are considered supported for all templates.\n *\n * @param template - The template type\n * @param feature - The feature identifier\n * @returns true if the feature should show in toolbar for the template\n */\nconst showFeatureForTemplate = (template: TemplateValue, feature: FeatureKey): boolean => {\n  if (!featureSupport[feature]) {\n    return true;\n  }\n  return featureSupport[feature].includes(template);\n};\n\nexport default showFeatureForTemplate;\n"]}

package/lib/types.d.ts

@@ -3,6 +3,8 @@ import type { RepeatingStructuresProps, RsStyleFormat as RsStyleFormatType } fro
 export declare namespace RSTypes {
     /** Group configuration on repeating structure state */
     type Group = RsCoreTypes.Group;
+    /** Group Additional field configuration for a group. */
+    type GroupAdditionalField = RsCoreTypes.GroupAdditionalField;
     /** Metadata for field */
     type FieldDef = RsCoreTypes.FieldDef;
     /** Group filter from the repeating structure state */

package/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,KAAK,EACV,wBAAwB,EACxB,aAAa,IAAI,iBAAiB,EACnC,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,OAAO,WAAW,OAAO,CAAC;IAE/B,uDAAuD;IACvD,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEtC,yBAAyB;IACzB,KAAY,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC;IAE5C,sDAAsD;IACtD,KAAY,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5E,sDAAsD;IACtD,KAAY,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErE,wBAAwB;IACxB,KAAY,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAE3F,mDAAmD;IACnD,KAAY,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/E,sEAAsE;IACtE,KAAY,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAEpC;OACG;IACH,KAAY,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAEhD;;OAEG;IACH,KAAY,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;IAExC;;OAEG;IACH,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IACtC;;OAEG;IACH,KAAY,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC;IAC9D,yEAAyE;IACzE,KAAY,OAAO,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IAE5D,2FAA2F;IAC3F,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEtC,+CAA+C;IAC/C,KAAY,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;IAE1C,KAAY,2BAA2B,GAAG,wBAAwB,CAAC;IAEnE,KAAY,aAAa,GAAG,iBAAiB,CAAC;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,KAAK,EACV,wBAAwB,EACxB,aAAa,IAAI,iBAAiB,EACnC,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,OAAO,WAAW,OAAO,CAAC;IAE/B,uDAAuD;IACvD,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEtC,wDAAwD;IACxD,KAAY,oBAAoB,GAAG,WAAW,CAAC,oBAAoB,CAAC;IAEpE,yBAAyB;IACzB,KAAY,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC;IAE5C,sDAAsD;IACtD,KAAY,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5E,sDAAsD;IACtD,KAAY,IAAI,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErE,wBAAwB;IACxB,KAAY,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAE3F,mDAAmD;IACnD,KAAY,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE/E,sEAAsE;IACtE,KAAY,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAEpC;OACG;IACH,KAAY,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAEhD;;OAEG;IACH,KAAY,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC;IAExC;;OAEG;IACH,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IACtC;;OAEG;IACH,KAAY,iBAAiB,GAAG,WAAW,CAAC,iBAAiB,CAAC;IAC9D,yEAAyE;IACzE,KAAY,OAAO,GAAG,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IAE5D,2FAA2F;IAC3F,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAEtC,+CAA+C;IAC/C,KAAY,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;IAE1C,KAAY,2BAA2B,GAAG,wBAAwB,CAAC;IAEnE,KAAY,aAAa,GAAG,iBAAiB,CAAC;CAC/C"}

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport type {\n  RepeatingStructuresProps,\n  RsStyleFormat as RsStyleFormatType\n} from './types/RepeatingStructuresBoot.types';\n\nexport declare namespace RSTypes {\n  // Exported members\n  /** Group configuration on repeating structure state */\n  export type Group = RsCoreTypes.Group;\n\n  /** Metadata for field */\n  export type FieldDef = RsCoreTypes.FieldDef;\n\n  /** Group filter from the repeating structure state */\n  export type GroupFilter = NonNullable<RsCoreTypes.State['groupFilters']>[0];\n\n  /** Sort configuration on repeating structure state */\n  export type Sort = NonNullable<RsCoreTypes.State['sortingOrder']>[0];\n\n  /** Aggregation types */\n  export type AggregationType = NonNullable<RsCoreTypes.State['aggregationInfo']>[0]['type'];\n\n  /** Aggregation state on the repeating structure */\n  export type Aggregation = NonNullable<RsCoreTypes.State['aggregationInfo']>[0];\n\n  /** A meta data object to provide definition of repeating structure */\n  export type Meta = RsCoreTypes.Meta;\n\n  /** A set of api's to communicate b/w repeating structure and its consumer (e.g. providing data to repeating structure)\n   */\n  export type ApiContext = RsCoreTypes.ApiContext;\n\n  /**\n   * Error object from the repeating structure\n   */\n  export type Errors = RsCoreTypes.Errors;\n\n  /**\n   * State object from the repeating structure\n   */\n  export type State = RsCoreTypes.State;\n  /**\n   * Personalized state object from the repeating structure. This state is generally shared to consumer.\n   */\n  export type PersonalizedState = RsCoreTypes.PersonalizedState;\n  /** An array of multiple variants of metadata of repeating structures. */\n  export type Presets = RsCoreTypes.RsCoreInitArgs['presets'];\n\n  /** The set of methods exposed to consumers for communicating with repeating structure.  */\n  export type RsApi = RsCoreTypes.RsApi;\n\n  /** Represents a row in Repeating structures */\n  export type RowData = RsCoreTypes.RowData;\n\n  export type RepeatingStructuresInitArgs = RepeatingStructuresProps;\n\n  export type RsStyleFormat = RsStyleFormatType;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../types.ts"],"names":[],"mappings":"","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport type {\n  RepeatingStructuresProps,\n  RsStyleFormat as RsStyleFormatType\n} from './types/RepeatingStructuresBoot.types';\n\nexport declare namespace RSTypes {\n  // Exported members\n  /** Group configuration on repeating structure state */\n  export type Group = RsCoreTypes.Group;\n\n  /** Group Additional field configuration for a group. */\n  export type GroupAdditionalField = RsCoreTypes.GroupAdditionalField;\n\n  /** Metadata for field */\n  export type FieldDef = RsCoreTypes.FieldDef;\n\n  /** Group filter from the repeating structure state */\n  export type GroupFilter = NonNullable<RsCoreTypes.State['groupFilters']>[0];\n\n  /** Sort configuration on repeating structure state */\n  export type Sort = NonNullable<RsCoreTypes.State['sortingOrder']>[0];\n\n  /** Aggregation types */\n  export type AggregationType = NonNullable<RsCoreTypes.State['aggregationInfo']>[0]['type'];\n\n  /** Aggregation state on the repeating structure */\n  export type Aggregation = NonNullable<RsCoreTypes.State['aggregationInfo']>[0];\n\n  /** A meta data object to provide definition of repeating structure */\n  export type Meta = RsCoreTypes.Meta;\n\n  /** A set of api's to communicate b/w repeating structure and its consumer (e.g. providing data to repeating structure)\n   */\n  export type ApiContext = RsCoreTypes.ApiContext;\n\n  /**\n   * Error object from the repeating structure\n   */\n  export type Errors = RsCoreTypes.Errors;\n\n  /**\n   * State object from the repeating structure\n   */\n  export type State = RsCoreTypes.State;\n  /**\n   * Personalized state object from the repeating structure. This state is generally shared to consumer.\n   */\n  export type PersonalizedState = RsCoreTypes.PersonalizedState;\n  /** An array of multiple variants of metadata of repeating structures. */\n  export type Presets = RsCoreTypes.RsCoreInitArgs['presets'];\n\n  /** The set of methods exposed to consumers for communicating with repeating structure.  */\n  export type RsApi = RsCoreTypes.RsApi;\n\n  /** Represents a row in Repeating structures */\n  export type RowData = RsCoreTypes.RowData;\n\n  export type RepeatingStructuresInitArgs = RepeatingStructuresProps;\n\n  export type RsStyleFormat = RsStyleFormatType;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-react",
-  "version": "9.0.0-build.2.9",
+  "version": "9.0.0-build.20.0",
   "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,24 +14,23 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "9.0.0-build.2.9",
-    "@pega/cosmos-react-core": "9.0.0-build.2.9",
-    "@pega/cosmos-react-rte": "9.0.0-build.2.9",
-    "@pega/cosmos-react-work": "9.0.0-build.2.9",
-    "@types/lodash.get": "^4.4.9",
+    "@pega/cosmos-react-condition-builder": "9.0.0-build.20.0",
+    "@pega/cosmos-react-core": "9.0.0-build.20.0",
+    "@pega/cosmos-react-rte": "9.0.0-build.20.0",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "@types/uuid": "^9.0.0",
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",
-    "lodash.get": "^4.4.2",
-    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.2.9",
-    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.2.9",
+    "lodash-es": "^4.17.23",
+    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.20.0",
+    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.20.0",
     "polished": "^4.1.0",
     "prop-types": "^15.8.1",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "styled-components": "^5.2.0",
+    "styled-components": "^6.3.11",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
@@ -45,7 +44,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
     "jest-axe": "^8.0.0",
-    "srs-utils": "9.0.0-build.2.9",
-    "typescript": "~5.8.3"
+    "srs-utils": "9.0.0-build.20.0",
+    "typescript": "~5.9.3"
   }
 }

package/lib/Core/Components/DefaultComponents/CardItem.d.ts

@@ -1,3 +0,0 @@
-export default CardItem;
-declare const CardItem: import("react").NamedExoticComponent<object>;
-//# sourceMappingURL=CardItem.d.ts.map

package/lib/Core/Components/DefaultComponents/CardItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/CardItem.jsx"],"names":[],"mappings":";AAqEA,qEAgCE"}

package/lib/Core/Components/DefaultComponents/CardItem.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, Fragment } from 'react';
-import styled from 'styled-components';
-import { CardContent, Card, Text, CardHeader, useTheme } from '@pega/cosmos-react-core';
-import RenderingEngine from '../RenderingEngine/RenderCell';
-const StyledUL = styled.ul `
-  & > li > span {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-    word-break: break-word;
-  }
-  & > li {
-    list-style-type: none;
-    padding-block-start: calc(${props => props.theme.base.spacing} / 2);
-  }
-`;
-const FieldValues = ({ row, columns }) => {
-    const theme = useTheme();
-    return (_jsx(StyledUL, { theme: theme, children: columns.map(column => {
-            if (column.hidden)
-                return null;
-            column.setExecutionContext(row);
-            const { id } = column.field;
-            return (_jsx(Fragment, { children: _jsx("li", { children: _jsx(RenderingEngine, { highlighter: true, ...column.getRenderingEngineProps() }) }) }, id));
-        }) }));
-};
-const CardHeaderText = styled(Text) `
-  white-space: nowrap;
-  max-width: 100%;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`;
-const StyledCard = styled(Card) `
-  padding: 0.625rem;
-  min-width: 6.25rem;
-`;
-const StyledCardContent = styled(CardContent) `
-  && {
-    padding-bottom: 0.5rem;
-  }
-  &.cardContent {
-    padding-left: 0.5rem;
-  }
-`;
-const StyledCardHeader = styled(CardHeader) `
-  &.cardHeader {
-    padding: 0.5rem;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  .cardRowAction {
-    position: absolute;
-    right: 0.5rem;
-  }
-`;
-const CardItem = memo(({ row, headerColumn, secondaryTextColumn, filteredColumns, rowActionMenuColumn }) => {
-    const data = row.getContext().getValue();
-    if (!data)
-        return null;
-    if (headerColumn)
-        headerColumn.setExecutionContext(row);
-    if (secondaryTextColumn)
-        secondaryTextColumn.setExecutionContext(row);
-    if (rowActionMenuColumn)
-        rowActionMenuColumn.setExecutionContext(row);
-    return (_jsxs(StyledCard, { variant: 'cover', children: [_jsxs(StyledCardHeader, { className: 'cardHeader', children: [headerColumn && (_jsx(CardHeaderText, { variant: 'h4', children: _jsx(RenderingEngine, { highlighter: true, ...headerColumn.getRenderingEngineProps() }) })), secondaryTextColumn && (_jsx(CardHeaderText, { variant: 'h4', children: _jsx(RenderingEngine, { highlighter: true, ...secondaryTextColumn.getRenderingEngineProps() }) })), rowActionMenuColumn && (_jsx("div", { className: 'cardRowAction', children: _jsx(RenderingEngine, { highlighter: true, ...rowActionMenuColumn.getRenderingEngineProps() }) }))] }), _jsx(StyledCardContent, { className: 'cardContent', children: FieldValues({ row, columns: filteredColumns }) })] }));
-});
-CardItem.defaultProps = {
-    row: {},
-    columns: []
-};
-CardItem.mapStateToProps = instance => ({
-    columns: instance.columns
-});
-export default CardItem;
-//# sourceMappingURL=CardItem.js.map

package/lib/Core/Components/DefaultComponents/CardItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardItem.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/CardItem.jsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, Fragment } from 'react';\nimport styled from 'styled-components';\n\nimport { CardContent, Card, Text, CardHeader, useTheme } from '@pega/cosmos-react-core';\n\nimport RenderingEngine from '../RenderingEngine/RenderCell';\n\nconst StyledUL = styled.ul`\n  & > li > span {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    word-break: break-word;\n  }\n  & > li {\n    list-style-type: none;\n    padding-block-start: calc(${props => props.theme.base.spacing} / 2);\n  }\n`;\n\nconst FieldValues = ({ row, columns }) => {\n  const theme = useTheme();\n  return (\n    <StyledUL theme={theme}>\n      {columns.map(column => {\n        if (column.hidden) return null;\n        column.setExecutionContext(row);\n        const { id } = column.field;\n        return (\n          <Fragment key={id}>\n            <li>\n              <RenderingEngine highlighter {...column.getRenderingEngineProps()} />\n            </li>\n          </Fragment>\n        );\n      })}\n    </StyledUL>\n  );\n};\nconst CardHeaderText = styled(Text)`\n  white-space: nowrap;\n  max-width: 100%;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\nconst StyledCard = styled(Card)`\n  padding: 0.625rem;\n  min-width: 6.25rem;\n`;\nconst StyledCardContent = styled(CardContent)`\n  && {\n    padding-bottom: 0.5rem;\n  }\n  &.cardContent {\n    padding-left: 0.5rem;\n  }\n`;\nconst StyledCardHeader = styled(CardHeader)`\n  &.cardHeader {\n    padding: 0.5rem;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .cardRowAction {\n    position: absolute;\n    right: 0.5rem;\n  }\n`;\nconst CardItem = memo(\n  ({ row, headerColumn, secondaryTextColumn, filteredColumns, rowActionMenuColumn }) => {\n    const data = row.getContext().getValue();\n    if (!data) return null;\n    if (headerColumn) headerColumn.setExecutionContext(row);\n    if (secondaryTextColumn) secondaryTextColumn.setExecutionContext(row);\n    if (rowActionMenuColumn) rowActionMenuColumn.setExecutionContext(row);\n    return (\n      <StyledCard variant='cover'>\n        <StyledCardHeader className='cardHeader'>\n          {headerColumn && (\n            <CardHeaderText variant='h4'>\n              <RenderingEngine highlighter {...headerColumn.getRenderingEngineProps()} />\n            </CardHeaderText>\n          )}\n          {secondaryTextColumn && (\n            <CardHeaderText variant='h4'>\n              <RenderingEngine highlighter {...secondaryTextColumn.getRenderingEngineProps()} />\n            </CardHeaderText>\n          )}\n          {rowActionMenuColumn && (\n            <div className='cardRowAction'>\n              <RenderingEngine highlighter {...rowActionMenuColumn.getRenderingEngineProps()} />\n            </div>\n          )}\n        </StyledCardHeader>\n        <StyledCardContent className='cardContent'>\n          {FieldValues({ row, columns: filteredColumns })}\n        </StyledCardContent>\n      </StyledCard>\n    );\n  }\n);\n\nCardItem.defaultProps = {\n  row: {},\n  columns: []\n};\n\nCardItem.mapStateToProps = instance => ({\n  columns: instance.columns\n});\n\nexport default CardItem;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/DateTime.d.ts

@@ -1,12 +0,0 @@
-export default DateTime;
-declare function DateTime(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace DateTime {
-    namespace propTypes {
-        let onCancel: PropTypes.Validator<(...args: any[]) => any>;
-        let onSubmit: PropTypes.Validator<(...args: any[]) => any>;
-        let getField: PropTypes.Validator<(...args: any[]) => any>;
-        let getValue: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-//# sourceMappingURL=DateTime.d.ts.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/DateTime.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/DateTime.jsx"],"names":[],"mappings":";AASA,+EAkCC;;;;;;;;;sBA1CqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/DateTime.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Input } from '@pega/cosmos-react-core';
-const styles = {
-    input: { width: '100%' }
-};
-function DateTime(props) {
-    const { getField, getValue } = props;
-    const { type } = getField();
-    const oldValue = getValue();
-    const [value, setValue] = useState(type === 'datetime' ? oldValue?.slice(0, -1) : oldValue);
-    const inputRef = useRef(null);
-    const onChange = event => setValue(event.target.value);
-    const onEscape = event => {
-        if (event.key === 'Escape') {
-            props.onCancel();
-        }
-    };
-    const onBlur = () => props.onSubmit({ oldValue, newValue: value });
-    useEffect(() => {
-        inputRef.current?.focus();
-    }, [inputRef]);
-    return (_jsx(Input, { ...props, type: type === 'datetime' ? 'datetime-local' : type, value: value, style: styles.input, ref: ref => {
-            inputRef.current = ref;
-        }, onChange: onChange, onBlur: onBlur, onKeyDown: onEscape }));
-}
-DateTime.propTypes = {
-    onCancel: PropTypes.func.isRequired,
-    onSubmit: PropTypes.func.isRequired,
-    getField: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired
-};
-export default DateTime;
-//# sourceMappingURL=DateTime.js.map

package/lib/Core/Components/DefaultComponents/CellRenderers/EditComponents/DateTime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/DateTime.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;CACzB,CAAC;AAEF,SAAS,QAAQ,CAAC,KAAK;IACrB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5F,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,IAAI,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,EACnD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,GAAG,CAAC,EAAE;YACT,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,QAAQ,GACnB,CACH,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Input } from '@pega/cosmos-react-core';\n\nconst styles = {\n  input: { width: '100%' }\n};\n\nfunction DateTime(props) {\n  const { getField, getValue } = props;\n  const { type } = getField();\n  const oldValue = getValue();\n  const [value, setValue] = useState(type === 'datetime' ? oldValue?.slice(0, -1) : oldValue);\n  const inputRef = useRef(null);\n\n  const onChange = event => setValue(event.target.value);\n\n  const onEscape = event => {\n    if (event.key === 'Escape') {\n      props.onCancel();\n    }\n  };\n\n  const onBlur = () => props.onSubmit({ oldValue, newValue: value });\n  useEffect(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  return (\n    <Input\n      {...props}\n      type={type === 'datetime' ? 'datetime-local' : type}\n      value={value}\n      style={styles.input}\n      ref={ref => {\n        inputRef.current = ref;\n      }}\n      onChange={onChange}\n      onBlur={onBlur}\n      onKeyDown={onEscape}\n    />\n  );\n}\n\nDateTime.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  getField: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired\n};\n\nexport default DateTime;\n"]}