@rh-support/cases 2.6.219 → 2.6.227

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.219",
+    "version": "2.6.227",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -22,6 +22,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
+        "@cee-eng/hydrajs": "4.18.111",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
@@ -34,28 +35,25 @@
         "solr-query-builder": "1.0.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "^4.18.114",
+        "@cee-eng/hydrajs": "4.18.111",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.214",
-        "@rh-support/react-context": "2.5.309",
+        "@rh-support/components": "2.5.222",
+        "@rh-support/react-context": "2.5.318",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.161",
-        "@rh-support/utils": "2.5.142",
+        "@rh-support/user-permissions": "2.5.170",
+        "@rh-support/utils": "2.5.149",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-i18next": "15.6.0",
-        "react-intersection-observer": "^10.0.3",
         "react-router-dom": "^5.1.2",
         "solr-query-builder": "1.0.1"
     },
     "devDependencies": {
-        "@patternfly/react-styles": "^6.2.1",
-        "@patternfly/react-tokens": "^6.2.1",
         "@testing-library/jest-dom": "^6.2.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.1",
@@ -94,5 +92,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "db4ef21c103bd27b78fdbcbe38b84750e7886df4"
+    "gitHead": "cc1c26280084d477ee0abcec8d46963c8213b783"
 }

package/lib/esm/components/case-list/case-list-filters/CaseLabelsFilter.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function CaseLabelsFilter(): React.JSX.Element;
-//# sourceMappingURL=CaseLabelsFilter.d.ts.map

package/lib/esm/components/case-list/case-list-filters/CaseLabelsFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseLabelsFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-filters/CaseLabelsFilter.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,wBAAgB,gBAAgB,sBAiQ/B"}

package/lib/esm/components/case-list/case-list-filters/CaseLabelsFilter.js

@@ -1,177 +0,0 @@
-import { MenuFooter, MenuToggle, Select, SelectList, SelectOption, TextInputGroup, TextInputGroupMain, } from '@patternfly/react-core';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { ability, resourceActions, resources } from '@rh-support/user-permissions';
-import { getDropdownBtnPlaceholder } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
-import isEqual from 'lodash/isEqual';
-import isUndefined from 'lodash/isUndefined';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { SolrKeys } from '../../../enums/filters';
-import { useCaseLabels } from '../../../hooks/useCaseLabels';
-import { filterNamesMap } from '../../../utils/constants';
-import { CaseListFilterDispatchContext, CaseListFilterStateContext } from '../CaseListFilterContext';
-import { updateFilter } from '../CaseListFilterReducer';
-const EMPTY_LABELS = [];
-export function CaseLabelsFilter() {
-    var _a, _b;
-    const { t } = useTranslation();
-    const { filterInfo } = useContext(CaseListFilterStateContext);
-    const dispatch = useContext(CaseListFilterDispatchContext);
-    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
-    const accountId = (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId;
-    const { labels, loading: isLoading } = useCaseLabels(accountId);
-    const selectedLabels = (_b = filterInfo === null || filterInfo === void 0 ? void 0 : filterInfo[SolrKeys.caseLabel]) !== null && _b !== void 0 ? _b : EMPTY_LABELS;
-    const [inputValue, setInputValue] = useState('');
-    const [focusedItemIndex, setFocusedItemIndex] = useState(null);
-    const [activeItem, setActiveItem] = useState(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [selectedItems, setSelectedItems] = useState({});
-    const textInputRef = useRef();
-    const list = useMemo(() => labels.map((label) => ({ value: label.name, key: label.id })), [labels]);
-    const [selectOptions, setSelectOptions] = useState(list);
-    const canViewManageTab = ability.can(resourceActions.READ, resources.MANAGE);
-    const applyLabelSelection = (updatedFilterValues) => {
-        updateFilter(dispatch, {
-            filterKey: SolrKeys.caseLabel,
-            values: updatedFilterValues,
-        });
-    };
-    const isOptionSelected = (option) => Boolean((option.value && selectedItems[String(option.value)]) || (option.key && selectedItems[String(option.key)]));
-    const onToggleClick = () => {
-        setIsOpen(!isOpen);
-    };
-    const onSelect = (option) => {
-        const selectedOption = typeof option === 'string' ? list.find((item) => item.value === option || item.key === option) : option;
-        const optionValue = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value;
-        const optionKey = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.key;
-        if (!optionValue || optionValue === 'no results' || !optionKey) {
-            return;
-        }
-        const currentlySelected = selectedLabels.some((label) => label.key === optionKey);
-        const updatedFilterValues = currentlySelected
-            ? selectedLabels.filter((label) => label.key !== optionKey)
-            : [
-                ...selectedLabels.filter((label) => label.key !== optionKey),
-                { key: String(optionKey), value: String(optionValue) },
-            ];
-        applyLabelSelection(updatedFilterValues);
-    };
-    const handleMenuArrowKeys = (key) => {
-        if (!isOpen || !list.length) {
-            return;
-        }
-        let indexToFocus = 0;
-        if (key === 'ArrowUp') {
-            if (focusedItemIndex === null || focusedItemIndex === 0) {
-                indexToFocus = list.length - 1;
-            }
-            else {
-                indexToFocus = focusedItemIndex - 1;
-            }
-        }
-        if (key === 'ArrowDown') {
-            if (focusedItemIndex === null || focusedItemIndex === list.length - 1) {
-                indexToFocus = 0;
-            }
-            else {
-                indexToFocus = focusedItemIndex + 1;
-            }
-        }
-        setFocusedItemIndex(indexToFocus);
-        const focusedItem = list[indexToFocus];
-        if (focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.value) {
-            setActiveItem(`select-multi-typeahead-checkbox-${String(focusedItem.value).replace(' ', '-')}`);
-        }
-    };
-    const onInputKeyDown = (event) => {
-        const focusedItem = focusedItemIndex !== null ? list[focusedItemIndex] : list[0];
-        switch (event.key) {
-            case 'Enter':
-                if (!isOpen) {
-                    setIsOpen((prevIsOpen) => !prevIsOpen);
-                }
-                else if (isOpen && (focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.value) !== 'no results') {
-                    onSelect(focusedItem);
-                }
-                break;
-            case 'Tab':
-            case 'Escape':
-                setIsOpen(false);
-                setActiveItem(null);
-                break;
-            case 'ArrowUp':
-            case 'ArrowDown':
-                event.preventDefault();
-                handleMenuArrowKeys(event.key);
-                break;
-        }
-    };
-    const onTextInputChange = (_event, value) => {
-        setInputValue(value);
-    };
-    const placeholder = getDropdownBtnPlaceholder(isLoading ? t('Loading...') : t('Select a case label'), selectedLabels.map((label) => label.value), '', labels.length || 0, t('All selected'));
-    const toggle = (toggleRef) => (React.createElement(MenuToggle, { variant: "typeahead", onClick: onToggleClick, innerRef: toggleRef, isExpanded: isOpen, isFullWidth: true },
-        React.createElement(TextInputGroup, { isPlain: true },
-            React.createElement(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onToggleClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, id: "case-list-case-label-filter-input", autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItem && { 'aria-activedescendant': activeItem }), { role: "combobox", isExpanded: isOpen, "aria-controls": "case-list-case-label-filter-listbox" })))));
-    const dropdownOptions = useMemo(() => {
-        return (!isEmpty(selectOptions) ? selectOptions : list).map((option, index) => !isUndefined(option.value) && (React.createElement(SelectOption, { key: option.key, value: option, hasCheckbox: true, isSelected: isOptionSelected(option), isFocused: focusedItemIndex !== null && focusedItemIndex === index, id: `select-multi-typeahead-${String(option.value).replace(' ', '-')}` }, option.value)));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedItems, selectedLabels, labels, selectOptions, focusedItemIndex]);
-    useEffect(() => {
-        let newSelectOptions = list;
-        if (inputValue) {
-            newSelectOptions = list.filter((option) => String(option === null || option === void 0 ? void 0 : option.value).toLowerCase().startsWith(inputValue.toLowerCase()));
-            if (!newSelectOptions.length) {
-                newSelectOptions = [{ isDisabled: false, children: `No results found` }];
-            }
-            if (!isOpen) {
-                setIsOpen(true);
-            }
-        }
-        setSelectOptions(newSelectOptions);
-        setFocusedItemIndex(null);
-        setActiveItem(null);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [inputValue, list]);
-    useEffect(() => {
-        if (isEmpty(selectedLabels)) {
-            setSelectedItems({});
-            return;
-        }
-        const nextSelectedItems = selectedLabels.reduce((selection, label) => {
-            if (label === null || label === void 0 ? void 0 : label.value) {
-                selection[label.value] = true;
-            }
-            if (label === null || label === void 0 ? void 0 : label.key) {
-                selection[label.key] = true;
-            }
-            return selection;
-        }, {});
-        setSelectedItems(nextSelectedItems);
-    }, [selectedLabels]);
-    // Resolve deep-linked label IDs to display names once account labels are loaded
-    useEffect(() => {
-        if (!labels.length || !selectedLabels.length) {
-            return;
-        }
-        const resolved = selectedLabels.map((selected) => {
-            const match = labels.find((label) => label.id === selected.key || label.name === selected.value);
-            return match ? { key: match.id, value: match.name } : selected;
-        });
-        if (!isEqual(resolved, selectedLabels)) {
-            applyLabelSelection(resolved);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [labels, selectedLabels]);
-    return (React.createElement("div", { className: "case-labels-filter group-filter", "data-testid": "case-labels-filter" },
-        React.createElement("label", { htmlFor: "case-list-case-label-filter", className: "pf-v6-u-mb-sm group-filter-label" }, t(filterNamesMap[SolrKeys.caseLabel])),
-        React.createElement("div", { className: "pf-v6-c-select" },
-            React.createElement(Select, { shouldFocusToggleOnSelect: true, shouldPreventScrollOnItemFocus: true, "data-tracking-id": "case-labels-filter", id: "case-list-case-label-filter", title: t(filterNamesMap[SolrKeys.caseLabel]), isOpen: isOpen, selected: selectedItems, onSelect: (_e, v) => onSelect(v), onOpenChange: (nextOpen) => setIsOpen(nextOpen), popperProps: { direction: 'down', enableFlip: false }, toggle: toggle, isScrollable: true },
-                React.createElement(SelectList, null,
-                    dropdownOptions,
-                    canViewManageTab && (React.createElement(MenuFooter, { className: "group-filter-manage-groups-footer" },
-                        React.createElement(Link, { className: "cta cta-link", to: "/manage/case-labels" },
-                            React.createElement(Trans, null, "Manage case labels")))))))));
-}

package/lib/esm/components/case-list/case-list-table/CaseListLabelGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface IProps {
-    labels: string[];
-}
-export declare function truncateCollapsedLabelName(labelName: string): string;
-export declare function getVisibleLabelCount(itemWidths: number[], availableWidth: number, overflowWidth: number, gap: number): number;
-export default function CaseListLabelGroup({ labels }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=CaseListLabelGroup.d.ts.map

package/lib/esm/components/case-list/case-list-table/CaseListLabelGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaseListLabelGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListLabelGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,UAAU,MAAM;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;CACpB;AAWD,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAMpE;AAED,wBAAgB,oBAAoB,CAChC,UAAU,EAAE,MAAM,EAAE,EACpB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAE,MAAM,EACrB,GAAG,EAAE,MAAM,GACZ,MAAM,CAuBR;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,qBAyH5D"}

package/lib/esm/components/case-list/case-list-table/CaseListLabelGroup.js

@@ -1,105 +0,0 @@
-import { Label, LabelGroup, Popover, PopoverPosition } from '@patternfly/react-core';
-import React, { useLayoutEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-const COLLAPSED_LABEL_CHAR_LIMIT = 12;
-function getLabelGapPx(element) {
-    const gap = getComputedStyle(element).getPropertyValue('--case-list-label-gap').trim();
-    const parsedGap = Number.parseFloat(gap);
-    return Number.isNaN(parsedGap) ? 0 : parsedGap;
-}
-export function truncateCollapsedLabelName(labelName) {
-    if (labelName.length <= COLLAPSED_LABEL_CHAR_LIMIT) {
-        return labelName;
-    }
-    return `${labelName.slice(0, COLLAPSED_LABEL_CHAR_LIMIT)}...`;
-}
-export function getVisibleLabelCount(itemWidths, availableWidth, overflowWidth, gap) {
-    if (!itemWidths.length || availableWidth <= 0) {
-        return 0;
-    }
-    let usedWidth = 0;
-    let visibleCount = 0;
-    for (let index = 0; index < itemWidths.length; index++) {
-        const nextUsedWidth = usedWidth + (visibleCount > 0 ? gap : 0) + itemWidths[index];
-        const remainingCount = itemWidths.length - (index + 1);
-        const totalWidth = remainingCount > 0 ? nextUsedWidth + gap + overflowWidth : nextUsedWidth;
-        if (totalWidth <= availableWidth) {
-            usedWidth = nextUsedWidth;
-            visibleCount = index + 1;
-            continue;
-        }
-        return Math.max(1, visibleCount);
-    }
-    return visibleCount;
-}
-export default function CaseListLabelGroup({ labels }) {
-    const { t } = useTranslation();
-    const containerRef = useRef(null);
-    const measureRef = useRef(null);
-    const overflowMeasureRef = useRef(null);
-    const lastMeasuredWidthRef = useRef(0);
-    const [numVisible, setNumVisible] = useState(labels.length);
-    useLayoutEffect(() => {
-        const container = containerRef.current;
-        const measureRow = measureRef.current;
-        if (!container || !measureRow || !labels.length) {
-            return;
-        }
-        const tableCell = container.closest('td');
-        const updateVisibleCount = () => {
-            var _a, _b, _c;
-            const availableWidth = (_a = tableCell === null || tableCell === void 0 ? void 0 : tableCell.clientWidth) !== null && _a !== void 0 ? _a : container.clientWidth;
-            if (availableWidth <= 0) {
-                return;
-            }
-            const itemWidths = Array.from(measureRow.querySelectorAll('[data-measure-label]')).map((element) => element.offsetWidth);
-            const overflowWidth = (_c = (_b = overflowMeasureRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) !== null && _c !== void 0 ? _c : 32;
-            const labelGapPx = getLabelGapPx(container);
-            const nextVisible = getVisibleLabelCount(itemWidths, availableWidth, overflowWidth, labelGapPx);
-            lastMeasuredWidthRef.current = availableWidth;
-            setNumVisible((current) => (current === nextVisible ? current : nextVisible));
-        };
-        updateVisibleCount();
-        if (typeof ResizeObserver === 'undefined') {
-            return;
-        }
-        const resizeObserver = new ResizeObserver((entries) => {
-            const entry = entries[0];
-            if (!entry) {
-                return;
-            }
-            const nextWidth = Math.round(entry.contentRect.width);
-            if (nextWidth === lastMeasuredWidthRef.current) {
-                return;
-            }
-            updateVisibleCount();
-        });
-        resizeObserver.observe(tableCell !== null && tableCell !== void 0 ? tableCell : container);
-        return () => resizeObserver.disconnect();
-    }, [labels]);
-    const visibleLabels = labels.slice(0, numVisible);
-    const hiddenLabels = labels.slice(numVisible);
-    const remainingCount = hiddenLabels.length;
-    return (React.createElement("div", { ref: containerRef, className: "case-list-label-cell" },
-        React.createElement("div", { ref: measureRef, className: "case-list-label-cell__measure", "aria-hidden": "true" },
-            labels.map((labelName) => (React.createElement("span", { key: labelName, "data-measure-label": true },
-                React.createElement(Label, { variant: "outline" }, truncateCollapsedLabelName(labelName))))),
-            React.createElement("span", { ref: overflowMeasureRef },
-                React.createElement(Label, { variant: "outline" },
-                    "+",
-                    labels.length))),
-        React.createElement("div", { className: "pf-v6-c-label-group case-list-label-group" },
-            React.createElement("div", { className: "pf-v6-c-label-group__main" },
-                React.createElement("ul", { className: "pf-v6-c-label-group__list", "aria-label": t('Case labels') },
-                    visibleLabels.map((labelName) => {
-                        const displayName = truncateCollapsedLabelName(labelName);
-                        return (React.createElement("li", { key: labelName, className: "pf-v6-c-label-group__list-item" },
-                            React.createElement(Label, { variant: "outline", title: displayName !== labelName ? labelName : undefined }, displayName)));
-                    }),
-                    remainingCount > 0 && (React.createElement("li", { className: "pf-v6-c-label-group__list-item" },
-                        React.createElement(Popover, { "aria-label": t('Additional case labels'), className: "case-list-label-popover-panel", position: PopoverPosition.topEnd, enableFlip: false, hasAutoWidth: true, maxWidth: "20rem", distance: 15, appendTo: () => document.body, bodyContent: React.createElement("div", { className: "case-list-label-popover" },
-                                React.createElement(LabelGroup, { numLabels: hiddenLabels.length, "aria-label": t('Case labels') }, hiddenLabels.map((labelName) => (React.createElement(Label, { key: labelName, variant: "outline" }, labelName))))) },
-                            React.createElement(Label, { variant: "overflow" },
-                                "+",
-                                remainingCount)))))))));
-}

package/lib/esm/components/case-list/case-search/AdvanceSearchToggleButton.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface IProps {
-    appliedFilterCount: number;
-    onClick: () => void;
-}
-export declare function AdvanceSearchToggleButton({ appliedFilterCount, onClick }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchToggleButton.d.ts.map

package/lib/esm/components/case-list/case-search/AdvanceSearchToggleButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchToggleButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/AdvanceSearchToggleButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,MAAM,qBAehF"}

package/lib/esm/components/case-list/case-search/AdvanceSearchToggleButton.js

@@ -1,8 +0,0 @@
-import { Button } from '@patternfly/react-core';
-import AngleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-down-icon';
-import React from 'react';
-import { Trans } from 'react-i18next';
-export function AdvanceSearchToggleButton({ appliedFilterCount, onClick }) {
-    return (React.createElement(Button, { type: "button", variant: "secondary", onClick: onClick, className: "advance-search-toggle-btn secondary-button-pill", icon: React.createElement(AngleDownIcon, { "aria-hidden": true }), iconPosition: "end", countOptions: appliedFilterCount > 0 ? { count: appliedFilterCount } : undefined, "data-tracking-id": "case-list-adv-toggle-button" },
-        React.createElement(Trans, null, "Advanced Search")));
-}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchAccountSection.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IAdvanceSearchFormState } from '../../CaseListFilterReducer';
-interface IProps {
-    formState: IAdvanceSearchFormState;
-    onChange: (updates: Partial<IAdvanceSearchFormState>) => void;
-    canReadAccounts: boolean;
-}
-export declare function AdvanceSearchAccountSection({ formState, onChange, canReadAccounts }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchAccountSection.d.ts.map

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchAccountSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchAccountSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchAccountSection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,UAAU,MAAM;IACZ,SAAS,EAAE,uBAAuB,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9D,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,MAAM,qBAkE3F"}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchAccountSection.js

@@ -1,29 +0,0 @@
-import { Button, Stack, TextInput } from '@patternfly/react-core';
-import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
-import { AccountSelectorInternal } from '@rh-support/react-context';
-import React, { useMemo } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { AdvanceSearchFieldBlock } from './AdvanceSearchFieldBlock';
-export function AdvanceSearchAccountSection({ formState, onChange, canReadAccounts }) {
-    const { t } = useTranslation();
-    const selectedAccounts = useMemo(() => formState.accountNumbers
-        .filter((item) => !Array.isArray(item.key))
-        .map((item) => ({
-        name: item.value,
-        accountNumber: item.key,
-    })), [formState.accountNumbers]);
-    const onAccountsChange = (selected) => {
-        onChange({
-            accountNumbers: selected.map((account) => ({
-                key: account.accountNumber,
-                value: account.name,
-            })),
-        });
-    };
-    return (React.createElement(Stack, null,
-        canReadAccounts && (React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Select account number or name"), headerActions: selectedAccounts.length > 0 ? (React.createElement(Button, { variant: "plain", icon: React.createElement(TimesIcon, { "aria-hidden": true }), "aria-label": t('Clear account selection'), onClick: () => onChange({ accountNumbers: [] }), "data-tracking-id": "advance-search-accounts-clear", className: "pf-v6-u-p-0" })) : undefined },
-            React.createElement("div", { "data-tracking-id": "advance-search-accounts-filter" },
-                React.createElement(AccountSelectorInternal, { label: t('Account number or name'), selectedAccounts: selectedAccounts, multiple: true, suggestBookmarkAccounts: false, showSelectionCountBadge: true, placeholder: t('Account number or name'), onSelect: onAccountsChange })))),
-        React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Personal reference number") },
-            React.createElement(TextInput, { id: "advance-search-personal-ref", type: "text", value: formState.personalReferenceNumber, onChange: (_event, value) => onChange({ personalReferenceNumber: value }), "aria-label": t('Personal reference number'), placeholder: t('Personal reference number') }))));
-}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchAuditsSection.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IAdvanceSearchFormState } from '../../CaseListFilterReducer';
-interface IProps {
-    formState: IAdvanceSearchFormState;
-    onChange: (updates: Partial<IAdvanceSearchFormState>) => void;
-    showDateValidationErrors?: boolean;
-}
-export declare function AdvanceSearchAuditsSection({ formState, onChange, showDateValidationErrors }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchAuditsSection.d.ts.map

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchAuditsSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchAuditsSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchAuditsSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,UAAU,MAAM;IACZ,SAAS,EAAE,uBAAuB,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9D,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,0BAA0B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAAgC,EAAE,EAAE,MAAM,qBAgD3G"}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchAuditsSection.js

@@ -1,16 +0,0 @@
-import { Stack, TextInput } from '@patternfly/react-core';
-import React from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { AdvanceSearchDateRangeField } from './AdvanceSearchDateRangeField';
-import { AdvanceSearchFieldBlock } from './AdvanceSearchFieldBlock';
-export function AdvanceSearchAuditsSection({ formState, onChange, showDateValidationErrors = false }) {
-    const { t } = useTranslation();
-    return (React.createElement(Stack, null,
-        React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Enter created by name Or SSO") },
-            React.createElement(TextInput, { id: "advance-search-created-by", type: "text", value: formState.createdByNameAndSso, onChange: (_event, value) => onChange({ createdByNameAndSso: value }), "aria-label": t('Created by name and SSO'), placeholder: t('Created by name & SSO') })),
-        React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Enter last modified by name Or SSO") },
-            React.createElement(TextInput, { id: "advance-search-last-modified-by", type: "text", value: formState.lastModifiedByNameAndSso, onChange: (_event, value) => onChange({ lastModifiedByNameAndSso: value }), "aria-label": t('Last modified by name and SSO'), placeholder: t('Last modified by name & SSO') })),
-        React.createElement(AdvanceSearchDateRangeField, { label: t('Created in date range'), fieldId: "advance-search-created-date", value: formState.createdDateRange, showValidationErrors: showDateValidationErrors, onChange: (createdDateRange) => onChange({ createdDateRange }) }),
-        React.createElement(AdvanceSearchDateRangeField, { label: t('Last modified in date range'), fieldId: "advance-search-last-modified-date", value: formState.lastModifiedDateRange, showValidationErrors: showDateValidationErrors, onChange: (lastModifiedDateRange) => onChange({ lastModifiedDateRange }) }),
-        React.createElement(AdvanceSearchDateRangeField, { label: t('Closed in date range'), fieldId: "advance-search-closed-date", value: formState.closedDateRange, showValidationErrors: showDateValidationErrors, onChange: (closedDateRange) => onChange({ closedDateRange }) })));
-}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchCaseSection.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IAdvanceSearchFormState } from '../../CaseListFilterReducer';
-interface IProps {
-    formState: IAdvanceSearchFormState;
-    onChange: (updates: Partial<IAdvanceSearchFormState>) => void;
-}
-export declare function AdvanceSearchCaseSection({ formState, onChange }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchCaseSection.d.ts.map

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchCaseSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchCaseSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchCaseSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAItE,UAAU,MAAM;IACZ,SAAS,EAAE,uBAAuB,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM,qBA4CvE"}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchCaseSection.js

@@ -1,21 +0,0 @@
-import { Checkbox, Stack } from '@patternfly/react-core';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { toNewCaseTypeMapper } from '@rh-support/utils';
-import React, { useContext, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { PORTAL_DISPLAY_STATUSES } from '../../../../utils/constants';
-import { AdvanceSearchFieldBlock } from './AdvanceSearchFieldBlock';
-import { SelectableLabelFilter } from './SelectableLabelFilter';
-export function AdvanceSearchCaseSection({ formState, onChange }) {
-    const { t } = useTranslation();
-    const { globalMetadataState } = useContext(GlobalMetadataStateContext);
-    const { allCaseSeverities, allCaseTypes } = globalMetadataState;
-    const severityOptions = useMemo(() => allCaseSeverities.data || [], [allCaseSeverities.data]);
-    const supportTypeOptions = useMemo(() => toNewCaseTypeMapper(allCaseTypes.data).sort(), [allCaseTypes.data]);
-    return (React.createElement(Stack, null,
-        React.createElement(SelectableLabelFilter, { label: t('Status'), options: PORTAL_DISPLAY_STATUSES, selected: formState.statuses, onChange: (statuses) => onChange({ statuses }), sectionId: "advance-search-status" }),
-        React.createElement(SelectableLabelFilter, { label: t('Severity'), options: severityOptions, selected: formState.severities, onChange: (severities) => onChange({ severities }), sectionId: "advance-search-severity" }),
-        React.createElement(SelectableLabelFilter, { label: t('Support type'), options: supportTypeOptions, selected: formState.supportTypes, onChange: (supportTypes) => onChange({ supportTypes }), sectionId: "advance-search-support-type" }),
-        React.createElement(AdvanceSearchFieldBlock, { label: t('Escalated') },
-            React.createElement(Checkbox, { id: "advance-search-escalated", className: "pf-v6-u-m-0", inputClassName: "pf-v6-u-m-0", label: t('Show escalated only'), isChecked: formState.showEscalatedOnly, onChange: (_event, checked) => onChange({ showEscalatedOnly: checked }), "data-tracking-id": "advance-search-escalated-filter" }))));
-}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchDateRangeField.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { IAdvanceSearchDateRange } from '../../CaseListFilterReducer';
-interface IProps {
-    label: string;
-    value: IAdvanceSearchDateRange;
-    onChange: (value: IAdvanceSearchDateRange) => void;
-    fieldId: string;
-    showValidationErrors?: boolean;
-}
-export declare function AdvanceSearchDateRangeField({ label, value, onChange, fieldId, showValidationErrors }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchDateRangeField.d.ts.map

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchDateRangeField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchDateRangeField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchDateRangeField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,uBAAuB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,2BAA2B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,oBAA4B,EAAE,EAAE,MAAM,qBA+DpH"}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchDateRangeField.js

@@ -1,31 +0,0 @@
-import { Flex, FlexItem, FormGroup } from '@patternfly/react-core';
-import { CustomDatePicker } from '@rh-support/components';
-import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { getAdvanceSearchDateRangeFieldErrors, parseAdvanceSearchDate } from '../../../../utils/advanceSearchUtils';
-import { AdvanceSearchFieldBlock } from './AdvanceSearchFieldBlock';
-const parseDatePickerValue = (value) => { var _a; return (_a = parseAdvanceSearchDate(value)) !== null && _a !== void 0 ? _a : new Date(Number.NaN); };
-export function AdvanceSearchDateRangeField({ label, value, onChange, fieldId, showValidationErrors = false }) {
-    const { t } = useTranslation();
-    const fieldErrors = useMemo(() => getAdvanceSearchDateRangeFieldErrors(value, {
-        invalidDateFormat: t('Invalid date format.'),
-        invalidDateRange: t('Invalid date range.'),
-    }), [t, value]);
-    const endDateValidators = useMemo(() => [
-        (date) => {
-            const startDate = parseAdvanceSearchDate(value.startDate);
-            if (startDate && date < startDate) {
-                return t('Invalid date range.');
-            }
-            return '';
-        },
-    ], [t, value.startDate]);
-    return (React.createElement(AdvanceSearchFieldBlock, { label: label },
-        React.createElement(Flex, { direction: { default: 'row' }, flexWrap: { default: 'nowrap' }, spaceItems: { default: 'spaceItemsSm' }, alignItems: { default: 'alignItemsFlexStart' }, className: "pf-v6-u-w-100" },
-            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-v6-u-min-width-0" },
-                React.createElement(FormGroup, { label: t('Start date'), fieldId: `${fieldId}-start` },
-                    React.createElement(CustomDatePicker, { id: `${fieldId}-start`, value: value.startDate, "aria-label": t('Start date'), dateParse: parseDatePickerValue, validationError: showValidationErrors ? fieldErrors.startDate : undefined, onChange: (_event, date) => onChange(Object.assign(Object.assign({}, value), { startDate: date })) }))),
-            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-v6-u-min-width-0" },
-                React.createElement(FormGroup, { label: t('End date'), fieldId: `${fieldId}-end` },
-                    React.createElement(CustomDatePicker, { id: `${fieldId}-end`, value: value.endDate, "aria-label": t('End date'), dateParse: parseDatePickerValue, validators: endDateValidators, validationError: showValidationErrors ? fieldErrors.endDate : undefined, popoverPosition: "bottom-end", onChange: (_event, date) => onChange(Object.assign(Object.assign({}, value), { endDate: date })) }))))));
-}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchFieldBlock.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface IProps {
-    label: React.ReactNode;
-    children: React.ReactNode;
-    headerActions?: React.ReactNode;
-}
-/** Shared spacing for advance-search field groups */
-export declare function AdvanceSearchFieldBlock({ label, children, headerActions }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchFieldBlock.d.ts.map

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchFieldBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchFieldBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchFieldBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,MAAM;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,qDAAqD;AACrD,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,MAAM,qBAkBjF"}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchFieldBlock.js

@@ -1,10 +0,0 @@
-import { Flex, FlexItem } from '@patternfly/react-core';
-import React from 'react';
-/** Shared spacing for advance-search field groups */
-export function AdvanceSearchFieldBlock({ label, children, headerActions }) {
-    return (React.createElement(Flex, { direction: { default: 'column' }, spaceItems: { default: 'spaceItemsSm' }, className: "pf-v6-u-pt-sm pf-v6-u-pb-md" },
-        React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, spaceItems: { default: 'spaceItemsSm' }, className: "pf-v6-u-px-md pf-v6-u-py-sm" },
-            React.createElement(FlexItem, { className: "pf-v6-u-font-size-sm pf-v6-u-font-weight-bold" }, label),
-            headerActions ? React.createElement(FlexItem, null, headerActions) : null),
-        React.createElement("div", { className: "pf-v6-u-px-md" }, children)));
-}

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchModal.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { IAdvanceSearchFormState } from '../../CaseListFilterReducer';
-interface IProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onSearch: (formState: IAdvanceSearchFormState) => void;
-}
-export declare function AdvanceSearchModal({ isOpen, onClose, onSearch }: IProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=AdvanceSearchModal.d.ts.map

package/lib/esm/components/case-list/case-search/advance-search-modal/AdvanceSearchModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAUpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAOtE,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,SAAS,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1D;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,MAAM,qBA2KvE"}