@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Components/A11y/RepeatingStructureA11y.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import useAnnounceGroup from '../../Hooks/a11y/useAnnounceGroup';
+const StyledInput = styled.input `
+  width: 0;
+  height: 0;
+  border-width: 0;
+  position: absolute;
+  outline: none;
+  opacity: 0;
+`;
+export default function RepeatingStructureA11y({ children, a11yRef, view }) {
+    const onFocusHandler = useCallback(e => {
+        a11yRef.current.boundaryElementsFocusHandler(e);
+    }, [a11yRef]);
+    const { state } = view;
+    useAnnounceGroup(state);
+    return (_jsxs(_Fragment, { children: [_jsx(StyledInput, { className: 'top', type: 'text', "aria-hidden": true, onFocus: onFocusHandler }), children, _jsx(StyledInput, { className: 'bottom', type: 'text', "aria-hidden": true, onFocus: onFocusHandler })] }));
+}
+RepeatingStructureA11y.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+    a11yRef: PropTypes.objectOf(PropTypes.objectOf).isRequired,
+    view: PropTypes.objectOf(PropTypes.any).isRequired
+};
+RepeatingStructureA11y.defaultProps = {
+    children: []
+};
+//# sourceMappingURL=RepeatingStructureA11y.js.map

package/lib/Core/Components/A11y/RepeatingStructureA11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatingStructureA11y.js","sourceRoot":"","sources":["../../../../Core/Components/A11y/RepeatingStructureA11y.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,gBAAgB,MAAM,mCAAmC,CAAC;AAEjE,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;CAO/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE;IACxE,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAC,EAAE;QACF,OAAO,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACxB,OAAO,CACL,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,uBAAa,OAAO,EAAE,cAAc,GAAI,EAC/E,QAAQ,EACT,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,uBAAa,OAAO,EAAE,cAAc,GAAI,IAClF,CACJ,CAAC;AACJ,CAAC;AAED,sBAAsB,CAAC,SAAS,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAClE,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,UAAU;IAC1D,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG;IACpC,QAAQ,EAAE,EAAE;CACb,CAAC","sourcesContent":["import { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport useAnnounceGroup from '../../Hooks/a11y/useAnnounceGroup';\n\nconst StyledInput = styled.input`\n  width: 0;\n  height: 0;\n  border-width: 0;\n  position: absolute;\n  outline: none;\n  opacity: 0;\n`;\n\nexport default function RepeatingStructureA11y({ children, a11yRef, view }) {\n  const onFocusHandler = useCallback(\n    e => {\n      a11yRef.current.boundaryElementsFocusHandler(e);\n    },\n    [a11yRef]\n  );\n  const { state } = view;\n  useAnnounceGroup(state);\n  return (\n    <>\n      <StyledInput className='top' type='text' aria-hidden onFocus={onFocusHandler} />\n      {children}\n      <StyledInput className='bottom' type='text' aria-hidden onFocus={onFocusHandler} />\n    </>\n  );\n}\n\nRepeatingStructureA11y.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  a11yRef: PropTypes.objectOf(PropTypes.objectOf).isRequired,\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nRepeatingStructureA11y.defaultProps = {\n  children: []\n};\n"]}

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

@@ -0,0 +1,23 @@
+declare function AggregateMenu({ column, context }: {
+    column: any;
+    context: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace AggregateMenu {
+    namespace propTypes {
+        let column: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let context: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+    }
+    namespace defaultProps {
+        let column_1: {};
+        export { column_1 as column };
+        let context_1: {};
+        export { context_1 as context };
+    }
+}
+export default AggregateMenu;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=AggregateMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AggregateMenu.d.ts","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"AAuCA;;;mDAmEC;;;;;;;;;;;;;;;;;;sBAzGqB,YAAY"}

package/lib/Core/Components/AggregateMenu.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import { Flex, MenuButton, VisuallyHiddenText, createUID, formatNumber } from '@pega/cosmos-react-core';
+import useTranslate from '../Hooks/useTranslate';
+import TestIdConstants from './TestIdConstants';
+const StyledMenuButton = styled(MenuButton) `
+  color: ${props => props.theme.base.palette['foreground-color']};
+  svg {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+`;
+const StyledCell = styled.div `
+  display: flex;
+  text-align: right;
+  justify-content: flex-end;
+  align-items: center;
+  margin-inline-end: var(--cell-padding);
+
+  &:hover {
+    background-clip: padding-box;
+  }
+`;
+const StyledAggregationValue = styled.div `
+  font-weight: ${props => props.theme.base['font-weight']['semi-bold']};
+`;
+export default function AggregateMenu({ column, context }) {
+    const { aggregateOptions, locale, timezone } = column.parent.meta;
+    const { aggregationType } = column;
+    const uid = createUID();
+    const [translate] = useTranslate();
+    const actions = aggregateOptions[column.field.type]?.map(label => ({
+        primary: translate(label),
+        id: label,
+        onClick: () => column.applyAggregation(label),
+        selected: aggregationType === label
+    }));
+    if (!actions)
+        return null;
+    const rawAggregationValue = context.getValue();
+    const formatter = column.getContext().getFormatter();
+    const fieldDef = column.getContext().getField();
+    const { fieldType } = fieldDef;
+    const aggregationValue = (() => {
+        if (!formatter)
+            return rawAggregationValue;
+        if (aggregationType === 'Avg' && fieldType === 'Integer') {
+            return formatNumber(Number(rawAggregationValue), {
+                locale,
+                useGrouping: true,
+                maximumFractionDigits: 2
+            });
+        }
+        return formatter(rawAggregationValue, { locale, timezone, fieldDef });
+    })();
+    const buttonText = translate('Aggregate options');
+    return (_jsxs(StyledCell, { children: [_jsx("span", { children: translate(aggregationType) }), _jsx(StyledMenuButton, { className: 'aggregate-button', menu: {
+                    items: actions,
+                    mode: 'single-select'
+                }, popover: {
+                    portal: true
+                }, icon: 'arrow-micro-down', iconOnly: true, variant: 'simple', compact: true, text: buttonText, "aria-labelledby": `${uid}_label` }), _jsx(Flex, { container: true, as: StyledAggregationValue, item: { shrink: 0 }, "data-testid": TestIdConstants.aggregateDisplayValue, children: aggregationValue }), _jsx(VisuallyHiddenText, { id: `${uid}_label`, "aria-hidden": true, children: `${translate(aggregationType)} ${context.getValue()} ${buttonText}` })] }));
+}
+AggregateMenu.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any),
+    context: PropTypes.objectOf(PropTypes.any)
+};
+AggregateMenu.defaultProps = {
+    column: {},
+    context: {}
+};
+//# sourceMappingURL=AggregateMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AggregateMenu.js","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport {\n  Flex,\n  MenuButton,\n  VisuallyHiddenText,\n  createUID,\n  formatNumber\n} from '@pega/cosmos-react-core';\n\nimport useTranslate from '../Hooks/useTranslate';\n\nimport TestIdConstants from './TestIdConstants';\n\nconst StyledMenuButton = styled(MenuButton)`\n  color: ${props => props.theme.base.palette['foreground-color']};\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nconst StyledCell = styled.div`\n  display: flex;\n  text-align: right;\n  justify-content: flex-end;\n  align-items: center;\n  margin-inline-end: var(--cell-padding);\n\n  &:hover {\n    background-clip: padding-box;\n  }\n`;\n\nconst StyledAggregationValue = styled.div`\n  font-weight: ${props => props.theme.base['font-weight']['semi-bold']};\n`;\n\nexport default function AggregateMenu({ column, context }) {\n  const { aggregateOptions, locale, timezone } = column.parent.meta;\n  const { aggregationType } = column;\n  const uid = createUID();\n  const [translate] = useTranslate();\n\n  const actions = aggregateOptions[column.field.type]?.map(label => ({\n    primary: translate(label),\n    id: label,\n    onClick: () => column.applyAggregation(label),\n    selected: aggregationType === label\n  }));\n  if (!actions) return null;\n\n  const rawAggregationValue = context.getValue();\n  const formatter = column.getContext().getFormatter();\n  const fieldDef = column.getContext().getField();\n  const { fieldType } = fieldDef;\n\n  const aggregationValue = (() => {\n    if (!formatter) return rawAggregationValue;\n\n    if (aggregationType === 'Avg' && fieldType === 'Integer') {\n      return formatNumber(Number(rawAggregationValue), {\n        locale,\n        useGrouping: true,\n        maximumFractionDigits: 2\n      });\n    }\n\n    return formatter(rawAggregationValue, { locale, timezone, fieldDef });\n  })();\n\n  const buttonText = translate('Aggregate options');\n\n  return (\n    <StyledCell>\n      <span>{translate(aggregationType)}</span>\n      <StyledMenuButton\n        className='aggregate-button'\n        menu={{\n          items: actions,\n          mode: 'single-select'\n        }}\n        popover={{\n          portal: true\n        }}\n        icon='arrow-micro-down'\n        iconOnly\n        variant='simple'\n        compact\n        text={buttonText} // Text property to display tooltip on hover\n        aria-labelledby={`${uid}_label`}\n      />\n      <Flex\n        container\n        as={StyledAggregationValue}\n        item={{ shrink: 0 }}\n        data-testid={TestIdConstants.aggregateDisplayValue}\n      >\n        {aggregationValue}\n      </Flex>\n      <VisuallyHiddenText id={`${uid}_label`} aria-hidden>\n        {`${translate(aggregationType)} ${context.getValue()} ${buttonText}`}\n      </VisuallyHiddenText>\n    </StyledCell>\n  );\n}\n\nAggregateMenu.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  context: PropTypes.objectOf(PropTypes.any)\n};\n\nAggregateMenu.defaultProps = {\n  column: {},\n  context: {}\n};\n"]}

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

@@ -0,0 +1,23 @@
+declare function AggregatorCell({ column, context }: {
+    column: any;
+    context: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace AggregatorCell {
+    namespace propTypes {
+        let column: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let context: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+    }
+    namespace defaultProps {
+        let column_1: undefined;
+        export { column_1 as column };
+        let context_1: undefined;
+        export { context_1 as context };
+    }
+}
+export default AggregatorCell;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=AggregatorCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AggregatorCell.d.ts","sourceRoot":"","sources":["../../../Core/Components/AggregatorCell.jsx"],"names":[],"mappings":"AAOA;;;mDA6BC;;;;;;;;;;;;;;;;;;sBAnCqB,YAAY"}

package/lib/Core/Components/AggregatorCell.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { createClassName as cx } from '../Utils';
+import AggregateActionMenu from './AggregateMenu';
+export default function AggregatorCell({ column, context }) {
+    if (column.hidden)
+        return null;
+    const { field: { id, idHash } } = column;
+    const { classList, ...otherProps } = column.getUIProps();
+    return (_jsx("div", { ...otherProps, className: cx('aggregateCell cell', ...classList, {
+            'cell-fixed': column.frozen,
+            'align-right': column.aggregated,
+            'cell-last': column.isLastColumn
+        }), style: {
+            left: `var(--col-left-${idHash})`,
+            order: `var(--col-order-${idHash})`,
+            width: `var(--col-width-${idHash})`
+        }, "data-test-id": id, "data-testid": id, children: column.aggregated && (_jsx(Fragment, { children: _jsx(AggregateActionMenu, { column: column, context: context }) }, id)) }));
+}
+AggregatorCell.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any),
+    context: PropTypes.objectOf(PropTypes.any)
+};
+AggregatorCell.defaultProps = {
+    column: undefined,
+    context: undefined
+};
+//# sourceMappingURL=AggregatorCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AggregatorCell.js","sourceRoot":"","sources":["../../../Core/Components/AggregatorCell.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,mBAAmB,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE;IACxD,IAAI,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,EACJ,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EACtB,GAAG,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACzD,OAAO,CACL,iBACM,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,GAAG,SAAS,EAAE;YAChD,YAAY,EAAE,MAAM,CAAC,MAAM;YAC3B,aAAa,EAAE,MAAM,CAAC,UAAU;YAChC,WAAW,EAAE,MAAM,CAAC,YAAY;SACjC,CAAC,EACF,KAAK,EAAE;YACL,IAAI,EAAE,kBAAkB,MAAM,GAAG;YACjC,KAAK,EAAE,mBAAmB,MAAM,GAAG;YACnC,KAAK,EAAE,mBAAmB,MAAM,GAAG;SACpC,kBACa,EAAE,iBACH,EAAE,YAEd,MAAM,CAAC,UAAU,IAAI,CACpB,KAAC,QAAQ,cACP,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,IAD5C,EAAE,CAEN,CACZ,GACG,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;CAC3C,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC5B,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["import { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createClassName as cx } from '../Utils';\n\nimport AggregateActionMenu from './AggregateMenu';\n\nexport default function AggregatorCell({ column, context }) {\n  if (column.hidden) return null;\n  const {\n    field: { id, idHash }\n  } = column;\n  const { classList, ...otherProps } = column.getUIProps();\n  return (\n    <div\n      {...otherProps}\n      className={cx('aggregateCell cell', ...classList, {\n        'cell-fixed': column.frozen,\n        'align-right': column.aggregated,\n        'cell-last': column.isLastColumn\n      })}\n      style={{\n        left: `var(--col-left-${idHash})`,\n        order: `var(--col-order-${idHash})`,\n        width: `var(--col-width-${idHash})`\n      }}\n      data-test-id={id}\n      data-testid={id}\n    >\n      {column.aggregated && (\n        <Fragment key={id}>\n          <AggregateActionMenu column={column} context={context} />\n        </Fragment>\n      )}\n    </div>\n  );\n}\n\nAggregatorCell.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  context: PropTypes.objectOf(PropTypes.any)\n};\n\nAggregatorCell.defaultProps = {\n  column: undefined,\n  context: undefined\n};\n"]}

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

@@ -0,0 +1,13 @@
+declare function ColumnResizer({ column }: {
+    column: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ColumnResizer {
+    namespace propTypes {
+        let column: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+    }
+}
+export default ColumnResizer;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ColumnResizer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnResizer.d.ts","sourceRoot":"","sources":["../../../Core/Components/ColumnResizer.jsx"],"names":[],"mappings":"AAEA;;mDAKC;;;;;;;;;sBAPqB,YAAY"}

package/lib/Core/Components/ColumnResizer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+export default function ColumnResizer({ column }) {
+    if (!column.field.resize) {
+        return null;
+    }
+    return _jsx("div", { role: 'presentation', className: 'column-resizer', ...column.getResizerProps?.() });
+}
+ColumnResizer.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any).isRequired
+};
+//# sourceMappingURL=ColumnResizer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnResizer.js","sourceRoot":"","sources":["../../../Core/Components/ColumnResizer.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE;IAC9C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,cAAK,IAAI,EAAC,cAAc,EAAC,SAAS,EAAC,gBAAgB,KAAK,MAAM,CAAC,eAAe,EAAE,EAAE,GAAI,CAAC;AAChG,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACrD,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default function ColumnResizer({ column }) {\n  if (!column.field.resize) {\n    return null;\n  }\n  return <div role='presentation' className='column-resizer' {...column.getResizerProps?.()} />;\n}\n\nColumnResizer.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

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

@@ -0,0 +1,27 @@
+declare function ConfirmationModal({ onSubmit, onCancel, heading, description, cancelButtonLabel, submitButtonLabel }: {
+    onSubmit: any;
+    onCancel: any;
+    heading: any;
+    description: any;
+    cancelButtonLabel: any;
+    submitButtonLabel: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ConfirmationModal {
+    namespace propTypes {
+        let onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+        let onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        let heading: PropTypes.Validator<string>;
+        let description: PropTypes.Validator<string>;
+        let cancelButtonLabel: PropTypes.Validator<string>;
+        let submitButtonLabel: PropTypes.Validator<string>;
+    }
+    namespace defaultProps {
+        export function onSubmit_1(): void;
+        export { onSubmit_1 as onSubmit };
+        export function onCancel_1(): void;
+        export { onCancel_1 as onCancel };
+    }
+}
+export default ConfirmationModal;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ConfirmationModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.d.ts","sourceRoot":"","sources":["../../../Core/Components/ConfirmationModal.jsx"],"names":[],"mappings":"AAKA;;;;;;;4CAwCC;;;;;;;;;;;QAYW,mCAAQ;;QACR,mCAAQ;;;;;sBAzDE,YAAY"}

package/lib/Core/Components/ConfirmationModal.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { Text, Button, Modal, useModalContext } from '@pega/cosmos-react-core';
+export default function ConfirmationModal({ onSubmit, onCancel, heading, description, cancelButtonLabel, submitButtonLabel }) {
+    const { dismiss } = useModalContext();
+    const onSubmitAction = useCallback(() => {
+        if (onSubmit) {
+            onSubmit();
+        }
+        dismiss();
+    }, [onSubmit, dismiss]);
+    const onCancelAction = useCallback(() => {
+        if (onCancel) {
+            onCancel();
+        }
+        dismiss();
+    }, [onCancel, dismiss]);
+    const modalProps = {
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: onCancelAction, children: cancelButtonLabel }), _jsx(Button, { variant: 'primary', onClick: onSubmitAction, children: submitButtonLabel })] }))
+    };
+    return (_jsx(Modal, { heading: heading, actions: modalProps.actions, onRequestDismiss: onCancelAction, children: _jsx(Text, { children: description }) }));
+}
+ConfirmationModal.propTypes = {
+    onSubmit: PropTypes.func,
+    onCancel: PropTypes.func,
+    heading: PropTypes.string.isRequired,
+    description: PropTypes.string.isRequired,
+    cancelButtonLabel: PropTypes.string.isRequired,
+    submitButtonLabel: PropTypes.string.isRequired
+};
+ConfirmationModal.defaultProps = {
+    onSubmit: () => { },
+    onCancel: () => { }
+};
+//# sourceMappingURL=ConfirmationModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationModal.js","sourceRoot":"","sources":["../../../Core/Components/ConfirmationModal.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,iBAAiB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EAClB;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;QACb,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;QACb,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,cAAc,YAAG,iBAAiB,GAAU,EAC7D,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,YAC9C,iBAAiB,GACX,IACR,CACJ;KACF,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,YACpF,KAAC,IAAI,cAAE,WAAW,GAAQ,GACpB,CACT,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACpC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACxC,iBAAiB,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IAC9C,iBAAiB,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CAC/C,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,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 ConfirmationModal({\n  onSubmit,\n  onCancel,\n  heading,\n  description,\n  cancelButtonLabel,\n  submitButtonLabel\n}) {\n  const { dismiss } = useModalContext();\n\n  const onSubmitAction = useCallback(() => {\n    if (onSubmit) {\n      onSubmit();\n    }\n    dismiss();\n  }, [onSubmit, dismiss]);\n\n  const onCancelAction = useCallback(() => {\n    if (onCancel) {\n      onCancel();\n    }\n    dismiss();\n  }, [onCancel, dismiss]);\n\n  const modalProps = {\n    actions: (\n      <>\n        <Button onClick={onCancelAction}>{cancelButtonLabel}</Button>\n        <Button variant='primary' onClick={onSubmitAction}>\n          {submitButtonLabel}\n        </Button>\n      </>\n    )\n  };\n\n  return (\n    <Modal heading={heading} actions={modalProps.actions} onRequestDismiss={onCancelAction}>\n      <Text>{description}</Text>\n    </Modal>\n  );\n}\n\nConfirmationModal.propTypes = {\n  onSubmit: PropTypes.func,\n  onCancel: PropTypes.func,\n  heading: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  cancelButtonLabel: PropTypes.string.isRequired,\n  submitButtonLabel: PropTypes.string.isRequired\n};\n\nConfirmationModal.defaultProps = {\n  onSubmit: () => {},\n  onCancel: () => {}\n};\n"]}

package/lib/Core/Components/ContextMenu/ContextMenuContainer.d.ts

@@ -0,0 +1,17 @@
+declare function ContextMenuContainer({ view, selector }: {
+    view: any;
+    selector: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ContextMenuContainer {
+    namespace propTypes {
+        let view: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+        let selector: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+    }
+}
+export default ContextMenuContainer;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ContextMenuContainer.d.ts.map

package/lib/Core/Components/ContextMenu/ContextMenuContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/ContextMenuContainer.jsx"],"names":[],"mappings":"AA2MA;;;mDA+GC;;;;;;;;;;;;sBA1TqB,YAAY"}

package/lib/Core/Components/ContextMenu/ContextMenuContainer.js

@@ -0,0 +1,209 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
+import styled, { css } from 'styled-components';
+import { Popover, Icon, useElement } from '@pega/cosmos-react-core';
+import { getRowContextData, getScrollerElem, isFilterApplied } from 'pega-repeating-structures-core';
+import { createClassName as cx } from '../../Utils';
+import useTranslate from '../../Hooks/useTranslate';
+import useOuterEvent from '../../Hooks/UseOuterEvent';
+import useScrollAway from '../../Hooks/UseScrollAway';
+import { applyFilter, quickFilterEnabled, removeFilter } from './QuickFilter';
+import copyText from './CopyPaste';
+const StyledPopover = styled.div `
+  width: 10rem;
+`;
+const StyledContent = styled.div(({ theme }) => {
+    return css `
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding: 0.25rem;
+    border-radius: 0.156rem;
+    box-sizing: border-box;
+    cursor: pointer;
+    margin-top: 0.125rem;
+    margin-bottom: 0.125rem;
+    :hover {
+      background-color: ${theme.base.colors.blue['extra-light']};
+      box-shadow: ${theme.base.shadow['focus-inset']};
+    }
+  `;
+});
+const StyledListItem = styled.div(({ theme }) => {
+    return css `
+    button {
+      display: flex;
+      align-items: center;
+      /* stylelint-disable unit-allowed-list */
+      padding: 4px 8px;
+    }
+    .label {
+      padding-left: 14px;
+      vertical-align: text-top;
+    }
+    .disabled {
+      padding-left: 14px;
+      vertical-align: text-top;
+      opacity: ${theme.base['disabled-opacity']};
+    }
+  `;
+});
+const StyledButton = styled.button `
+  display: block;
+  text-align: start;
+  background: none;
+  border: none;
+  line-height: 1;
+  outline: none;
+  cursor: pointer;
+  color: ${props => props.theme.base.palette['foreground-color']};
+  border-radius: 0;
+`;
+const getDefaultMenuItems = (column, rowContextData, targetCell, columns, filterExpression, actionColumnFiltering, actionClearFiltering, translate) => {
+    const isFiltered = isFilterApplied(column, filterExpression);
+    return [
+        {
+            id: 'quickFilter',
+            icon: isFiltered ? 'times' : 'filter',
+            label: isFiltered ? translate('Remove filter') : translate('Filter by this'),
+            show: !!quickFilterEnabled(columns, column.field.id),
+            disabled: false,
+            onClick: () => {
+                if (isFiltered) {
+                    return removeFilter(filterExpression, targetCell, actionColumnFiltering, actionClearFiltering);
+                }
+                return applyFilter(columns, targetCell, rowContextData, filterExpression, actionColumnFiltering);
+            }
+        },
+        {
+            id: 'copyText',
+            icon: 'copy',
+            label: translate('Copy text'),
+            show: true,
+            disabled: false,
+            onClick: () => copyText(targetCell)
+        },
+        {
+            id: 'pasteText',
+            icon: 'documents',
+            label: translate('Paste text'),
+            show: true,
+            disabled: true,
+            onClick: () => { }
+        }
+    ];
+};
+const getMenuItems = (targetCell, column, rowContextData, columns, filterExpression, actionColumnFiltering, actionClearFiltering, translate) => {
+    const fieldContextOptions = column.field?.contextMenuOptions || [];
+    return [
+        ...getDefaultMenuItems(column, rowContextData, targetCell, columns, filterExpression, actionColumnFiltering, actionClearFiltering, translate),
+        ...fieldContextOptions
+    ];
+};
+const shouldOverrideContextMenu = (targetCell, columns) => {
+    if (!targetCell) {
+        return false;
+    }
+    const { colId } = targetCell.dataset;
+    const { field } = columns.find(col => col.field.id.toString() === colId?.toString()) || {};
+    return !(!field || field?.noContextMenu);
+};
+const MenuItem = ({ menu, target, column, rowContextData, onMenuItemClick }) => {
+    const { onClick = () => { }, icon, disabled = false, show = true, label } = menu;
+    if (!show) {
+        return null;
+    }
+    return (_jsx(StyledContent, { onClick: () => {
+            onMenuItemClick();
+            onClick(target, column, rowContextData);
+        }, children: _jsx(StyledListItem, { children: _jsxs(StyledButton, { children: [icon && _jsx(Icon, { name: icon }), _jsx("span", { className: cx('label', { disabled }), children: label })] }) }) }));
+};
+MenuItem.propTypes = {
+    menu: PropTypes.objectOf(PropTypes.any),
+    target: PropTypes.objectOf(PropTypes.any),
+    column: PropTypes.objectOf(PropTypes.any),
+    rowContextData: PropTypes.objectOf(PropTypes.any),
+    onMenuItemClick: PropTypes.func
+};
+MenuItem.defaultProps = {
+    menu: {},
+    target: {},
+    column: {},
+    rowContextData: {},
+    onMenuItemClick: () => { }
+};
+export default function ContextMenuContainer({ view, selector }) {
+    const { columns, data, state: { paginationOptions, filterExpression } = {}, domContainer, type: { applyFilter: applyViewFilter, clearFilter } } = view;
+    const [translate] = useTranslate();
+    const contextMenuRef = useRef({}).current;
+    const [showMenu, setShowMenu] = useState(false);
+    const [menuItems, setMenuItems] = useState([]);
+    const [popperRef, setPopperRef] = useElement();
+    const scrollerElem = useMemo(() => getScrollerElem(view), [view]);
+    useOuterEvent('mousedown', [popperRef], () => {
+        setShowMenu(false);
+    });
+    useScrollAway(popperRef, scrollerElem, () => {
+        setShowMenu(false);
+    });
+    const onMenuItemClick = useCallback(event => {
+        if (event && event.key !== 'Escape') {
+            return;
+        }
+        setShowMenu(false);
+    }, []);
+    const contextMenuListener = useCallback(e => {
+        const targetElement = selector ? e.target.closest(selector.query.toString()) : e.target;
+        if (shouldOverrideContextMenu(targetElement, columns) &&
+            // TODO: We will add "Open link in new tab" option in context menu once the custom context menu is made accessible.
+            !e.target.closest('a')) {
+            e.stopPropagation();
+            e.preventDefault();
+            contextMenuRef.targetCell = targetElement;
+            const { colId } = contextMenuRef.targetCell.dataset;
+            contextMenuRef.column = columns.find(col => col.field.id.toString() === colId?.toString());
+            contextMenuRef.rowContextData = getRowContextData(data, paginationOptions, targetElement);
+            targetElement.classList.add('selection-border', 'disable-select');
+            const options = getMenuItems(targetElement, contextMenuRef.column, contextMenuRef.rowContextData, columns, filterExpression, applyViewFilter, clearFilter, translate);
+            setShowMenu(true);
+            setMenuItems(options);
+        }
+    }, [
+        selector,
+        columns,
+        contextMenuRef.targetCell,
+        contextMenuRef.column,
+        contextMenuRef.rowContextData,
+        data,
+        paginationOptions,
+        filterExpression,
+        applyViewFilter,
+        clearFilter,
+        translate
+    ]);
+    useEffect(() => {
+        if (domContainer) {
+            domContainer.addEventListener('contextmenu', contextMenuListener);
+            domContainer.addEventListener('keydown', onMenuItemClick);
+        }
+        return () => {
+            if (domContainer) {
+                domContainer.removeEventListener('contextmenu', contextMenuListener);
+                domContainer.removeEventListener('keydown', onMenuItemClick);
+            }
+        };
+    }, [domContainer, contextMenuListener, onMenuItemClick]);
+    if (!contextMenuRef.targetCell || !showMenu || !domContainer) {
+        if (contextMenuRef.targetCell && selector) {
+            contextMenuRef.targetCell.classList.remove('selection-border', 'disable-select');
+        }
+        return null;
+    }
+    return (_jsx(Popover, { portal: true, ref: setPopperRef, target: contextMenuRef.targetCell, children: _jsx(StyledPopover, { children: menuItems.map(menu => (_jsx(MenuItem, { onMenuItemClick: onMenuItemClick, target: contextMenuRef.targetCell, column: contextMenuRef.column, rowContextData: contextMenuRef.rowContextData, menu: menu }, menu.id))) }) }));
+}
+ContextMenuContainer.propTypes = {
+    view: PropTypes.objectOf(PropTypes.any).isRequired,
+    selector: PropTypes.objectOf(PropTypes.any).isRequired
+};
+//# sourceMappingURL=ContextMenuContainer.js.map

package/lib/Core/Components/ContextMenu/ContextMenuContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContainer.js","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/ContextMenuContainer.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useRef, useState, useMemo, useEffect, useCallback } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Popover, Icon, useElement } from '@pega/cosmos-react-core';\nimport {\n  getRowContextData,\n  getScrollerElem,\n  isFilterApplied\n} from 'pega-repeating-structures-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\nimport useOuterEvent from '../../Hooks/UseOuterEvent';\nimport useScrollAway from '../../Hooks/UseScrollAway';\n\nimport { applyFilter, quickFilterEnabled, removeFilter } from './QuickFilter';\nimport copyText from './CopyPaste';\n\nconst StyledPopover = styled.div`\n  width: 10rem;\n`;\n\nconst StyledContent = styled.div(({ theme }) => {\n  return css`\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: 0.25rem;\n    border-radius: 0.156rem;\n    box-sizing: border-box;\n    cursor: pointer;\n    margin-top: 0.125rem;\n    margin-bottom: 0.125rem;\n    :hover {\n      background-color: ${theme.base.colors.blue['extra-light']};\n      box-shadow: ${theme.base.shadow['focus-inset']};\n    }\n  `;\n});\n\nconst StyledListItem = styled.div(({ theme }) => {\n  return css`\n    button {\n      display: flex;\n      align-items: center;\n      /* stylelint-disable unit-allowed-list */\n      padding: 4px 8px;\n    }\n    .label {\n      padding-left: 14px;\n      vertical-align: text-top;\n    }\n    .disabled {\n      padding-left: 14px;\n      vertical-align: text-top;\n      opacity: ${theme.base['disabled-opacity']};\n    }\n  `;\n});\n\nconst StyledButton = styled.button`\n  display: block;\n  text-align: start;\n  background: none;\n  border: none;\n  line-height: 1;\n  outline: none;\n  cursor: pointer;\n  color: ${props => props.theme.base.palette['foreground-color']};\n  border-radius: 0;\n`;\n\nconst getDefaultMenuItems = (\n  column,\n  rowContextData,\n  targetCell,\n  columns,\n  filterExpression,\n  actionColumnFiltering,\n  actionClearFiltering,\n  translate\n) => {\n  const isFiltered = isFilterApplied(column, filterExpression);\n  return [\n    {\n      id: 'quickFilter',\n      icon: isFiltered ? 'times' : 'filter',\n      label: isFiltered ? translate('Remove filter') : translate('Filter by this'),\n      show: !!quickFilterEnabled(columns, column.field.id),\n      disabled: false,\n      onClick: () => {\n        if (isFiltered) {\n          return removeFilter(\n            filterExpression,\n            targetCell,\n            actionColumnFiltering,\n            actionClearFiltering\n          );\n        }\n        return applyFilter(\n          columns,\n          targetCell,\n          rowContextData,\n          filterExpression,\n          actionColumnFiltering\n        );\n      }\n    },\n    {\n      id: 'copyText',\n      icon: 'copy',\n      label: translate('Copy text'),\n      show: true,\n      disabled: false,\n      onClick: () => copyText(targetCell)\n    },\n    {\n      id: 'pasteText',\n      icon: 'documents',\n      label: translate('Paste text'),\n      show: true,\n      disabled: true,\n      onClick: () => {}\n    }\n  ];\n};\n\nconst getMenuItems = (\n  targetCell,\n  column,\n  rowContextData,\n  columns,\n  filterExpression,\n  actionColumnFiltering,\n  actionClearFiltering,\n  translate\n) => {\n  const fieldContextOptions = column.field?.contextMenuOptions || [];\n  return [\n    ...getDefaultMenuItems(\n      column,\n      rowContextData,\n      targetCell,\n      columns,\n      filterExpression,\n      actionColumnFiltering,\n      actionClearFiltering,\n      translate\n    ),\n    ...fieldContextOptions\n  ];\n};\n\nconst shouldOverrideContextMenu = (targetCell, columns) => {\n  if (!targetCell) {\n    return false;\n  }\n  const { colId } = targetCell.dataset;\n\n  const { field } = columns.find(col => col.field.id.toString() === colId?.toString()) || {};\n  return !(!field || field?.noContextMenu);\n};\n\nconst MenuItem = ({ menu, target, column, rowContextData, onMenuItemClick }) => {\n  const { onClick = () => {}, icon, disabled = false, show = true, label } = menu;\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <StyledContent\n      onClick={() => {\n        onMenuItemClick();\n        onClick(target, column, rowContextData);\n      }}\n    >\n      <StyledListItem>\n        <StyledButton>\n          {icon && <Icon name={icon} />}\n          <span className={cx('label', { disabled })}>{label}</span>\n        </StyledButton>\n      </StyledListItem>\n    </StyledContent>\n  );\n};\n\nMenuItem.propTypes = {\n  menu: PropTypes.objectOf(PropTypes.any),\n  target: PropTypes.objectOf(PropTypes.any),\n  column: PropTypes.objectOf(PropTypes.any),\n  rowContextData: PropTypes.objectOf(PropTypes.any),\n  onMenuItemClick: PropTypes.func\n};\n\nMenuItem.defaultProps = {\n  menu: {},\n  target: {},\n  column: {},\n  rowContextData: {},\n  onMenuItemClick: () => {}\n};\n\nexport default function ContextMenuContainer({ view, selector }) {\n  const {\n    columns,\n    data,\n    state: { paginationOptions, filterExpression } = {},\n    domContainer,\n    type: { applyFilter: applyViewFilter, clearFilter }\n  } = view;\n  const [translate] = useTranslate();\n  const contextMenuRef = useRef({}).current;\n  const [showMenu, setShowMenu] = useState(false);\n  const [menuItems, setMenuItems] = useState([]);\n  const [popperRef, setPopperRef] = useElement();\n  const scrollerElem = useMemo(() => getScrollerElem(view), [view]);\n\n  useOuterEvent('mousedown', [popperRef], () => {\n    setShowMenu(false);\n  });\n\n  useScrollAway(popperRef, scrollerElem, () => {\n    setShowMenu(false);\n  });\n\n  const onMenuItemClick = useCallback(event => {\n    if (event && event.key !== 'Escape') {\n      return;\n    }\n    setShowMenu(false);\n  }, []);\n\n  const contextMenuListener = useCallback(\n    e => {\n      const targetElement = selector ? e.target.closest(selector.query.toString()) : e.target;\n      if (\n        shouldOverrideContextMenu(targetElement, columns) &&\n        // TODO: We will add \"Open link in new tab\" option in context menu once the custom context menu is made accessible.\n        !e.target.closest('a')\n      ) {\n        e.stopPropagation();\n        e.preventDefault();\n        contextMenuRef.targetCell = targetElement;\n        const { colId } = contextMenuRef.targetCell.dataset;\n        contextMenuRef.column = columns.find(col => col.field.id.toString() === colId?.toString());\n        contextMenuRef.rowContextData = getRowContextData(data, paginationOptions, targetElement);\n        targetElement.classList.add('selection-border', 'disable-select');\n        const options = getMenuItems(\n          targetElement,\n          contextMenuRef.column,\n          contextMenuRef.rowContextData,\n          columns,\n          filterExpression,\n          applyViewFilter,\n          clearFilter,\n          translate\n        );\n        setShowMenu(true);\n        setMenuItems(options);\n      }\n    },\n\n    [\n      selector,\n      columns,\n      contextMenuRef.targetCell,\n      contextMenuRef.column,\n      contextMenuRef.rowContextData,\n      data,\n      paginationOptions,\n      filterExpression,\n      applyViewFilter,\n      clearFilter,\n      translate\n    ]\n  );\n\n  useEffect(() => {\n    if (domContainer) {\n      domContainer.addEventListener('contextmenu', contextMenuListener);\n      domContainer.addEventListener('keydown', onMenuItemClick);\n    }\n    return () => {\n      if (domContainer) {\n        domContainer.removeEventListener('contextmenu', contextMenuListener);\n        domContainer.removeEventListener('keydown', onMenuItemClick);\n      }\n    };\n  }, [domContainer, contextMenuListener, onMenuItemClick]);\n\n  if (!contextMenuRef.targetCell || !showMenu || !domContainer) {\n    if (contextMenuRef.targetCell && selector) {\n      contextMenuRef.targetCell.classList.remove('selection-border', 'disable-select');\n    }\n    return null;\n  }\n\n  return (\n    <Popover portal ref={setPopperRef} target={contextMenuRef.targetCell}>\n      <StyledPopover>\n        {menuItems.map(menu => (\n          <MenuItem\n            key={menu.id}\n            onMenuItemClick={onMenuItemClick}\n            target={contextMenuRef.targetCell}\n            column={contextMenuRef.column}\n            rowContextData={contextMenuRef.rowContextData}\n            menu={menu}\n          />\n        ))}\n      </StyledPopover>\n    </Popover>\n  );\n}\n\nContextMenuContainer.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  selector: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

package/lib/Core/Components/ContextMenu/CopyPaste.d.ts

@@ -0,0 +1,3 @@
+export default copyText;
+declare function copyText(targetCell: any): void;
+//# sourceMappingURL=CopyPaste.d.ts.map

package/lib/Core/Components/ContextMenu/CopyPaste.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyPaste.d.ts","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/CopyPaste.js"],"names":[],"mappings":";AAAA,iDAkBC"}

package/lib/Core/Components/ContextMenu/CopyPaste.js

@@ -0,0 +1,22 @@
+const copyText = targetCell => {
+    if (window.isSecureContext) {
+        // executing below command to copy contents in the clipboard
+        navigator.clipboard.writeText(targetCell.innerText).then(() => {
+            // disabling text selection
+            targetCell.classList.add('disable-select');
+        });
+    }
+    else {
+        // for insecure connection
+        const textArea = document.createElement('textarea');
+        textArea.value = targetCell.innerText;
+        textArea.style.position = 'fixed';
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textArea);
+    }
+};
+export default copyText;
+//# sourceMappingURL=CopyPaste.js.map

package/lib/Core/Components/ContextMenu/CopyPaste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyPaste.js","sourceRoot":"","sources":["../../../../Core/Components/ContextMenu/CopyPaste.js"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IAC5B,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;QAC3B,4DAA4D;QAC5D,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5D,2BAA2B;YAC3B,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,0BAA0B;QAC1B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACpD,QAAQ,CAAC,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC;QACtC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;QAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACpC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC7B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["const copyText = targetCell => {\n  if (window.isSecureContext) {\n    // executing below command to copy contents in the clipboard\n    navigator.clipboard.writeText(targetCell.innerText).then(() => {\n      // disabling text selection\n      targetCell.classList.add('disable-select');\n    });\n  } else {\n    // for insecure connection\n    const textArea = document.createElement('textarea');\n    textArea.value = targetCell.innerText;\n    textArea.style.position = 'fixed';\n    document.body.appendChild(textArea);\n    textArea.focus();\n    textArea.select();\n    document.execCommand('copy');\n    document.body.removeChild(textArea);\n  }\n};\n\nexport default copyText;\n"]}