@pega/lists-react 9.0.0-build.9.9 → 10.0.0-build.1.0

package/lib/Core/Components/Toolbar/hooks/useGroup/GroupRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupRenderer.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/GroupRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["import styled from 'styled-components';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { Button, createUID, Flex, Icon, useI18n } from '@pega/cosmos-react-core';\nimport { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport useRowFocus from '../useRowFocus';\nimport useDragDrop from '../../../../Hooks/useDragDrop';\nimport FieldSelector from '../../FieldSelector';\nimport type { GroupingOptions } from '../../Grouping.types';\n\nimport { getFieldType } from './utils';\nimport DateFunctionSelector from './DateFunctionSelector';\nimport type { AppliedGroup } from './useGroup';\n\nconst DropSelector = '[data-drop]';\n\nconst StyledDragHandle = styled(Button)`\n  cursor: grab;\n`;\n\ninterface GroupRendererProps {\n  appliedGroups: AppliedGroup[];\n  groupingOptions: GroupingOptions;\n  setGroups: (groups: (Group | { id: string })[]) => void;\n  columns: RsCoreTypes.Column[];\n  dateFunctions: RsCoreTypes.Meta['dateFunctions'];\n}\n\nconst GroupRenderer = ({\n  appliedGroups,\n  groupingOptions,\n  setGroups,\n  columns,\n  dateFunctions\n}: GroupRendererProps) => {\n  const t = useI18n();\n  const { focusRowRef, focusRowId, setFocusRowId } = useRowFocus();\n\n  const dragDropRef = useRef<HTMLDivElement>(null);\n  const getAnimationSelector = useCallback((target: Element) => target.closest(DropSelector), []);\n  const onDrop = useCallback(\n    (dest: Element, src: Element) => {\n      const dropIndex = Number(dest.getAttribute('data-index'));\n      const dragIndex = Number(src.getAttribute('data-index'));\n      if (dragIndex !== dropIndex) {\n        const existingGroups = appliedGroups.map(v => ({ ...v }));\n        const dragGroup = existingGroups.splice(dragIndex, 1)[0];\n        existingGroups.splice(dropIndex, 0, dragGroup);\n        setGroups(existingGroups);\n      }\n    },\n    [appliedGroups, setGroups]\n  );\n  const { dragProps, dropProps } = useDragDrop({\n    context: dragDropRef,\n    getAnimationSelector,\n    getGhostImageSelector: getAnimationSelector,\n    getDraggedObject: getAnimationSelector,\n    onDrop\n  });\n\n  const removeGroup = useCallback(\n    (index: number) => {\n      const existingGroups = appliedGroups.map(v => ({ ...v }));\n      existingGroups.splice(index, 1);\n      setGroups(existingGroups);\n\n      if (existingGroups.length > 0)\n        setFocusRowId(\n          index === appliedGroups.length - 1\n            ? existingGroups[index - 1].id\n            : existingGroups[index].id\n        );\n    },\n    [appliedGroups, setGroups, setFocusRowId]\n  );\n\n  const handleColumnChange = useCallback(\n    (group: Group, index: number, newID: string) => {\n      if (newID === group.columnId) return; // Ignore re-selecting the same\n      const updatedGroup: Group = {\n        ...group,\n        columnId: newID,\n        dateFunction: undefined // Reset for non-date/time fields\n      };\n\n      // For date/datetime field, pick a date function by default (if enabled)\n      const fieldType = getFieldType(newID, columns);\n      if (dateFunctions && (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME)) {\n        updatedGroup.dateFunction = groupingOptions.dateFuncs[newID]\n          ? groupingOptions.dateFuncs[newID].available[0] // If the field is already picked before\n          : groupingOptions.dateGroupVariants[fieldType][0]; // When picking the field for the first time\n      }\n\n      setGroups([\n        ...appliedGroups.slice(0, index),\n        updatedGroup,\n        ...appliedGroups.slice(index + 1)\n      ]);\n    },\n    [appliedGroups, groupingOptions, setGroups, dateFunctions, columns]\n  );\n\n  const handleDateFuncChange = useCallback(\n    (group: Group, index: number, newFunc: Group['dateFunction']) => {\n      if (newFunc === group.dateFunction) return; // Ignore re-selecting the same\n      const updatedGroup = { ...group, dateFunction: newFunc };\n      setGroups([\n        ...appliedGroups.slice(0, index),\n        updatedGroup,\n        ...appliedGroups.slice(index + 1)\n      ]);\n    },\n    [setGroups, appliedGroups]\n  );\n\n  const addRow = useCallback(() => {\n    const newRow = { id: createUID(), columnId: '', order: 'asc' };\n    const existingGroups = [...appliedGroups, newRow];\n    setGroups(existingGroups);\n    setFocusRowId(newRow.id);\n  }, [appliedGroups, setGroups, setFocusRowId]);\n\n  useEffect(() => {\n    if (!appliedGroups.length) {\n      addRow();\n    }\n  }, [appliedGroups, addRow]);\n\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }} key='grouping'>\n      <Flex container={{ direction: 'column', gap: 1 }} className='group-content' ref={dragDropRef}>\n        {appliedGroups.map((group, index) => (\n          <div {...dropProps} data-index={index} key={group.id}>\n            <Flex\n              container={{\n                justify: 'between',\n                alignItems: 'center',\n                direction: 'row',\n                wrap: 'nowrap',\n                itemGap: 0.5\n              }}\n              ref={appliedGroups[index].id === focusRowId ? focusRowRef : null}\n            >\n              <Flex item={{ grow: 1 }}>\n                <Flex\n                  container={{\n                    justify: 'start',\n                    alignItems: 'center',\n                    direction: 'row',\n                    wrap: 'nowrap',\n                    itemGap: 0.5\n                  }}\n                >\n                  <StyledDragHandle\n                    forwardedAs='div'\n                    role='button'\n                    icon\n                    variant='simple'\n                    compact\n                    {...dragProps}\n                  >\n                    <Icon name='drag' />\n                  </StyledDragHandle>\n                  <Flex item={{ grow: 1 }}>\n                    <FieldSelector\n                      label={t('field')}\n                      labelHidden\n                      columns={columns?.filter(\n                        c =>\n                          c.field.grouping &&\n                          (c.field.id.toString() === group.columnId.toString() ||\n                            !groupingOptions.exhaustedFields.has(c.field.id))\n                      )}\n                      value={group.columnId}\n                      disabled={!!group.customFunction}\n                      onChange={(newID: string) => handleColumnChange(group, index, newID)}\n                      fieldProp='id'\n                    />\n                  </Flex>\n                  <DateFunctionSelector\n                    group={group}\n                    groupingOptions={groupingOptions}\n                    dateFunctions={dateFunctions}\n                    columns={columns}\n                    onChange={(newFunc: Group['dateFunction']) =>\n                      handleDateFuncChange(group, index, newFunc)\n                    }\n                  />\n                </Flex>\n              </Flex>\n              <Button\n                icon\n                variant='simple'\n                onClick={() => removeGroup(index)}\n                label={t('delete_group')}\n              >\n                <Icon name='trash' />\n              </Button>\n            </Flex>\n          </div>\n        ))}\n      </Flex>\n      <div>\n        <Button variant='link' aria-label={t('add_group')} onClick={addRow}>\n          <Flex\n            container={{\n              inline: true,\n              alignItems: 'start',\n              gap: 1\n            }}\n            as='span'\n          >\n            <Icon name='plus' />\n            <span>{t('add')}</span>\n          </Flex>\n        </Button>\n      </div>\n    </Flex>\n  );\n};\n\nexport default GroupRenderer;\n"]}
+{"version":3,"file":"GroupRenderer.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/GroupRenderer.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAE,SAAS,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAI1F,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,WAAW,MAAM,+BAA+B,CAAC;AACxD,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAG1D,MAAM,YAAY,GAAG,aAAa,CAAC;AAEnC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEtC,CAAC;AAYF,MAAM,aAAa,GAAG,CAAC,EACrB,aAAa,EACb,eAAe,EACf,SAAS,EACT,OAAO,EACP,aAAa,EACb,QAAQ,EACR,SAAS,EACU,EAAE,EAAE;IACvB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IAEjE,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,MAAe,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IAChG,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,IAAa,EAAE,GAAY,EAAE,EAAE;QAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QAC1D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;QACzD,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC5B,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1D,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzD,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YAC/C,SAAS,CAAC,cAAc,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,EACD,CAAC,aAAa,EAAE,SAAS,CAAC,CAC3B,CAAC;IACF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;QAC3C,OAAO,EAAE,WAAW;QACpB,oBAAoB;QACpB,qBAAqB,EAAE,oBAAoB;QAC3C,gBAAgB,EAAE,oBAAoB;QACtC,MAAM;KACP,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAa,EAAE,EAAE;QAChB,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1D,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAChC,SAAS,CAAC,cAAc,CAAC,CAAC;QAE1B,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC;YAC3B,aAAa,CACX,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC;gBAChC,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;gBAC9B,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAC7B,CAAC;IACN,CAAC,EACD,CAAC,aAAa,EAAE,SAAS,EAAE,aAAa,CAAC,CAC1C,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,KAAY,EAAE,KAAa,EAAE,KAAa,EAAE,EAAE;QAC7C,IAAI,KAAK,KAAK,KAAK,CAAC,QAAQ;YAAE,OAAO,CAAC,+BAA+B;QACrE,MAAM,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACpD,MAAM,YAAY,GAAU;YAC1B,GAAG,KAAK;YACR,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,SAAS,EAAE,kCAAkC;YAC3D,KAAK,EAAE,aAAa,EAAE,SAAS,IAAI,KAAK,CAAC,mDAAmD;SAC7F,CAAC;QAEF,wEAAwE;QACxE,MAAM,SAAS,GAAG,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC;QAC5C,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;YACzF,YAAY,CAAC,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC1D,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,wCAAwC;gBACxF,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,4CAA4C;QACnG,CAAC;QAED,SAAS,CAAC;YACR,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;YAChC,YAAY;YACZ,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;SAClC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC,CACpE,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAAY,EAAE,KAAa,EAAE,OAA8B,EAAE,EAAE;QAC9D,IAAI,OAAO,KAAK,KAAK,CAAC,YAAY;YAAE,OAAO,CAAC,+BAA+B;QAC3E,MAAM,YAAY,GAAG,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;QACzD,SAAS,CAAC;YACR,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;YAChC,YAAY;YACZ,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;SAClC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,SAAS,EAAE,aAAa,CAAC,CAC3B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC/D,MAAM,cAAc,GAAG,CAAC,GAAG,aAAa,EAAE,MAAM,CAAC,CAAC;QAClD,SAAS,CAAC,cAAc,CAAC,CAAC;QAC1B,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;YAC1B,MAAM,EAAE,CAAC;QACX,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,WAAW,YACzF,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAClC,MAAM,UAAU,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;oBAC5E,MAAM,eAAe,GAAG,UAAU;wBAChC,CAAC,CAAC,CAAC,CAAC,uBAAuB,EAAE,CAAC,UAAU,CAAC,CAAC;wBAC1C,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;oBAEzB,OAAO,CACL,2BAAS,SAAS,gBAAc,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE;wBAClD,MAAC,IAAI,IACH,SAAS,EAAE;gCACT,OAAO,EAAE,SAAS;gCAClB,UAAU,EAAE,QAAQ;gCACpB,SAAS,EAAE,KAAK;gCAChB,IAAI,EAAE,QAAQ;gCACd,OAAO,EAAE,GAAG;6BACb,EACD,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,aAEhE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,MAAC,IAAI,IACH,SAAS,EAAE;4CACT,OAAO,EAAE,OAAO;4CAChB,UAAU,EAAE,QAAQ;4CACpB,SAAS,EAAE,KAAK;4CAChB,IAAI,EAAE,QAAQ;4CACd,OAAO,EAAE,GAAG;yCACb,aAED,KAAC,gBAAgB,IACf,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,QAAQ,EACb,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,sBACK,eAAe,KACvB,SAAS,YAEb,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACH,EACnB,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,aAAa,IACZ,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EACjB,WAAW,QACX,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc,EAChC,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,EACpE,SAAS,EAAC,IAAI,EACd,SAAS,EAAE,SAAS,EAAE,MAAM,CAC1B,QAAQ,CAAC,EAAE,CACT,QAAQ,CAAC,QAAQ;wDACjB,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE;4DACnD,CAAC,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CACvD,GACD,GACG,EACP,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,OAA8B,EAAE,EAAE,CAC3C,oBAAoB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,GAE7C,IACG,GACF,EACP,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,YAExB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,IACJ,CACH,CACP,CAAC;gBACJ,CAAC,CAAC,GACG,EACN,QAAQ,KAAK,6BAA6B,CAAC,QAAQ,IAAI,CACtD,wBACE,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,gBAAa,CAAC,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,MAAM,YAChE,MAAC,IAAI,IACH,SAAS,EAAE;4BACT,MAAM,EAAE,IAAI;4BACZ,UAAU,EAAE,OAAO;4BACnB,GAAG,EAAE,CAAC;yBACP,EACD,EAAE,EAAC,MAAM,aAET,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EACpB,yBAAO,CAAC,CAAC,KAAK,CAAC,GAAQ,IAClB,GACA,GACL,CACP,KAlGmD,UAAU,CAmGzD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import styled from 'styled-components';\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { Button, createUID, Flex, Icon, useI18n } from '@pega/cosmos-react-core';\nimport { FieldType, REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport useRowFocus from '../useRowFocus';\nimport useDragDrop from '../../../../Hooks/useDragDrop';\nimport FieldSelector from '../../FieldSelector';\nimport type { GroupingOptions } from '../../Grouping.types';\n\nimport { getColumnById } from './utils';\nimport DateFunctionSelector from './DateFunctionSelector';\nimport type { AppliedGroup } from './useGroup';\n\nconst DropSelector = '[data-drop]';\n\nconst StyledDragHandle = styled(Button)`\n  cursor: grab;\n`;\n\ninterface GroupRendererProps {\n  appliedGroups: AppliedGroup[];\n  groupingOptions: GroupingOptions;\n  setGroups: (groups: (Group | { id: string })[]) => void;\n  columns: RsCoreTypes.Column[];\n  dateFunctions: RsCoreTypes.Meta['dateFunctions'];\n  template: RsCoreTypes.Meta['template'];\n  fieldDefs: RsCoreTypes.Meta['fieldDefs'];\n}\n\nconst GroupRenderer = ({\n  appliedGroups,\n  groupingOptions,\n  setGroups,\n  columns,\n  dateFunctions,\n  template,\n  fieldDefs\n}: GroupRendererProps) => {\n  const t = useI18n();\n  const { focusRowRef, focusRowId, setFocusRowId } = useRowFocus();\n\n  const dragDropRef = useRef<HTMLDivElement>(null);\n  const getAnimationSelector = useCallback((target: Element) => target.closest(DropSelector), []);\n  const onDrop = useCallback(\n    (dest: Element, src: Element) => {\n      const dropIndex = Number(dest.getAttribute('data-index'));\n      const dragIndex = Number(src.getAttribute('data-index'));\n      if (dragIndex !== dropIndex) {\n        const existingGroups = appliedGroups.map(v => ({ ...v }));\n        const dragGroup = existingGroups.splice(dragIndex, 1)[0];\n        existingGroups.splice(dropIndex, 0, dragGroup);\n        setGroups(existingGroups);\n      }\n    },\n    [appliedGroups, setGroups]\n  );\n  const { dragProps, dropProps } = useDragDrop({\n    context: dragDropRef,\n    getAnimationSelector,\n    getGhostImageSelector: getAnimationSelector,\n    getDraggedObject: getAnimationSelector,\n    onDrop\n  });\n\n  const removeGroup = useCallback(\n    (index: number) => {\n      const existingGroups = appliedGroups.map(v => ({ ...v }));\n      existingGroups.splice(index, 1);\n      setGroups(existingGroups);\n\n      if (existingGroups.length > 0)\n        setFocusRowId(\n          index === appliedGroups.length - 1\n            ? existingGroups[index - 1].id\n            : existingGroups[index].id\n        );\n    },\n    [appliedGroups, setGroups, setFocusRowId]\n  );\n\n  const handleColumnChange = useCallback(\n    (group: Group, index: number, newID: string) => {\n      if (newID === group.columnId) return; // Ignore re-selecting the same\n      const groupedColumn = getColumnById(newID, columns);\n      const updatedGroup: Group = {\n        ...group,\n        columnId: newID,\n        dateFunction: undefined, // Reset for non-date/time fields,\n        order: groupedColumn?.sortOrder || 'asc' // Set sort order from column else default to 'asc'\n      };\n\n      // For date/datetime field, pick a date function by default (if enabled)\n      const fieldType = groupedColumn?.field.type;\n      if (dateFunctions && (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME)) {\n        updatedGroup.dateFunction = groupingOptions.dateFuncs[newID]\n          ? groupingOptions.dateFuncs[newID].available[0] // If the field is already picked before\n          : groupingOptions.dateGroupVariants[fieldType][0]; // When picking the field for the first time\n      }\n\n      setGroups([\n        ...appliedGroups.slice(0, index),\n        updatedGroup,\n        ...appliedGroups.slice(index + 1)\n      ]);\n    },\n    [appliedGroups, groupingOptions, setGroups, dateFunctions, columns]\n  );\n\n  const handleDateFuncChange = useCallback(\n    (group: Group, index: number, newFunc: Group['dateFunction']) => {\n      if (newFunc === group.dateFunction) return; // Ignore re-selecting the same\n      const updatedGroup = { ...group, dateFunction: newFunc };\n      setGroups([\n        ...appliedGroups.slice(0, index),\n        updatedGroup,\n        ...appliedGroups.slice(index + 1)\n      ]);\n    },\n    [setGroups, appliedGroups]\n  );\n\n  const addRow = useCallback(() => {\n    const newRow = { id: createUID(), columnId: '', order: 'asc' };\n    const existingGroups = [...appliedGroups, newRow];\n    setGroups(existingGroups);\n    setFocusRowId(newRow.id);\n  }, [appliedGroups, setGroups, setFocusRowId]);\n\n  useEffect(() => {\n    if (!appliedGroups.length) {\n      addRow();\n    }\n  }, [appliedGroups, addRow]);\n\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }} key='grouping'>\n      <Flex container={{ direction: 'column', gap: 1 }} className='group-content' ref={dragDropRef}>\n        {appliedGroups.map((group, index) => {\n          const fieldLabel = columns?.find(f => f.field.id === group.columnId)?.label;\n          const dragHandleLabel = fieldLabel\n            ? t('drag_to_reorder_field', [fieldLabel])\n            : t('drag_to_reorder');\n\n          return (\n            <div {...dropProps} data-index={index} key={group.id}>\n              <Flex\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  direction: 'row',\n                  wrap: 'nowrap',\n                  itemGap: 0.5\n                }}\n                ref={appliedGroups[index].id === focusRowId ? focusRowRef : null}\n              >\n                <Flex item={{ grow: 1 }}>\n                  <Flex\n                    container={{\n                      justify: 'start',\n                      alignItems: 'center',\n                      direction: 'row',\n                      wrap: 'nowrap',\n                      itemGap: 0.5\n                    }}\n                  >\n                    <StyledDragHandle\n                      forwardedAs='div'\n                      role='button'\n                      icon\n                      variant='simple'\n                      compact\n                      aria-label={dragHandleLabel}\n                      {...dragProps}\n                    >\n                      <Icon name='drag' />\n                    </StyledDragHandle>\n                    <Flex item={{ grow: 1 }}>\n                      <FieldSelector\n                        label={t('field')}\n                        labelHidden\n                        value={group.columnId}\n                        disabled={!!group.customFunction}\n                        onChange={(newID: string) => handleColumnChange(group, index, newID)}\n                        fieldProp='id'\n                        fieldDefs={fieldDefs?.filter(\n                          fieldDef =>\n                            fieldDef.grouping &&\n                            (fieldDef.id.toString() === group.columnId.toString() ||\n                              !groupingOptions.exhaustedFields.has(fieldDef.id))\n                        )}\n                      />\n                    </Flex>\n                    <DateFunctionSelector\n                      template={template}\n                      group={group}\n                      groupingOptions={groupingOptions}\n                      dateFunctions={dateFunctions}\n                      fieldDefs={fieldDefs}\n                      onChange={(newFunc: Group['dateFunction']) =>\n                        handleDateFuncChange(group, index, newFunc)\n                      }\n                    />\n                  </Flex>\n                </Flex>\n                <Button\n                  icon\n                  variant='simple'\n                  onClick={() => removeGroup(index)}\n                  label={t('delete_group')}\n                >\n                  <Icon name='trash' />\n                </Button>\n              </Flex>\n            </div>\n          );\n        })}\n      </Flex>\n      {template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE && (\n        <div>\n          <Button variant='link' aria-label={t('add_group')} onClick={addRow}>\n            <Flex\n              container={{\n                inline: true,\n                alignItems: 'start',\n                gap: 1\n              }}\n              as='span'\n            >\n              <Icon name='plus' />\n              <span>{t('add')}</span>\n            </Flex>\n          </Button>\n        </div>\n      )}\n    </Flex>\n  );\n};\n\nexport default GroupRenderer;\n"]}

package/lib/Core/Components/Toolbar/hooks/useGroup/useGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGroup.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/useGroup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAQ9E,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,EAAE,EAAE,MAAM,CAAC;CACZ;AAKD,QAAA,MAAM,QAAQ,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE,KAAG,gBAAgB,CAAC,OAAO,CAsFhF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"useGroup.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/useGroup.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,gBAAgB,EAAe,MAAM,yBAAyB,CAAC;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAQ9E,MAAM,WAAW,YAAa,SAAQ,KAAK;IACzC,EAAE,EAAE,MAAM,CAAC;CACZ;AAKD,QAAA,MAAM,QAAQ,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE,KAAG,gBAAgB,CAAC,OAAO,CAmGhF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/Core/Components/Toolbar/hooks/useGroup/useGroup.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useState } from 'react';
+import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
 import { createUID, usePrevious } from '@pega/cosmos-react-core';
 import { TOOLBAR_FEATURES } from '../../../../constants';
 import { deepEqual } from '../../../../Utils';
@@ -6,13 +7,13 @@ import { getGroupingOptions } from './utils';
 import GroupRenderer from './GroupRenderer';
 const convertGroupsToAppliedGroups = (groups) => groups.map(group => ({ ...group, id: createUID() }));
 const useGroup = ({ view }) => {
-    const { state: { groups = [] } = {}, meta: { grouping, dateFunctions }, type: { applyGrouping }, columns = [] } = view;
+    const { state: { groups = [] } = {}, meta: { grouping, dateFunctions, template }, type: { applyGrouping }, columns = [] } = view;
     const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);
     const [appliedGroups, setAppliedGroups] = useState([]);
-    const [groupingOptions, setGroupingOptions] = useState(() => getGroupingOptions(groups, columns, dateFunctions));
+    const [groupingOptions, setGroupingOptions] = useState(() => getGroupingOptions(groups, view.getFieldDefs(), dateFunctions));
     const setGroups = useCallback((newGroups) => {
         setAppliedGroups(newGroups);
-        setGroupingOptions(getGroupingOptions(newGroups, columns, dateFunctions));
+        setGroupingOptions(getGroupingOptions(newGroups, view.getFieldDefs(), dateFunctions));
     }, [columns, dateFunctions]);
     // BUG-758989 This useEffect should run only once when the columns are populated on view
     // as getGroupingOptions function has dependency on column to form dateFunc object
@@ -21,7 +22,7 @@ const useGroup = ({ view }) => {
         if (!columns || !prevColumns)
             return;
         if (columns.length !== prevColumns.length) {
-            setGroupingOptions(getGroupingOptions(appliedGroups, columns, dateFunctions));
+            setGroupingOptions(getGroupingOptions(appliedGroups, view.getFieldDefs(), dateFunctions));
         }
     }, [columns]);
     const onSubmit = useCallback(() => {
@@ -61,12 +62,22 @@ const useGroup = ({ view }) => {
             setGroups(convertGroupsToAppliedGroups(groups));
         }
     }, [groups, prevGroups, setGroups, view.columns]);
-    if (!grouping || view.hierarchicalGroupEnabled || !displayGrouping)
+    if (!grouping ||
+        (view.hierarchicalGroupEnabled && template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE) ||
+        !displayGrouping)
         return;
     return {
         count: groups.length > 0 ? groups.length : undefined,
         renderer: GroupRenderer,
-        rendererProps: { appliedGroups, columns, dateFunctions, groupingOptions, setGroups },
+        rendererProps: {
+            appliedGroups,
+            columns,
+            dateFunctions,
+            groupingOptions,
+            setGroups,
+            template,
+            fieldDefs: view.getFieldDefs()
+        },
         onSubmit,
         onCancel
     };

package/lib/Core/Components/Toolbar/hooks/useGroup/useGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGroup.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/useGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAyB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIxF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAM5C,MAAM,4BAA4B,GAAG,CAAC,MAAe,EAAE,EAAE,CACvD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvD,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAA8B,EAA6B,EAAE;IACnF,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,EAAE,EAC3B,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EACjC,IAAI,EAAE,EAAE,aAAa,EAAE,EACvB,OAAO,GAAG,EAAE,EACb,GAAG,IAAI,CAAC;IAET,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC1D,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,CACnD,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,SAAyB,EAAE,EAAE;QAC5B,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAC5B,kBAAkB,CAAC,kBAAkB,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAC5E,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,wFAAwF;IACxF,kFAAkF;IAClF,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW;YAAE,OAAO;QACrC,IAAI,OAAO,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;YAC1C,kBAAkB,CAAC,kBAAkB,CAAC,aAAa,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;QAChF,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,MAAM,WAAW,GAAG,aAAa;aAC9B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;aACvB,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACpB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;YAC9B,OAAO,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QACnC,CAAC,CAAC,CAAC;QACL,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,SAAS,CAAC,4BAA4B,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB;;;;;;OAMG;IACH,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC;YAC7D,SAAS,CAAC,4BAA4B,CAAC,MAAM,CAAC,CAAC,CAAC;YAChD,OAAO;QACT,CAAC;QAED,uHAAuH;QACvH,MAAM,aAAa,GACjB,MAAM,CAAC,MAAM,KAAK,UAAU,CAAC,MAAM;YACnC,MAAM,CAAC,IAAI,CACT,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACX,KAAK,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;gBACzC,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK;gBACnC,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBAC1D,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CACjE,CAAC;QAEJ,IAAI,aAAa,EAAE,CAAC;YAClB,SAAS,CAAC,4BAA4B,CAAC,MAAM,CAAC,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAElD,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,wBAAwB,IAAI,CAAC,eAAe;QAAE,OAAO;IAE3E,OAAO;QACL,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACpD,QAAQ,EAAE,aAAa;QACvB,aAAa,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE;QACpF,QAAQ;QACR,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { createUID, type ListToolbarProps, usePrevious } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport { TOOLBAR_FEATURES } from '../../../../constants';\nimport { deepEqual } from '../../../../Utils';\n\nimport { getGroupingOptions } from './utils';\nimport GroupRenderer from './GroupRenderer';\n\nexport interface AppliedGroup extends Group {\n  id: string;\n}\n\nconst convertGroupsToAppliedGroups = (groups: Group[]) =>\n  groups.map(group => ({ ...group, id: createUID() }));\n\nconst useGroup = ({ view }: { view: RsCoreTypes.View }): ListToolbarProps['group'] => {\n  const {\n    state: { groups = [] } = {},\n    meta: { grouping, dateFunctions },\n    type: { applyGrouping },\n    columns = []\n  } = view;\n\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n  const [appliedGroups, setAppliedGroups] = useState<AppliedGroup[]>([]);\n  const [groupingOptions, setGroupingOptions] = useState(() =>\n    getGroupingOptions(groups, columns, dateFunctions)\n  );\n\n  const setGroups = useCallback(\n    (newGroups: AppliedGroup[]) => {\n      setAppliedGroups(newGroups);\n      setGroupingOptions(getGroupingOptions(newGroups, columns, dateFunctions));\n    },\n    [columns, dateFunctions]\n  );\n\n  // BUG-758989 This useEffect should run only once when the columns are populated on view\n  // as getGroupingOptions function has dependency on column to form dateFunc object\n  const prevColumns = usePrevious(columns);\n  useEffect(() => {\n    if (!columns || !prevColumns) return;\n    if (columns.length !== prevColumns.length) {\n      setGroupingOptions(getGroupingOptions(appliedGroups, columns, dateFunctions));\n    }\n  }, [columns]);\n\n  const onSubmit = useCallback(() => {\n    const groupsToSet = appliedGroups\n      .filter(e => e.columnId)\n      .map((group, index) => {\n        const { id, ...rest } = group;\n        return { ...rest, level: index };\n      });\n    applyGrouping(groupsToSet);\n  }, [applyGrouping, setGroups, appliedGroups]);\n\n  const onCancel = useCallback(() => {\n    setGroups(convertGroupsToAppliedGroups(groups));\n  }, [groups, setGroups]);\n\n  /*\n   * The usePrevious hook is used in conjunction with the effect below...\n   * ...to determine if the groups prop has in essence changed in value as it is always referentially different [] === [] // false.\n   * This workaround is necessary to render proper state within the group popover content.\n   * The conditional logic avoids many excessive renders.\n   * The overall hook/grouping implementation may be able to be modified to avoid this.\n   */\n  const prevGroups = usePrevious(groups);\n  useEffect(() => {\n    if (!view.columns) return;\n    if (!groups || !prevGroups || !deepEqual(groups, prevGroups)) {\n      setGroups(convertGroupsToAppliedGroups(groups));\n      return;\n    }\n\n    // This is obviously not extensive comparison but may be effective enough for the group object type. Enhance as needed.\n    const groupsChanged =\n      groups.length !== prevGroups.length ||\n      groups.some(\n        (group, i) =>\n          group.columnId !== prevGroups[i].columnId ||\n          group.order !== prevGroups[i].order ||\n          !deepEqual(group.dateFunction, prevGroups[i].dateFunction) ||\n          !deepEqual(group.customFunction, prevGroups[i].customFunction)\n      );\n\n    if (groupsChanged) {\n      setGroups(convertGroupsToAppliedGroups(groups));\n    }\n  }, [groups, prevGroups, setGroups, view.columns]);\n\n  if (!grouping || view.hierarchicalGroupEnabled || !displayGrouping) return;\n\n  return {\n    count: groups.length > 0 ? groups.length : undefined,\n    renderer: GroupRenderer,\n    rendererProps: { appliedGroups, columns, dateFunctions, groupingOptions, setGroups },\n    onSubmit,\n    onCancel\n  };\n};\n\nexport default useGroup;\n"]}
+{"version":3,"file":"useGroup.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/useGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\nimport { createUID, type ListToolbarProps, usePrevious } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport { TOOLBAR_FEATURES } from '../../../../constants';\nimport { deepEqual } from '../../../../Utils';\n\nimport { getGroupingOptions } from './utils';\nimport GroupRenderer from './GroupRenderer';\n\nexport interface AppliedGroup extends Group {\n  id: string;\n}\n\nconst convertGroupsToAppliedGroups = (groups: Group[]) =>\n  groups.map(group => ({ ...group, id: createUID() }));\n\nconst useGroup = ({ view }: { view: RsCoreTypes.View }): ListToolbarProps['group'] => {\n  const {\n    state: { groups = [] } = {},\n    meta: { grouping, dateFunctions, template },\n    type: { applyGrouping },\n    columns = []\n  } = view;\n\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n  const [appliedGroups, setAppliedGroups] = useState<AppliedGroup[]>([]);\n  const [groupingOptions, setGroupingOptions] = useState(() =>\n    getGroupingOptions(groups, view.getFieldDefs(), dateFunctions)\n  );\n\n  const setGroups = useCallback(\n    (newGroups: AppliedGroup[]) => {\n      setAppliedGroups(newGroups);\n      setGroupingOptions(getGroupingOptions(newGroups, view.getFieldDefs(), dateFunctions));\n    },\n    [columns, dateFunctions]\n  );\n\n  // BUG-758989 This useEffect should run only once when the columns are populated on view\n  // as getGroupingOptions function has dependency on column to form dateFunc object\n  const prevColumns = usePrevious(columns);\n  useEffect(() => {\n    if (!columns || !prevColumns) return;\n    if (columns.length !== prevColumns.length) {\n      setGroupingOptions(getGroupingOptions(appliedGroups, view.getFieldDefs(), dateFunctions));\n    }\n  }, [columns]);\n\n  const onSubmit = useCallback(() => {\n    const groupsToSet = appliedGroups\n      .filter(e => e.columnId)\n      .map((group, index) => {\n        const { id, ...rest } = group;\n        return { ...rest, level: index };\n      });\n    applyGrouping(groupsToSet);\n  }, [applyGrouping, setGroups, appliedGroups]);\n\n  const onCancel = useCallback(() => {\n    setGroups(convertGroupsToAppliedGroups(groups));\n  }, [groups, setGroups]);\n\n  /*\n   * The usePrevious hook is used in conjunction with the effect below...\n   * ...to determine if the groups prop has in essence changed in value as it is always referentially different [] === [] // false.\n   * This workaround is necessary to render proper state within the group popover content.\n   * The conditional logic avoids many excessive renders.\n   * The overall hook/grouping implementation may be able to be modified to avoid this.\n   */\n  const prevGroups = usePrevious(groups);\n  useEffect(() => {\n    if (!view.columns) return;\n    if (!groups || !prevGroups || !deepEqual(groups, prevGroups)) {\n      setGroups(convertGroupsToAppliedGroups(groups));\n      return;\n    }\n\n    // This is obviously not extensive comparison but may be effective enough for the group object type. Enhance as needed.\n    const groupsChanged =\n      groups.length !== prevGroups.length ||\n      groups.some(\n        (group, i) =>\n          group.columnId !== prevGroups[i].columnId ||\n          group.order !== prevGroups[i].order ||\n          !deepEqual(group.dateFunction, prevGroups[i].dateFunction) ||\n          !deepEqual(group.customFunction, prevGroups[i].customFunction)\n      );\n\n    if (groupsChanged) {\n      setGroups(convertGroupsToAppliedGroups(groups));\n    }\n  }, [groups, prevGroups, setGroups, view.columns]);\n\n  if (\n    !grouping ||\n    (view.hierarchicalGroupEnabled && template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE) ||\n    !displayGrouping\n  )\n    return;\n\n  return {\n    count: groups.length > 0 ? groups.length : undefined,\n    renderer: GroupRenderer,\n    rendererProps: {\n      appliedGroups,\n      columns,\n      dateFunctions,\n      groupingOptions,\n      setGroups,\n      template,\n      fieldDefs: view.getFieldDefs()\n    },\n    onSubmit,\n    onCancel\n  };\n};\n\nexport default useGroup;\n"]}

package/lib/Core/Components/Toolbar/hooks/useGroup/utils.d.ts

@@ -1,11 +1,16 @@
 import { type RsCoreTypes } from 'pega-repeating-structures-core';
 import type { Group } from 'pega-repeating-structures-core/types/State.types';
 import type { GroupingOptions } from '../../Grouping.types';
+/**
+ * Finds the matching column for the given id.
+ * Returns `undefined` if no match found
+ */
+export declare function getColumnById(id: string, columns: RsCoreTypes.Column[]): import("pega-repeating-structures-core/lib/src/core/generators/ColumnGenerator").default | undefined;
 /**
  * Finds the matching column for the given columnId and returns its field type.
  * Returns `undefined` if no match found
  */
-export declare function getFieldType(columnId: Group['columnId'], columns: RsCoreTypes.Column[]): "number" | "boolean" | "text" | "time" | "action" | "date" | "custom" | "currency" | "datetime" | "URL" | "Date" | "Date only" | undefined;
+export declare function getFieldType(columnId: string, fieldDefs: RsCoreTypes.Meta['fieldDefs']): "number" | "boolean" | "object" | "text" | "time" | "action" | "date" | "custom" | "currency" | "datetime" | "URL" | "Date" | "Date only" | undefined;
 /** Returns metadata to identify which fields and which date functions are/aren't available for selection */
-export declare function getGroupingOptions(groups: Group[], columns: RsCoreTypes.Column[], dateFunctions: RsCoreTypes.Meta['dateFunctions']): GroupingOptions;
+export declare function getGroupingOptions(groups: Group[], fieldDefs: RsCoreTypes.Meta['fieldDefs'], dateFunctions: RsCoreTypes.Meta['dateFunctions']): GroupingOptions;
 //# sourceMappingURL=utils.d.ts.map

package/lib/Core/Components/Toolbar/hooks/useGroup/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAE9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,8IAEtF;AAED,4GAA4G;AAC5G,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,KAAK,EAAE,EACf,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,EAC7B,aAAa,EAAE,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,GAC/C,eAAe,CA2DjB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AAE9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,wGAEtE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,yJAEtF;AAED,4GAA4G;AAC5G,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,KAAK,EAAE,EACf,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,EACxC,aAAa,EAAE,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,GAC/C,eAAe,CA2DjB"}

package/lib/Core/Components/Toolbar/hooks/useGroup/utils.js

@@ -1,13 +1,20 @@
 import { FieldType } from 'pega-repeating-structures-core';
+/**
+ * Finds the matching column for the given id.
+ * Returns `undefined` if no match found
+ */
+export function getColumnById(id, columns) {
+    return columns.find(c => c.field.id === id);
+}
 /**
  * Finds the matching column for the given columnId and returns its field type.
  * Returns `undefined` if no match found
  */
-export function getFieldType(columnId, columns) {
-    return columns.find(c => c.field.id.toString() === columnId.toString())?.field.type;
+export function getFieldType(columnId, fieldDefs) {
+    return fieldDefs.find(f => f.id === columnId)?.type;
 }
 /** Returns metadata to identify which fields and which date functions are/aren't available for selection */
-export function getGroupingOptions(groups, columns, dateFunctions) {
+export function getGroupingOptions(groups, fieldDefs, dateFunctions) {
     const groupingOptions = {
         // Set of fields that are already exhausted in grouping
         // NOTE: For date/datetime fields, when dateFunctions are enabled, it doesn't mark a field as exhausted until all the date-function variants are used against that field
@@ -24,7 +31,7 @@ export function getGroupingOptions(groups, columns, dateFunctions) {
     groups.forEach(({ columnId, dateFunction }) => {
         if (columnId === '')
             return; // Ignore empty groups
-        const fieldType = getFieldType(columnId, columns);
+        const fieldType = getFieldType(columnId, fieldDefs);
         // If date functions are enabled, and it's a date/datetime field, track the functions used
         if (dateFunctions && (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME)) {
             groupingOptions.dateFuncs[columnId] = groupingOptions.dateFuncs[columnId] || {
@@ -48,7 +55,7 @@ export function getGroupingOptions(groups, columns, dateFunctions) {
         };
         // For each date/datetime field, set up which variants are yet to be used. Also determine if all the variants are exhausted
         Object.entries(groupingOptions.dateFuncs).forEach(([columnId, obj]) => {
-            const fieldType = getFieldType(columnId, columns);
+            const fieldType = getFieldType(columnId, fieldDefs);
             if (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME) {
                 obj.available = groupingOptions.dateGroupVariants[fieldType].filter(v => !obj.exhausted.includes(v));
             }

package/lib/Core/Components/Toolbar/hooks/useGroup/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,gCAAgC,CAAC;AAK7E;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,QAA2B,EAAE,OAA6B;IACrF,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;AACtF,CAAC;AAED,4GAA4G;AAC5G,MAAM,UAAU,kBAAkB,CAChC,MAAe,EACf,OAA6B,EAC7B,aAAgD;IAEhD,MAAM,eAAe,GAAoB;QACvC,uDAAuD;QACvD,wKAAwK;QACxK,eAAe,EAAE,IAAI,GAAG,EAAE;QAE1B,gFAAgF;QAChF,SAAS,EAAE,EAAE;QAEb,gDAAgD;QAChD,iBAAiB,EAAE;YACjB,IAAI,EAAE,EAAE;YACR,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;IAEF,6FAA6F;IAC7F,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;QAC5C,IAAI,QAAQ,KAAK,EAAE;YAAE,OAAO,CAAC,sBAAsB;QACnD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAElD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;YACzF,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI;gBAC3E,SAAS,EAAE,EAAE;gBACb,SAAS,EAAE,EAAE;aACd,CAAC;YACF,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,oCAAoC;QACxG,CAAC;aAAM,CAAC;YACN,kDAAkD;YAClD,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,sJAAsJ;IACtJ,IAAI,aAAa,EAAE,CAAC;QAClB,wDAAwD;QACxD,+GAA+G;QAC/G,eAAe,CAAC,iBAAiB,GAAG;YAClC,IAAI,EAAE,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC;YAC7C,QAAQ,EAAE,CAAC,GAAG,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC;SAClD,CAAC;QAEF,2HAA2H;QAC3H,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE;YACpE,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAClD,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE,CAAC;gBACtE,GAAG,CAAC,SAAS,GAAG,eAAe,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,CACjE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChC,CAAC;YACJ,CAAC;YAED,IAAI,GAAG,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC/B,eAAe,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,eAAe,CAAC;AACzB,CAAC","sourcesContent":["import { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport type { GroupingOptions } from '../../Grouping.types';\n\n/**\n * Finds the matching column for the given columnId and returns its field type.\n * Returns `undefined` if no match found\n */\nexport function getFieldType(columnId: Group['columnId'], columns: RsCoreTypes.Column[]) {\n  return columns.find(c => c.field.id.toString() === columnId.toString())?.field.type;\n}\n\n/** Returns metadata to identify which fields and which date functions are/aren't available for selection */\nexport function getGroupingOptions(\n  groups: Group[],\n  columns: RsCoreTypes.Column[],\n  dateFunctions: RsCoreTypes.Meta['dateFunctions']\n): GroupingOptions {\n  const groupingOptions: GroupingOptions = {\n    // Set of fields that are already exhausted in grouping\n    // NOTE: For date/datetime fields, when dateFunctions are enabled, it doesn't mark a field as exhausted until all the date-function variants are used against that field\n    exhaustedFields: new Set(),\n\n    // Contains field-wise lookups with values of structure { exhausted, available }\n    dateFuncs: {},\n\n    // Possible `dateFunction` choices by field type\n    dateGroupVariants: {\n      date: [],\n      datetime: []\n    }\n  };\n\n  // Traverse all the groups and mark which all fields and date functions are exhausted already\n  groups.forEach(({ columnId, dateFunction }) => {\n    if (columnId === '') return; // Ignore empty groups\n    const fieldType = getFieldType(columnId, columns);\n\n    // If date functions are enabled, and it's a date/datetime field, track the functions used\n    if (dateFunctions && (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME)) {\n      groupingOptions.dateFuncs[columnId] = groupingOptions.dateFuncs[columnId] || {\n        exhausted: [],\n        available: []\n      };\n      groupingOptions.dateFuncs[columnId].exhausted.push(dateFunction); // `dateFunction` could be undefined\n    } else {\n      // Otherwise, simply mark the columns as exhausted\n      groupingOptions.exhaustedFields.add(columnId);\n    }\n  });\n\n  // When dateFunctions are enabled, determine which date/datetime fields are fully exhausted and also note which functions are available for each field\n  if (dateFunctions) {\n    // Identify all possible variants for a given field type\n    // The `undefined` variant is applied when we group data directly by a field's values without any date function\n    groupingOptions.dateGroupVariants = {\n      date: [...dateFunctions.DATE_ONLY, undefined],\n      datetime: [...dateFunctions.DATE_TIME, undefined]\n    };\n\n    // For each date/datetime field, set up which variants are yet to be used. Also determine if all the variants are exhausted\n    Object.entries(groupingOptions.dateFuncs).forEach(([columnId, obj]) => {\n      const fieldType = getFieldType(columnId, columns);\n      if (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME) {\n        obj.available = groupingOptions.dateGroupVariants[fieldType].filter(\n          v => !obj.exhausted.includes(v)\n        );\n      }\n\n      if (obj.available.length === 0) {\n        groupingOptions.exhaustedFields.add(columnId);\n      }\n    });\n  }\n\n  return groupingOptions;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../Core/Components/Toolbar/hooks/useGroup/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport type { Group } from 'pega-repeating-structures-core/types/State.types';\n\nimport type { GroupingOptions } from '../../Grouping.types';\n\n/**\n * Finds the matching column for the given id.\n * Returns `undefined` if no match found\n */\nexport function getColumnById(id: string, columns: RsCoreTypes.Column[]) {\n  return columns.find(c => c.field.id === id);\n}\n\n/**\n * Finds the matching column for the given columnId and returns its field type.\n * Returns `undefined` if no match found\n */\nexport function getFieldType(columnId: string, fieldDefs: RsCoreTypes.Meta['fieldDefs']) {\n  return fieldDefs.find(f => f.id === columnId)?.type;\n}\n\n/** Returns metadata to identify which fields and which date functions are/aren't available for selection */\nexport function getGroupingOptions(\n  groups: Group[],\n  fieldDefs: RsCoreTypes.Meta['fieldDefs'],\n  dateFunctions: RsCoreTypes.Meta['dateFunctions']\n): GroupingOptions {\n  const groupingOptions: GroupingOptions = {\n    // Set of fields that are already exhausted in grouping\n    // NOTE: For date/datetime fields, when dateFunctions are enabled, it doesn't mark a field as exhausted until all the date-function variants are used against that field\n    exhaustedFields: new Set(),\n\n    // Contains field-wise lookups with values of structure { exhausted, available }\n    dateFuncs: {},\n\n    // Possible `dateFunction` choices by field type\n    dateGroupVariants: {\n      date: [],\n      datetime: []\n    }\n  };\n\n  // Traverse all the groups and mark which all fields and date functions are exhausted already\n  groups.forEach(({ columnId, dateFunction }) => {\n    if (columnId === '') return; // Ignore empty groups\n    const fieldType = getFieldType(columnId, fieldDefs);\n\n    // If date functions are enabled, and it's a date/datetime field, track the functions used\n    if (dateFunctions && (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME)) {\n      groupingOptions.dateFuncs[columnId] = groupingOptions.dateFuncs[columnId] || {\n        exhausted: [],\n        available: []\n      };\n      groupingOptions.dateFuncs[columnId].exhausted.push(dateFunction); // `dateFunction` could be undefined\n    } else {\n      // Otherwise, simply mark the columns as exhausted\n      groupingOptions.exhaustedFields.add(columnId);\n    }\n  });\n\n  // When dateFunctions are enabled, determine which date/datetime fields are fully exhausted and also note which functions are available for each field\n  if (dateFunctions) {\n    // Identify all possible variants for a given field type\n    // The `undefined` variant is applied when we group data directly by a field's values without any date function\n    groupingOptions.dateGroupVariants = {\n      date: [...dateFunctions.DATE_ONLY, undefined],\n      datetime: [...dateFunctions.DATE_TIME, undefined]\n    };\n\n    // For each date/datetime field, set up which variants are yet to be used. Also determine if all the variants are exhausted\n    Object.entries(groupingOptions.dateFuncs).forEach(([columnId, obj]) => {\n      const fieldType = getFieldType(columnId, fieldDefs);\n      if (fieldType === FieldType.DATE || fieldType === FieldType.DATE_TIME) {\n        obj.available = groupingOptions.dateGroupVariants[fieldType].filter(\n          v => !obj.exhausted.includes(v)\n        );\n      }\n\n      if (obj.available.length === 0) {\n        groupingOptions.exhaustedFields.add(columnId);\n      }\n    });\n  }\n\n  return groupingOptions;\n}\n"]}

package/lib/Core/Components/Toolbar/hooks/useMore.d.ts

@@ -4,6 +4,6 @@ declare function useMore({ view }: {
 }): {
     actions: any[];
     actionsButtonRef: import("react").MutableRefObject<null>;
-    popover: false | import("react/jsx-runtime").JSX.Element;
+    selectedActionContent: import("react/jsx-runtime").JSX.Element | null | undefined;
 };
 //# sourceMappingURL=useMore.d.ts.map

package/lib/Core/Components/Toolbar/hooks/useMore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMore.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useMore.jsx"],"names":[],"mappings":";AA6BA;;;;;;EAqXC"}
+{"version":3,"file":"useMore.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useMore.jsx"],"names":[],"mappings":";AA4DA;;;;;;EA8bC"}