@rh-support/cases 2.6.235 → 2.7.10

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,10 @@
+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

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

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

@@ -0,0 +1,92 @@
+import { Button, Divider, ExpandableSection, Flex, FlexItem, ModalBody, ModalFooter, Stack, } from '@patternfly/react-core';
+import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { createInitialAdvanceSearchFormState, hasInvalidAdvanceSearchDates, isAdvanceSearchFormEmpty, mapFilterStateToAdvanceSearchForm, } from '../../../../utils/advanceSearchUtils';
+import { CaseListFilterStateContext } from '../../CaseListFilterContext';
+import { AdvanceSearchAccountSection } from './AdvanceSearchAccountSection';
+import { AdvanceSearchAuditsSection } from './AdvanceSearchAuditsSection';
+import { AdvanceSearchCaseSection } from './AdvanceSearchCaseSection';
+import { AdvanceSearchOwnerSection } from './AdvanceSearchOwnerSection';
+import { AdvanceSearchProductSection } from './AdvanceSearchProductSection';
+export function AdvanceSearchModal({ isOpen, onClose, onSearch }) {
+    const { t } = useTranslation();
+    const ability = useContext(AbilityContext);
+    const filterState = useContext(CaseListFilterStateContext);
+    const canReadAccounts = ability.can(resourceActions.READ, resources.ACCOUNTS_FILTER);
+    const canAccessProductsFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.PRODUCTS_FILTER);
+    const [formState, setFormState] = useState(createInitialAdvanceSearchFormState);
+    const [isCaseSectionExpanded, setIsCaseSectionExpanded] = useState(true);
+    const [isProductSectionExpanded, setIsProductSectionExpanded] = useState(true);
+    const [isAccountSectionExpanded, setIsAccountSectionExpanded] = useState(true);
+    const [isOwnerSectionExpanded, setIsOwnerSectionExpanded] = useState(true);
+    const [isAuditsSectionExpanded, setIsAuditsSectionExpanded] = useState(true);
+    const [showDateValidationErrors, setShowDateValidationErrors] = useState(false);
+    const modalRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            setFormState(mapFilterStateToAdvanceSearchForm(filterState));
+            setShowDateValidationErrors(false);
+        }
+        // Hydrate form only when the panel opens
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen]);
+    const updateFormState = useCallback((updates) => {
+        setFormState((previousState) => (Object.assign(Object.assign({}, previousState), updates)));
+    }, []);
+    const handleClearAll = () => {
+        const clearedFormState = createInitialAdvanceSearchFormState();
+        setFormState(clearedFormState);
+        setShowDateValidationErrors(false);
+        onSearch(clearedFormState);
+        onClose();
+    };
+    const hasDateErrors = hasInvalidAdvanceSearchDates(formState);
+    const handleSearch = () => {
+        if (hasDateErrors) {
+            setShowDateValidationErrors(true);
+            return;
+        }
+        onSearch(formState);
+        onClose();
+    };
+    const isSearchDisabled = isAdvanceSearchFormEmpty(formState) || (showDateValidationErrors && hasDateErrors);
+    const handleBackdropMouseDown = (event) => {
+        if (modalRef.current && !modalRef.current.contains(event.target)) {
+            onClose();
+        }
+    };
+    const sectionToggleLabel = (text) => (React.createElement("span", { className: "pf-v6-u-font-size-md pf-v6-u-font-weight-bold" }, text));
+    if (!isOpen) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "advance-search-modal-backdrop", onMouseDown: handleBackdropMouseDown, "aria-hidden": "true" }),
+        React.createElement("div", { ref: modalRef, role: "dialog", "aria-modal": "true", "aria-label": t('Advanced search'), className: "pf-v6-c-modal-box advance-search-modal", "data-tracking-id": "advance-search-modal" },
+            React.createElement(ModalBody, { className: "pf-v6-u-p-0" },
+                React.createElement(Stack, null,
+                    React.createElement(ExpandableSection, { className: "advance-search-expandable-section", toggleContent: sectionToggleLabel(t('Case')), isExpanded: isCaseSectionExpanded, onToggle: (_event, expanded) => setIsCaseSectionExpanded(expanded) },
+                        React.createElement(AdvanceSearchCaseSection, { formState: formState, onChange: updateFormState })),
+                    canAccessProductsFilter && (React.createElement(ExpandableSection, { className: "advance-search-expandable-section", toggleContent: sectionToggleLabel(t('Product')), isExpanded: isProductSectionExpanded, onToggle: (_event, expanded) => setIsProductSectionExpanded(expanded) },
+                        React.createElement(AdvanceSearchProductSection, { formState: formState, onChange: updateFormState }))),
+                    React.createElement(ExpandableSection, { className: "advance-search-expandable-section", toggleContent: sectionToggleLabel(t('Account')), isExpanded: isAccountSectionExpanded, onToggle: (_event, expanded) => setIsAccountSectionExpanded(expanded) },
+                        React.createElement(AdvanceSearchAccountSection, { formState: formState, onChange: updateFormState, canReadAccounts: canReadAccounts })),
+                    React.createElement(ExpandableSection, { className: "advance-search-expandable-section", toggleContent: sectionToggleLabel(t('Case owner & assignment')), isExpanded: isOwnerSectionExpanded, onToggle: (_event, expanded) => setIsOwnerSectionExpanded(expanded) },
+                        React.createElement(AdvanceSearchOwnerSection, { formState: formState, onChange: updateFormState })),
+                    React.createElement(ExpandableSection, { className: "advance-search-expandable-section", toggleContent: sectionToggleLabel(t('Audits')), isExpanded: isAuditsSectionExpanded, onToggle: (_event, expanded) => setIsAuditsSectionExpanded(expanded) },
+                        React.createElement(AdvanceSearchAuditsSection, { formState: formState, onChange: updateFormState, showDateValidationErrors: showDateValidationErrors })))),
+            React.createElement(Divider, null),
+            React.createElement(ModalFooter, { className: "pf-v6-u-p-0" },
+                React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' }, alignItems: { default: 'alignItemsCenter' }, className: "pf-v6-u-w-100 pf-v6-u-p-md" },
+                    React.createElement(FlexItem, null,
+                        React.createElement(Button, { variant: "tertiary", size: "sm", onClick: handleClearAll },
+                            React.createElement(Trans, null, "Clear all"))),
+                    React.createElement(FlexItem, null,
+                        React.createElement(Flex, { spaceItems: { default: 'spaceItemsSm' } },
+                            React.createElement(FlexItem, null,
+                                React.createElement(Button, { variant: "secondary", size: "sm", onClick: onClose },
+                                    React.createElement(Trans, null, "Cancel"))),
+                            React.createElement(FlexItem, null,
+                                React.createElement(Button, { variant: "primary", size: "sm", onClick: handleSearch, isDisabled: isSearchDisabled, "data-tracking-id": "advance-search-modal-search-button" },
+                                    React.createElement(Trans, null, "Search"))))))))));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSearchOwnerSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchOwnerSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,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;CACjE;AAED,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAwDxE"}

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

@@ -0,0 +1,20 @@
+import { Button, Stack, TextInput } from '@patternfly/react-core';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import React, { useContext } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { GroupsFilter } from '../../case-list-filters/GroupsFilter';
+import { AdvanceSearchFieldBlock } from './AdvanceSearchFieldBlock';
+export function AdvanceSearchOwnerSection({ formState, onChange }) {
+    const { t } = useTranslation();
+    const ability = useContext(AbilityContext);
+    const canAccessGroupsFilter = ability.can(resourceActions.PATCH, resources.CASE_LIST, CaseListFields.GROUPS_FILTER);
+    const hasSelectedGroups = formState.groups.length > 0;
+    return (React.createElement(Stack, null,
+        React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Enter owner name Or SSO") },
+            React.createElement(TextInput, { id: "advance-search-owner", type: "text", value: formState.ownerNameAndSso, onChange: (_event, value) => onChange({ ownerNameAndSso: value }), "aria-label": t('Owner name and SSO'), placeholder: t('Owner name & SSO') })),
+        React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Enter case assigned to name Or SSO") },
+            React.createElement(TextInput, { id: "advance-search-assigned-to", type: "text", value: formState.assignedToNameAndSso, onChange: (_event, value) => onChange({ assignedToNameAndSso: value }), "aria-label": t('Case assigned to name and SSO'), placeholder: t('Case assigned to name and SSO') })),
+        canAccessGroupsFilter && (React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Select case group"), headerActions: hasSelectedGroups ? (React.createElement(Button, { variant: "plain", icon: React.createElement(TimesIcon, { "aria-hidden": true }), "aria-label": t('Clear groups selection'), onClick: () => onChange({ groups: [] }), "data-tracking-id": "advance-search-groups-clear", className: "pf-v6-u-p-0" })) : undefined },
+            React.createElement(GroupsFilter, { selectedGroups: formState.groups, onGroupsChange: (groups) => onChange({ groups }), hideLabel: true, idPrefix: "advance-search-groups-filter", showSelectionCountBadge: true, placeholder: t('Case group') })))));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSearchProductSection.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/AdvanceSearchProductSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAYtE,UAAU,MAAM;IACZ,SAAS,EAAE,uBAAuB,CAAC;IACnC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,wBAAgB,2BAA2B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAqD1E"}

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

@@ -0,0 +1,28 @@
+import { Button, Stack, TextInput } from '@patternfly/react-core';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import React, { useMemo } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { SolrKeys } from '../../../../enums/filters';
+import { AdvanceSearchFieldBlock } from './AdvanceSearchFieldBlock';
+import { ProductVersionDrilldownSelect } from './ProductVersionDrilldownSelect';
+// Temporary until openShiftClusterIdRelevantInCases is available via GraphQL product metadata.
+const OCP_PRODUCT_NAME = 'OpenShift Container Platform';
+const isOcpProductName = (productName) => productName.trim() === OCP_PRODUCT_NAME;
+const hasOcpProductSelected = (products) => products.some((product) => isOcpProductName(product.value));
+export function AdvanceSearchProductSection({ formState, onChange }) {
+    const { t } = useTranslation();
+    const selectedVersionCount = useMemo(() => formState.products.reduce((count, product) => { var _a; return count + (((_a = product[SolrKeys.version]) === null || _a === void 0 ? void 0 : _a.length) || 0); }, 0), [formState.products]);
+    const showClusterIdField = useMemo(() => hasOcpProductSelected(formState.products), [formState.products]);
+    const handleProductsChange = (products) => {
+        const updates = { products };
+        if (!hasOcpProductSelected(products) && formState.openshiftClusterId) {
+            updates.openshiftClusterId = '';
+        }
+        onChange(updates);
+    };
+    return (React.createElement(Stack, null,
+        React.createElement(AdvanceSearchFieldBlock, { label: React.createElement(Trans, null, "Select Product & version"), headerActions: selectedVersionCount > 0 ? (React.createElement(Button, { variant: "plain", icon: React.createElement(TimesIcon, { "aria-hidden": true }), "aria-label": t('Clear product and version selection'), onClick: () => onChange({ products: [], openshiftClusterId: '' }), "data-tracking-id": "advance-search-product-version-clear", className: "pf-v6-u-p-0" })) : undefined },
+            React.createElement(ProductVersionDrilldownSelect, { products: formState.products, onChange: handleProductsChange })),
+        showClusterIdField && (React.createElement(AdvanceSearchFieldBlock, { label: t('Enter clusterID') },
+            React.createElement(TextInput, { id: "advance-search-cluster-id", type: "text", value: formState.openshiftClusterId, onChange: (_event, value) => onChange({ openshiftClusterId: value }), "aria-label": t('Cluster ID'), placeholder: t('Cluster ID') })))));
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IProductFilter } from '../../CaseListFilterReducer';
+interface IProps {
+    products: IProductFilter[];
+    onChange: (products: IProductFilter[]) => void;
+}
+export declare function ProductVersionDrilldownSelect({ products, onChange }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ProductVersionDrilldownSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductVersionDrilldownSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-search/advance-search-modal/ProductVersionDrilldownSelect.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAIrE,OAAO,EAAE,cAAc,EAAuB,MAAM,6BAA6B,CAAC;AAclF,UAAU,MAAM;IACZ,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAsZ3E"}