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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/Radio.jsx"],"names":[],"mappings":";AAQA,iFA+CC;;;;;;;;;;;;sBAtDqB,YAAY"}

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

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { RadioButton, RadioCheckGroup } from '@pega/cosmos-react-core';
-const StyledRadioGroup = styled.div ``;
-function RadioGroup(props) {
-    const { getField, getValue, getFormatter, renderFactory, resolveCellComponent } = props;
-    const field = getField();
-    const { id } = field;
-    const oldValue = getValue();
-    const translatedValue = oldValue === 'null' || oldValue === '' || oldValue === null || typeof oldValue === 'undefined'
-        ? 'Empty'
-        : oldValue;
-    const [value, setValue] = useState(translatedValue);
-    const radioOptions = field.type === 'boolean' ? [true, false, 'Empty'] : field.filterPickListOptions;
-    const onChange = event => {
-        setValue(event.target.id);
-        let newValue = event.target.id;
-        if (field.type === 'boolean') {
-            if (event.target.id === 'Empty')
-                newValue = null;
-            else
-                newValue = event.target.id === 'true';
-        }
-        props.onSubmit({ oldValue, newValue });
-    };
-    return (_jsx(StyledRadioGroup, { children: _jsx(RadioCheckGroup, { name: id, children: radioOptions.map(item => {
-                const checkedProp = {};
-                if (item === value)
-                    checkedProp.defaultChecked = true;
-                return (_jsx(RadioButton, { id: `${item}`, name: `${item}`, onClick: onChange, label: resolveCellComponent('cellRenderer', renderFactory, {
-                        ...props,
-                        getValue: () => item.toString(),
-                        getFormattedValue: () => getFormatter?.()?.(item) || item.toString()
-                    }), ...checkedProp }, `${item}`));
-            }) }) }));
-}
-RadioGroup.propTypes = {
-    onCancel: PropTypes.func.isRequired,
-    onSubmit: PropTypes.func.isRequired,
-    getField: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired,
-    getFormatter: PropTypes.func.isRequired,
-    renderFactory: PropTypes.func.isRequired,
-    resolveCellComponent: PropTypes.func.isRequired
-};
-export default RadioGroup;
-//# sourceMappingURL=Radio.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/Radio.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEvE,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAEtC,SAAS,UAAU,CAAC,KAAK;IACvB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACxF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,eAAe,GACnB,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,IAAI,IAAI,OAAO,QAAQ,KAAK,WAAW;QAC5F,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,QAAQ,CAAC;IACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IACpD,MAAM,YAAY,GAChB,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,qBAAqB,CAAC;IAClF,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/B,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,OAAO;gBAAE,QAAQ,GAAG,IAAI,CAAC;;gBAC5C,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,CAAC;QAC7C,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,YACtB,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACvB,MAAM,WAAW,GAAG,EAAE,CAAC;gBACvB,IAAI,IAAI,KAAK,KAAK;oBAAE,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC;gBAEtD,OAAO,CACL,KAAC,WAAW,IAEV,EAAE,EAAE,GAAG,IAAI,EAAE,EACb,IAAI,EAAE,GAAG,IAAI,EAAE,EACf,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,oBAAoB,CAAC,cAAc,EAAE,aAAa,EAAE;wBACzD,GAAG,KAAK;wBACR,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;wBAC/B,iBAAiB,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;qBACrE,CAAC,KACE,WAAW,IATV,GAAG,IAAI,EAAE,CAUd,CACH,CAAC;YACJ,CAAC,CAAC,GACc,GACD,CACpB,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACvC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,oBAAoB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAChD,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport { RadioButton, RadioCheckGroup } from '@pega/cosmos-react-core';\n\nconst StyledRadioGroup = styled.div``;\n\nfunction RadioGroup(props) {\n  const { getField, getValue, getFormatter, renderFactory, resolveCellComponent } = props;\n  const field = getField();\n  const { id } = field;\n  const oldValue = getValue();\n  const translatedValue =\n    oldValue === 'null' || oldValue === '' || oldValue === null || typeof oldValue === 'undefined'\n      ? 'Empty'\n      : oldValue;\n  const [value, setValue] = useState(translatedValue);\n  const radioOptions =\n    field.type === 'boolean' ? [true, false, 'Empty'] : field.filterPickListOptions;\n  const onChange = event => {\n    setValue(event.target.id);\n    let newValue = event.target.id;\n    if (field.type === 'boolean') {\n      if (event.target.id === 'Empty') newValue = null;\n      else newValue = event.target.id === 'true';\n    }\n    props.onSubmit({ oldValue, newValue });\n  };\n\n  return (\n    <StyledRadioGroup>\n      <RadioCheckGroup name={id}>\n        {radioOptions.map(item => {\n          const checkedProp = {};\n          if (item === value) checkedProp.defaultChecked = true;\n\n          return (\n            <RadioButton\n              key={`${item}`}\n              id={`${item}`}\n              name={`${item}`}\n              onClick={onChange}\n              label={resolveCellComponent('cellRenderer', renderFactory, {\n                ...props,\n                getValue: () => item.toString(),\n                getFormattedValue: () => getFormatter?.()?.(item) || item.toString()\n              })}\n              {...checkedProp}\n            />\n          );\n        })}\n      </RadioCheckGroup>\n    </StyledRadioGroup>\n  );\n}\n\nRadioGroup.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  getField: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired,\n  getFormatter: PropTypes.func.isRequired,\n  renderFactory: PropTypes.func.isRequired,\n  resolveCellComponent: PropTypes.func.isRequired\n};\n\nexport default RadioGroup;\n"]}

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

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

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

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

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

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { Input } from '@pega/cosmos-react-core';
-const styles = {
-    input: { width: '100%', outline: 'none', border: 'none', boxShadow: 'none' }
-};
-function TextInput(props) {
-    const { getField, getValue } = props;
-    const { type } = getField();
-    const oldValue = getValue();
-    const [value, setValue] = useState(oldValue);
-    const inputRef = useRef(null);
-    const onChange = event => {
-        let { value: val } = event.target;
-        if (type?.toLowerCase() === 'number') {
-            val = parseInt(val, 10);
-        }
-        setValue(val);
-    };
-    const onKeyDown = event => {
-        if (event.key === 'Enter') {
-            props.onSubmit({ oldValue, newValue: value });
-        }
-        else if (event.key === 'Escape') {
-            props.onCancel();
-        }
-    };
-    const onBlur = () => props.onSubmit({ oldValue, newValue: value });
-    useEffect(() => {
-        inputRef.current?.focus();
-    }, [inputRef]);
-    return (_jsx(Input, { ...props, value: value, type: type, style: styles.input, ref: ref => {
-            inputRef.current = ref;
-        }, onChange: onChange, onBlur: onBlur, onKeyDown: onKeyDown }));
-}
-TextInput.propTypes = {
-    onCancel: PropTypes.func.isRequired,
-    onSubmit: PropTypes.func.isRequired,
-    getField: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired
-};
-export default TextInput;
-//# sourceMappingURL=TextInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/TextInput.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE;CAC7E,CAAC;AAEF,SAAS,SAAS,CAAC,KAAK;IACtB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,QAAQ,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;QACvB,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAClC,IAAI,IAAI,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,CAAC;YACrC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC1B,CAAC;QACD,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE;QACxB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QAChD,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAClC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAEnE,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,KAAC,KAAK,OACA,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,GAAG,EAAE,GAAG,CAAC,EAAE;YACT,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Input } from '@pega/cosmos-react-core';\n\nconst styles = {\n  input: { width: '100%', outline: 'none', border: 'none', boxShadow: 'none' }\n};\n\nfunction TextInput(props) {\n  const { getField, getValue } = props;\n  const { type } = getField();\n  const oldValue = getValue();\n  const [value, setValue] = useState(oldValue);\n  const inputRef = useRef(null);\n\n  const onChange = event => {\n    let { value: val } = event.target;\n    if (type?.toLowerCase() === 'number') {\n      val = parseInt(val, 10);\n    }\n    setValue(val);\n  };\n\n  const onKeyDown = event => {\n    if (event.key === 'Enter') {\n      props.onSubmit({ oldValue, newValue: value });\n    } else if (event.key === 'Escape') {\n      props.onCancel();\n    }\n  };\n\n  const onBlur = () => props.onSubmit({ oldValue, newValue: value });\n\n  useEffect(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  return (\n    <Input\n      {...props}\n      value={value}\n      type={type}\n      style={styles.input}\n      ref={ref => {\n        inputRef.current = ref;\n      }}\n      onChange={onChange}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n    />\n  );\n}\n\nTextInput.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  getField: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired\n};\n\nexport default TextInput;\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/index.jsx"],"names":[],"mappings":";AAaA,6EA8DC;;;;;;;;;;;;;sBA3EqB,YAAY"}

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

@@ -1,63 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Popover, useElement, useOuterEvent } from '@pega/cosmos-react-core';
-import TextInput from './TextInput';
-import DateTime from './DateTime';
-import Radio from './Radio';
-const StyledPopover = styled.div `
-  padding: 1rem;
-  min-width: 7rem;
-`;
-function Editor(props) {
-    const { getField, onCancel, getElement, setEditContext, getFormatter, getValue, renderFactory, resolveCellComponent } = props;
-    setEditContext();
-    const { type, filterPickList, filterPickListOptions } = getField();
-    const showInPopOver = type === 'boolean' || (filterPickList && filterPickListOptions);
-    const [popperRef, setPopperRef] = useElement();
-    const [popperTarget, setPopperTarget] = useElement(getElement());
-    useOuterEvent('mousedown', [popperRef], () => {
-        setPopperTarget(null);
-        if (showInPopOver)
-            onCancel();
-    });
-    let Component = null;
-    switch (type) {
-        case 'text':
-        case 'number':
-            Component = TextInput;
-            break;
-        case 'date':
-        case 'datetime':
-            Component = DateTime;
-            break;
-        case 'boolean':
-            Component = Radio;
-            break;
-        default:
-            Component = TextInput;
-            break;
-    }
-    if (filterPickList && filterPickListOptions) {
-        Component = Radio;
-    }
-    if (!showInPopOver)
-        return _jsx(Component, { ...props });
-    const value = getValue();
-    return (_jsxs(_Fragment, { children: [resolveCellComponent('cellRenderer', renderFactory, {
-                ...props,
-                getFormattedValue: () => getFormatter?.()?.(value) || value
-            }), showInPopOver && (_jsx(Popover, { ref: setPopperRef, className: 'editpopper', target: popperTarget, children: _jsx(StyledPopover, { children: _jsx(Component, { ...props }) }) }))] }));
-}
-Editor.propTypes = {
-    getField: PropTypes.func.isRequired,
-    onCancel: PropTypes.func.isRequired,
-    getElement: PropTypes.func.isRequired,
-    setEditContext: PropTypes.func.isRequired,
-    getFormatter: PropTypes.func.isRequired,
-    getValue: PropTypes.func.isRequired,
-    renderFactory: PropTypes.func.isRequired,
-    resolveCellComponent: PropTypes.func.isRequired
-};
-export default Editor;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../Core/Components/DefaultComponents/CellRenderers/EditComponents/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport { Popover, useElement, useOuterEvent } from '@pega/cosmos-react-core';\n\nimport TextInput from './TextInput';\nimport DateTime from './DateTime';\nimport Radio from './Radio';\n\nconst StyledPopover = styled.div`\n  padding: 1rem;\n  min-width: 7rem;\n`;\nfunction Editor(props) {\n  const {\n    getField,\n    onCancel,\n    getElement,\n    setEditContext,\n    getFormatter,\n    getValue,\n    renderFactory,\n    resolveCellComponent\n  } = props;\n  setEditContext();\n\n  const { type, filterPickList, filterPickListOptions } = getField();\n  const showInPopOver = type === 'boolean' || (filterPickList && filterPickListOptions);\n  const [popperRef, setPopperRef] = useElement();\n  const [popperTarget, setPopperTarget] = useElement(getElement());\n\n  useOuterEvent('mousedown', [popperRef], () => {\n    setPopperTarget(null);\n    if (showInPopOver) onCancel();\n  });\n  let Component = null;\n  switch (type) {\n    case 'text':\n    case 'number':\n      Component = TextInput;\n      break;\n    case 'date':\n    case 'datetime':\n      Component = DateTime;\n      break;\n    case 'boolean':\n      Component = Radio;\n      break;\n\n    default:\n      Component = TextInput;\n      break;\n  }\n  if (filterPickList && filterPickListOptions) {\n    Component = Radio;\n  }\n\n  if (!showInPopOver) return <Component {...props} />;\n  const value = getValue();\n  return (\n    <>\n      {resolveCellComponent('cellRenderer', renderFactory, {\n        ...props,\n        getFormattedValue: () => getFormatter?.()?.(value) || value\n      })}\n\n      {showInPopOver && (\n        <Popover ref={setPopperRef} className='editpopper' target={popperTarget}>\n          <StyledPopover>\n            <Component {...props} />\n          </StyledPopover>\n        </Popover>\n      )}\n    </>\n  );\n}\n\nEditor.propTypes = {\n  getField: PropTypes.func.isRequired,\n  onCancel: PropTypes.func.isRequired,\n  getElement: PropTypes.func.isRequired,\n  setEditContext: PropTypes.func.isRequired,\n  getFormatter: PropTypes.func.isRequired,\n  getValue: PropTypes.func.isRequired,\n  renderFactory: PropTypes.func.isRequired,\n  resolveCellComponent: PropTypes.func.isRequired\n};\n\nexport default Editor;\n"]}

package/lib/Core/Components/EmptyContainer.d.ts

@@ -1,5 +0,0 @@
-import type { RsCoreTypes } from 'pega-repeating-structures-core';
-export default function EmptyContainer({ view }: {
-    view: RsCoreTypes.View;
-}): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=EmptyContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyContainer.d.ts","sourceRoot":"","sources":["../../../Core/Components/EmptyContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAMlE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAA;CAAE,kDAM1E"}

package/lib/Core/Components/EmptyContainer.js

@@ -1,12 +0,0 @@
-import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// TODO remove ts-ignore once ComponentResolverFactory migrated to TS
-// @ts-ignore
-import { resolveViewComponent } from './RenderingEngine/ComponentResolverFactory';
-export default function EmptyContainer({ view }) {
-    const { domContainer, hasNoRecords, renderFactory, getContext } = view;
-    if (domContainer && hasNoRecords) {
-        return _jsxs(_Fragment, { children: [" ", resolveViewComponent('emptyContainerRenderer', renderFactory, getContext()), " "] });
-    }
-    return null;
-}
-//# sourceMappingURL=EmptyContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyContainer.js","sourceRoot":"","sources":["../../../Core/Components/EmptyContainer.tsx"],"names":[],"mappings":";AAEA,qEAAqE;AACrE,aAAa;AACb,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAA8B;IACzE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IACvE,IAAI,YAAY,IAAI,YAAY,EAAE,CAAC;QACjC,OAAO,mCAAI,oBAAoB,CAAC,wBAAwB,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,SAAK,CAAC;IAC9F,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import type { RsCoreTypes } from 'pega-repeating-structures-core';\n\n// TODO remove ts-ignore once ComponentResolverFactory migrated to TS\n// @ts-ignore\nimport { resolveViewComponent } from './RenderingEngine/ComponentResolverFactory';\n\nexport default function EmptyContainer({ view }: { view: RsCoreTypes.View }) {\n  const { domContainer, hasNoRecords, renderFactory, getContext } = view;\n  if (domContainer && hasNoRecords) {\n    return <> {resolveViewComponent('emptyContainerRenderer', renderFactory, getContext())} </>;\n  }\n  return null;\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GroupRenderer.d.ts","sourceRoot":"","sources":["../../../Core/Components/GroupRenderer.jsx"],"names":[],"mappings":"AA6NA;;;mDAyGC;;;;;;;;;;sBAtUqB,YAAY"}

package/lib/Core/Components/GroupRenderer.js

@@ -1,240 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import { useRef } from 'react';
-import styled from 'styled-components';
-import { Icon } from '@pega/cosmos-react-core';
-import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
-import { getGroupFromKey } from 'pega-ui-list-data-apis';
-import { createClassName as cx } from '../Utils';
-import useTranslate from '../Hooks/useTranslate';
-import { customFunctions, intervalGroupingBoundaries } from '../constants';
-import AggregatorCell from './AggregatorCell';
-import RenderingEngine from './RenderingEngine/RenderCell';
-import DateValueDisplay from './DateValueDisplay';
-import TestIdConstants from './TestIdConstants';
-const groupheaderleftdisplacement = headerLevel => `${(headerLevel.level + 1) * 0.5}rem`;
-/**
- * TODO: remove currentColor style after cosmos fixes the issue
- * Cosmos yet to handle dark theme on BareButton
- */
-const StyledGroupHeader = styled.div `
-  --group-left: ${props => groupheaderleftdisplacement(props.groupHeader)};
-  --group-bg-color: ${props => props.theme.base.palette['secondary-background']};
-  background-color: var(--group-bg-color);
-  &:has(button[aria-expanded='true']) {
-    filter: ${props => props.theme.base.shadow['low-filter']};
-  }
-
-  &.row.sticky-group-header {
-    position: sticky;
-    display: block;
-    top: calc(
-      ${props => props.groupHeader.isLeafNode && props.groupHeader.level !== 0
-    ? 'calc(var(--row-height) + var(--group-header-height))'
-    : 'var(--row-height)'}
-    );
-
-    /* z-index starting from 8 because freeze-line has z-index 7 */
-    z-index: ${props => `${8 + props.groupHeader.index}`};
-    > .cell-action,
-    .cell-fixed {
-      background-color: var(--group-bg-color);
-    }
-  }
-
-  .group-label {
-    width: 0.437rem;
-    display: inline-block;
-    flex-shrink: 0;
-  }
-
-  .group-header-groupby {
-    font-weight: ${props => props.theme.base['font-weight'].normal};
-  }
-
-  .group-context-count .group-count {
-    font-weight: ${props => props.theme.base['font-weight'].bold};
-    white-space: pre;
-  }
-
-  &.row.group-header-row {
-    height: auto;
-    border-bottom: ${props => (!props.isAggregationApplied ? 'var(--border-style)' : 'none')};
-
-    .group-header-aggregation-row {
-      display: flex;
-
-      /* Using height 0 so that the aggregations aren't visible when not applied but the cells can take the width and stretch the group header to the full width */
-      height: ${props => (props.isAggregationApplied ? 'var(--group-header-height)' : 0)};
-
-      &::before {
-        content: '';
-        position: sticky;
-        inset-block-start: 0;
-        inset-inline-start: 0;
-        width: 0.25rem;
-        height: 100%;
-        background-color: ${props => props.groupHeader.colorIndicator};
-        z-index: 12;
-      }
-    }
-  }
-
-  &.group-header-row .stickyGroupHeader {
-    position: sticky;
-    left: 0;
-    width: 0;
-    z-index: 10;
-    height: var(--group-header-height);
-
-    > button {
-      color: currentColor;
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      width: max-content;
-      max-width: var(--container-width);
-      display: flex;
-      align-items: center;
-      background-color: var(--group-bg-color);
-      padding-left: var(--group-left);
-      margin-inline-start: 0.25rem;
-      z-index: 30;
-      cursor: pointer;
-      white-space: nowrap;
-      text-align: inherit;
-      font-stretch: inherit;
-
-      > .group-wrapper {
-        margin-inline-start: ${({ groupHeader, theme }) => groupHeader.count === 0 ? `calc(${theme.base.spacing} * 2.25)` : 'unset'};
-      }
-
-      .cell-content {
-        max-height: var(--group-header-height);
-        padding: 0;
-      }
-    }
-    button:focus {
-      box-shadow: ${({ theme }) => theme.base.shadow['focus-inset']};
-    }
-
-    &::before {
-      content: '';
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-      width: 0.25rem;
-      height: 100%;
-      background-color: ${props => props.groupHeader.colorIndicator};
-      z-index: 12;
-    }
-  }
-  .group-header.cell {
-    left: 0;
-    padding-left: var(--group-left);
-  }
-
-  div.group-header.cell-fixed {
-    background-color: var(--group-bg-color);
-  }
-`;
-/**
- *  Returns label for interval grouping based on interval and boundaries
-  Response data depends on boundary settings.
- Ex: For sample data of profit
-    profit  --> cases(count)
-   {'0': 10, 1': 100,  '2':30, '10': 35, '15':45, '20':2}
-  For Interval 10
-  If the boundary is 'include-lower-only',
-    and  value is 10 then label -> 10 to 20
-
-  If boundary is 'include-upper-only',
-    and value is 10 then label ->  0 to 10
-  * */
-function buildIntervalGroupingLabel(value, customFunction, translate) {
-    const { interval, boundaries } = customFunction;
-    // To restrict the decimals in labels
-    const intervalDecimalLength = (interval.toString().split('.')[1] || '').length;
-    value = Number(value);
-    // In case of 'include-lower-only'
-    let lowerValue = value.toFixed(intervalDecimalLength);
-    let upperValue = (value + interval).toFixed(intervalDecimalLength);
-    // In case of boundary 'include-upper-only'
-    if (boundaries === intervalGroupingBoundaries.includeUpperOnly) {
-        lowerValue = (value - interval).toFixed(intervalDecimalLength);
-        upperValue = value.toFixed(intervalDecimalLength);
-    }
-    return `${lowerValue} ${translate('to')} ${upperValue}`;
-}
-function GroupName({ view, column, groupHeader, dateFunction, customFunction }) {
-    const [translate] = useTranslate();
-    const { locale, timezone } = view.meta;
-    const isRangeGrouping = customFunction?.type === customFunctions.RANGE_GROUPING;
-    const isIntervalGrouping = customFunction?.type === customFunctions.INTERVAL_GROUPING;
-    if (dateFunction) {
-        return (_jsx(DateValueDisplay, { value: groupHeader.name, dateFunction: dateFunction, locale: locale, timezone: timezone }));
-    }
-    if (isRangeGrouping) {
-        /** If custom range grouping applied on number field , we need to show group name as text instead of number */
-        return groupHeader.name;
-    }
-    if (isIntervalGrouping) {
-        /** If custom range grouping applied on number , we need to show group name based on value and custom function details like interval and boundaries */
-        return buildIntervalGroupingLabel(groupHeader.name, customFunction, translate);
-    }
-    column.setExecutionContext(null); // If null is not set then it will execute on the previous row context and facing issues when cell is edited. Based on column.editMode and current context renderer varies (it can be cellEditRenderer)
-    const columnRendererProps = {
-        ...column.getRenderingEngineProps(),
-        context: {
-            getValue: () => groupHeader.name,
-            getExecutionContext: () => {
-                return { getValue: () => groupHeader.data, name: 'groupHeader' };
-            }
-        }
-    };
-    return _jsx(RenderingEngine, { ...columnRendererProps });
-}
-// NOTE: While making any changes in GroupRenderer.jsx, also make similar changes in HierarchicalGroupRenderer.jsx file if applicable
-export default function GroupHeader({ groupHeader, columns }) {
-    const buttonRef = useRef();
-    // TODO: This we are adding temporary to show freeze border until we make group header rendering change
-    // when we will pick up aggregation.
-    if (!groupHeader.isVisible)
-        return null;
-    const view = columns[0].parent;
-    // If grouping by a regular column (i.e. without a dateFunction), determine props for the renderer
-    const { columnId, dateFunction, customFunction } = getGroupFromKey(groupHeader.groupBy, view.state.groups) ?? {};
-    // if state.groups is not yet prepared/updated, then getGroupFromKey will return undefined
-    if (!columnId) {
-        return null;
-    }
-    const column = columns.find(c => c.field.id === columnId);
-    const formatter = view.getFormatterByKey('Integer');
-    const { locale } = view.meta;
-    const groupCountFormatted = formatter
-        ? formatter(groupHeader.count, { locale })
-        : groupHeader.count;
-    const isAggregationApplied = columns.filter(c => !c.hidden).some(c => c.aggregated);
-    return (_jsxs(StyledGroupHeader, { groupHeader: groupHeader, className: cx('row group-header-row sticky-group-header'), "data-test-id": 'groupHeader', "data-testid": TestIdConstants.groupHeader, isAggregationApplied: isAggregationApplied, role: 'row', onFocus: e => {
-            if (buttonRef.current && !e.currentTarget.contains(e.relatedTarget)) {
-                e.preventDefault();
-                buttonRef.current.focus();
-            }
-        }, children: [_jsx("div", { className: 'stickyGroupHeader', children: _jsxs(BareButton, { ref: buttonRef, "aria-label": `${column.field.hideGroupColumnNameLabel ? '' : groupHeader.label} ${groupHeader.name}, ${groupCountFormatted} items`, "aria-expanded": !!groupHeader.isExpanded, style: {
-                        paddingRight: 'var(--group-left)'
-                    }, onClick: () => groupHeader.count > 0 && view.type.toggleGroupExpansion({ groupHeader }), tabIndex: -1, children: [groupHeader.count > 0 &&
-                            (groupHeader.isExpanded ? _jsx(Icon, { name: 'caret-down' }) : _jsx(Icon, { name: 'caret-right' })), _jsxs("div", { className: 'group-wrapper', children: [_jsx("div", { className: 'group-label' }), !column.field.hideGroupColumnNameLabel && (_jsxs("span", { className: 'group-header-groupby', "data-test-id": groupHeader.groupBy, "data-testid": `${TestIdConstants.groupHeaderGroupBy}-${groupHeader.groupBy}`, children: [groupHeader.label, ":"] })), _jsx("div", { className: 'group-label' }), _jsxs("span", { className: 'group-context-count', style: { display: 'inline-flex' }, "data-test-id": 'groupHeader', "data-testid": TestIdConstants.groupHeaderCount, children: [_jsx(GroupName, { view: view, column: column, groupHeader: groupHeader, dateFunction: dateFunction, customFunction: customFunction }), _jsx("span", { className: 'group-count', children: ` (${groupCountFormatted})` })] })] })] }) }), _jsx("div", { className: 'group-header-aggregation-row', children: columns.map(c => {
-                    const cxt = {
-                        getValue: () => groupHeader?.aggregation?.[c.field.name]?.[c.aggregationType?.toLowerCase()]
-                    };
-                    return (_jsx(AggregatorCell, { column: c, context: cxt, className: cx('cell', {
-                            'cell-fixed': column.frozen
-                        }) }, c.field.id));
-                }) })] }));
-}
-GroupHeader.propTypes = {
-    columns: PropTypes.arrayOf(PropTypes.any).isRequired,
-    groupHeader: PropTypes.objectOf(PropTypes.any).isRequired
-};
-//# sourceMappingURL=GroupRenderer.js.map