@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Components/Toolbar/DebugInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugInfo.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/DebugInfo.jsx"],"names":[],"mappings":"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","sourcesContent":["import { memo, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { Card, CardContent, CardHeader, FieldValueList, Text } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\nimport { debugInfoFields } from '../../constants';\n\nconst fieldsConfiguration = [\n  { field: debugInfoFields.className, defaultLabel: 'Class' },\n  { field: debugInfoFields.dataPage, defaultLabel: 'Data page' },\n  { field: debugInfoFields.dataSource, defaultLabel: 'Data source' },\n  { field: debugInfoFields.timeTaken, defaultLabel: 'Time taken' },\n  { field: debugInfoFields.insightId, defaultLabel: 'Insight ID', hideIfNotAvailable: true }\n];\n\nconst StyledDebugInfo = styled.div(() => {\n  return css`\n    .debug-record {\n      /* stylelint-disable unit-allowed-list */\n      padding: 5px;\n    }\n  `;\n});\n\nfunction DebugInfo({ view }) {\n  const [translate] = useTranslate();\n  const debugInfoList = view.debugInfo.length === 0 ? [{}] : view.debugInfo;\n  const headingRef = useRef(null);\n\n  useEffect(() => {\n    if (headingRef.current) headingRef.current.focus();\n  }, []);\n\n  const formattedData = debugInfoList.map(debugInfoEntry =>\n    fieldsConfiguration.reduce((result, { field, defaultLabel, hideIfNotAvailable }) => {\n      if (hideIfNotAvailable && !debugInfoEntry[field]) {\n        return result;\n      }\n      result.push({\n        id: field,\n        name: translate(defaultLabel),\n        value: debugInfoEntry[field] ? (\n          <Text variant='h5' data-testid={`field-${field}`}>\n            {debugInfoEntry[field]}\n          </Text>\n        ) : undefined\n      });\n      return result;\n    }, [])\n  );\n\n  return (\n    <StyledDebugInfo>\n      <Card>\n        <CardHeader>\n          <Text tabIndex={0} ref={headingRef} variant='h2'>\n            {translate('Query info')}\n          </Text>\n        </CardHeader>\n        <CardContent>\n          {formattedData.map((debugInfoEntry, index) => (\n            <FieldValueList\n              className='debug-record'\n              variant='inline'\n              // eslint-disable-next-line react/no-array-index-key\n              key={index}\n              fields={debugInfoEntry}\n            />\n          ))}\n        </CardContent>\n      </Card>\n    </StyledDebugInfo>\n  );\n}\n\nDebugInfo.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nexport default memo(DebugInfo);\n"]}

package/lib/Core/Components/Toolbar/FieldSelector.d.ts

@@ -0,0 +1,19 @@
+export default FieldSelector;
+declare function FieldSelector(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace FieldSelector {
+    namespace defaultProps {
+        let value: undefined;
+        let disabled: boolean;
+    }
+    namespace propTypes {
+        let value_1: PropTypes.Requireable<string>;
+        export { value_1 as value };
+        export let columns: PropTypes.Validator<any[]>;
+        export let onChange: PropTypes.Validator<(...args: any[]) => any>;
+        let disabled_1: PropTypes.Requireable<boolean>;
+        export { disabled_1 as disabled };
+        export let fieldProp: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=FieldSelector.d.ts.map

package/lib/Core/Components/Toolbar/FieldSelector.d.ts.map

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

package/lib/Core/Components/Toolbar/FieldSelector.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import PropTypes from 'prop-types';
+import { ComboBox, menuHelpers } from '@pega/cosmos-react-core';
+import getMenuItemsFromColumns from './utils/utils';
+function FieldSelector(props) {
+    const { value, onChange, columns, disabled, fieldProp } = props;
+    const items = useMemo(() => getMenuItemsFromColumns(columns, fieldProp, value), [columns, value, fieldProp]);
+    const selected = useMemo(() => {
+        const selectedItem = menuHelpers.getItem(items, value);
+        return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;
+    }, [items, value]);
+    const [filterValue, setFilterValue] = useState(undefined); // NOTE: `undefined` is needed to show the current selection
+    const filterRegex = useMemo(() => {
+        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
+        // Literal string match from input, not user regex input.
+        return filterValue
+            ? new RegExp(filterValue.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'), 'i')
+            : undefined;
+    }, [filterValue]);
+    const filteredItems = useMemo(() => {
+        return filterRegex
+            ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))
+            : items;
+    }, [filterRegex, items]);
+    return (_jsx(ComboBox, { label: 'field', labelHidden: true, disabled: disabled, placeholder: 'Select field', mode: 'single-select', value: filterValue, testId: 'FieldSelector', onChange: ev => {
+            setFilterValue(ev.target.value);
+        }, selected: { items: selected }, menu: {
+            items: filteredItems,
+            mode: 'single-select',
+            accent: filterRegex,
+            emptyText: 'No items',
+            onItemClick: id => {
+                if (disabled)
+                    return;
+                onChange(id);
+                setFilterValue(undefined); // To show the selected value in the input
+            }
+        }, onDropdownButtonClick: () => { } }));
+}
+FieldSelector.defaultProps = {
+    value: undefined,
+    disabled: false
+};
+FieldSelector.propTypes = {
+    value: PropTypes.string,
+    columns: PropTypes.arrayOf(PropTypes.any).isRequired,
+    onChange: PropTypes.func.isRequired,
+    disabled: PropTypes.bool,
+    fieldProp: PropTypes.string
+};
+export default FieldSelector;
+//# sourceMappingURL=FieldSelector.js.map

package/lib/Core/Components/Toolbar/FieldSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSelector.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/FieldSelector.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ComboBox, menuHelpers } from '@pega/cosmos-react-core';\n\nimport getMenuItemsFromColumns from './utils/utils';\n\nfunction FieldSelector(props) {\n  const { value, onChange, columns, disabled, fieldProp } = props;\n\n  const items = useMemo(\n    () => getMenuItemsFromColumns(columns, fieldProp, value),\n    [columns, value, fieldProp]\n  );\n  const selected = useMemo(() => {\n    const selectedItem = menuHelpers.getItem(items, value);\n    return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;\n  }, [items, value]);\n\n  const [filterValue, setFilterValue] = useState(undefined); // NOTE: `undefined` is needed to show the current selection\n  const filterRegex = useMemo(() => {\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n    // Literal string match from input, not user regex input.\n    return filterValue\n      ? new RegExp(filterValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'), 'i')\n      : undefined;\n  }, [filterValue]);\n\n  const filteredItems = useMemo(() => {\n    return filterRegex\n      ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))\n      : items;\n  }, [filterRegex, items]);\n\n  return (\n    <ComboBox\n      label='field'\n      labelHidden\n      disabled={disabled}\n      placeholder='Select field'\n      mode='single-select'\n      value={filterValue}\n      testId='FieldSelector'\n      onChange={ev => {\n        setFilterValue(ev.target.value);\n      }}\n      selected={{ items: selected }}\n      menu={{\n        items: filteredItems,\n        mode: 'single-select',\n        accent: filterRegex,\n        emptyText: 'No items',\n        onItemClick: id => {\n          if (disabled) return;\n          onChange(id);\n          setFilterValue(undefined); // To show the selected value in the input\n        }\n      }}\n      onDropdownButtonClick={() => {}}\n    />\n  );\n}\n\nFieldSelector.defaultProps = {\n  value: undefined,\n  disabled: false\n};\n\nFieldSelector.propTypes = {\n  value: PropTypes.string,\n  columns: PropTypes.arrayOf(PropTypes.any).isRequired,\n  onChange: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  fieldProp: PropTypes.string\n};\n\nexport default FieldSelector;\n"]}

package/lib/Core/Components/Toolbar/Grouping.types.d.ts

@@ -0,0 +1,22 @@
+import type { DateFunction } from '@pega/cosmos-react-condition-builder/lib/components/ConditionBuilder/core/types';
+/** Metadata used to identify which fields and which date functions are/aren't available for selection in the Grouping menu */
+export interface GroupingOptions {
+    exhaustedFields: Set<string>;
+    dateFuncs: {
+        [columnId: string]: {
+            exhausted: (DateFunction | undefined)[];
+            available: (DateFunction | undefined)[];
+        };
+    };
+    dateGroupVariants: {
+        date: (DateFunction | undefined)[];
+        datetime: (DateFunction | undefined)[];
+    };
+}
+/** Option object in the DateFunctionSelector component */
+export interface DateSelectorOption {
+    key: DateFunction | 'NONE';
+    dateFunction: DateFunction | undefined;
+    label: string;
+}
+//# sourceMappingURL=Grouping.types.d.ts.map

package/lib/Core/Components/Toolbar/Grouping.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grouping.types.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/Grouping.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iFAAiF,CAAC;AAEpH,8HAA8H;AAC9H,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC7B,SAAS,EAAE;QACT,CAAC,QAAQ,EAAE,MAAM,GAAG;YAClB,SAAS,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,EAAE,CAAC;YACxC,SAAS,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,EAAE,CAAC;SACzC,CAAC;KACH,CAAC;IACF,iBAAiB,EAAE;QACjB,IAAI,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,EAAE,CAAC;QACnC,QAAQ,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,EAAE,CAAC;KACxC,CAAC;CACH;AAED,0DAA0D;AAC1D,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,YAAY,GAAG,MAAM,CAAC;IAC3B,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf"}

package/lib/Core/Components/Toolbar/Grouping.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Grouping.types.js.map

package/lib/Core/Components/Toolbar/Grouping.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grouping.types.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/Grouping.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { DateFunction } from '@pega/cosmos-react-condition-builder/lib/components/ConditionBuilder/core/types';\n\n/** Metadata used to identify which fields and which date functions are/aren't available for selection in the Grouping menu */\nexport interface GroupingOptions {\n  exhaustedFields: Set<string>;\n  dateFuncs: {\n    [columnId: string]: {\n      exhausted: (DateFunction | undefined)[];\n      available: (DateFunction | undefined)[];\n    };\n  };\n  dateGroupVariants: {\n    date: (DateFunction | undefined)[];\n    datetime: (DateFunction | undefined)[];\n  };\n}\n\n/** Option object in the DateFunctionSelector component */\nexport interface DateSelectorOption {\n  key: DateFunction | 'NONE';\n  dateFunction: DateFunction | undefined;\n  label: string;\n}\n"]}

package/lib/Core/Components/Toolbar/Map/MapToolbar.d.ts

@@ -0,0 +1,9 @@
+import type { ListToolbarProps } from '@pega/cosmos-react-core';
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+interface MapToolbarProps extends ListToolbarProps {
+    locationFieldId: NonNullable<RsCoreTypes.View['meta']['mapFieldIds']>['location'];
+    rows: RsCoreTypes.View['rows'];
+}
+declare const MapToolbar: ({ locationFieldId, rows, ...restProps }: MapToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default MapToolbar;
+//# sourceMappingURL=MapToolbar.d.ts.map

package/lib/Core/Components/Toolbar/Map/MapToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapToolbar.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Map/MapToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,UAAU,eAAgB,SAAQ,gBAAgB;IAChD,eAAe,EAAE,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAClF,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,UAAU,4CAA6C,eAAe,4CA4B3E,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/Core/Components/Toolbar/Map/MapToolbar.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { getGoogleMapsDirHref, ListToolbar, useI18n } from '@pega/cosmos-react-core';
+import getValue from '../../../Views/Map/utils';
+const MapToolbar = ({ locationFieldId, rows, ...restProps }) => {
+    const t = useI18n();
+    const routeHref = useMemo(() => {
+        if (!rows || rows.length < 1 || !locationFieldId)
+            return '';
+        const waypoints = rows.map(({ rowData }) => getValue(rowData, locationFieldId));
+        const [destination] = waypoints.splice(-1, 1);
+        return getGoogleMapsDirHref(destination, waypoints);
+    }, [rows, locationFieldId]);
+    return (_jsx(ListToolbar, { ...restProps, actions: [
+            {
+                id: 'view_in_google_maps',
+                text: t('view_in_google_maps'),
+                href: routeHref,
+                onClick: (id, e) => {
+                    e.preventDefault();
+                    window.open(routeHref, '_blank');
+                }
+            }
+        ] }));
+};
+export default MapToolbar;
+//# sourceMappingURL=MapToolbar.js.map

package/lib/Core/Components/Toolbar/Map/MapToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapToolbar.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Map/MapToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIrF,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAOhD,MAAM,UAAU,GAAG,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,SAAS,EAAmB,EAAE,EAAE;IAC9E,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO,EAAE,CAAC;QAE5D,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;QAChF,MAAM,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAE9C,OAAO,oBAAoB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,KAAC,WAAW,OACN,SAAS,EACb,OAAO,EAAE;YACP;gBACE,EAAE,EAAE,qBAAqB;gBACzB,IAAI,EAAE,CAAC,CAAC,qBAAqB,CAAC;gBAC9B,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;oBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;gBACnC,CAAC;aACF;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport { getGoogleMapsDirHref, ListToolbar, useI18n } from '@pega/cosmos-react-core';\nimport type { ListToolbarProps } from '@pega/cosmos-react-core';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport getValue from '../../../Views/Map/utils';\n\ninterface MapToolbarProps extends ListToolbarProps {\n  locationFieldId: NonNullable<RsCoreTypes.View['meta']['mapFieldIds']>['location'];\n  rows: RsCoreTypes.View['rows'];\n}\n\nconst MapToolbar = ({ locationFieldId, rows, ...restProps }: MapToolbarProps) => {\n  const t = useI18n();\n\n  const routeHref = useMemo(() => {\n    if (!rows || rows.length < 1 || !locationFieldId) return '';\n\n    const waypoints = rows.map(({ rowData }) => getValue(rowData, locationFieldId));\n    const [destination] = waypoints.splice(-1, 1);\n\n    return getGoogleMapsDirHref(destination, waypoints);\n  }, [rows, locationFieldId]);\n\n  return (\n    <ListToolbar\n      {...restProps}\n      actions={[\n        {\n          id: 'view_in_google_maps',\n          text: t('view_in_google_maps'),\n          href: routeHref,\n          onClick: (id, e) => {\n            e.preventDefault();\n            window.open(routeHref, '_blank');\n          }\n        }\n      ]}\n    />\n  );\n};\n\nexport default MapToolbar;\n"]}

package/lib/Core/Components/Toolbar/RefreshBanner.d.ts

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

package/lib/Core/Components/Toolbar/RefreshBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshBanner.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/RefreshBanner.jsx"],"names":[],"mappings":"AAkBA;;;4CA0BC;;;;;;;;;;sBA5CqB,YAAY"}

package/lib/Core/Components/Toolbar/RefreshBanner.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useState, useEffect } from 'react';
+import styled, { css } from 'styled-components';
+import { Banner, defaultThemeProp } from '@pega/cosmos-react-core';
+const StyledBanner = styled(Banner)(({ theme }) => {
+    return css `
+    margin-bottom: calc(${theme.base.spacing} * 2);
+    margin-top: calc(${theme.base.spacing} * 2);
+    ul {
+      margin-inline-end: unset;
+    }
+  `;
+});
+StyledBanner.defaultProps = defaultThemeProp;
+export default function RefreshBanner({ view, pendingRefresh }) {
+    const [showBanner, setShowBanner] = useState(true);
+    const { meta: { refreshAction: { message, action: { text, onClick } } } } = view;
+    useEffect(() => {
+        setShowBanner(true);
+    }, [pendingRefresh]);
+    return (_jsx(_Fragment, { children: showBanner && (_jsx(StyledBanner, { variant: 'info', messages: [{ label: message, action: { text, onClick } }], onDismiss: () => setShowBanner(false) })) }));
+}
+RefreshBanner.propTypes = {
+    view: PropTypes.objectOf(PropTypes.any).isRequired,
+    pendingRefresh: PropTypes.number.isRequired
+};
+//# sourceMappingURL=RefreshBanner.js.map

package/lib/Core/Components/Toolbar/RefreshBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshBanner.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/RefreshBanner.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChD,OAAO,GAAG,CAAA;0BACc,KAAK,CAAC,IAAI,CAAC,OAAO;uBACrB,KAAK,CAAC,IAAI,CAAC,OAAO;;;;GAItC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,EACJ,IAAI,EAAE,EACJ,aAAa,EAAE,EACb,OAAO,EACP,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAC1B,EACF,EACF,GAAG,IAAI,CAAC;IAET,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,4BACG,UAAU,IAAI,CACb,KAAC,YAAY,IACX,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,EACzD,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACrC,CACH,GACA,CACJ,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;IAClD,cAAc,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CAC5C,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Banner, defaultThemeProp } from '@pega/cosmos-react-core';\n\nconst StyledBanner = styled(Banner)(({ theme }) => {\n  return css`\n    margin-bottom: calc(${theme.base.spacing} * 2);\n    margin-top: calc(${theme.base.spacing} * 2);\n    ul {\n      margin-inline-end: unset;\n    }\n  `;\n});\n\nStyledBanner.defaultProps = defaultThemeProp;\n\nexport default function RefreshBanner({ view, pendingRefresh }) {\n  const [showBanner, setShowBanner] = useState(true);\n  const {\n    meta: {\n      refreshAction: {\n        message,\n        action: { text, onClick }\n      }\n    }\n  } = view;\n\n  useEffect(() => {\n    setShowBanner(true);\n  }, [pendingRefresh]);\n\n  return (\n    <>\n      {showBanner && (\n        <StyledBanner\n          variant='info'\n          messages={[{ label: message, action: { text, onClick } }]}\n          onDismiss={() => setShowBanner(false)}\n        />\n      )}\n    </>\n  );\n}\n\nRefreshBanner.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  pendingRefresh: PropTypes.number.isRequired\n};\n"]}

package/lib/Core/Components/Toolbar/SimpleToolbar.d.ts

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

package/lib/Core/Components/Toolbar/SimpleToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":"AAUA;;4CAmBC;;;;;;;;;;sBA7BqB,YAAY"}

package/lib/Core/Components/Toolbar/SimpleToolbar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { ListToolbar } from '@pega/cosmos-react-core';
+import RefreshBanner from './RefreshBanner';
+import getCount from './utils/getCount';
+import AnnounceRowsCount from './AnnounceRowsCount';
+import ValidateMessage from './ValidateMessage';
+import useFormControlProps from './hooks/useFormControlProps';
+export default function SimpleToolbar({ view }) {
+    const { meta: { title, refreshAction } = {}, state, getContext, showCount } = view;
+    const { pendingRefresh } = state;
+    const { getRequiredDef } = getContext();
+    const { validatemessage } = getRequiredDef() || {};
+    const count = showCount ? getCount({ view }) : {};
+    const formControlProps = useFormControlProps(view);
+    return (_jsxs(AnnounceRowsCount, { state: state, count: count, children: [_jsx(ValidateMessage, { message: validatemessage, children: _jsx(ListToolbar, { name: title, count: count, formControlProps: formControlProps }) }), refreshAction && pendingRefresh && (_jsx(RefreshBanner, { view: view, pendingRefresh: pendingRefresh }))] }));
+}
+SimpleToolbar.propTypes = {
+    view: PropTypes.objectOf(PropTypes.any).isRequired
+};
+SimpleToolbar.defaultProps = {};
+//# sourceMappingURL=SimpleToolbar.js.map

package/lib/Core/Components/Toolbar/SimpleToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACnF,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACL,MAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,aAC3C,KAAC,eAAe,IAAC,OAAO,EAAE,eAAe,YACvC,KAAC,WAAW,IAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,GAE9D,EACjB,aAAa,IAAI,cAAc,IAAI,CAClC,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,CAC9D,IACiB,CACrB,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG,EAAE,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\n\nimport RefreshBanner from './RefreshBanner';\nimport getCount from './utils/getCount';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\n\nexport default function SimpleToolbar({ view }) {\n  const { meta: { title, refreshAction } = {}, state, getContext, showCount } = view;\n  const { pendingRefresh } = state;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const count = showCount ? getCount({ view }) : {};\n  const formControlProps = useFormControlProps(view);\n\n  return (\n    <AnnounceRowsCount state={state} count={count}>\n      <ValidateMessage message={validatemessage}>\n        <ListToolbar name={title} count={count} formControlProps={formControlProps} />\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshAction && pendingRefresh && (\n        <RefreshBanner view={view} pendingRefresh={pendingRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nSimpleToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nSimpleToolbar.defaultProps = {};\n"]}

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.d.ts

@@ -0,0 +1,8 @@
+import type { OmitStrict } from '@pega/cosmos-react-core';
+import type { TimelineToolbarProps } from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';
+import type { RsCoreTypes } from 'pega-repeating-structures-core';
+declare const TimelineToolbar: ({ view, ...restProps }: {
+    view: RsCoreTypes.View;
+} & OmitStrict<TimelineToolbarProps, "sort" | "group">) => import("react/jsx-runtime").JSX.Element;
+export default TimelineToolbar;
+//# sourceMappingURL=TimelineToolbar.d.ts.map

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineToolbar.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,gEAAgE,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKlE,QAAA,MAAM,eAAe,2BAGlB;IACD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB,GAAG,UAAU,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,CAAC,4CA4ErD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { TimelineToolbar as TimelineToolbarCosmos } from '@pega/cosmos-react-work';
+import { TOOLBAR_FEATURES } from '../../../constants';
+import { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';
+const TimelineToolbar = ({ view, ...restProps }) => {
+    const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);
+    const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);
+    const sort = useMemo(() => ({
+        selected: view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending',
+        onItemClick: id => {
+            if (view.state?.sortingOrder?.[0]) {
+                view.type.applySorting([
+                    {
+                        ...view.state.sortingOrder[0],
+                        order: id === 'ascending' ? 'asc' : 'desc'
+                    }
+                ]);
+            }
+        }
+    }), [view.state.sortingOrder, view.type.applySorting]);
+    const group = useMemo(() => ({
+        selected: mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction),
+        onItemClick: id => {
+            let dateFunction;
+            switch (id) {
+                case 'year':
+                    dateFunction = 'YEARS';
+                    break;
+                case 'quarteryear':
+                    dateFunction = 'QUARTERS';
+                    break;
+                case 'monthyear':
+                    dateFunction = 'MONTHS';
+                    break;
+                case 'date':
+                    dateFunction = 'DAYS';
+                    break;
+                default:
+            }
+            view.type.applyGrouping(dateFunction && view.meta.timelineFields?.date?.label
+                ? [
+                    {
+                        columnId: view.meta.timelineFields.date.label,
+                        dateFunction,
+                        level: 0,
+                        order: view.state.sortingOrder?.[0]?.order ?? 'desc'
+                    }
+                ]
+                : []);
+        }
+    }), [
+        view.state.groups,
+        view.type.applyGrouping,
+        view.meta.timelineFields?.date,
+        view.state.sortingOrder
+    ]);
+    return (_jsx(TimelineToolbarCosmos, { sort: displaySort ? sort : undefined, group: view.meta.grouping && displayGrouping ? group : undefined, ...restProps }));
+};
+export default TimelineToolbar;
+//# sourceMappingURL=TimelineToolbar.js.map

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineToolbar.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAEzE,MAAM,eAAe,GAAG,CAAC,EACvB,IAAI,EACJ,GAAG,SAAS,EAGwC,EAAE,EAAE;IACxD,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrE,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE7E,MAAM,IAAI,GAAG,OAAO,CAIlB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;QACpF,WAAW,EAAE,EAAE,CAAC,EAAE;YAChB,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;oBACrB;wBACE,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;wBAC7B,KAAK,EAAE,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;qBAC3C;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF,CAAC,EACF,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAClD,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAInB,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC;QACtE,WAAW,EAAE,EAAE,CAAC,EAAE;YAChB,IAAI,YAAmC,CAAC;YACxC,QAAQ,EAAE,EAAE,CAAC;gBACX,KAAK,MAAM;oBACT,YAAY,GAAG,OAAO,CAAC;oBACvB,MAAM;gBACR,KAAK,aAAa;oBAChB,YAAY,GAAG,UAAU,CAAC;oBAC1B,MAAM;gBACR,KAAK,WAAW;oBACd,YAAY,GAAG,QAAQ,CAAC;oBACxB,MAAM;gBACR,KAAK,MAAM;oBACT,YAAY,GAAG,MAAM,CAAC;oBACtB,MAAM;gBACR,QAAQ;YACV,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,KAAK;gBACnD,CAAC,CAAC;oBACE;wBACE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK;wBAC7C,YAAY;wBACZ,KAAK,EAAE,CAAC;wBACR,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,MAAM;qBACrD;iBACF;gBACH,CAAC,CAAC,EAAE,CACP,CAAC;QACJ,CAAC;KACF,CAAC,EACF;QACE,IAAI,CAAC,KAAK,CAAC,MAAM;QACjB,IAAI,CAAC,IAAI,CAAC,aAAa;QACvB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI;QAC9B,IAAI,CAAC,KAAK,CAAC,YAAY;KACxB,CACF,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,IACpB,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACpC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,KAC5D,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import type { Group } from 'packages/lists-rs-core/types/State.types';\nimport { useMemo } from 'react';\n\nimport type { OmitStrict } from '@pega/cosmos-react-core';\nimport { TimelineToolbar as TimelineToolbarCosmos } from '@pega/cosmos-react-work';\nimport type {\n  TimelineGroupBy,\n  TimelineSortOrder,\n  TimelineToolbarProps\n} from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport { TOOLBAR_FEATURES } from '../../../constants';\nimport { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';\n\nconst TimelineToolbar = ({\n  view,\n  ...restProps\n}: {\n  view: RsCoreTypes.View;\n} & OmitStrict<TimelineToolbarProps, 'sort' | 'group'>) => {\n  const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n\n  const sort = useMemo<{\n    selected: TimelineSortOrder;\n    onItemClick: (id: TimelineSortOrder) => void;\n  }>(\n    () => ({\n      selected: view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending',\n      onItemClick: id => {\n        if (view.state?.sortingOrder?.[0]) {\n          view.type.applySorting([\n            {\n              ...view.state.sortingOrder[0],\n              order: id === 'ascending' ? 'asc' : 'desc'\n            }\n          ]);\n        }\n      }\n    }),\n    [view.state.sortingOrder, view.type.applySorting]\n  );\n\n  const group = useMemo<{\n    selected: TimelineGroupBy | undefined;\n    onItemClick: (id: TimelineGroupBy) => void;\n  }>(\n    () => ({\n      selected: mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction),\n      onItemClick: id => {\n        let dateFunction: Group['dateFunction'];\n        switch (id) {\n          case 'year':\n            dateFunction = 'YEARS';\n            break;\n          case 'quarteryear':\n            dateFunction = 'QUARTERS';\n            break;\n          case 'monthyear':\n            dateFunction = 'MONTHS';\n            break;\n          case 'date':\n            dateFunction = 'DAYS';\n            break;\n          default:\n        }\n        view.type.applyGrouping(\n          dateFunction && view.meta.timelineFields?.date?.label\n            ? [\n                {\n                  columnId: view.meta.timelineFields.date.label,\n                  dateFunction,\n                  level: 0,\n                  order: view.state.sortingOrder?.[0]?.order ?? 'desc'\n                }\n              ]\n            : []\n        );\n      }\n    }),\n    [\n      view.state.groups,\n      view.type.applyGrouping,\n      view.meta.timelineFields?.date,\n      view.state.sortingOrder\n    ]\n  );\n\n  return (\n    <TimelineToolbarCosmos\n      sort={displaySort ? sort : undefined}\n      group={view.meta.grouping && displayGrouping ? group : undefined}\n      {...restProps}\n    />\n  );\n};\n\nexport default TimelineToolbar;\n"]}

package/lib/Core/Components/Toolbar/ToolbarActions.d.ts

@@ -0,0 +1,20 @@
+export default ToolbarActions;
+declare function ToolbarActions({ toolbarActions }: {
+    toolbarActions: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace ToolbarActions {
+    namespace defaultProps {
+        let toolbarActions: never[];
+    }
+    namespace propTypes {
+        let toolbarActions_1: PropTypes.Requireable<(PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            text: PropTypes.Validator<string>;
+            tooltip: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        export { toolbarActions_1 as toolbarActions };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ToolbarActions.d.ts.map

package/lib/Core/Components/Toolbar/ToolbarActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarActions.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ToolbarActions.jsx"],"names":[],"mappings":";AAYA;;mDAYC;;;;;;;;;;;;;;;sBAxBqB,YAAY"}

package/lib/Core/Components/Toolbar/ToolbarActions.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Button, Flex } from '@pega/cosmos-react-core';
+import useTranslate from '../../Hooks/useTranslate';
+const containerStyle = {
+    justify: 'between',
+    alignItems: 'center',
+    colGap: 0.25
+};
+function ToolbarActions({ toolbarActions }) {
+    const [translate] = useTranslate();
+    if (!toolbarActions.length)
+        return null;
+    return (_jsx(Flex, { item: true, container: containerStyle, children: toolbarActions.map(({ text, onClick, id }) => (_jsx(Button, { "data-test-id": text, "data-testid": text, onClick: onClick, children: translate(text) }, id))) }));
+}
+ToolbarActions.defaultProps = {
+    toolbarActions: []
+};
+ToolbarActions.propTypes = {
+    toolbarActions: PropTypes.arrayOf(PropTypes.shape({
+        id: PropTypes.string.isRequired,
+        text: PropTypes.string.isRequired,
+        tooltip: PropTypes.string,
+        onClick: PropTypes.func
+    }))
+};
+export default ToolbarActions;
+//# sourceMappingURL=ToolbarActions.js.map

package/lib/Core/Components/Toolbar/ToolbarActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarActions.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ToolbarActions.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,SAAS,cAAc,CAAC,EAAE,cAAc,EAAE;IACxC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,IAAI,CAAC,cAAc,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACxC,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,QAAC,SAAS,EAAE,cAAc,YACjC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAC7C,KAAC,MAAM,oBAAe,IAAI,iBAAe,IAAI,EAAW,OAAO,EAAE,OAAO,YACrE,SAAS,CAAC,IAAI,CAAC,IADkC,EAAE,CAE7C,CACV,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,YAAY,GAAG;IAC5B,cAAc,EAAE,EAAE;CACnB,CAAC;AAEF,cAAc,CAAC,SAAS,GAAG;IACzB,cAAc,EAAE,SAAS,CAAC,OAAO,CAC/B,SAAS,CAAC,KAAK,CAAC;QACd,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;QAC/B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;QACjC,OAAO,EAAE,SAAS,CAAC,MAAM;QACzB,OAAO,EAAE,SAAS,CAAC,IAAI;KACxB,CAAC,CACH;CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Button, Flex } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst containerStyle = {\n  justify: 'between',\n  alignItems: 'center',\n  colGap: 0.25\n};\n\nfunction ToolbarActions({ toolbarActions }) {\n  const [translate] = useTranslate();\n  if (!toolbarActions.length) return null;\n  return (\n    <Flex item container={containerStyle}>\n      {toolbarActions.map(({ text, onClick, id }) => (\n        <Button data-test-id={text} data-testid={text} key={id} onClick={onClick}>\n          {translate(text)}\n        </Button>\n      ))}\n    </Flex>\n  );\n}\n\nToolbarActions.defaultProps = {\n  toolbarActions: []\n};\n\nToolbarActions.propTypes = {\n  toolbarActions: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      text: PropTypes.string.isRequired,\n      tooltip: PropTypes.string,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default ToolbarActions;\n"]}

package/lib/Core/Components/Toolbar/ValidateMessage.d.ts

@@ -0,0 +1,17 @@
+declare function ValidateMessage({ message, children }: {
+    message: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ValidateMessage {
+    namespace propTypes {
+        let children: PropTypes.Validator<object>;
+        let message: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        let message_1: undefined;
+        export { message_1 as message };
+    }
+}
+export default ValidateMessage;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=ValidateMessage.d.ts.map

package/lib/Core/Components/Toolbar/ValidateMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateMessage.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ValidateMessage.jsx"],"names":[],"mappings":"AAuCA;;;4CAcC;;;;;;;;;;;;sBArDqB,YAAY"}

package/lib/Core/Components/Toolbar/ValidateMessage.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import styled, { css } from 'styled-components';
+import { defaultThemeProp, Icon } from '@pega/cosmos-react-core';
+const StyledMessage = styled.div(({ theme }) => {
+    return css `
+    max-width: max-content;
+    font-size: calc(${theme.base['font-size']} + (-0.25 * ${theme.base.spacing}));
+    word-break: break-word;
+    color: ${theme.base.palette.urgent};
+    min-width: 100%;
+  `;
+});
+StyledMessage.defaultProps = defaultThemeProp;
+const StyledErrorIcon = styled(Icon)(({ theme }) => {
+    return css `
+    color: ${theme.base.palette.urgent};
+    height: 1em;
+    width: 1em;
+    margin-inline-end: 0.5ch;
+  `;
+});
+StyledErrorIcon.defaultProps = defaultThemeProp;
+const StyledDiv = styled.div(() => {
+    return css `
+    display: flex;
+    align-items: baseline;
+    width: 100%;
+    > :not(${StyledErrorIcon}) {
+      flex-grow: 1;
+    }
+  `;
+});
+export default function ValidateMessage({ message, children }) {
+    return (_jsxs(_Fragment, { children: [_jsxs(StyledDiv, { children: [message?.length > 0 && _jsx(StyledErrorIcon, { name: 'warn-solid' }), children] }), message?.length > 0 && (_jsx(StyledMessage, { role: 'alert', "data-testid": 'validate-message', "data-test-id": 'validate-message', children: message }))] }));
+}
+ValidateMessage.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,
+    message: PropTypes.string
+};
+ValidateMessage.defaultProps = {
+    message: undefined
+};
+//# sourceMappingURL=ValidateMessage.js.map

package/lib/Core/Components/Toolbar/ValidateMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateMessage.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/ValidateMessage.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAEjE,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7C,OAAO,GAAG,CAAA;;sBAEU,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,KAAK,CAAC,IAAI,CAAC,OAAO;;aAEjE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;;GAEnC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjD,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;;;;GAInC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEhD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;IAChC,OAAO,GAAG,CAAA;;;;aAIC,eAAe;;;GAGzB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;IAC3D,OAAO,CACL,8BACE,MAAC,SAAS,eACP,OAAO,EAAE,MAAM,GAAG,CAAC,IAAI,KAAC,eAAe,IAAC,IAAI,EAAC,YAAY,GAAG,EAC5D,QAAQ,IACC,EACX,OAAO,EAAE,MAAM,GAAG,CAAC,IAAI,CACtB,KAAC,aAAa,IAAC,IAAI,EAAC,OAAO,iBAAa,kBAAkB,kBAAc,kBAAkB,YACvF,OAAO,GACM,CACjB,IACA,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;IAC7E,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { defaultThemeProp, Icon } from '@pega/cosmos-react-core';\n\nconst StyledMessage = styled.div(({ theme }) => {\n  return css`\n    max-width: max-content;\n    font-size: calc(${theme.base['font-size']} + (-0.25 * ${theme.base.spacing}));\n    word-break: break-word;\n    color: ${theme.base.palette.urgent};\n    min-width: 100%;\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nconst StyledErrorIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n    height: 1em;\n    width: 1em;\n    margin-inline-end: 0.5ch;\n  `;\n});\n\nStyledErrorIcon.defaultProps = defaultThemeProp;\n\nconst StyledDiv = styled.div(() => {\n  return css`\n    display: flex;\n    align-items: baseline;\n    width: 100%;\n    > :not(${StyledErrorIcon}) {\n      flex-grow: 1;\n    }\n  `;\n});\n\nexport default function ValidateMessage({ message, children }) {\n  return (\n    <>\n      <StyledDiv>\n        {message?.length > 0 && <StyledErrorIcon name='warn-solid' />}\n        {children}\n      </StyledDiv>\n      {message?.length > 0 && (\n        <StyledMessage role='alert' data-testid='validate-message' data-test-id='validate-message'>\n          {message}\n        </StyledMessage>\n      )}\n    </>\n  );\n}\n\nValidateMessage.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  message: PropTypes.string\n};\n\nValidateMessage.defaultProps = {\n  message: undefined\n};\n"]}

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

@@ -0,0 +1,3 @@
+export default useAnnounceRowsCount;
+declare function useAnnounceRowsCount(state: any, count: any, isLoading: any): void;
+//# sourceMappingURL=useAnnounceRowsCount.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAnnounceRowsCount.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useAnnounceRowsCount.js"],"names":[],"mappings":";AAMA,oFAuCC"}

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

@@ -0,0 +1,37 @@
+import { useEffect, useRef } from 'react';
+import { useI18n, useLiveLog } from '@pega/cosmos-react-core/lib/hooks';
+import cosmosTranslatedLiterals from '../../../Localization/translateCosmosLiteralsUtils';
+const useAnnounceRowsCount = (state, count, isLoading) => {
+    const { announcePolite } = useLiveLog();
+    const { filterExpression, searchText, personalization: { active: activeView } = {} } = state || {};
+    const translate = useI18n();
+    const hasSelectionAvailable = count.selected !== undefined;
+    const isFirstRender = useRef(true);
+    useEffect(() => {
+        if (isLoading || count.total === undefined)
+            return;
+        if (isFirstRender.current) {
+            // for first render i.e. table load , skip announcing results count.
+            isFirstRender.current = false;
+            return;
+        }
+        const timeout = setTimeout(() => {
+            announcePolite({
+                message: translate(hasSelectionAvailable
+                    ? cosmosTranslatedLiterals.selectedCount
+                    : cosmosTranslatedLiterals.resultsCount, [
+                    ...(hasSelectionAvailable ? [count.selected] : []),
+                    count.totalHasMore ? `${count.total}+` : count.total
+                ], {
+                    count: hasSelectionAvailable ? count.selected : count.total
+                }),
+                type: 'info'
+            });
+        }, 1000);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [count.selected, count.total, filterExpression, searchText, activeView, isLoading]);
+};
+export default useAnnounceRowsCount;
+//# sourceMappingURL=useAnnounceRowsCount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAnnounceRowsCount.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useAnnounceRowsCount.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,wBAAwB,MAAM,oDAAoD,CAAC;AAE1F,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IACvD,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EACJ,gBAAgB,EAChB,UAAU,EACV,eAAe,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAC7C,GAAG,KAAK,IAAI,EAAE,CAAC;IAChB,MAAM,SAAS,GAAG,OAAO,EAAE,CAAC;IAC5B,MAAM,qBAAqB,GAAG,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC;IAC3D,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO;QACnD,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YAC1B,oEAAoE;YACpE,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,cAAc,CAAC;gBACb,OAAO,EAAE,SAAS,CAChB,qBAAqB;oBACnB,CAAC,CAAC,wBAAwB,CAAC,aAAa;oBACxC,CAAC,CAAC,wBAAwB,CAAC,YAAY,EACzC;oBACE,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAClD,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;iBACrD,EACD;oBACE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;iBAC5D,CACF;gBACD,IAAI,EAAE,MAAM;aACb,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;AACzF,CAAC,CAAC;AACF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useI18n, useLiveLog } from '@pega/cosmos-react-core/lib/hooks';\n\nimport cosmosTranslatedLiterals from '../../../Localization/translateCosmosLiteralsUtils';\n\nconst useAnnounceRowsCount = (state, count, isLoading) => {\n  const { announcePolite } = useLiveLog();\n  const {\n    filterExpression,\n    searchText,\n    personalization: { active: activeView } = {}\n  } = state || {};\n  const translate = useI18n();\n  const hasSelectionAvailable = count.selected !== undefined;\n  const isFirstRender = useRef(true);\n  useEffect(() => {\n    if (isLoading || count.total === undefined) return;\n    if (isFirstRender.current) {\n      // for first render i.e. table load , skip announcing results count.\n      isFirstRender.current = false;\n      return;\n    }\n    const timeout = setTimeout(() => {\n      announcePolite({\n        message: translate(\n          hasSelectionAvailable\n            ? cosmosTranslatedLiterals.selectedCount\n            : cosmosTranslatedLiterals.resultsCount,\n          [\n            ...(hasSelectionAvailable ? [count.selected] : []),\n            count.totalHasMore ? `${count.total}+` : count.total\n          ],\n          {\n            count: hasSelectionAvailable ? count.selected : count.total\n          }\n        ),\n        type: 'info'\n      });\n    }, 1000);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [count.selected, count.total, filterExpression, searchText, activeView, isLoading]);\n};\nexport default useAnnounceRowsCount;\n"]}

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

@@ -0,0 +1,10 @@
+export default useFilter;
+declare function useFilter({ view }: {
+    view: any;
+}): {
+    count: number | undefined;
+    renderer: () => import("react/jsx-runtime").JSX.Element;
+    onCancel: () => void;
+    onSubmit: () => boolean;
+} | undefined;
+//# sourceMappingURL=useFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useFilter.jsx"],"names":[],"mappings":";AAQA;;;;;;;cAoDC"}