@rh-support/cases 2.1.78 → 2.1.80-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA6BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAujB1C"}
+{"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAuB3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,iBAAiB,EAAyB,MAAM,0BAA0B,CAAC;AAEpF,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA6BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAsBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA4jB1C"}

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

@@ -38,7 +38,7 @@ const EMPTY_STATE_NO_FILTERS_ERROR = (React.createElement(React.Fragment, null,
     "to see if there are any known issues"));
 export function CaseListTable(props) {
     var _a, _b, _c, _d, _e, _f;
-    const [selectedColumns, setSelectedColumns] = useState(initialSelectedColumns);
+    const [selectedColumns, setSelectedColumns] = useState([]);
     const { t } = useTranslation();
     const [selectedCases, setSelectedCases] = useState([]);
     const caseListData = props.isCaseListPageLoading ? [] : (_b = (_a = props.caseList) === null || _a === void 0 ? void 0 : _a.docs) !== null && _b !== void 0 ? _b : [];
@@ -142,12 +142,6 @@ export function CaseListTable(props) {
     const selectAllRows = () => {
         !isEqual(selectedCases, allRows) ? setSelectedCases(allRows) : setSelectedCases([]);
     };
-    const savedSelectedColumnsKey = UserPreferencesKeys.caseListSelectedColumns;
-    const savedSelectedColumns = find(hydraUserPreferences === null || hydraUserPreferences === void 0 ? void 0 : hydraUserPreferences.data, (pref) => pref.key === savedSelectedColumnsKey);
-    const cachedColumns = (!isUndefined(savedSelectedColumns) && JSON.parse(savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value)) || initialSelectedColumns;
-    const getSelectedColumnsListFromCache = () => {
-        (savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value) && setSelectedColumns(cachedColumns);
-    };
     const onColumnSelectorChange = (selectedColumnsList) => {
         setSelectedColumns(selectedColumnsList);
         try {
@@ -306,6 +300,17 @@ export function CaseListTable(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.caseList]);
     useEffect(() => {
+        if (hydraUserPreferences.isFetching)
+            return;
+        const getSelectedColumnsListFromCache = () => {
+            const savedSelectedColumns = find(hydraUserPreferences === null || hydraUserPreferences === void 0 ? void 0 : hydraUserPreferences.data, (pref) => pref.key === UserPreferencesKeys.caseListSelectedColumns);
+            if (!isUndefined(savedSelectedColumns) && JSON.parse(savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value)) {
+                setSelectedColumns(JSON.parse(savedSelectedColumns === null || savedSelectedColumns === void 0 ? void 0 : savedSelectedColumns.value));
+            }
+            else {
+                setSelectedColumns(initialSelectedColumns);
+            }
+        };
         getSelectedColumnsListFromCache();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
@@ -342,7 +347,7 @@ export function CaseListTable(props) {
         React.createElement(TableComponent, { columns: columns, data: caseListData, selectedColumns: selectedColumns },
             React.createElement("div", { className: "case-list-table-toolbar pf-v5-l-flex", ref: tableToolbarRef },
                 React.createElement("div", { className: "toolbar-actions pf-v5-l-flex pf-m-space-items-sm" },
-                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: cachedColumns }),
+                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns }),
                     React.createElement(ExportCaseListCSV, { currentFilteredCaseList: props.caseList, isExportCsvDisabled: props.isSolrDown, selectedCases: selectedCases }),
                     React.createElement(CloseCaseBtn, { selectedCases: selectedCases, caseList: caseListData, onCasesCloseSuccess: onCasesCloseSuccess })),
                 React.createElement("span", { className: "toolbar-pagination" },

package/lib/esm/components/case-list/case-list-table/table-column-selector/TableColumnSelector.d.ts

@@ -2,7 +2,7 @@ import './TableColumnSelector.scss';
 import React from 'react';
 interface IProps {
     onColumnSelectorChange: (columns: string[]) => void;
-    cachedColumns: string[] | [];
+    cachedColumns: string[];
 }
 export declare function TableColumnSelector({ onColumnSelectorChange, cachedColumns }: IProps): React.JSX.Element;
 export {};

package/lib/esm/components/case-list/case-list-table/table-column-selector/TableColumnSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-list-table/table-column-selector/TableColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAWpC,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAuHpF"}
+{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/case-list/case-list-table/table-column-selector/TableColumnSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AAWpC,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,aAAa,EAAE,EAAE,MAAM,qBAgGpF"}

package/lib/esm/components/case-list/case-list-table/table-column-selector/TableColumnSelector.js

@@ -1,25 +1,22 @@
 import './TableColumnSelector.scss';
 import { Checkbox, Dropdown, DropdownList, Grid, GridItem, MenuToggle, } from '@patternfly/react-core';
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
-    const [checkboxes, setCheckboxes] = useState({
-        contactName: false,
-        lastModifiedDate: false,
-        severity: false,
-        status: false,
-        createdDate: false,
-        product: false,
-        accountNumber: false,
-        alternateCaseId: false,
-        type: false,
-        closedDate: false,
-        folderName: false,
-    });
     const handleCheckboxChange = (key) => {
-        setCheckboxes((prevCheckboxes) => (Object.assign(Object.assign({}, prevCheckboxes), { [key]: !prevCheckboxes[key] })));
+        const index = cachedColumns.indexOf(key);
+        if (index === -1) {
+            // selected column not found, add it to the array
+            onColumnSelectorChange([...cachedColumns, key]);
+        }
+        else {
+            // selected column found, remove it from the array
+            const selectedCols = [...cachedColumns];
+            selectedCols.splice(index, 1);
+            onColumnSelectorChange(selectedCols);
+        }
     };
     const onToggleClick = () => {
         setIsOpen(!isOpen);
@@ -40,21 +37,10 @@ export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
         { label: 'Closed date', key: 'closedDate' },
     ];
     const generateCheckboxes = (fieldDefinitions) => {
-        return fieldDefinitions === null || fieldDefinitions === void 0 ? void 0 : fieldDefinitions.map((field) => (React.createElement(Checkbox, { key: field.key, className: "case-column-selector", label: t(field.label), isChecked: checkboxes[field.key], onChange: () => {
+        return fieldDefinitions === null || fieldDefinitions === void 0 ? void 0 : fieldDefinitions.map((field) => (React.createElement(Checkbox, { key: field.key, className: "case-column-selector", label: t(field.label), isChecked: cachedColumns.includes(field.key), onChange: () => {
                 handleCheckboxChange(field.key);
             }, id: field.key, name: field.key })));
     };
-    useEffect(() => {
-        const selectedColumns = Object.keys(checkboxes).filter((key) => checkboxes[key]);
-        onColumnSelectorChange(selectedColumns);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [checkboxes]);
-    useEffect(() => {
-        cachedColumns === null || cachedColumns === void 0 ? void 0 : cachedColumns.forEach((key) => {
-            setCheckboxes((prevCheckboxes) => (Object.assign(Object.assign({}, prevCheckboxes), { [key]: true })));
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
     return (React.createElement(Dropdown, { isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen }, t('Columns'))), shouldFocusToggleOnSelect: true, id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", className: "column-selector" },
         React.createElement(DropdownList, null,
             React.createElement(Grid, { hasGutter: true },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.1.78",
+    "version": "2.1.80-beta.1",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -43,8 +43,8 @@
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
         "@patternfly/react-table": "5.1.1",
-        "@rh-support/components": "2.1.61",
-        "@rh-support/react-context": "2.1.68",
+        "@rh-support/components": "2.1.61-beta.1",
+        "@rh-support/react-context": "2.1.69-beta.1",
         "@rh-support/types": "2.0.3",
         "@rh-support/user-permissions": "2.1.44",
         "@rh-support/utils": "2.1.33",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "0fa0968e831c199572669184c466e9fecd781d12"
+    "gitHead": "d867a78014ee4a08aa8d7bf9e0dc9bd08ce6ac5a"
 }