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

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

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationCreateEdit.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationCreateEdit.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { Flex, Button, Input, Checkbox, Text } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nexport const StyledModalContent = styled(Flex)(() => {\n  return css`\n    position: relative;\n    padding: 1.25rem;\n    overflow: auto;\n  `;\n});\n\nexport default function PersonalizationCreateEdit({ view, onFinish, editing = false }) {\n  const {\n    state: { personalization },\n    meta: { nonPersonalizationViewName }\n  } = view;\n  const personalizationNames = useMemo(() => {\n    const personalizations = personalization?.allPersonalizations || {};\n    return Object.keys(personalizations).map(key => personalizations[key]?.name?.toLowerCase());\n  }, [personalization]);\n  const [translate] = useTranslate();\n  const currentPersonalization = personalization?.allPersonalizations?.[personalization.active];\n  const currentPersonalizationName = currentPersonalization?.name;\n  const isAppDefaultView = personalization.active === 'APP_DEFAULT';\n  const [viewName, setViewName] = useState(() => {\n    if (editing) return currentPersonalizationName;\n    return '';\n  });\n  const [error, setError] = useState();\n  const viewNameRef = useRef(null);\n  const defaultNameError = `${nonPersonalizationViewName} ${translate(\n    'name is reserved for non Personalized view and cannot be used.'\n  )}`;\n  const viewAlreadyPresentError = translate('This view is already present.');\n  const viewNameEmptyError = translate('This view name cannot be empty.');\n  const viewNameMaxLengthError = translate('View name must contain less than 65 characters.');\n  // markAsDefault is meant to be null rather than false as APIS will remove the default if it sees false\n  // but will be a no-op if undefined or null\n  const [markAsDefault, setMarkAsDefault] = useState(() => {\n    if (!editing) {\n      return true;\n    }\n    if (editing && personalization.defaultPersonalization === personalization.active) {\n      return true;\n    }\n    return null;\n  });\n\n  useEffect(() => {\n    if (viewName && viewName.toLowerCase() === nonPersonalizationViewName.toLowerCase()) {\n      setError(defaultNameError);\n      return;\n    }\n    if (\n      personalizationNames.includes(viewName?.trim().toLowerCase()) &&\n      !(editing && viewName.trim() === currentPersonalizationName)\n    ) {\n      setError(viewAlreadyPresentError);\n      return;\n    }\n    if (viewName?.length > 64) {\n      setError(viewNameMaxLengthError);\n      return;\n    }\n    setError(null);\n  }, [\n    defaultNameError,\n    currentPersonalizationName,\n    editing,\n    nonPersonalizationViewName,\n    personalizationNames,\n    viewName,\n    viewAlreadyPresentError,\n    viewNameMaxLengthError\n  ]);\n\n  const onChange = e => {\n    setViewName(e.target.value);\n  };\n\n  const onSubmit = () => {\n    const trimmedName = viewName.trim();\n    if (!trimmedName) {\n      viewNameRef.current.focus();\n      setError(viewNameEmptyError);\n      return;\n    }\n    if (editing) {\n      view.type.editPersonalization(\n        personalization.active,\n        trimmedName,\n        markAsDefault,\n        isAppDefaultView\n      );\n    } else {\n      view.type.createPersonalization(trimmedName, markAsDefault);\n    }\n\n    onFinish();\n    return undefined;\n  };\n\n  const heading = editing ? translate('Edit view') : translate('Save view as..');\n\n  return (\n    <Flex as={StyledModalContent} container={{ direction: 'column' }} item={{ grow: 1 }}>\n      <Flex container={{ direction: 'column', itemGap: 2 }}>\n        <Text variant='h2' className='modalHeader'>\n          {heading}\n        </Text>\n        <Input\n          ref={viewNameRef}\n          name='viewName'\n          required\n          label={translate('View name')}\n          autoComplete='off'\n          status={error ? 'error' : null}\n          info={error}\n          value={viewName}\n          onChange={onChange}\n        />\n\n        {!(editing && isAppDefaultView) && (\n          <Checkbox\n            checked={markAsDefault}\n            label={translate('Mark as default?')}\n            required={false}\n            disabled={false}\n            onChange={() => setMarkAsDefault(curState => !curState)}\n          />\n        )}\n\n        <Flex container={{ alignContent: 'center', justify: 'between' }} className='modalFooter'>\n          <Button onClick={onFinish}>{translate('Cancel')}</Button>\n          <div>\n            <Button variant='primary' onClick={onSubmit}>\n              {translate('Submit')}\n            </Button>\n          </div>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n}\n\nPersonalizationCreateEdit.propTypes = {\n  onFinish: PropTypes.func,\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  editing: PropTypes.bool\n};\n\nPersonalizationCreateEdit.defaultProps = {\n  onFinish: () => {},\n  editing: false\n};\n"]}
+{"version":3,"file":"PersonalizationCreateEdit.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationCreateEdit.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useEffect, useMemo, useRef } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Flex, Input, Checkbox, FormDialog } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nexport default function PersonalizationCreateEdit({ view, onFinish, editing = false, target }) {\n  const {\n    state: { personalization },\n    meta: { nonPersonalizationViewName }\n  } = view;\n  const personalizationNames = useMemo(() => {\n    const personalizations = personalization?.allPersonalizations || {};\n    return Object.keys(personalizations).map(key => personalizations[key]?.name?.toLowerCase());\n  }, [personalization]);\n  const [translate] = useTranslate();\n  const currentPersonalization = personalization?.allPersonalizations?.[personalization.active];\n  const currentPersonalizationName = currentPersonalization?.name;\n  const isAppDefaultView = personalization.active === 'APP_DEFAULT';\n  const [viewName, setViewName] = useState(() => {\n    if (editing) return currentPersonalizationName;\n    return '';\n  });\n  const [error, setError] = useState();\n  const viewNameRef = useRef(null);\n  const defaultNameError = `${nonPersonalizationViewName} ${translate(\n    'name is reserved for non Personalized view and cannot be used.'\n  )}`;\n  const viewAlreadyPresentError = translate('This view is already present.');\n  const viewNameEmptyError = translate('This view name cannot be empty.');\n  const viewNameMaxLengthError = translate('View name must contain less than 65 characters.');\n  const [markAsDefault, setMarkAsDefault] = useState(\n    !!(editing && personalization.defaultPersonalization === personalization.active)\n  );\n\n  useEffect(() => {\n    if (viewName && viewName.toLowerCase() === nonPersonalizationViewName.toLowerCase()) {\n      setError(defaultNameError);\n      return;\n    }\n    if (\n      personalizationNames.includes(viewName?.trim().toLowerCase()) &&\n      !(editing && viewName.trim() === currentPersonalizationName)\n    ) {\n      setError(viewAlreadyPresentError);\n      return;\n    }\n    if (viewName?.length > 64) {\n      setError(viewNameMaxLengthError);\n      return;\n    }\n    setError(null);\n  }, [\n    defaultNameError,\n    currentPersonalizationName,\n    editing,\n    nonPersonalizationViewName,\n    personalizationNames,\n    viewName,\n    viewAlreadyPresentError,\n    viewNameMaxLengthError\n  ]);\n\n  const onChange = e => {\n    setViewName(e.target.value);\n  };\n\n  const onSubmit = () => {\n    const trimmedName = viewName.trim();\n    if (!trimmedName) {\n      viewNameRef.current.focus();\n      setError(viewNameEmptyError);\n      return;\n    }\n    if (editing) {\n      view.type.editPersonalization(\n        personalization.active,\n        trimmedName,\n        // markAsDefault is meant to be null rather than false as APIS will remove the default if it sees false\n        // but will be a no-op if undefined or null\n        markAsDefault || null,\n        isAppDefaultView\n      );\n    } else {\n      // markAsDefault is meant to be null rather than false as APIS will remove the default if it sees false\n      // but will be a no-op if undefined or null\n      view.type.createPersonalization(trimmedName, markAsDefault || null);\n    }\n\n    onFinish();\n    return undefined;\n  };\n\n  return (\n    <FormDialog\n      heading={translate(editing ? 'Edit customized view' : 'Add customized view')}\n      onCancel={onFinish}\n      onSubmit={onSubmit}\n      target={target}\n    >\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        <Input\n          ref={viewNameRef}\n          name='viewName'\n          required\n          label={translate('View name')}\n          autoComplete='off'\n          status={error ? 'error' : undefined}\n          info={error}\n          value={viewName}\n          onChange={onChange}\n        />\n\n        {!(editing && isAppDefaultView) && (\n          <Checkbox\n            checked={markAsDefault}\n            label={translate('Always show this view first')}\n            onChange={() => setMarkAsDefault(curState => !curState)}\n          />\n        )}\n      </Flex>\n    </FormDialog>\n  );\n}\n\nPersonalizationCreateEdit.propTypes = {\n  onFinish: PropTypes.func,\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  editing: PropTypes.bool,\n  target: PropTypes.instanceOf(Element)\n};\n\nPersonalizationCreateEdit.defaultProps = {\n  onFinish: () => {},\n  editing: false\n};\n"]}

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

@@ -10,10 +10,10 @@ export default function PersonalizationDeleteConfirmation(props) {
         dismiss();
     }, [onSubmit, dismiss]);
     const modalProps = {
-        heading: translate('Delete view'),
+        heading: translate('Delete customized view'),
         actions: (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: dismiss, children: translate('No') }), _jsx(Button, { variant: 'primary', onClick: onSubmitAction, children: translate('Yes') })] }))
     };
-    return (_jsx(Modal, { heading: modalProps.heading, actions: modalProps.actions, children: _jsx(Text, { children: `${translate('Are you sure you want to delete view')} ${currentActiveViewName}?` }) }));
+    return (_jsx(Modal, { heading: modalProps.heading, actions: modalProps.actions, children: _jsx(Text, { children: `${translate('Are you sure you want to delete customized view')} ${currentActiveViewName}?` }) }));
 }
 PersonalizationDeleteConfirmation.propTypes = {
     currentActiveViewName: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationDeleteConfirmation.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationDeleteConfirmation.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,iCAAiC,CAAC,KAAK;IAC7D,MAAM,EAAE,QAAQ,EAAE,qBAAqB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC;QACjC,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,SAAS,CAAC,IAAI,CAAC,GAAU,EACpD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,YAC9C,SAAS,CAAC,KAAK,CAAC,GACV,IACR,CACJ;KACF,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,YAC7D,KAAC,IAAI,cAAE,GAAG,SAAS,CAAC,sCAAsC,CAAC,IAAI,qBAAqB,GAAG,GAAQ,GACzF,CACT,CAAC;AACJ,CAAC;AAED,iCAAiC,CAAC,SAAS,GAAG;IAC5C,qBAAqB,EAAE,SAAS,CAAC,MAAM;IACvC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,iCAAiC,CAAC,YAAY,GAAG;IAC/C,qBAAqB,EAAE,EAAE;IACzB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Text, Button, Modal, useModalContext } from '@pega/cosmos-react-core';\n\nexport default function PersonalizationDeleteConfirmation(props) {\n  const { onSubmit, currentActiveViewName, translate } = props;\n  const { dismiss } = useModalContext();\n\n  const onSubmitAction = useCallback(() => {\n    onSubmit();\n    dismiss();\n  }, [onSubmit, dismiss]);\n\n  const modalProps = {\n    heading: translate('Delete view'),\n    actions: (\n      <>\n        <Button onClick={dismiss}>{translate('No')}</Button>\n        <Button variant='primary' onClick={onSubmitAction}>\n          {translate('Yes')}\n        </Button>\n      </>\n    )\n  };\n\n  return (\n    <Modal heading={modalProps.heading} actions={modalProps.actions}>\n      <Text>{`${translate('Are you sure you want to delete view')} ${currentActiveViewName}?`}</Text>\n    </Modal>\n  );\n}\n\nPersonalizationDeleteConfirmation.propTypes = {\n  currentActiveViewName: PropTypes.string,\n  onSubmit: PropTypes.func\n};\n\nPersonalizationDeleteConfirmation.defaultProps = {\n  currentActiveViewName: '',\n  onSubmit: () => {}\n};\n"]}
+{"version":3,"file":"PersonalizationDeleteConfirmation.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationDeleteConfirmation.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/E,MAAM,CAAC,OAAO,UAAU,iCAAiC,CAAC,KAAK;IAC7D,MAAM,EAAE,QAAQ,EAAE,qBAAqB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;QAC5C,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,SAAS,CAAC,IAAI,CAAC,GAAU,EACpD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,YAC9C,SAAS,CAAC,KAAK,CAAC,GACV,IACR,CACJ;KACF,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,YAC7D,KAAC,IAAI,cAAE,GAAG,SAAS,CAAC,iDAAiD,CAAC,IAAI,qBAAqB,GAAG,GAAQ,GACpG,CACT,CAAC;AACJ,CAAC;AAED,iCAAiC,CAAC,SAAS,GAAG;IAC5C,qBAAqB,EAAE,SAAS,CAAC,MAAM;IACvC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,iCAAiC,CAAC,YAAY,GAAG;IAC/C,qBAAqB,EAAE,EAAE;IACzB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Text, Button, Modal, useModalContext } from '@pega/cosmos-react-core';\n\nexport default function PersonalizationDeleteConfirmation(props) {\n  const { onSubmit, currentActiveViewName, translate } = props;\n  const { dismiss } = useModalContext();\n\n  const onSubmitAction = useCallback(() => {\n    onSubmit();\n    dismiss();\n  }, [onSubmit, dismiss]);\n\n  const modalProps = {\n    heading: translate('Delete customized view'),\n    actions: (\n      <>\n        <Button onClick={dismiss}>{translate('No')}</Button>\n        <Button variant='primary' onClick={onSubmitAction}>\n          {translate('Yes')}\n        </Button>\n      </>\n    )\n  };\n\n  return (\n    <Modal heading={modalProps.heading} actions={modalProps.actions}>\n      <Text>{`${translate('Are you sure you want to delete customized view')} ${currentActiveViewName}?`}</Text>\n    </Modal>\n  );\n}\n\nPersonalizationDeleteConfirmation.propTypes = {\n  currentActiveViewName: PropTypes.string,\n  onSubmit: PropTypes.func\n};\n\nPersonalizationDeleteConfirmation.defaultProps = {\n  currentActiveViewName: '',\n  onSubmit: () => {}\n};\n"]}

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

@@ -18,8 +18,6 @@ export function usePersonalizationSelector({ personalization, nonPersonalization
 }): {
     actions: never[][];
     activePersonalizationName: any;
-    defaultId: undefined;
-    appDefaultId: undefined;
 };
 import PropTypes from 'prop-types';
 //# sourceMappingURL=PersonalizationSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationSelector.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationSelector.jsx"],"names":[],"mappings":"AA4GA;;4CAYC;;;;;;;;;AAnFM;;;;;;;;;;;EAqEN;sBA1GqB,YAAY"}
+{"version":3,"file":"PersonalizationSelector.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationSelector.jsx"],"names":[],"mappings":"AA+GA;;4CAYC;;;;;;;;;AAtFM;;;;;;;;;EAwEN;sBA7GqB,YAAY"}

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

@@ -36,16 +36,12 @@ export const usePersonalizationSelector = ({ personalization, nonPersonalization
         name: personalizations[key]?.name,
         isPreset: personalizations[key]?.isPreset
     }));
-    let defaultId;
-    let appDefaultId;
     const primaryName = option => {
         if (option.id === 'APP_DEFAULT') {
-            appDefaultId = option.id;
             return `${option.name} (app default)`;
             // eslint-disable-next-line no-else-return
         }
         else if (option.id === defaultPersonalization) {
-            defaultId = option.id;
             return `${option.name} (default)`;
         }
         else {
@@ -62,13 +58,19 @@ export const usePersonalizationSelector = ({ personalization, nonPersonalization
                 personalisationClicked(option, personalization, actionPersonalizationSetActive, activePersonalizationName, create, translate);
             }
         };
-        if (option.isPreset)
-            acc[0].push(obj);
-        else
-            acc[1].push(obj);
+        // If this is the default personalization,
+        // place it at the beginning of the preset personalizations (acc[0])
+        if (option.id === defaultPersonalization) {
+            acc[0].unshift(obj);
+        }
+        else {
+            // Preset personalizations go into acc[0],
+            // custom personalizations go into acc[1]
+            (option.isPreset ? acc[0] : acc[1]).push(obj);
+        }
         return acc;
     }, [[], []]);
-    return { actions, activePersonalizationName, defaultId, appDefaultId };
+    return { actions, activePersonalizationName };
 };
 export default function PersonalizationSelector({ view }) {
     const { state: { personalization }, meta: { nonPersonalizationViewName } } = view;

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

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationSelector.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationSelector.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Menu, useModalManager } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport PersonalizationUnsavedWarning from './PersonalizationUnsavedWarning';\n\nconst personalisationClicked = (\n  option,\n  personalization,\n  actionPersonalizationSetActive,\n  activePersonalizationName,\n  create,\n  translate\n) => {\n  if (option.id === personalization.active) {\n    return;\n  }\n  if (!personalization?.dirty) {\n    actionPersonalizationSetActive(option);\n    return;\n  }\n\n  create(\n    PersonalizationUnsavedWarning,\n    {\n      onSubmit: () => {\n        actionPersonalizationSetActive(option);\n      },\n      activePersonalizationName,\n      translate\n    },\n    { alert: true }\n  );\n};\n\nexport const usePersonalizationSelector = ({\n  personalization,\n  nonPersonalizationViewName,\n  actionPersonalizationSetActive,\n  name,\n  defaultPresetId\n}) => {\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  const personalizations = personalization?.allPersonalizations || {};\n  const activePersonalization = personalization?.active || defaultPresetId;\n  let activePersonalizationName =\n    personalization?.allPersonalizations?.[activePersonalization]?.name;\n  if (activePersonalization === defaultPresetId) {\n    activePersonalizationName = name ?? nonPersonalizationViewName;\n  }\n  const dependentPresetId = personalizations?.APP_DEFAULT?.personalizationState?.presetId;\n\n  const defaultPersonalization = personalization?.defaultPersonalization;\n\n  const { [dependentPresetId]: _, ...filteredPersonalizations } = personalizations ?? {};\n\n  const options = Object.keys(filteredPersonalizations).map(key => ({\n    id: key,\n    name: personalizations[key]?.name,\n    isPreset: personalizations[key]?.isPreset\n  }));\n\n  let defaultId;\n  let appDefaultId;\n  const primaryName = option => {\n    if (option.id === 'APP_DEFAULT') {\n      appDefaultId = option.id;\n      return `${option.name} (app default)`;\n      // eslint-disable-next-line no-else-return\n    } else if (option.id === defaultPersonalization) {\n      defaultId = option.id;\n      return `${option.name} (default)`;\n    } else {\n      return option.name;\n    }\n  };\n\n  const actions = options.reduce(\n    (acc, option) => {\n      const obj = {\n        id: option.id,\n        primary: primaryName(option),\n        text: option.name,\n        selected: option.id === activePersonalization,\n        onClick: () => {\n          personalisationClicked(\n            option,\n            personalization,\n            actionPersonalizationSetActive,\n            activePersonalizationName,\n            create,\n            translate\n          );\n        }\n      };\n      if (option.isPreset) acc[0].push(obj);\n      else acc[1].push(obj);\n      return acc;\n    },\n    [[], []]\n  );\n\n  return { actions, activePersonalizationName, defaultId, appDefaultId };\n};\n\nexport default function PersonalizationSelector({ view }) {\n  const {\n    state: { personalization },\n    meta: { nonPersonalizationViewName }\n  } = view;\n  const { actions } = usePersonalizationSelector({\n    personalization,\n    nonPersonalizationViewName,\n    actionPersonalizationSetActive: view.type.applyActivePersonalization\n  });\n\n  return <Menu className='action-menu' items={actions} mode='single-select' />;\n}\n\nPersonalizationSelector.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"PersonalizationSelector.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationSelector.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Menu, useModalManager } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport PersonalizationUnsavedWarning from './PersonalizationUnsavedWarning';\n\nconst personalisationClicked = (\n  option,\n  personalization,\n  actionPersonalizationSetActive,\n  activePersonalizationName,\n  create,\n  translate\n) => {\n  if (option.id === personalization.active) {\n    return;\n  }\n  if (!personalization?.dirty) {\n    actionPersonalizationSetActive(option);\n    return;\n  }\n\n  create(\n    PersonalizationUnsavedWarning,\n    {\n      onSubmit: () => {\n        actionPersonalizationSetActive(option);\n      },\n      activePersonalizationName,\n      translate\n    },\n    { alert: true }\n  );\n};\n\nexport const usePersonalizationSelector = ({\n  personalization,\n  nonPersonalizationViewName,\n  actionPersonalizationSetActive,\n  name,\n  defaultPresetId\n}) => {\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  const personalizations = personalization?.allPersonalizations || {};\n  const activePersonalization = personalization?.active || defaultPresetId;\n  let activePersonalizationName =\n    personalization?.allPersonalizations?.[activePersonalization]?.name;\n  if (activePersonalization === defaultPresetId) {\n    activePersonalizationName = name ?? nonPersonalizationViewName;\n  }\n  const dependentPresetId = personalizations?.APP_DEFAULT?.personalizationState?.presetId;\n\n  const defaultPersonalization = personalization?.defaultPersonalization;\n\n  const { [dependentPresetId]: _, ...filteredPersonalizations } = personalizations ?? {};\n\n  const options = Object.keys(filteredPersonalizations).map(key => ({\n    id: key,\n    name: personalizations[key]?.name,\n    isPreset: personalizations[key]?.isPreset\n  }));\n\n  const primaryName = option => {\n    if (option.id === 'APP_DEFAULT') {\n      return `${option.name} (app default)`;\n      // eslint-disable-next-line no-else-return\n    } else if (option.id === defaultPersonalization) {\n      return `${option.name} (default)`;\n    } else {\n      return option.name;\n    }\n  };\n\n  const actions = options.reduce(\n    (acc, option) => {\n      const obj = {\n        id: option.id,\n        primary: primaryName(option),\n        text: option.name,\n        selected: option.id === activePersonalization,\n        onClick: () => {\n          personalisationClicked(\n            option,\n            personalization,\n            actionPersonalizationSetActive,\n            activePersonalizationName,\n            create,\n            translate\n          );\n        }\n      };\n      // If this is the default personalization,\n      // place it at the beginning of the preset personalizations (acc[0])\n      if (option.id === defaultPersonalization) {\n        acc[0].unshift(obj);\n      } else {\n        // Preset personalizations go into acc[0],\n        // custom personalizations go into acc[1]\n        (option.isPreset ? acc[0] : acc[1]).push(obj);\n      }\n      return acc;\n    },\n    [[], []]\n  );\n\n  return { actions, activePersonalizationName };\n};\n\nexport default function PersonalizationSelector({ view }) {\n  const {\n    state: { personalization },\n    meta: { nonPersonalizationViewName }\n  } = view;\n  const { actions } = usePersonalizationSelector({\n    personalization,\n    nonPersonalizationViewName,\n    actionPersonalizationSetActive: view.type.applyActivePersonalization\n  });\n\n  return <Menu className='action-menu' items={actions} mode='single-select' />;\n}\n\nPersonalizationSelector.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":"AAmBA;;;;mDA2CC;;;;;;;;;sBA7DqB,YAAY"}
+{"version":3,"file":"SelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":"AAwBA;;;;mDA2CC;;;;;;;;;sBAlEqB,YAAY"}

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

@@ -7,6 +7,11 @@ import { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/R
 import useTranslate from '../../Hooks/useTranslate';
 const StyledDivWrapper = styled.div `
   height: 100%;
+
+  /* adding padding to the row select checkbox to give space of outline focus ring */
+  padding-block: 0.125rem;
+  padding-inline: 0.25rem;
+
   > div {
     height: 100%;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"SelectAllCheckbox.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;IAK/B,sBAAsB;;;CAGzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB;IACC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,EAAE,oBAAoB,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACxF,IAAI,CAAC,QAAQ,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,sBAAsB,EAAE,GAAG,OAAO,EAAE,CAAC;IAC7C,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,IAAI,sBAAsB,CAAC;IAEzE,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC;IAE1F,MAAM,SAAS,GACb,CAAC,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC,IAAI,eAAe,CAAC;IACzF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,IAAI,gBAAgB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAChD,OAAO;QACT,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAE/B,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC/B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,kBACpB,KAAC,QAAQ,IACP,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,eAAe,gBAClB,SAAS,CAAC,YAAY,CAAC,EACnC,QAAQ,EAAE,gBAAgB,GAC1B,GACe,CACpB,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAC9C,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,mBAAmB,EAAE,SAAS,CAAC,IAAI;CACpC,CAAC","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { useRef } from 'react';\n\nimport { Checkbox } from '@pega/cosmos-react-core';\nimport { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst StyledDivWrapper = styled.div`\n  height: 100%;\n  > div {\n    height: 100%;\n  }\n  ${StyledPseudoRadioCheck} {\n    margin-inline-end: 0;\n  }\n`;\n\nexport default function SelectAllCheckbox({\n  selectAllRows,\n  getExecutionContext,\n  getDisableSelection\n}) {\n  const [translate] = useTranslate();\n  const isProcessingRef = useRef(false);\n\n  const { selectedRecordsCount, resultsCount, getState, getMeta } = getExecutionContext();\n  if (!getState().showSelectAllCheckbox) {\n    return null;\n  }\n  const { disableSelectionOnLoad } = getMeta();\n  const disableSelection = getDisableSelection() ?? disableSelectionOnLoad;\n\n  const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;\n\n  const isChecked =\n    (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;\n  const handleChange = event => {\n    if (disableSelection || isProcessingRef.current) {\n      return;\n    }\n    const { checked } = event.target;\n    isProcessingRef.current = true;\n\n    selectAllRows(checked).then(() => {\n      isProcessingRef.current = false;\n    });\n  };\n\n  return (\n    <StyledDivWrapper item>\n      <Checkbox\n        className='select-all-checkbox'\n        checked={isChecked}\n        onChange={handleChange}\n        indeterminate={isIndeterminate}\n        aria-label={translate('Select all')}\n        disabled={disableSelection}\n      />\n    </StyledDivWrapper>\n  );\n}\n\nSelectAllCheckbox.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired,\n  selectAllRows: PropTypes.func.isRequired,\n  getDisableSelection: PropTypes.func\n};\n"]}
+{"version":3,"file":"SelectAllCheckbox.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;IAU/B,sBAAsB;;;CAGzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB;IACC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,EAAE,oBAAoB,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACxF,IAAI,CAAC,QAAQ,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,sBAAsB,EAAE,GAAG,OAAO,EAAE,CAAC;IAC7C,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,IAAI,sBAAsB,CAAC;IAEzE,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC;IAE1F,MAAM,SAAS,GACb,CAAC,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC,IAAI,eAAe,CAAC;IACzF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,IAAI,gBAAgB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAChD,OAAO;QACT,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAE/B,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC/B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,kBACpB,KAAC,QAAQ,IACP,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,eAAe,gBAClB,SAAS,CAAC,YAAY,CAAC,EACnC,QAAQ,EAAE,gBAAgB,GAC1B,GACe,CACpB,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAC9C,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,mBAAmB,EAAE,SAAS,CAAC,IAAI;CACpC,CAAC","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { useRef } from 'react';\n\nimport { Checkbox } from '@pega/cosmos-react-core';\nimport { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst StyledDivWrapper = styled.div`\n  height: 100%;\n\n  /* adding padding to the row select checkbox to give space of outline focus ring */\n  padding-block: 0.125rem;\n  padding-inline: 0.25rem;\n\n  > div {\n    height: 100%;\n  }\n  ${StyledPseudoRadioCheck} {\n    margin-inline-end: 0;\n  }\n`;\n\nexport default function SelectAllCheckbox({\n  selectAllRows,\n  getExecutionContext,\n  getDisableSelection\n}) {\n  const [translate] = useTranslate();\n  const isProcessingRef = useRef(false);\n\n  const { selectedRecordsCount, resultsCount, getState, getMeta } = getExecutionContext();\n  if (!getState().showSelectAllCheckbox) {\n    return null;\n  }\n  const { disableSelectionOnLoad } = getMeta();\n  const disableSelection = getDisableSelection() ?? disableSelectionOnLoad;\n\n  const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;\n\n  const isChecked =\n    (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;\n  const handleChange = event => {\n    if (disableSelection || isProcessingRef.current) {\n      return;\n    }\n    const { checked } = event.target;\n    isProcessingRef.current = true;\n\n    selectAllRows(checked).then(() => {\n      isProcessingRef.current = false;\n    });\n  };\n\n  return (\n    <StyledDivWrapper item>\n      <Checkbox\n        className='select-all-checkbox'\n        checked={isChecked}\n        onChange={handleChange}\n        indeterminate={isIndeterminate}\n        aria-label={translate('Select all')}\n        disabled={disableSelection}\n      />\n    </StyledDivWrapper>\n  );\n}\n\nSelectAllCheckbox.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired,\n  selectAllRows: PropTypes.func.isRequired,\n  getDisableSelection: PropTypes.func\n};\n"]}

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

@@ -23,7 +23,6 @@ export namespace extRenderer {
 }
 declare const _default: {
     Operator: typeof import("./CellRenderers/Operator").default;
-    cellEditRenderer: typeof import("./CellRenderers/EditComponents").default;
     RowActionMenu: typeof import("./CellRenderers/RowActionMenu").default;
     RowDragDropHandle: typeof import("./CellRenderers/RowDragDropHandle").default;
     RowSelectHandle: import("react").MemoExoticComponent<{
@@ -63,7 +62,11 @@ declare const _default: {
     sortRenderer: typeof sort;
     filterRenderer: typeof Filter;
     headerCellRenderer: typeof HeaderCell;
-    emptyContainerRenderer: () => import("react/jsx-runtime").JSX.Element;
+    emptyContainerRenderer: ({ message, shouldAnnounce, domContainer }: {
+        message: any;
+        shouldAnnounce: any;
+        domContainer: any;
+    }) => import("react/jsx-runtime").JSX.Element;
     loadingIndicator: typeof LoadingIndicator;
     rowHeightRenderer: typeof RowHeightRenderer;
     personalizationSelectorRenderer: typeof personalizationSelectorRenderer;
@@ -76,7 +79,6 @@ declare const _default: {
             value: PropTypes.Requireable<number>;
         };
     }>;
-    CardItemRenderer: import("react").NamedExoticComponent<object>;
     selectAllCheckboxRenderer: typeof SelectAllCheckbox;
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":"AA8BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAtDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAGR,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":"AA4BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAER,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}

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

@@ -4,7 +4,6 @@ import sort from './Sort';
 import Filter from './Filter';
 import CellRenderers from './CellRenderers';
 import HeaderCell from './HeaderCell';
-import CardItem from './CardItem';
 import EmptyContainer from './EmptyContainer';
 import LoadingIndicator from './LoadingIndicator';
 import RowHeightRenderer from './RowHeight';
@@ -22,7 +21,6 @@ export default {
     personalizationSelectorRenderer,
     personalizationCreateEditRenderer,
     badgeRenderer: BadgeRenderer,
-    CardItemRenderer: CardItem,
     selectAllCheckboxRenderer: SelectAllCheckbox,
     ...CellRenderers
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,+BAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,iCAAiC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,MAAM;IACtB,kBAAkB,EAAE,UAAU;IAC9B,sBAAsB,EAAE,cAAc;IACtC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,+BAA+B;IAC/B,iCAAiC;IACjC,aAAa,EAAE,aAAa;IAC5B,gBAAgB,EAAE,QAAQ;IAC1B,yBAAyB,EAAE,iBAAiB;IAC5C,GAAG,aAAa;CACjB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAI,EAAE,KAAK;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,IAAI,EAAE,KAAK;IACrC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,yBACE,KAAC,IAAI,OAAK,KAAK,GAAI,GACd,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport sort from './Sort';\nimport Filter from './Filter';\nimport CellRenderers from './CellRenderers';\nimport HeaderCell from './HeaderCell';\nimport CardItem from './CardItem';\nimport EmptyContainer from './EmptyContainer';\nimport LoadingIndicator from './LoadingIndicator';\nimport RowHeightRenderer from './RowHeight';\nimport BadgeRenderer from './Badge';\nimport personalizationSelectorRenderer from './PersonalizationSelector';\nimport personalizationCreateEditRenderer from './PersonalizationCreateEdit';\nimport SelectAllCheckbox from './SelectAllCheckbox';\n\nexport default {\n  sortRenderer: sort,\n  filterRenderer: Filter,\n  headerCellRenderer: HeaderCell,\n  emptyContainerRenderer: EmptyContainer,\n  loadingIndicator: LoadingIndicator,\n  rowHeightRenderer: RowHeightRenderer,\n  personalizationSelectorRenderer,\n  personalizationCreateEditRenderer,\n  badgeRenderer: BadgeRenderer,\n  CardItemRenderer: CardItem,\n  selectAllCheckboxRenderer: SelectAllCheckbox,\n  ...CellRenderers\n};\n\nexport function defaultRenderer(Comp, props) {\n  if (Comp) {\n    return <Comp {...props} />;\n  }\n  return null;\n}\n\ndefaultRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\ndefaultRenderer.defaultProps = {\n  itemKey: ''\n};\n\nexport function extRenderer(Comp, props) {\n  if (Comp) {\n    return (\n      <span>\n        <Comp {...props} />\n      </span>\n    );\n  }\n  return null;\n}\n\nextRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nextRenderer.defaultProps = {\n  itemKey: ''\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,+BAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,iCAAiC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,MAAM;IACtB,kBAAkB,EAAE,UAAU;IAC9B,sBAAsB,EAAE,cAAc;IACtC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,+BAA+B;IAC/B,iCAAiC;IACjC,aAAa,EAAE,aAAa;IAC5B,yBAAyB,EAAE,iBAAiB;IAC5C,GAAG,aAAa;CACjB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAI,EAAE,KAAK;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,IAAI,EAAE,KAAK;IACrC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,yBACE,KAAC,IAAI,OAAK,KAAK,GAAI,GACd,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport sort from './Sort';\nimport Filter from './Filter';\nimport CellRenderers from './CellRenderers';\nimport HeaderCell from './HeaderCell';\nimport EmptyContainer from './EmptyContainer';\nimport LoadingIndicator from './LoadingIndicator';\nimport RowHeightRenderer from './RowHeight';\nimport BadgeRenderer from './Badge';\nimport personalizationSelectorRenderer from './PersonalizationSelector';\nimport personalizationCreateEditRenderer from './PersonalizationCreateEdit';\nimport SelectAllCheckbox from './SelectAllCheckbox';\n\nexport default {\n  sortRenderer: sort,\n  filterRenderer: Filter,\n  headerCellRenderer: HeaderCell,\n  emptyContainerRenderer: EmptyContainer,\n  loadingIndicator: LoadingIndicator,\n  rowHeightRenderer: RowHeightRenderer,\n  personalizationSelectorRenderer,\n  personalizationCreateEditRenderer,\n  badgeRenderer: BadgeRenderer,\n  selectAllCheckboxRenderer: SelectAllCheckbox,\n  ...CellRenderers\n};\n\nexport function defaultRenderer(Comp, props) {\n  if (Comp) {\n    return <Comp {...props} />;\n  }\n  return null;\n}\n\ndefaultRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\ndefaultRenderer.defaultProps = {\n  itemKey: ''\n};\n\nexport function extRenderer(Comp, props) {\n  if (Comp) {\n    return (\n      <span>\n        <Comp {...props} />\n      </span>\n    );\n  }\n  return null;\n}\n\nextRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nextRenderer.defaultProps = {\n  itemKey: ''\n};\n"]}

package/lib/Core/Components/Filters/CommonFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommonFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"AAWA;;;;;4CA2GC;;;;;;;;;;;sBAtHqB,YAAY"}
+{"version":3,"file":"CommonFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"AAgBA;;;;;4CA2GC;;;;;;;;;;;sBA3HqB,YAAY"}

package/lib/Core/Components/Filters/CommonFilter.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import PropTypes from 'prop-types';
 import { useState, useCallback, useEffect } from 'react';
 import { Select, Option, Flex, FormDialog } from '@pega/cosmos-react-core';
-import { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';
+import { addFilter, getFilterInitializers, comparatorMap, FieldType } from 'pega-repeating-structures-core';
 import useTranslate from '../../Hooks/useTranslate';
 import InputWrapper from './InputWrapper';
 import useFilterSubmit from './Hooks/useFilterSubmit';
@@ -47,7 +47,7 @@ export default function CommonFilter({ column, onFilter, finishPopOver, popoverB
     };
     // eslint-disable-next-line sonarjs/no-small-switch
     switch (column.field.type) {
-        case 'number': {
+        case FieldType.NUMBER: {
             content = (_jsx(InputWrapper, { id: `${column.field.name}`, type: 'number', onChange: onNumberChange, onKeyDown: handleSubmitHandler, style: { width: '100%' }, label: translate('Filter value'), value: filterInput }));
             break;
         }

package/lib/Core/Components/Filters/CommonFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEjG,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE;IACxF,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,CAAC,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,GAAG,EAAE;QACb,2BAA2B;QAC3B,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU;YAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,+BAA+B;QAC/B,MAAM,mBAAmB,GAAG,SAAS,CAAC;YACpC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB;YAClD,MAAM;YACN,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC;YACrC,KAAK,EAAE,WAAW;SACnB,CAAC,CAAC;QACH,QAAQ,CAAC;YACP,SAAS,EAAE,mBAAmB;SAC/B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;QAC/D,aAAa,CAAC,cAAc,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,eAAe,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE;QACvC,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,EAAE;QACzC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE;QAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,mDAAmD;IACnD,QAAQ,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC1B,KAAK,QAAQ,CAAC,CAAC,CAAC;YACd,OAAO,GAAG,CACR,KAAC,YAAY,IACX,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,EAC1B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,EAChC,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;YACF,MAAM;QACR,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,OAAO,GAAG,CACR,KAAC,YAAY,IACX,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,EAC1B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,EAChC,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;YACF,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,CACL,4BACG,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1B,KAAC,UAAU,IACT,OAAO,EAAE,SAAS,CAAC,eAAe,CAAC,EACnC,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,gBAAgB,CAAC,OAAO,YAEhC,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,aACnE,KAAC,IAAI,IAAC,IAAI,kBACR,KAAC,MAAM,IACL,YAAY,EAAE,UAAU,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EACxD,EAAE,EAAE,UAAU,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,EACjC,KAAK,EAAE,SAAS,CAAC,mBAAmB,CAAC,YAEpC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACjB,KAAC,MAAM,IAAe,KAAK,EAAE,GAAG,CAAC,GAAG,YACjC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IADV,GAAG,CAAC,GAAG,CAEX,CACV,CAAC,GACK,GACJ,EACP,KAAC,IAAI,IAAC,IAAI,kBAAE,OAAO,GAAQ,IACtB,GACI,CACd,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;IACpD,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useCallback, useEffect } from 'react';\n\nimport { Select, Option, Flex, FormDialog } from '@pega/cosmos-react-core';\nimport { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport InputWrapper from './InputWrapper';\nimport useFilterSubmit from './Hooks/useFilterSubmit';\n\nexport default function CommonFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  const params = column.field.filterParams || [];\n  const [fInput, fValue, filter, filterExpression] = getFilterInitializers(column);\n  const [filterInput, setFilterInput] = useState(fInput);\n  const [comparator, setComparator] = useState(fValue);\n  const [translate] = useTranslate();\n  let content = null;\n  useEffect(() => {\n    /* Safe check for params */\n    if (params?.[0]?.key && !comparator) setComparator(params[0].key);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    /* Sending filter expression */\n    const newFilterExpression = addFilter({\n      filterExpression: filter ? null : filterExpression,\n      column,\n      comparator: comparatorMap[comparator],\n      input: filterInput\n    });\n    onFilter({\n      filterExp: newFilterExpression\n    });\n  }, [filter, filterExpression, column, comparator, filterInput, onFilter]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const applyFilter = useFilterSubmit({ finishPopOver, submitFilter });\n\n  const onTextChange = useCallback(value => {\n    setFilterInput(value);\n  }, []);\n\n  const onNumberChange = useCallback(value => {\n    setFilterInput(parseFloat(value));\n  }, []);\n\n  const handleSubmitHandler = e => {\n    if (e.key === 'Enter') {\n      applyFilter();\n    }\n  };\n\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (column.field.type) {\n    case 'number': {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='number'\n          onChange={onNumberChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n    default: {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='text'\n          onChange={onTextChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n  }\n\n  return (\n    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={applyFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex container={{ direction: 'column', wrap: 'no-wrap', itemGap: 1 }}>\n            <Flex item>\n              <Select\n                defaultValue={comparator}\n                onChange={e => onFilterChange({ value: e.target.value })}\n                id={`select-${column.field.name}`}\n                label={translate('Filter comparison')}\n              >\n                {params.map(opt => (\n                  <Option key={opt.key} value={opt.key}>\n                    {translate(opt.value)}\n                  </Option>\n                ))}\n              </Select>\n            </Flex>\n            <Flex item>{content}</Flex>\n          </Flex>\n        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nCommonFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"CommonFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useCallback, useEffect } from 'react';\n\nimport { Select, Option, Flex, FormDialog } from '@pega/cosmos-react-core';\nimport {\n  addFilter,\n  getFilterInitializers,\n  comparatorMap,\n  FieldType\n} from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport InputWrapper from './InputWrapper';\nimport useFilterSubmit from './Hooks/useFilterSubmit';\n\nexport default function CommonFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  const params = column.field.filterParams || [];\n  const [fInput, fValue, filter, filterExpression] = getFilterInitializers(column);\n  const [filterInput, setFilterInput] = useState(fInput);\n  const [comparator, setComparator] = useState(fValue);\n  const [translate] = useTranslate();\n  let content = null;\n  useEffect(() => {\n    /* Safe check for params */\n    if (params?.[0]?.key && !comparator) setComparator(params[0].key);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    /* Sending filter expression */\n    const newFilterExpression = addFilter({\n      filterExpression: filter ? null : filterExpression,\n      column,\n      comparator: comparatorMap[comparator],\n      input: filterInput\n    });\n    onFilter({\n      filterExp: newFilterExpression\n    });\n  }, [filter, filterExpression, column, comparator, filterInput, onFilter]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const applyFilter = useFilterSubmit({ finishPopOver, submitFilter });\n\n  const onTextChange = useCallback(value => {\n    setFilterInput(value);\n  }, []);\n\n  const onNumberChange = useCallback(value => {\n    setFilterInput(parseFloat(value));\n  }, []);\n\n  const handleSubmitHandler = e => {\n    if (e.key === 'Enter') {\n      applyFilter();\n    }\n  };\n\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (column.field.type) {\n    case FieldType.NUMBER: {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='number'\n          onChange={onNumberChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n    default: {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='text'\n          onChange={onTextChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n  }\n\n  return (\n    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={applyFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex container={{ direction: 'column', wrap: 'no-wrap', itemGap: 1 }}>\n            <Flex item>\n              <Select\n                defaultValue={comparator}\n                onChange={e => onFilterChange({ value: e.target.value })}\n                id={`select-${column.field.name}`}\n                label={translate('Filter comparison')}\n              >\n                {params.map(opt => (\n                  <Option key={opt.key} value={opt.key}>\n                    {translate(opt.value)}\n                  </Option>\n                ))}\n              </Select>\n            </Flex>\n            <Flex item>{content}</Flex>\n          </Flex>\n        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nCommonFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/FilterType.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { getFilterConditions } from 'pega-repeating-structures-core';
+import { getFilterConditions, FieldType } from 'pega-repeating-structures-core';
 import AdvanceFilter from './AdvanceFilter';
 import SelectFilter from './SelectFilter';
 import SimpleFilter from './SimpleFilter';
@@ -17,12 +17,12 @@ export default function FilterType({ column, onFilter, finishPopOver, popoverBut
     if (column.field.filterPickList) {
         return (_jsx(SelectFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
     }
-    if (column.field.type === 'date' ||
-        column.field.type === 'datetime' ||
-        column.field.type === 'time') {
+    if (column.field.type === FieldType.DATE ||
+        column.field.type === FieldType.DATE_TIME ||
+        column.field.type === FieldType.TIME) {
         return (_jsx(SimpleFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
     }
-    if (column.field.type === 'boolean') {
+    if (column.field.type === FieldType.BOOLEAN) {
         return (_jsx(BooleanFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
     }
     return (_jsx(CommonFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));

package/lib/Core/Components/Filters/FilterType.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterType.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/FilterType.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE;IACtF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,gBAAgB,GAAG,MAAM,EAAE,mBAAmB,EAAE,EAAE,gBAAgB,CAAC;IACzE,MAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE1D,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,CAAC,MAAM,EACnB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IACE,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM;QAC5B,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;QAChC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,EAC5B,CAAC;QACD,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { getFilterConditions } from 'pega-repeating-structures-core';\n\nimport AdvanceFilter from './AdvanceFilter';\nimport SelectFilter from './SelectFilter';\nimport SimpleFilter from './SimpleFilter';\nimport CommonFilter from './CommonFilter';\nimport BooleanFilter from './BooleanFilter';\n\nexport default function FilterType({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  if (!column) return null;\n\n  const filterExpression = column?.getFilterProperties()?.filterExpression;\n  const filters = getFilterConditions({ filterExpression });\n\n  if (filters.length >= 2) {\n    return (\n      <AdvanceFilter\n        view={column.parent}\n        setShowFilter={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  if (column.field.filterPickList) {\n    return (\n      <SelectFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (\n    column.field.type === 'date' ||\n    column.field.type === 'datetime' ||\n    column.field.type === 'time'\n  ) {\n    return (\n      <SimpleFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (column.field.type === 'boolean') {\n    return (\n      <BooleanFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  return (\n    <CommonFilter\n      column={column}\n      onFilter={onFilter}\n      finishPopOver={finishPopOver}\n      popoverButtonRef={popoverButtonRef}\n    />\n  );\n}\n\nFilterType.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"FilterType.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/FilterType.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhF,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE;IACtF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,gBAAgB,GAAG,MAAM,EAAE,mBAAmB,EAAE,EAAE,gBAAgB,CAAC;IACzE,MAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE1D,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,CAAC,MAAM,EACnB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IACE,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI;QACpC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,SAAS;QACzC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EACpC,CAAC;QACD,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;QAC5C,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { getFilterConditions, FieldType } from 'pega-repeating-structures-core';\n\nimport AdvanceFilter from './AdvanceFilter';\nimport SelectFilter from './SelectFilter';\nimport SimpleFilter from './SimpleFilter';\nimport CommonFilter from './CommonFilter';\nimport BooleanFilter from './BooleanFilter';\n\nexport default function FilterType({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  if (!column) return null;\n\n  const filterExpression = column?.getFilterProperties()?.filterExpression;\n  const filters = getFilterConditions({ filterExpression });\n\n  if (filters.length >= 2) {\n    return (\n      <AdvanceFilter\n        view={column.parent}\n        setShowFilter={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  if (column.field.filterPickList) {\n    return (\n      <SelectFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (\n    column.field.type === FieldType.DATE ||\n    column.field.type === FieldType.DATE_TIME ||\n    column.field.type === FieldType.TIME\n  ) {\n    return (\n      <SimpleFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (column.field.type === FieldType.BOOLEAN) {\n    return (\n      <BooleanFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  return (\n    <CommonFilter\n      column={column}\n      onFilter={onFilter}\n      finishPopOver={finishPopOver}\n      popoverButtonRef={popoverButtonRef}\n    />\n  );\n}\n\nFilterType.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/SelectFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"AAwBA;;;;;4CA8JC;;;;;;;;;;;sBAtLqB,YAAY"}
+{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"AA6BA;;;;;4CA8JC;;;;;;;;;;;sBA3LqB,YAAY"}

package/lib/Core/Components/Filters/SelectFilter.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { useState, useEffect, useCallback } from 'react';
 import styled from 'styled-components';
 import { Checkbox, CheckboxGroup, Flex, Select, Option, FormDialog } from '@pega/cosmos-react-core';
-import { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';
+import { addFilter, getFilterInitializers, comparatorMap, FieldType } from 'pega-repeating-structures-core';
 import LoadingIndicator from '../LoadingIndicator';
 import RenderingEngine from '../RenderingEngine/RenderCell';
 import useTranslate from '../../Hooks/useTranslate';
@@ -80,7 +80,7 @@ export default function SelectFilter({ column, finishPopOver, onFilter, popoverB
     const onSelectOrDeselect = useCallback(event => {
         /* Disabling operators like isAnyOf isNoneOf */
         const { value, checked } = event.target;
-        const inputValue = column.field.type === 'number' ? parseFloat(value) : value;
+        const inputValue = column.field.type === FieldType.NUMBER ? parseFloat(value) : value;
         /* collecting set of unique values to sent with different operators */
         if (checked)
             setSelectedValues(selectedValues

package/lib/Core/Components/Filters/SelectFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport { Checkbox, CheckboxGroup, Flex, Select, Option, FormDialog } from '@pega/cosmos-react-core';\nimport { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';\n\nimport LoadingIndicator from '../LoadingIndicator';\nimport RenderingEngine from '../RenderingEngine/RenderCell';\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst LoadingIndicatorStyle = styled.div`\n  position: absolute;\n  margin: auto;\n  left: 0;\n  right: 0;\n`;\n\nconst CheckboxGroupStyle = styled.div`\n  max-height: 11.719rem;\n  overflow: auto;\n  margin-top: 0.5rem;\n`;\n\nexport default function SelectFilter({ column, finishPopOver, onFilter, popoverButtonRef }) {\n  const [fInput, fValue, , filterExpression] = getFilterInitializers(column);\n  const [uniqueValues, setUniqueColumnValues] = useState([]);\n  const [uniqueValuesFetched, setUniqueValuesFetched] = useState(false);\n  // Prepopulate the select filter with values only when global filter condition matches with condition in select filter.\n  const prePopulateSelectFilter = column.field.filterParams.some(\n    filterParam => filterParam.key === fValue\n  );\n  const [selectedValues, setSelectedValues] = useState(prePopulateSelectFilter ? fInput : []);\n  const [comparator, setComparator] = useState(fValue);\n\n  const syncUniqueValues = useCallback(() => {\n    if (!uniqueValuesFetched)\n      column.getUniqueValues().then(filteredData => {\n        setUniqueValuesFetched(true);\n        setUniqueColumnValues(filteredData);\n      });\n  }, [column, uniqueValuesFetched]);\n  const [translate] = useTranslate();\n  useEffect(() => {\n    const resultSet = new Set();\n    column.data.forEach(d => {\n      if (d) resultSet.add(d);\n    });\n    setUniqueColumnValues([...resultSet]);\n  }, [column]);\n\n  // set the comparator as 1st option by default only if global filter criteria does not match with select filter (prepopulateSelectFilter)\n  useEffect(() => {\n    if (!prePopulateSelectFilter && column.field.filterParams?.[0]?.key)\n      setComparator(column.field.filterParams[0].key);\n    // Should be call only on initial load thats why empty dependencies\n  }, []);\n\n  useEffect(() => {\n    if (!column.field?.filterParams?.find(item => item.key !== 'select')) return;\n    syncUniqueValues();\n  }, [column, syncUniqueValues]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    const formattedComp = comparatorMap[comparator];\n    let localFilterExpression = null;\n    const input =\n      formattedComp === comparatorMap.isNull || formattedComp === comparatorMap.isNotNull\n        ? null\n        : selectedValues;\n    localFilterExpression = addFilter({\n      // Ignore the initial filter expression if prePopulateSelectFilter is true as user has chosen to override it.\n      filterExpression: prePopulateSelectFilter ? null : filterExpression,\n      comparator: formattedComp,\n      column,\n      input\n    });\n    onFilter({\n      filterExp: localFilterExpression\n    });\n    finishPopOver();\n  }, [comparator, selectedValues, filterExpression, column, onFilter, prePopulateSelectFilter]);\n\n  const isSelected = useCallback(\n    value => {\n      return new Set(selectedValues).has(value);\n    },\n    [selectedValues]\n  );\n\n  const onSelectOrDeselect = useCallback(\n    event => {\n      /* Disabling operators like isAnyOf isNoneOf */\n      const { value, checked } = event.target;\n      const inputValue = column.field.type === 'number' ? parseFloat(value) : value;\n      /* collecting set of unique values to sent with different operators */\n      if (checked)\n        setSelectedValues(\n          selectedValues\n            ? [...new Set([inputValue, ...selectedValues])]\n            : [...new Set([inputValue])]\n        );\n      else {\n        const index = selectedValues.findIndex(val => val === inputValue);\n        const values = selectedValues.slice(0, index).concat(selectedValues.slice(index + 1));\n        setSelectedValues(values);\n      }\n    },\n    [column, selectedValues]\n  );\n\n  // show unique values checkboxes for selection only if comparator is other than 'IS_NULL' and 'IS_NOT_NULL'\n  const showUniqueValues = ![comparatorMap.isNull, comparatorMap.isNotNull].includes(\n    comparatorMap[comparator]\n  );\n\n  return (\n    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={submitFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex>\n            <Select\n              defaultValue={comparator}\n              onChange={e => onFilterChange({ value: e.target.value })}\n            >\n              {(column.field.filterParams || []).map(opt => (\n                <Option key={opt.key} value={opt.key}>\n                  {translate(opt.value)}\n                </Option>\n              ))}\n            </Select>\n          </Flex>\n          {showUniqueValues && (\n            <CheckboxGroupStyle className='popup-menu'>\n              <CheckboxGroup>\n                {uniqueValues.map(item => {\n                  const isItemSelected = isSelected(item);\n                  // Custom context prepared for Rendering engine should contain getExecutionContext\n                  // otherwise the execution context will be populated wrongly from the previous table rendering cycle.\n                  // For Select filter execution context should be derived from unique values that are displayed in the modal.\n                  const context = {\n                    getExecutionContext: () => {\n                      return {\n                        getValue: () => ({ [column.field.name]: item }),\n                        name: 'selectFilter'\n                      };\n                    },\n                    getValue: () => item\n                  };\n                  return (\n                    <Checkbox\n                      key={item}\n                      id={item}\n                      defaultChecked={isItemSelected}\n                      name={item}\n                      onClick={onSelectOrDeselect}\n                      value={item}\n                      label={\n                        <RenderingEngine {...column.getRenderingEngineProps()} context={context} />\n                      }\n                    />\n                  );\n                })}\n              </CheckboxGroup>\n              <LoadingIndicatorStyle>\n                <LoadingIndicator view={column.parent} show={!uniqueValuesFetched} />\n              </LoadingIndicatorStyle>\n            </CheckboxGroupStyle>\n          )}\n        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nSelectFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"SelectFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport { Checkbox, CheckboxGroup, Flex, Select, Option, FormDialog } from '@pega/cosmos-react-core';\nimport {\n  addFilter,\n  getFilterInitializers,\n  comparatorMap,\n  FieldType\n} from 'pega-repeating-structures-core';\n\nimport LoadingIndicator from '../LoadingIndicator';\nimport RenderingEngine from '../RenderingEngine/RenderCell';\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst LoadingIndicatorStyle = styled.div`\n  position: absolute;\n  margin: auto;\n  left: 0;\n  right: 0;\n`;\n\nconst CheckboxGroupStyle = styled.div`\n  max-height: 11.719rem;\n  overflow: auto;\n  margin-top: 0.5rem;\n`;\n\nexport default function SelectFilter({ column, finishPopOver, onFilter, popoverButtonRef }) {\n  const [fInput, fValue, , filterExpression] = getFilterInitializers(column);\n  const [uniqueValues, setUniqueColumnValues] = useState([]);\n  const [uniqueValuesFetched, setUniqueValuesFetched] = useState(false);\n  // Prepopulate the select filter with values only when global filter condition matches with condition in select filter.\n  const prePopulateSelectFilter = column.field.filterParams.some(\n    filterParam => filterParam.key === fValue\n  );\n  const [selectedValues, setSelectedValues] = useState(prePopulateSelectFilter ? fInput : []);\n  const [comparator, setComparator] = useState(fValue);\n\n  const syncUniqueValues = useCallback(() => {\n    if (!uniqueValuesFetched)\n      column.getUniqueValues().then(filteredData => {\n        setUniqueValuesFetched(true);\n        setUniqueColumnValues(filteredData);\n      });\n  }, [column, uniqueValuesFetched]);\n  const [translate] = useTranslate();\n  useEffect(() => {\n    const resultSet = new Set();\n    column.data.forEach(d => {\n      if (d) resultSet.add(d);\n    });\n    setUniqueColumnValues([...resultSet]);\n  }, [column]);\n\n  // set the comparator as 1st option by default only if global filter criteria does not match with select filter (prepopulateSelectFilter)\n  useEffect(() => {\n    if (!prePopulateSelectFilter && column.field.filterParams?.[0]?.key)\n      setComparator(column.field.filterParams[0].key);\n    // Should be call only on initial load thats why empty dependencies\n  }, []);\n\n  useEffect(() => {\n    if (!column.field?.filterParams?.find(item => item.key !== 'select')) return;\n    syncUniqueValues();\n  }, [column, syncUniqueValues]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    const formattedComp = comparatorMap[comparator];\n    let localFilterExpression = null;\n    const input =\n      formattedComp === comparatorMap.isNull || formattedComp === comparatorMap.isNotNull\n        ? null\n        : selectedValues;\n    localFilterExpression = addFilter({\n      // Ignore the initial filter expression if prePopulateSelectFilter is true as user has chosen to override it.\n      filterExpression: prePopulateSelectFilter ? null : filterExpression,\n      comparator: formattedComp,\n      column,\n      input\n    });\n    onFilter({\n      filterExp: localFilterExpression\n    });\n    finishPopOver();\n  }, [comparator, selectedValues, filterExpression, column, onFilter, prePopulateSelectFilter]);\n\n  const isSelected = useCallback(\n    value => {\n      return new Set(selectedValues).has(value);\n    },\n    [selectedValues]\n  );\n\n  const onSelectOrDeselect = useCallback(\n    event => {\n      /* Disabling operators like isAnyOf isNoneOf */\n      const { value, checked } = event.target;\n      const inputValue = column.field.type === FieldType.NUMBER ? parseFloat(value) : value;\n      /* collecting set of unique values to sent with different operators */\n      if (checked)\n        setSelectedValues(\n          selectedValues\n            ? [...new Set([inputValue, ...selectedValues])]\n            : [...new Set([inputValue])]\n        );\n      else {\n        const index = selectedValues.findIndex(val => val === inputValue);\n        const values = selectedValues.slice(0, index).concat(selectedValues.slice(index + 1));\n        setSelectedValues(values);\n      }\n    },\n    [column, selectedValues]\n  );\n\n  // show unique values checkboxes for selection only if comparator is other than 'IS_NULL' and 'IS_NOT_NULL'\n  const showUniqueValues = ![comparatorMap.isNull, comparatorMap.isNotNull].includes(\n    comparatorMap[comparator]\n  );\n\n  return (\n    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={submitFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex>\n            <Select\n              defaultValue={comparator}\n              onChange={e => onFilterChange({ value: e.target.value })}\n            >\n              {(column.field.filterParams || []).map(opt => (\n                <Option key={opt.key} value={opt.key}>\n                  {translate(opt.value)}\n                </Option>\n              ))}\n            </Select>\n          </Flex>\n          {showUniqueValues && (\n            <CheckboxGroupStyle className='popup-menu'>\n              <CheckboxGroup>\n                {uniqueValues.map(item => {\n                  const isItemSelected = isSelected(item);\n                  // Custom context prepared for Rendering engine should contain getExecutionContext\n                  // otherwise the execution context will be populated wrongly from the previous table rendering cycle.\n                  // For Select filter execution context should be derived from unique values that are displayed in the modal.\n                  const context = {\n                    getExecutionContext: () => {\n                      return {\n                        getValue: () => ({ [column.field.name]: item }),\n                        name: 'selectFilter'\n                      };\n                    },\n                    getValue: () => item\n                  };\n                  return (\n                    <Checkbox\n                      key={item}\n                      id={item}\n                      defaultChecked={isItemSelected}\n                      name={item}\n                      onClick={onSelectOrDeselect}\n                      value={item}\n                      label={\n                        <RenderingEngine {...column.getRenderingEngineProps()} context={context} />\n                      }\n                    />\n                  );\n                })}\n              </CheckboxGroup>\n              <LoadingIndicatorStyle>\n                <LoadingIndicator view={column.parent} show={!uniqueValuesFetched} />\n              </LoadingIndicatorStyle>\n            </CheckboxGroupStyle>\n          )}\n        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nSelectFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/styles.d.ts

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

package/lib/Core/Components/FooterAggregators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterAggregators.d.ts","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";;AAaA;;mDAaC;;;;;;;;;;sBAzBqB,YAAY"}
+{"version":3,"file":"FooterAggregators.d.ts","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";;AAcA;;mDAcC;;;;;;;;;;sBA3BqB,YAAY"}

package/lib/Core/Components/FooterAggregators.js

@@ -6,7 +6,7 @@ import AggregatorCell from './AggregatorCell';
 const StyledAggregatorWrapper = styled.div `
   border-bottom: 0;
   .aggregateCell {
-    border-top: var(--border-style);
+    border-top: ${props => props.theme.components.table.border['horizontal-inner'] ? 'var(--border-style)' : 'none'};
   }
 `;
 function FooterAggregators({ columns }) {
@@ -14,7 +14,8 @@ function FooterAggregators({ columns }) {
         return null;
     return (_jsx(StyledAggregatorWrapper, { className: 'row', children: columns.map(column => {
             const context = {
-                getValue: () => column.aggregateValue
+                getValue: () => column.aggregateValue,
+                getExecutionContext: () => ({ name: 'footer' })
             };
             return _jsx(AggregatorCell, { column: column, context: context }, column.field?.id);
         }) }));

package/lib/Core/Components/FooterAggregators.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterAggregators.js","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKzC,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAAE;IACpC,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,OAAO,CACL,KAAC,uBAAuB,IAAC,SAAS,EAAC,KAAK,YACrC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,OAAO,GAAG;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc;aACtC,CAAC;YACF,OAAO,KAAC,cAAc,IAAwB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,IAAlD,MAAM,CAAC,KAAK,EAAE,EAAE,CAAsC,CAAC;QACrF,CAAC,CAAC,GACsB,CAC3B,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CAC1C,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport AggregatorCell from './AggregatorCell';\n\nconst StyledAggregatorWrapper = styled.div`\n  border-bottom: 0;\n  .aggregateCell {\n    border-top: var(--border-style);\n  }\n`;\n\nfunction FooterAggregators({ columns }) {\n  if (columns.filter(c => c.aggregated).length === 0) return null;\n\n  return (\n    <StyledAggregatorWrapper className='row'>\n      {columns.map(column => {\n        const context = {\n          getValue: () => column.aggregateValue\n        };\n        return <AggregatorCell key={column.field?.id} column={column} context={context} />;\n      })}\n    </StyledAggregatorWrapper>\n  );\n}\n\nFooterAggregators.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any)\n};\n\nFooterAggregators.defaultProps = {\n  columns: []\n};\n\nexport default memo(FooterAggregators);\n"]}
+{"version":3,"file":"FooterAggregators.js","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;kBAGxB,KAAK,CAAC,EAAE,CACpB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM;;CAE7F,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAAE;IACpC,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,OAAO,CACL,KAAC,uBAAuB,IAAC,SAAS,EAAC,KAAK,YACrC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,OAAO,GAAG;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc;gBACrC,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;aAChD,CAAC;YACF,OAAO,KAAC,cAAc,IAAwB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,IAAlD,MAAM,CAAC,KAAK,EAAE,EAAE,CAAsC,CAAC;QACrF,CAAC,CAAC,GACsB,CAC3B,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CAC1C,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport AggregatorCell from './AggregatorCell';\n\nconst StyledAggregatorWrapper = styled.div`\n  border-bottom: 0;\n  .aggregateCell {\n    border-top: ${props =>\n      props.theme.components.table.border['horizontal-inner'] ? 'var(--border-style)' : 'none'};\n  }\n`;\n\nfunction FooterAggregators({ columns }) {\n  if (columns.filter(c => c.aggregated).length === 0) return null;\n\n  return (\n    <StyledAggregatorWrapper className='row'>\n      {columns.map(column => {\n        const context = {\n          getValue: () => column.aggregateValue,\n          getExecutionContext: () => ({ name: 'footer' })\n        };\n        return <AggregatorCell key={column.field?.id} column={column} context={context} />;\n      })}\n    </StyledAggregatorWrapper>\n  );\n}\n\nFooterAggregators.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any)\n};\n\nFooterAggregators.defaultProps = {\n  columns: []\n};\n\nexport default memo(FooterAggregators);\n"]}

package/lib/Core/Components/GroupRenderer/GroupAdditionalFieldDataModal.d.ts

@@ -0,0 +1,12 @@
+import { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';
+export type GroupAdditionalFieldData = RsCoreTypes.GroupGenerator['additionalFieldsData'][0];
+export type GetAdditionalDataResponse = NonNullable<Awaited<ReturnType<RsCoreTypes.GroupGenerator['getAdditionalFieldData']>>>;
+type FieldTypes = (typeof FieldType)[keyof typeof FieldType];
+export declare const isDateLikeField: (type: FieldTypes) => type is typeof FieldType.DATE | typeof FieldType.DATE_TIME | typeof FieldType.DATE_ONLY;
+declare const GroupAdditionalFieldDataModal: ({ groupHeader, additionalField, column }: {
+    groupHeader: RsCoreTypes.GroupGenerator;
+    additionalField: RsCoreTypes.GroupAdditionalField;
+    column: RsCoreTypes.Column;
+}) => import("react/jsx-runtime").JSX.Element;
+export default GroupAdditionalFieldDataModal;
+//# sourceMappingURL=GroupAdditionalFieldDataModal.d.ts.map

package/lib/Core/Components/GroupRenderer/GroupAdditionalFieldDataModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupAdditionalFieldDataModal.d.ts","sourceRoot":"","sources":["../../../../Core/Components/GroupRenderer/GroupAdditionalFieldDataModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,SAAS,EACT,KAAK,WAAW,EACjB,MAAM,gCAAgC,CAAC;AASxC,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7F,MAAM,MAAM,yBAAyB,GAAG,WAAW,CACjD,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAC1E,CAAC;AACF,KAAK,UAAU,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAK7D,eAAO,MAAM,eAAe,GAC1B,MAAM,UAAU,KACf,IAAI,IAAI,OAAO,SAAS,CAAC,IAAI,GAAG,OAAO,SAAS,CAAC,SAAS,GAAG,OAAO,SAAS,CAAC,SAEhF,CAAC;AAwEF,QAAA,MAAM,6BAA6B,GAAI,0CAIpC;IACD,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC;IACxC,eAAe,EAAE,WAAW,CAAC,oBAAoB,CAAC;IAClD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;CAC5B,4CAyEA,CAAC;AAEF,eAAe,6BAA6B,CAAC"}