@ansible/ansible-ui-framework 0.0.267 → 0.0.269

package/cjs/components/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsMounted(): boolean;

package/cjs/components/useIsMounted.js

@@ -0,0 +1,28 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMounted = void 0;
+var react_1 = require("react");
+function useIsMounted() {
+    var _a = __read((0, react_1.useState)(true), 2), isMounted = _a[0], setIsMounted = _a[1];
+    (0, react_1.useEffect)(function () { return function () {
+        setIsMounted(false);
+    }; }, []);
+    return isMounted;
+}
+exports.useIsMounted = useIsMounted;

package/cjs/components/useSearchParams.d.ts

@@ -0,0 +1 @@
+export declare function useSearchParams(): [URLSearchParams, (setSearchParams: URLSearchParams) => void];

package/cjs/components/useSearchParams.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchParams = void 0;
+var react_1 = require("react");
+var useWindowLocation_1 = require("./useWindowLocation");
+function useSearchParams() {
+    var _a, _b;
+    var location = (0, useWindowLocation_1.useWindowLocation)();
+    var pathname = ((_a = location.location) === null || _a === void 0 ? void 0 : _a.pathname) || '/';
+    var searchParams = (0, react_1.useMemo)(function () { var _a, _b; return new URLSearchParams((_b = (_a = location.location) === null || _a === void 0 ? void 0 : _a.search) !== null && _b !== void 0 ? _b : '/'); }, [(_b = location.location) === null || _b === void 0 ? void 0 : _b.search]);
+    var setSearchParams = (0, react_1.useCallback)(function (searchParams) {
+        var newSearch = searchParams.toString();
+        if (newSearch)
+            location.update('?' + newSearch);
+        else
+            location.update(pathname); // retain the existing pathname
+    }, [location, pathname]);
+    return [searchParams, setSearchParams];
+}
+exports.useSearchParams = useSearchParams;

package/cjs/components/useWindowLocation.d.ts

@@ -1,6 +1,5 @@
-export declare function useWindowHistory(): {
+export declare function useWindowLocation(): {
     location: void | Location;
     push: (url?: string | URL | null) => void;
     update: (url?: string | URL | null) => void;
 };
-export declare function useSearchParams(): [URLSearchParams, (setSearchParams: URLSearchParams) => void];

package/cjs/components/useWindowLocation.js

@@ -16,17 +16,11 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchParams = exports.useWindowHistory = void 0;
+exports.useWindowLocation = void 0;
 var react_1 = require("react");
-function useIsMounted() {
-    var _a = __read((0, react_1.useState)(true), 2), isMounted = _a[0], setIsMounted = _a[1];
-    (0, react_1.useEffect)(function () { return function () {
-        setIsMounted(false);
-    }; }, []);
-    return isMounted;
-}
-function useWindowHistory() {
-    var isMounted = useIsMounted();
+var useIsMounted_1 = require("./useIsMounted");
+function useWindowLocation() {
+    var isMounted = (0, useIsMounted_1.useIsMounted)();
     var _a = __read((0, react_1.useState)(isMounted ? window.location : undefined), 2), location = _a[0], setLocation = _a[1];
     var setWindowLocation = (0, react_1.useCallback)(function () {
         setLocation(window.location);
@@ -52,19 +46,4 @@ function useWindowHistory() {
     }, [setWindowLocation]);
     return { location: location, push: push, update: update };
 }
-exports.useWindowHistory = useWindowHistory;
-function useSearchParams() {
-    var _a, _b;
-    var history = useWindowHistory();
-    var pathname = ((_a = history.location) === null || _a === void 0 ? void 0 : _a.pathname) || '/';
-    var searchParams = (0, react_1.useMemo)(function () { var _a, _b; return new URLSearchParams((_b = (_a = history.location) === null || _a === void 0 ? void 0 : _a.search) !== null && _b !== void 0 ? _b : '/'); }, [(_b = history.location) === null || _b === void 0 ? void 0 : _b.search]);
-    var setSearchParams = (0, react_1.useCallback)(function (searchParams) {
-        var newSearch = searchParams.toString();
-        if (newSearch)
-            history.update('?' + newSearch);
-        else
-            history.update(pathname); // retain the existing pathname
-    }, [history, pathname]);
-    return [searchParams, setSearchParams];
-}
-exports.useSearchParams = useSearchParams;
+exports.useWindowLocation = useWindowLocation;

package/cjs/useView.js

@@ -29,9 +29,9 @@ var __values = (this && this.__values) || function(o) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useView = void 0;
 var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
+var useSearchParams_1 = require("./components/useSearchParams");
 function useView(view, disableQueryString) {
-    var _a = __read((0, react_router_dom_1.useSearchParams)(), 2), searchParams = _a[0], setSearchParams = _a[1];
+    var _a = __read((0, useSearchParams_1.useSearchParams)(), 2), searchParams = _a[0], setSearchParams = _a[1];
     var _b = __read((0, react_1.useState)(function () {
         var _a;
         if (!disableQueryString) {
@@ -136,7 +136,7 @@ function useView(view, disableQueryString) {
             newSearchParams.set(filter, filters[filter].join(','));
         }
         localStorage.setItem('perPage', perPage.toString());
-        setSearchParams(newSearchParams, { replace: true });
+        setSearchParams(newSearchParams);
     }, [sort, sortDirection, setSearchParams, disableQueryString, page, perPage, filters]);
     return (0, react_1.useMemo)(function () { return ({
         page: page,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.267",
+  "version": "0.0.269",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {
@@ -20,6 +20,7 @@
     "@react-hook/resize-observer": "^1",
     "@types/json-schema": "^7",
     "@types/react": "^17 || ^18",
+    "@types/styled-components": "^5",
     "debounce": "^1",
     "get-value": "^3",
     "luxon": "^3",