@pega/lists-react 8.0.0-build.27.14

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

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

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

@@ -0,0 +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='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}>Cancel</Button>\n          <div>\n            <Button variant='primary' onClick={onSubmit}>\n              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"]}

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

@@ -0,0 +1,16 @@
+declare function PersonalizationDeleteConfirmation(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace PersonalizationDeleteConfirmation {
+    namespace propTypes {
+        let currentActiveViewName: PropTypes.Requireable<string>;
+        let onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let currentActiveViewName_1: string;
+        export { currentActiveViewName_1 as currentActiveViewName };
+        export function onSubmit_1(): void;
+        export { onSubmit_1 as onSubmit };
+    }
+}
+export default PersonalizationDeleteConfirmation;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=PersonalizationDeleteConfirmation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizationDeleteConfirmation.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationDeleteConfirmation.jsx"],"names":[],"mappings":"AAKA,wGA0BC;;;;;;;;;QASW,mCAAQ;;;;;sBAvCE,YAAY"}

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

@@ -0,0 +1,26 @@
+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 PersonalizationDeleteConfirmation(props) {
+    const { onSubmit, currentActiveViewName, translate } = props;
+    const { dismiss } = useModalContext();
+    const onSubmitAction = useCallback(() => {
+        onSubmit();
+        dismiss();
+    }, [onSubmit, dismiss]);
+    const modalProps = {
+        heading: translate('Delete view'),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: dismiss, children: "No" }), _jsx(Button, { variant: 'primary', onClick: onSubmitAction, children: "Yes" })] }))
+    };
+    return (_jsx(Modal, { heading: modalProps.heading, actions: modalProps.actions, children: _jsx(Text, { children: `${translate('Are you sure you want to delete view')} ${currentActiveViewName}?` }) }));
+}
+PersonalizationDeleteConfirmation.propTypes = {
+    currentActiveViewName: PropTypes.string,
+    onSubmit: PropTypes.func
+};
+PersonalizationDeleteConfirmation.defaultProps = {
+    currentActiveViewName: '',
+    onSubmit: () => { }
+};
+//# sourceMappingURL=PersonalizationDeleteConfirmation.js.map

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

@@ -0,0 +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,mBAAa,EACrC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,oBAExC,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}>No</Button>\n        <Button variant='primary' onClick={onSubmitAction}>\n          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"]}

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

@@ -0,0 +1,25 @@
+declare function PersonalizationSelector({ view }: {
+    view: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace PersonalizationSelector {
+    namespace propTypes {
+        let view: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+    }
+}
+export default PersonalizationSelector;
+export function usePersonalizationSelector({ personalization, nonPersonalizationViewName, actionPersonalizationSetActive, name, defaultPresetId }: {
+    personalization: any;
+    nonPersonalizationViewName: any;
+    actionPersonalizationSetActive: any;
+    name: any;
+    defaultPresetId: any;
+}): {
+    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

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

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

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Menu, useModalManager } from '@pega/cosmos-react-core';
+import useTranslate from '../../Hooks/useTranslate';
+import PersonalizationUnsavedWarning from './PersonalizationUnsavedWarning';
+const personalisationClicked = (option, personalization, actionPersonalizationSetActive, activePersonalizationName, create, translate) => {
+    if (option.id === personalization.active) {
+        return;
+    }
+    if (!personalization?.dirty) {
+        actionPersonalizationSetActive(option);
+        return;
+    }
+    create(PersonalizationUnsavedWarning, {
+        onSubmit: () => {
+            actionPersonalizationSetActive(option);
+        },
+        activePersonalizationName,
+        translate
+    }, { alert: true });
+};
+export const usePersonalizationSelector = ({ personalization, nonPersonalizationViewName, actionPersonalizationSetActive, name, defaultPresetId }) => {
+    const [translate] = useTranslate();
+    const { create } = useModalManager();
+    const personalizations = personalization?.allPersonalizations || {};
+    const activePersonalization = personalization?.active || defaultPresetId;
+    let activePersonalizationName = personalization?.allPersonalizations?.[activePersonalization]?.name;
+    if (activePersonalization === defaultPresetId) {
+        activePersonalizationName = name ?? nonPersonalizationViewName;
+    }
+    const dependentPresetId = personalizations?.APP_DEFAULT?.personalizationState?.presetId;
+    const defaultPersonalization = personalization?.defaultPersonalization;
+    const { [dependentPresetId]: _, ...filteredPersonalizations } = personalizations ?? {};
+    const options = Object.keys(filteredPersonalizations).map(key => ({
+        id: key,
+        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 {
+            return option.name;
+        }
+    };
+    const actions = options.reduce((acc, option) => {
+        const obj = {
+            id: option.id,
+            primary: primaryName(option),
+            text: option.name,
+            selected: option.id === activePersonalization,
+            onClick: () => {
+                personalisationClicked(option, personalization, actionPersonalizationSetActive, activePersonalizationName, create, translate);
+            }
+        };
+        if (option.isPreset)
+            acc[0].push(obj);
+        else
+            acc[1].push(obj);
+        return acc;
+    }, [[], []]);
+    return { actions, activePersonalizationName, defaultId, appDefaultId };
+};
+export default function PersonalizationSelector({ view }) {
+    const { state: { personalization }, meta: { nonPersonalizationViewName } } = view;
+    const { actions } = usePersonalizationSelector({
+        personalization,
+        nonPersonalizationViewName,
+        actionPersonalizationSetActive: view.type.applyActivePersonalization
+    });
+    return _jsx(Menu, { className: 'action-menu', items: actions, mode: 'single-select' });
+}
+PersonalizationSelector.propTypes = {
+    view: PropTypes.objectOf(PropTypes.any).isRequired
+};
+//# sourceMappingURL=PersonalizationSelector.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,16 @@
+declare function PersonalizationWarning(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace PersonalizationWarning {
+    namespace propTypes {
+        let activePersonalizationName: PropTypes.Requireable<string>;
+        let onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        let activePersonalizationName_1: string;
+        export { activePersonalizationName_1 as activePersonalizationName };
+        export function onSubmit_1(): void;
+        export { onSubmit_1 as onSubmit };
+    }
+}
+export default PersonalizationWarning;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=PersonalizationUnsavedWarning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizationUnsavedWarning.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationUnsavedWarning.jsx"],"names":[],"mappings":"AAKA,6FA6BC;;;;;;;;;QASW,mCAAQ;;;;;sBA1CE,YAAY"}

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

@@ -0,0 +1,26 @@
+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 PersonalizationWarning(props) {
+    const { onSubmit, activePersonalizationName, translate } = props;
+    const { dismiss } = useModalContext();
+    const onSubmitAction = useCallback(() => {
+        onSubmit();
+        dismiss();
+    }, [onSubmit, dismiss]);
+    const modalProps = {
+        heading: 'Proceed without saving?',
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: dismiss, children: translate('Cancel') }), _jsx(Button, { variant: 'primary', onClick: onSubmitAction, children: translate('Ok') })] }))
+    };
+    return (_jsx(Modal, { heading: modalProps.heading, actions: modalProps.actions, children: _jsxs(Text, { children: [`'${activePersonalizationName}'`, ' ', translate('has unsaved changes, do you want to discard and proceed?')] }) }));
+}
+PersonalizationWarning.propTypes = {
+    activePersonalizationName: PropTypes.string,
+    onSubmit: PropTypes.func
+};
+PersonalizationWarning.defaultProps = {
+    activePersonalizationName: '',
+    onSubmit: () => { }
+};
+//# sourceMappingURL=PersonalizationUnsavedWarning.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalizationUnsavedWarning.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationUnsavedWarning.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,sBAAsB,CAAC,KAAK;IAClD,MAAM,EAAE,QAAQ,EAAE,yBAAyB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACjE,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,yBAAyB;QAClC,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,SAAS,CAAC,QAAQ,CAAC,GAAU,EACxD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,YAC9C,SAAS,CAAC,IAAI,CAAC,GACT,IACR,CACJ;KACF,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,YAC7D,MAAC,IAAI,eACF,IAAI,yBAAyB,GAAG,EAAE,GAAG,EACrC,SAAS,CAAC,0DAA0D,CAAC,IACjE,GACD,CACT,CAAC;AACJ,CAAC;AAED,sBAAsB,CAAC,SAAS,GAAG;IACjC,yBAAyB,EAAE,SAAS,CAAC,MAAM;IAC3C,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG;IACpC,yBAAyB,EAAE,EAAE;IAC7B,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 PersonalizationWarning(props) {\n  const { onSubmit, activePersonalizationName, translate } = props;\n  const { dismiss } = useModalContext();\n\n  const onSubmitAction = useCallback(() => {\n    onSubmit();\n    dismiss();\n  }, [onSubmit, dismiss]);\n\n  const modalProps = {\n    heading: 'Proceed without saving?',\n    actions: (\n      <>\n        <Button onClick={dismiss}>{translate('Cancel')}</Button>\n        <Button variant='primary' onClick={onSubmitAction}>\n          {translate('Ok')}\n        </Button>\n      </>\n    )\n  };\n\n  return (\n    <Modal heading={modalProps.heading} actions={modalProps.actions}>\n      <Text>\n        {`'${activePersonalizationName}'`}{' '}\n        {translate('has unsaved changes, do you want to discard and proceed?')}\n      </Text>\n    </Modal>\n  );\n}\n\nPersonalizationWarning.propTypes = {\n  activePersonalizationName: PropTypes.string,\n  onSubmit: PropTypes.func\n};\n\nPersonalizationWarning.defaultProps = {\n  activePersonalizationName: '',\n  onSubmit: () => {}\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeight.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/RowHeight.jsx"],"names":[],"mappings":"AAIA;;4CAaC;;;;;;;;;sBAjBqB,YAAY"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Menu } from '@pega/cosmos-react-core';
+export default function RowHeight({ view }) {
+    const actions = [
+        view.meta.displayDensity.map(option => ({
+            primary: option.name,
+            selected: view.state.selectedHeightOption === option.id,
+            id: option.id,
+            onClick: () => {
+                view.type.applyRowHeight(option.id);
+            }
+        }))
+    ];
+    return _jsx(Menu, { items: actions.flat(), mode: 'single-select' });
+}
+RowHeight.propTypes = {
+    view: PropTypes.objectOf(PropTypes.any).isRequired
+};
+//# sourceMappingURL=RowHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RowHeight.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/RowHeight.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE;IACxC,MAAM,OAAO,GAAG;QACd,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,MAAM,CAAC,IAAI;YACpB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,KAAK,MAAM,CAAC,EAAE;YACvD,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACtC,CAAC;SACF,CAAC,CAAC;KACJ,CAAC;IAEF,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,eAAe,GAAG,CAAC;AAC9D,CAAC;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Menu } from '@pega/cosmos-react-core';\n\nexport default function RowHeight({ view }) {\n  const actions = [\n    view.meta.displayDensity.map(option => ({\n      primary: option.name,\n      selected: view.state.selectedHeightOption === option.id,\n      id: option.id,\n      onClick: () => {\n        view.type.applyRowHeight(option.id);\n      }\n    }))\n  ];\n\n  return <Menu items={actions.flat()} mode='single-select' />;\n}\n\nRowHeight.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

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

@@ -0,0 +1,15 @@
+declare function SelectAllCheckbox({ selectAllRows, getExecutionContext, getDisableSelection }: {
+    selectAllRows: any;
+    getExecutionContext: any;
+    getDisableSelection: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace SelectAllCheckbox {
+    namespace propTypes {
+        let getExecutionContext: PropTypes.Validator<(...args: any[]) => any>;
+        let selectAllRows: PropTypes.Validator<(...args: any[]) => any>;
+        let getDisableSelection: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+export default SelectAllCheckbox;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=SelectAllCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":"AAkBA;;;;mDAsCC;;;;;;;;;sBAvDqB,YAAY"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import { Checkbox } from '@pega/cosmos-react-core';
+import { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';
+import useTranslate from '../../Hooks/useTranslate';
+const StyledDivWrapper = styled.div `
+  height: 100%;
+  > div {
+    height: 100%;
+  }
+  ${StyledPseudoRadioCheck} {
+    margin-inline-end: 0;
+  }
+`;
+export default function SelectAllCheckbox({ selectAllRows, getExecutionContext, getDisableSelection }) {
+    const [translate] = useTranslate();
+    const { selectedRecordsCount, filteredRecordCount, getState, getMeta } = getExecutionContext();
+    if (!getState().showSelectAllCheckbox) {
+        return null;
+    }
+    const { disableSelectionOnLoad } = getMeta();
+    const disableSelection = getDisableSelection() ?? disableSelectionOnLoad;
+    const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== filteredRecordCount;
+    const isChecked = (selectedRecordsCount > 0 && selectedRecordsCount === filteredRecordCount) || isIndeterminate;
+    const handleChange = event => {
+        if (disableSelection) {
+            return;
+        }
+        const { checked } = event.target;
+        selectAllRows(checked);
+    };
+    return (_jsx(StyledDivWrapper, { item: true, children: _jsx(Checkbox, { className: 'select-all-checkbox', checked: isChecked, onChange: handleChange, indeterminate: isIndeterminate, "aria-label": translate('Select all'), disabled: disableSelection }) }));
+}
+SelectAllCheckbox.propTypes = {
+    getExecutionContext: PropTypes.func.isRequired,
+    selectAllRows: PropTypes.func.isRequired,
+    getDisableSelection: PropTypes.func
+};
+//# sourceMappingURL=SelectAllCheckbox.js.map

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

@@ -0,0 +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;AAEnC,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,oBAAoB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC/F,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,mBAAmB,CAAC;IAEjG,MAAM,SAAS,GACb,CAAC,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,mBAAmB,CAAC,IAAI,eAAe,CAAC;IAEhG,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,IAAI,gBAAgB,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzB,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';\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 { selectedRecordsCount, filteredRecordCount, 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 !== filteredRecordCount;\n\n  const isChecked =\n    (selectedRecordsCount > 0 && selectedRecordsCount === filteredRecordCount) || isIndeterminate;\n\n  const handleChange = event => {\n    if (disableSelection) {\n      return;\n    }\n    const { checked } = event.target;\n    selectAllRows(checked);\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/Sort.d.ts

@@ -0,0 +1,15 @@
+declare function DefaultSortColumn({ getSortProperties }: {
+    getSortProperties: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DefaultSortColumn {
+    namespace propTypes {
+        let getSortProperties: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    namespace defaultProps {
+        export function getSortProperties_1(): undefined;
+        export { getSortProperties_1 as getSortProperties };
+    }
+}
+export default DefaultSortColumn;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=Sort.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sort.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/Sort.jsx"],"names":[],"mappings":"AAMA;;mDAgBC;;;;;;QAOoB,iDAAe;;;;;sBA7Bd,YAAY"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Icon } from '@pega/cosmos-react-core';
+import { createClassName as cx } from '../../Utils';
+export default function DefaultSortColumn({ getSortProperties }) {
+    const { sortSequence, sortOrder } = getSortProperties() || {};
+    if (sortOrder) {
+        return (_jsxs("div", { className: 'sort-info-container', children: [_jsx(Icon, { name: cx({
+                        'arrow-up': sortOrder === 'asc',
+                        'arrow-down': sortOrder === 'desc'
+                    }) }), _jsx("span", { className: 'sort-sequence', children: sortSequence })] }));
+    }
+    return null;
+}
+DefaultSortColumn.propTypes = {
+    getSortProperties: PropTypes.func
+};
+DefaultSortColumn.defaultProps = {
+    getSortProperties: () => undefined
+};
+//# sourceMappingURL=Sort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sort.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/Sort.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,iBAAiB,EAAE;IAC7D,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAC;IAC9D,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,IAAI,IACH,IAAI,EAAE,EAAE,CAAC;wBACP,UAAU,EAAE,SAAS,KAAK,KAAK;wBAC/B,YAAY,EAAE,SAAS,KAAK,MAAM;qBACnC,CAAC,GACF,EACF,eAAM,SAAS,EAAC,eAAe,YAAE,YAAY,GAAQ,IACjD,CACP,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,iBAAiB,EAAE,SAAS,CAAC,IAAI;CAClC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAS;CACnC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx } from '../../Utils';\n\nexport default function DefaultSortColumn({ getSortProperties }) {\n  const { sortSequence, sortOrder } = getSortProperties() || {};\n  if (sortOrder) {\n    return (\n      <div className='sort-info-container'>\n        <Icon\n          name={cx({\n            'arrow-up': sortOrder === 'asc',\n            'arrow-down': sortOrder === 'desc'\n          })}\n        />\n        <span className='sort-sequence'>{sortSequence}</span>\n      </div>\n    );\n  }\n  return null;\n}\n\nDefaultSortColumn.propTypes = {\n  getSortProperties: PropTypes.func\n};\n\nDefaultSortColumn.defaultProps = {\n  getSortProperties: () => undefined\n};\n"]}

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

@@ -0,0 +1,96 @@
+export function defaultRenderer(Comp: any, props: any): import("react/jsx-runtime").JSX.Element | null;
+export namespace defaultRenderer {
+    namespace propTypes {
+        let itemKey: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    }
+    namespace defaultProps {
+        let itemKey_1: string;
+        export { itemKey_1 as itemKey };
+    }
+}
+export function extRenderer(Comp: any, props: any): import("react/jsx-runtime").JSX.Element | null;
+export namespace extRenderer {
+    export namespace propTypes_1 {
+        let itemKey_2: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        export { itemKey_2 as itemKey };
+    }
+    export { propTypes_1 as propTypes };
+    export namespace defaultProps_1 {
+        let itemKey_3: string;
+        export { itemKey_3 as itemKey };
+    }
+    export { defaultProps_1 as defaultProps };
+}
+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<{
+        ({ getRsMeta, getExecutionContext, getDisableSelection }: {
+            getRsMeta: any;
+            getExecutionContext: any;
+            getDisableSelection: any;
+        }): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            getExecutionContext: PropTypes.Validator<(...args: any[]) => any>;
+            getRsMeta: PropTypes.Validator<(...args: any[]) => any>;
+            getDisableSelection: PropTypes.Validator<(...args: any[]) => any>;
+        };
+    }>;
+    RowError: typeof import("./CellRenderers/RowError").default;
+    'Text-Default': typeof import("./CellRenderers/DefaultTextRenderer").default;
+    comma: typeof import("./CellRenderers/ColumnMergeTemplates/Comma").default;
+    space: typeof import("./CellRenderers/ColumnMergeTemplates/Space").default;
+    multiline: typeof import("./CellRenderers/ColumnMergeTemplates/MultiLine").default;
+    forwardslash: typeof import("./CellRenderers/ColumnMergeTemplates/ForwardSlash").default;
+    Email: (cellProps: any) => import("react/jsx-runtime").JSX.Element;
+    URL: (cellProps: any) => import("react/jsx-runtime").JSX.Element;
+    Phone: (cellProps: any) => import("react/jsx-runtime").JSX.Element;
+    cellRenderer: {
+        ({ getFormattedValue }: {
+            getFormattedValue: any;
+        }): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            getFormattedValue: PropTypes.Requireable<(...args: any[]) => any>;
+        };
+        defaultProps: {
+            getFormattedValue: () => void;
+        };
+    };
+    customCellRenderer: typeof import("./CellRenderers/CustomCell").default;
+    RichText: typeof import("./CellRenderers/RichText").default;
+    CheckCross: typeof import("./CellRenderers/CheckCross").default;
+    sortRenderer: typeof sort;
+    filterRenderer: typeof Filter;
+    headerCellRenderer: typeof HeaderCell;
+    emptyContainerRenderer: () => import("react/jsx-runtime").JSX.Element;
+    loadingIndicator: typeof LoadingIndicator;
+    rowHeightRenderer: typeof RowHeightRenderer;
+    personalizationSelectorRenderer: typeof personalizationSelectorRenderer;
+    personalizationCreateEditRenderer: typeof personalizationCreateEditRenderer;
+    badgeRenderer: import("react").MemoExoticComponent<{
+        ({ value }: {
+            value: any;
+        }): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            value: PropTypes.Requireable<number>;
+        };
+        defaultProps: {
+            value: number;
+        };
+    }>;
+    CardItemRenderer: import("react").NamedExoticComponent<object>;
+    selectAllCheckboxRenderer: typeof SelectAllCheckbox;
+};
+export default _default;
+import PropTypes from 'prop-types';
+import sort from './Sort';
+import Filter from './Filter';
+import HeaderCell from './HeaderCell';
+import LoadingIndicator from './LoadingIndicator';
+import RowHeightRenderer from './RowHeight';
+import personalizationSelectorRenderer from './PersonalizationSelector';
+import personalizationCreateEditRenderer from './PersonalizationCreateEdit';
+import SelectAllCheckbox from './SelectAllCheckbox';
+//# sourceMappingURL=index.d.ts.map