@rh-support/components 2.1.30 → 2.1.32

package/lib/cjs/Table/{Table.d.ts → TableComponent.d.ts}

@@ -6,6 +6,6 @@ interface IProps<T> {
     data: T;
     selectedColumns?: string[];
 }
-export declare function Table<T>({ children, columns, data, selectedColumns }: IProps<T>): JSX.Element;
+export declare function TableComponent<T>({ children, columns, data, selectedColumns }: IProps<T>): JSX.Element;
 export {};
-//# sourceMappingURL=Table.d.ts.map
+//# sourceMappingURL=TableComponent.d.ts.map

package/lib/cjs/Table/TableComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../src/Table/TableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,UAAU,MAAM,CAAC,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,eAkBxF"}

package/lib/cjs/Table/{Table.js → TableComponent.js}

@@ -19,10 +19,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = void 0;
+exports.TableComponent = void 0;
 const react_1 = __importStar(require("react"));
 const TableProvider_1 = require("./TableProvider");
-function Table({ children, columns, data, selectedColumns }) {
+function TableComponent({ children, columns, data, selectedColumns }) {
     const [currentPage, setSelectedPage] = react_1.useState(1);
     const [perPage, setPerPage] = react_1.useState(10);
     return (react_1.default.createElement(TableProvider_1.TableContext.Provider, { value: {
@@ -35,4 +35,4 @@ function Table({ children, columns, data, selectedColumns }) {
             selectedColumns,
         } }, children));
 }
-exports.Table = Table;
+exports.TableComponent = TableComponent;

package/lib/cjs/Table/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Table';
+export * from './TableComponent';
 export * from './PFTable';
 export * from './TableColumnSelector';
 export * from './TablePagination';

package/lib/cjs/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}

package/lib/cjs/Table/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Table"), exports);
+__exportStar(require("./TableComponent"), exports);
 __exportStar(require("./PFTable"), exports);
 __exportStar(require("./TableColumnSelector"), exports);
 __exportStar(require("./TablePagination"), exports);

package/lib/cjs/hooks/index.d.ts

@@ -12,4 +12,5 @@ export * from './useLRUCache';
 export * from './useBreakpoint';
 export * from './useOnScreen';
 export * from './useSelectKeyboardNavigator';
+export * from './useSessionStorage';
 //# sourceMappingURL=index.d.ts.map

package/lib/cjs/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}

package/lib/cjs/hooks/index.js

@@ -24,3 +24,4 @@ __exportStar(require("./useLRUCache"), exports);
 __exportStar(require("./useBreakpoint"), exports);
 __exportStar(require("./useOnScreen"), exports);
 __exportStar(require("./useSelectKeyboardNavigator"), exports);
+__exportStar(require("./useSessionStorage"), exports);

package/lib/cjs/hooks/useSessionStorage.d.ts

@@ -0,0 +1,5 @@
+declare type Dispatch<A> = (value: A) => void;
+declare type SetStateAction<S> = S | ((prevState: S) => S);
+declare const useSessionStorage: <T>(key: string, initialValue?: T, raw?: boolean) => [T, Dispatch<SetStateAction<T>>];
+export { useSessionStorage };
+//# sourceMappingURL=useSessionStorage.d.ts.map

package/lib/cjs/hooks/useSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,aAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnD,QAAA,MAAM,iBAAiB,WAAY,MAAM,0BAA0B,OAAO,qCA0BzE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/cjs/hooks/useSessionStorage.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSessionStorage = void 0;
+const react_1 = require("react");
+const useSessionStorage = (key, initialValue, raw) => {
+    const [state, setState] = react_1.useState(() => {
+        try {
+            const sessionStorageValue = sessionStorage.getItem(key);
+            if (typeof sessionStorageValue !== 'string') {
+                sessionStorage.setItem(key, raw ? String(initialValue) : JSON.stringify(initialValue));
+                return initialValue;
+            }
+            else {
+                return raw ? sessionStorageValue : JSON.parse(sessionStorageValue || 'null');
+            }
+        }
+        catch (_a) {
+            return initialValue;
+        }
+    });
+    react_1.useEffect(() => {
+        try {
+            const serializedState = raw ? String(state) : JSON.stringify(state);
+            sessionStorage.setItem(key, serializedState);
+        }
+        catch (_a) {
+            //
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state]);
+    return [state, setState];
+};
+exports.useSessionStorage = useSessionStorage;

package/lib/esm/Table/{Table.d.ts → TableComponent.d.ts}

@@ -6,6 +6,6 @@ interface IProps<T> {
     data: T;
     selectedColumns?: string[];
 }
-export declare function Table<T>({ children, columns, data, selectedColumns }: IProps<T>): JSX.Element;
+export declare function TableComponent<T>({ children, columns, data, selectedColumns }: IProps<T>): JSX.Element;
 export {};
-//# sourceMappingURL=Table.d.ts.map
+//# sourceMappingURL=TableComponent.d.ts.map

package/lib/esm/Table/TableComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableComponent.d.ts","sourceRoot":"","sources":["../../../src/Table/TableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,UAAU,MAAM,CAAC,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,eAkBxF"}

package/lib/esm/Table/{Table.js → TableComponent.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { TableContext } from './TableProvider';
-export function Table({ children, columns, data, selectedColumns }) {
+export function TableComponent({ children, columns, data, selectedColumns }) {
     const [currentPage, setSelectedPage] = useState(1);
     const [perPage, setPerPage] = useState(10);
     return (React.createElement(TableContext.Provider, { value: {

package/lib/esm/Table/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Table';
+export * from './TableComponent';
 export * from './PFTable';
 export * from './TableColumnSelector';
 export * from './TablePagination';

package/lib/esm/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC"}

package/lib/esm/Table/index.js

@@ -1,4 +1,4 @@
-export * from './Table';
+export * from './TableComponent';
 export * from './PFTable';
 export * from './TableColumnSelector';
 export * from './TablePagination';

package/lib/esm/hooks/index.d.ts

@@ -12,4 +12,5 @@ export * from './useLRUCache';
 export * from './useBreakpoint';
 export * from './useOnScreen';
 export * from './useSelectKeyboardNavigator';
+export * from './useSessionStorage';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}

package/lib/esm/hooks/index.js

@@ -12,3 +12,4 @@ export * from './useLRUCache';
 export * from './useBreakpoint';
 export * from './useOnScreen';
 export * from './useSelectKeyboardNavigator';
+export * from './useSessionStorage';

package/lib/esm/hooks/useSessionStorage.d.ts

@@ -0,0 +1,5 @@
+declare type Dispatch<A> = (value: A) => void;
+declare type SetStateAction<S> = S | ((prevState: S) => S);
+declare const useSessionStorage: <T>(key: string, initialValue?: T, raw?: boolean) => [T, Dispatch<SetStateAction<T>>];
+export { useSessionStorage };
+//# sourceMappingURL=useSessionStorage.d.ts.map

package/lib/esm/hooks/useSessionStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSessionStorage.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,aAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAEnD,QAAA,MAAM,iBAAiB,WAAY,MAAM,0BAA0B,OAAO,qCA0BzE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/lib/esm/hooks/useSessionStorage.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+const useSessionStorage = (key, initialValue, raw) => {
+    const [state, setState] = useState(() => {
+        try {
+            const sessionStorageValue = sessionStorage.getItem(key);
+            if (typeof sessionStorageValue !== 'string') {
+                sessionStorage.setItem(key, raw ? String(initialValue) : JSON.stringify(initialValue));
+                return initialValue;
+            }
+            else {
+                return raw ? sessionStorageValue : JSON.parse(sessionStorageValue || 'null');
+            }
+        }
+        catch (_a) {
+            return initialValue;
+        }
+    });
+    useEffect(() => {
+        try {
+            const serializedState = raw ? String(state) : JSON.stringify(state);
+            sessionStorage.setItem(key, serializedState);
+        }
+        catch (_a) {
+            //
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state]);
+    return [state, setState];
+};
+export { useSessionStorage };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.1.30",
+    "version": "2.1.32",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -79,8 +79,8 @@
         "@patternfly/react-core": "5.1.1",
         "@patternfly/react-table": "5.1.1",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.21",
-        "@rh-support/utils": "2.1.14",
+        "@rh-support/user-permissions": "2.1.22",
+        "@rh-support/utils": "2.1.15",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
         "js-worker-search": "^1.4.1",
@@ -90,6 +90,7 @@
         "react": "17.0.2",
         "react-bootstrap-typeahead": "^5.1.4",
         "react-dom": "17.0.2",
+        "react-i18next": "^13.2.2",
         "react-router-dom": "^5.1.2",
         "react-toastify": "^5.4.1",
         "resize-observer-polyfill": "^1.5.1",
@@ -115,5 +116,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "c5a573ae8bd924caf9689a0179fde2181038b4e9"
+    "gitHead": "462d269eaba23f3e9b735caf2157f24f2a841da2"
 }

package/lib/cjs/Table/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,UAAU,MAAM,CAAC,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,eAkB/E"}

package/lib/esm/Table/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,UAAU,MAAM,CAAC,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,wBAAgB,KAAK,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,eAkB/E"}