@flightctl/ui-components 0.0.1

package/dist/src/hooks/useDeviceLabelMatch.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useFetch_1 = require("./useFetch");
+const error_1 = require("../utils/error");
+const getMatchResult = (fleets, deviceLabels) => {
+    const matchingFleets = fleets.filter((fleet) => {
+        var _a;
+        const fleetMatch = ((_a = fleet.spec.selector) === null || _a === void 0 ? void 0 : _a.matchLabels) || {};
+        if (Object.keys(fleetMatch).length === 0) {
+            // Fleets with no label selector don't match any devices
+            return false;
+        }
+        return Object.entries(fleetMatch).every(([fleetMatchKey, fleetMatchValue]) => {
+            const matchingDeviceLabel = deviceLabels.find((dLabel) => dLabel.key === fleetMatchKey);
+            return matchingDeviceLabel && (matchingDeviceLabel.value || '') === (fleetMatchValue || '');
+        });
+    });
+    const matchCount = (matchingFleets === null || matchingFleets === void 0 ? void 0 : matchingFleets.length) || 0;
+    switch (matchCount) {
+        case 0:
+            return { status: 'checked--empty' };
+        case 1:
+            return { status: 'checked--unique', detail: matchingFleets[0].metadata.name };
+        default:
+            return { status: 'checked--multiple' };
+    }
+};
+const useDeviceLabelMatch = () => {
+    const { get } = (0, useFetch_1.useFetch)();
+    const abortControllerRef = React.useRef();
+    const [matchStatus, setMatchStatus] = React.useState({
+        status: 'unchecked',
+        detail: '',
+    });
+    const matchLabelsFn = React.useCallback((newLabels, hasErrors) => {
+        const matchDeviceLabels = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            // TODO PoC implementation, we're missing the ability of filtering in the "fleets" endpoint.
+            let result = {
+                status: 'unchecked',
+                detail: '',
+            };
+            try {
+                if (abortControllerRef.current) {
+                    abortControllerRef.current.abort();
+                }
+                abortControllerRef.current = new AbortController();
+                const allFleets = yield get('fleets', abortControllerRef.current.signal);
+                result = getMatchResult((_a = allFleets.items) !== null && _a !== void 0 ? _a : [], newLabels);
+            }
+            catch (e) {
+                // aborting fetch trows 'AbortError', we can ignore it
+                if (!((_b = abortControllerRef.current) === null || _b === void 0 ? void 0 : _b.signal.aborted)) {
+                    result = { status: 'checked--error', detail: (0, error_1.getErrorMessage)(e) };
+                }
+            }
+            setMatchStatus(result);
+        });
+        if (newLabels.length === 0) {
+            setMatchStatus({
+                status: 'unchecked',
+            });
+        }
+        else if (hasErrors) {
+            setMatchStatus({
+                status: 'unchecked--invalid',
+            });
+        }
+        else {
+            void matchDeviceLabels();
+        }
+    }, [get]);
+    return [matchLabelsFn, matchStatus];
+};
+exports.default = useDeviceLabelMatch;
+//# sourceMappingURL=useDeviceLabelMatch.js.map

package/dist/src/hooks/useDeviceLabelMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceLabelMatch.js","sourceRoot":"","sources":["../../../src/hooks/useDeviceLabelMatch.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/useDocumentTitle.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDocumentTitle = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+// a custom hook for setting the page title
+function useDocumentTitle(title) {
+    React.useEffect(() => {
+        const originalTitle = document.title;
+        document.title = title;
+        return () => {
+            document.title = originalTitle;
+        };
+    }, [title]);
+}
+exports.useDocumentTitle = useDocumentTitle;
+//# sourceMappingURL=useDocumentTitle.js.map

package/dist/src/hooks/useDocumentTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocumentTitle.js","sourceRoot":"","sources":["../../../src/hooks/useDocumentTitle.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2CAA2C;AAC3C,SAAgB,gBAAgB,CAAC,KAAa;IAC5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC;QACrC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AARD,4CAQC"}

package/dist/src/hooks/useFetch.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetch = void 0;
+const useAppContext_1 = require("./useAppContext");
+const useFetch = () => {
+    const { fetch, metrics } = (0, useAppContext_1.useAppContext)();
+    return Object.assign(Object.assign({}, fetch), { getMetrics: metrics.get });
+};
+exports.useFetch = useFetch;
+//# sourceMappingURL=useFetch.js.map

package/dist/src/hooks/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.js","sourceRoot":"","sources":["../../../src/hooks/useFetch.ts"],"names":[],"mappings":";;;AAAA,mDAAgD;AAEzC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IAE3C,uCACK,KAAK,KACR,UAAU,EAAE,OAAO,CAAC,GAAG,IACvB;AACJ,CAAC,CAAC;AAPW,QAAA,QAAQ,YAOnB"}

package/dist/src/hooks/useFetchPeriodically.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetchPeriodically = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const api_1 = require("../utils/api");
+const useFetch_1 = require("./useFetch");
+const TIMEOUT = 10000;
+const useFetchPeriodically = (query) => {
+    const [isLoading, setIsLoading] = React.useState(true);
+    const [isUpdating, setIsUpdating] = React.useState(false);
+    const [data, setData] = React.useState();
+    const [error, setError] = React.useState();
+    const [forceUpdate, setForceUpdate] = React.useState(0);
+    const ref = React.useRef(0);
+    const prevResolvedQueryHash = React.useRef();
+    const { get, getMetrics } = (0, useFetch_1.useFetch)();
+    // When the query parameters change, the hash will too. We must perform a refetch outside the timeout loop
+    const queryStringHash = (0, api_1.getQueryStringHash)(query);
+    const isAPI = (0, api_1.isApiQuery)(query);
+    // Callback that generates the updated query for refreshes. It may provide updated values for parameters such as from/to for metric queries
+    const getRequestQuery = React.useCallback(() => (0, api_1.getRequestQueryString)(query), [query]);
+    React.useEffect(() => {
+        let abortController;
+        const fetchPeriodically = (id) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            while (ref.current === id) {
+                const requestQuery = getRequestQuery();
+                if (requestQuery) {
+                    try {
+                        abortController = new AbortController();
+                        if (id > 0 && prevResolvedQueryHash.current !== queryStringHash) {
+                            setIsUpdating(true);
+                        }
+                        const fetchFn = isAPI ? get : getMetrics;
+                        const data = yield fetchFn(requestQuery, abortController.signal);
+                        if (isLoading) {
+                            setIsLoading(false);
+                        }
+                        setIsUpdating(false);
+                        // eslint-disable-next-line
+                        setData(isAPI ? data : data.data.result);
+                        setError(undefined);
+                    }
+                    catch (err) {
+                        // aborting fetch trows 'AbortError', we can ignore it
+                        if (abortController.signal.aborted) {
+                            return;
+                        }
+                        setError(err);
+                        setIsLoading(false);
+                        setIsUpdating(false);
+                    }
+                }
+                else {
+                    setIsLoading(false);
+                    setError(undefined);
+                    setData(undefined);
+                }
+                prevResolvedQueryHash.current = queryStringHash;
+                yield new Promise((resolve) => setTimeout(resolve, TIMEOUT));
+            }
+        });
+        fetchPeriodically(ref.current);
+        return () => {
+            // eslint-disable-next-line
+            ref.current++;
+            abortController === null || abortController === void 0 ? void 0 : abortController.abort();
+        };
+        // eslint-disable-next-line
+    }, [get, getMetrics, forceUpdate, queryStringHash, isAPI]);
+    const refetch = React.useCallback(() => setForceUpdate((val) => val + 1), []);
+    return [data, isLoading, error, refetch, isUpdating];
+};
+exports.useFetchPeriodically = useFetchPeriodically;
+//# sourceMappingURL=useFetchPeriodically.js.map

package/dist/src/hooks/useFetchPeriodically.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchPeriodically.js","sourceRoot":"","sources":["../../../src/hooks/useFetchPeriodically.ts"],"names":[],"mappings":"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"}

package/dist/src/hooks/useNavigate.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = exports.useNavigate = exports.ROUTE = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useAppContext_1 = require("./useAppContext");
+var ROUTE;
+(function (ROUTE) {
+    ROUTE["ROOT"] = "ROOT";
+    ROUTE["FLEETS"] = "FLEETS";
+    ROUTE["FLEET_CREATE"] = "FLEET_CREATE";
+    ROUTE["FLEET_IMPORT"] = "FLEET_IMPORT";
+    ROUTE["FLEET_DETAILS"] = " FLEET_DETAILS";
+    ROUTE["FLEET_EDIT"] = "FLEET_EDIT";
+    ROUTE["DEVICES"] = "DEVICES";
+    ROUTE["DEVICE_DETAILS"] = "DEVICE_DETAILS";
+    ROUTE["DEVICE_EDIT"] = "DEVICE_EDIT";
+    ROUTE["REPOSITORIES"] = "REPOSITORIES";
+    ROUTE["REPO_CREATE"] = "REPO_CREATE";
+    ROUTE["REPO_EDIT"] = "REPO_EDIT";
+    ROUTE["REPO_DETAILS"] = " REPO_DETAILS";
+    ROUTE["RESOURCE_SYNC_DETAILS"] = " RESOURCE_SYNC_DETAILS";
+    ROUTE["ENROLLMENT_REQUESTS"] = "ENROLLMENT_REQUESTS";
+    ROUTE["ENROLLMENT_REQUEST_DETAILS"] = "ENROLLMENT_REQUEST_DETAILS";
+})(ROUTE || (exports.ROUTE = ROUTE = {}));
+const useNavigate = () => {
+    const { router: { useNavigate: useRouterNavigate, appRoutes }, } = (0, useAppContext_1.useAppContext)();
+    const navigate = useRouterNavigate();
+    return React.useCallback((to) => {
+        if (typeof to === 'number') {
+            navigate(to);
+        }
+        else {
+            if (toParamIsToObj(to)) {
+                const route = appRoutes[to.route];
+                navigate(`${route}/${to.postfix}`);
+            }
+            else {
+                const route = appRoutes[to];
+                navigate(route);
+            }
+        }
+    }, [navigate, appRoutes]);
+};
+exports.useNavigate = useNavigate;
+const toParamIsToObj = (to) => {
+    if (typeof to === 'object') {
+        return 'route' in to;
+    }
+    return false;
+};
+const Link = (_a) => {
+    var { to, query } = _a, rest = tslib_1.__rest(_a, ["to", "query"]);
+    const { router: { Link: RouterLink, appRoutes }, } = (0, useAppContext_1.useAppContext)();
+    let route = '';
+    if (toParamIsToObj(to)) {
+        route = `${appRoutes[to.route]}/${to.postfix}`;
+    }
+    else {
+        route = appRoutes[to];
+    }
+    return React.createElement(RouterLink, Object.assign({ to: query ? `${route}?${query}` : route }, rest));
+};
+exports.Link = Link;
+//# sourceMappingURL=useNavigate.js.map

package/dist/src/hooks/useNavigate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigate.js","sourceRoot":"","sources":["../../../src/hooks/useNavigate.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mDAAgD;AAOhD,IAAY,KAiBX;AAjBD,WAAY,KAAK;IACf,sBAAa,CAAA;IACb,0BAAiB,CAAA;IACjB,sCAA6B,CAAA;IAC7B,sCAA6B,CAAA;IAC7B,yCAAgC,CAAA;IAChC,kCAAyB,CAAA;IACzB,4BAAmB,CAAA;IACnB,0CAAiC,CAAA;IACjC,oCAA2B,CAAA;IAC3B,sCAA6B,CAAA;IAC7B,oCAA2B,CAAA;IAC3B,gCAAuB,CAAA;IACvB,uCAA8B,CAAA;IAC9B,yDAAgD,CAAA;IAChD,oDAA2C,CAAA;IAC3C,kEAAyD,CAAA;AAC3D,CAAC,EAjBW,KAAK,qBAAL,KAAK,QAiBhB;AAeM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EACJ,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,SAAS,EAAE,GACtD,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEpB,MAAM,QAAQ,GAAG,iBAAiB,EAAE,CAAC;IAErC,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,EAA0B,EAAE,EAAE;QAC7B,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;YAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;aAAM,CAAC;YACN,IAAI,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;gBACvB,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;gBAClC,QAAQ,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,MAAM,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;gBAC5B,QAAQ,CAAC,KAAK,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,CAAC,CACtB,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,WAAW,eAuBtB;AAOF,MAAM,cAAc,GAAG,CAAC,EAAmB,EAAe,EAAE;IAC1D,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,OAAO,IAAI,EAAE,CAAC;IACvB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,EAAE,EAAE,KAAK,OAAsB,EAAjB,IAAI,sBAApB,eAAsB,CAAF;IACvC,MAAM,EACJ,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,GACxC,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEpB,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC;QACvB,KAAK,GAAG,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;IACjD,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,oBAAC,UAAU,kBAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,IAAM,IAAI,EAAI,CAAC;AAC3E,CAAC,CAAC;AAbW,QAAA,IAAI,QAaf"}

package/dist/src/hooks/useTableSelect.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableSelect = void 0;
+const tslib_1 = require("tslib");
+const resource_1 = require("../utils/resource");
+const React = tslib_1.__importStar(require("react"));
+const useTableSelect = () => {
+    const [isAllSelected, setIsAllSelected] = React.useState(false);
+    // The elements in this "selectedResourceIds" can either be:
+    // - included in the selection, when "isAllSelected=false"
+    // - excluded from the selection, when "isAllSelected=true"
+    const [selectedResourceIds, setSelectedResourceIds] = React.useState([]);
+    const hasSelectedRows = isAllSelected || selectedResourceIds.length > 0;
+    const setAllSelected = (isSelected) => {
+        setIsAllSelected(isSelected);
+        setSelectedResourceIds([]);
+    };
+    const onRowSelect = (resource) => (_, isSelecting) => {
+        const resourceId = (0, resource_1.getResourceId)(resource);
+        const addElementToList = (isAllSelected && !isSelecting) || (!isAllSelected && isSelecting);
+        if (addElementToList) {
+            setSelectedResourceIds([...selectedResourceIds, resourceId]);
+        }
+        else {
+            setSelectedResourceIds(selectedResourceIds.filter((id) => id !== resourceId));
+        }
+    };
+    const isRowSelected = (resource) => {
+        if (isAllSelected) {
+            return !selectedResourceIds.includes((0, resource_1.getResourceId)(resource));
+        }
+        else {
+            return selectedResourceIds.includes((0, resource_1.getResourceId)(resource));
+        }
+    };
+    return {
+        onRowSelect,
+        hasSelectedRows,
+        isAllSelected: isAllSelected && selectedResourceIds.length === 0,
+        setAllSelected,
+        isRowSelected,
+    };
+};
+exports.useTableSelect = useTableSelect;
+//# sourceMappingURL=useTableSelect.js.map

package/dist/src/hooks/useTableSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelect.js","sourceRoot":"","sources":["../../../src/hooks/useTableSelect.ts"],"names":[],"mappings":";;;;AAAA,gDAAkD;AAGlD,qDAA+B;AAExB,MAAM,cAAc,GAAG,GAAqD,EAAE;IACnF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzE,4DAA4D;IAC5D,0DAA0D;IAC1D,2DAA2D;IAC3D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEnF,MAAM,eAAe,GAAG,aAAa,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC;IAExE,MAAM,cAAc,GAAG,CAAC,UAAmB,EAAE,EAAE;QAC7C,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC7B,sBAAsB,CAAC,EAAE,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,WAAW,GACf,CAAC,QAAW,EAAY,EAAE,CAC1B,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE;QACjB,MAAM,UAAU,GAAG,IAAA,wBAAa,EAAC,QAAQ,CAAC,CAAC;QAE3C,MAAM,gBAAgB,GAAG,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,aAAa,IAAI,WAAW,CAAC,CAAC;QAC5F,IAAI,gBAAgB,EAAE,CAAC;YACrB,sBAAsB,CAAC,CAAC,GAAG,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,sBAAsB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC;QAChF,CAAC;IACH,CAAC,CAAC;IAEJ,MAAM,aAAa,GAAG,CAAC,QAAW,EAAE,EAAE;QACpC,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAA,wBAAa,EAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,OAAO,mBAAmB,CAAC,QAAQ,CAAC,IAAA,wBAAa,EAAC,QAAQ,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,eAAe;QACf,aAAa,EAAE,aAAa,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC;QAChE,cAAc;QACd,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,cAAc,kBA0CzB"}

package/dist/src/hooks/useTableSort.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableSort = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const getDefaultIndex = (columns) => {
+    const defaultColumnIndex = columns.findIndex((c) => c.defaultSort);
+    return defaultColumnIndex === -1 ? 0 : defaultColumnIndex;
+};
+const useTableSort = (data, columns) => {
+    const [activeSortIndex, setActiveSortIndex] = React.useState(getDefaultIndex(columns));
+    const [activeSortDirection, setActiveSortDirection] = React.useState('asc');
+    const getSortParams = React.useCallback((columnIndex) => columns[columnIndex].onSort
+        ? {
+            sortBy: {
+                index: activeSortIndex,
+                direction: activeSortDirection,
+                defaultDirection: 'asc',
+            },
+            onSort: (_, index, direction) => {
+                setActiveSortIndex(index);
+                setActiveSortDirection(direction);
+            },
+            columnIndex,
+        }
+        : undefined, [activeSortIndex, activeSortDirection, columns]);
+    const sortedData = React.useMemo(() => {
+        var _a, _b;
+        const sorted = (_b = (_a = columns[activeSortIndex]).onSort) === null || _b === void 0 ? void 0 : _b.call(_a, data);
+        if (activeSortDirection === 'desc') {
+            sorted === null || sorted === void 0 ? void 0 : sorted.reverse();
+        }
+        return sorted || data;
+    }, [columns, data, activeSortIndex, activeSortDirection]);
+    return { getSortParams, sortedData };
+};
+exports.useTableSort = useTableSort;
+//# sourceMappingURL=useTableSort.js.map

package/dist/src/hooks/useTableSort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSort.js","sourceRoot":"","sources":["../../../src/hooks/useTableSort.ts"],"names":[],"mappings":";;;;AAEA,qDAA+B;AAE/B,MAAM,eAAe,GAAG,CAAI,OAAyB,EAAE,EAAE;IACvD,MAAM,kBAAkB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACnE,OAAO,kBAAkB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;AAC5D,CAAC,CAAC;AAEK,MAAM,YAAY,GAAG,CAAI,IAAS,EAAE,OAAyB,EAAE,EAAE;IACtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/F,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiB,KAAK,CAAC,CAAC;IAE5F,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,WAAmB,EAAmB,EAAE,CACvC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM;QACzB,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,KAAK,EAAE,eAAe;gBACtB,SAAS,EAAE,mBAAmB;gBAC9B,gBAAgB,EAAE,KAAK;aACxB;YACD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;gBAC9B,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,sBAAsB,CAAC,SAAS,CAAC,CAAC;YACpC,CAAC;YACD,WAAW;SACZ;QACH,CAAC,CAAC,SAAS,EACf,CAAC,eAAe,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAChD,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACpC,MAAM,MAAM,GAAG,MAAA,MAAA,OAAO,CAAC,eAAe,CAAC,EAAC,MAAM,mDAAG,IAAI,CAAC,CAAC;QACvD,IAAI,mBAAmB,KAAK,MAAM,EAAE,CAAC;YACnC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,MAAM,IAAI,IAAI,CAAC;IACxB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC;AACvC,CAAC,CAAC;AAhCW,QAAA,YAAY,gBAgCvB"}

package/dist/src/hooks/useTableTextSearch.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableTextSearch = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const fuzzysearch_1 = tslib_1.__importDefault(require("fuzzysearch"));
+const useTableTextSearch = (data, getText) => {
+    const [search, setSearch] = React.useState('');
+    const filteredData = React.useMemo(() => {
+        return data.filter((d) => {
+            const texts = getText(d);
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+            return texts.some((t) => t && (0, fuzzysearch_1.default)(search, t));
+        });
+    }, [data, search, getText]);
+    return {
+        search,
+        setSearch,
+        filteredData,
+    };
+};
+exports.useTableTextSearch = useTableTextSearch;
+//# sourceMappingURL=useTableTextSearch.js.map

package/dist/src/hooks/useTableTextSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableTextSearch.js","sourceRoot":"","sources":["../../../src/hooks/useTableTextSearch.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,sEAAgC;AAEzB,MAAM,kBAAkB,GAAG,CAChC,IAAS,EACT,OAAgD,EAC2B,EAAE;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YACvB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,6DAA6D;YAC7D,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,IAAA,qBAAK,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,OAAO;QACL,MAAM;QACN,SAAS;QACT,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B"}

package/dist/src/hooks/useTemplateVersion.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTemplateVersion = void 0;
+const useFetchPeriodically_1 = require("./useFetchPeriodically");
+const devices_1 = require("../utils/devices");
+const api_1 = require("../utils/api");
+const extraTypes_1 = require("../types/extraTypes");
+const useTemplateVersion = (device) => {
+    let templateVersion;
+    let ownerFleet;
+    if (device === null || device === void 0 ? void 0 : device.metadata) {
+        templateVersion = (0, api_1.getMetadataAnnotation)(device === null || device === void 0 ? void 0 : device.metadata, extraTypes_1.DeviceAnnotation.TemplateVersion);
+        ownerFleet = (0, devices_1.getDeviceFleet)(device === null || device === void 0 ? void 0 : device.metadata);
+    }
+    const shouldFetchTVs = !!(templateVersion && ownerFleet);
+    const [tv, isLoading, error] = (0, useFetchPeriodically_1.useFetchPeriodically)({
+        endpoint: shouldFetchTVs ? `fleets/${ownerFleet}/templateversions/${templateVersion}` : '',
+    });
+    return [shouldFetchTVs, tv, isLoading && shouldFetchTVs, error];
+};
+exports.useTemplateVersion = useTemplateVersion;
+//# sourceMappingURL=useTemplateVersion.js.map

package/dist/src/hooks/useTemplateVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTemplateVersion.js","sourceRoot":"","sources":["../../../src/hooks/useTemplateVersion.ts"],"names":[],"mappings":";;;AACA,iEAA8D;AAC9D,8CAAkD;AAClD,sCAAqD;AACrD,oDAAuD;AAEhD,MAAM,kBAAkB,GAAG,CAChC,MAA0B,EACgC,EAAE;IAC5D,IAAI,eAAmC,CAAC;IACxC,IAAI,UAAqC,CAAC;IAC1C,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,CAAC;QACrB,eAAe,GAAG,IAAA,2BAAqB,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,6BAAgB,CAAC,eAAe,CAAC,CAAC;QAC5F,UAAU,GAAG,IAAA,wBAAc,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,CAAC;IAChD,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,eAAe,IAAI,UAAU,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,GAAG,IAAA,2CAAoB,EAAkB;QACnE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,UAAU,UAAU,qBAAqB,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE;KAC3F,CAAC,CAAC;IAEH,OAAO,CAAC,cAAc,EAAE,EAAE,EAAE,SAAS,IAAI,cAAc,EAAE,KAAK,CAAC,CAAC;AAClE,CAAC,CAAC;AAhBW,QAAA,kBAAkB,sBAgB7B"}

package/dist/src/hooks/useThemePreferences.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemePreferences = exports.updateThemeClass = exports.THEME_LOCAL_STORAGE_KEY = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useUserPreferences_1 = require("./useUserPreferences");
+exports.THEME_LOCAL_STORAGE_KEY = 'flightctl/theme';
+const THEME_DARK_CLASS = 'pf-v5-theme-dark';
+const updateThemeClass = (htmlTagElement, theme) => {
+    const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    if (theme === 'dark' || (!theme && systemTheme === 'dark')) {
+        htmlTagElement.classList.add(THEME_DARK_CLASS);
+    }
+    else {
+        htmlTagElement.classList.remove(THEME_DARK_CLASS);
+    }
+};
+exports.updateThemeClass = updateThemeClass;
+const getTheme = (storageTheme) => {
+    switch (storageTheme) {
+        case 'dark': {
+            return 'dark';
+        }
+        case 'light': {
+            return 'light';
+        }
+        default: {
+            return 'system';
+        }
+    }
+};
+const useThemePreferences = () => {
+    const htmlTagElement = document.documentElement;
+    const [value, setValue] = (0, useUserPreferences_1.useUserPreferences)(exports.THEME_LOCAL_STORAGE_KEY);
+    React.useEffect(() => {
+        const mqListener = (e) => {
+            if (e.matches) {
+                htmlTagElement.classList.add(THEME_DARK_CLASS);
+            }
+            else {
+                htmlTagElement.classList.remove(THEME_DARK_CLASS);
+            }
+        };
+        const darkThemeMq = window.matchMedia('(prefers-color-scheme: dark)');
+        if (!value) {
+            darkThemeMq.addEventListener('change', mqListener);
+        }
+        (0, exports.updateThemeClass)(htmlTagElement, value);
+        return () => darkThemeMq.removeEventListener('change', mqListener);
+    }, [htmlTagElement, value]);
+    const setThemeState = React.useCallback((theme) => {
+        setValue(theme);
+        (0, exports.updateThemeClass)(htmlTagElement, theme);
+    }, [htmlTagElement, setValue]);
+    return {
+        theme: getTheme(value),
+        setTheme: setThemeState,
+    };
+};
+exports.useThemePreferences = useThemePreferences;
+//# sourceMappingURL=useThemePreferences.js.map

package/dist/src/hooks/useThemePreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemePreferences.js","sourceRoot":"","sources":["../../../src/hooks/useThemePreferences.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,6DAA0D;AAE7C,QAAA,uBAAuB,GAAG,iBAAiB,CAAC;AACzD,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAIrC,MAAM,gBAAgB,GAAG,CAAC,cAA2B,EAAE,KAAoB,EAAE,EAAE;IACpF,MAAM,WAAW,GAAU,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACxG,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,WAAW,KAAK,MAAM,CAAC,EAAE,CAAC;QAC3D,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjD,CAAC;SAAM,CAAC;QACN,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACpD,CAAC;AACH,CAAC,CAAC;AAPW,QAAA,gBAAgB,oBAO3B;AAEF,MAAM,QAAQ,GAAG,CAAC,YAA2B,EAAS,EAAE;IACtD,QAAQ,YAAY,EAAE,CAAC;QACrB,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;YACR,OAAO,QAAQ,CAAC;QAClB,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,cAAc,GAAG,QAAQ,CAAC,eAAe,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,uCAAkB,EAAC,+BAAuB,CAAC,CAAC;IAEtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,CAAC,CAAsB,EAAE,EAAE;YAC5C,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;gBACd,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;YACpD,CAAC;QACH,CAAC,CAAC;QACF,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACtE,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QACrD,CAAC;QACD,IAAA,wBAAgB,EAAC,cAAc,EAAE,KAAK,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACrE,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAY,EAAE,EAAE;QACf,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAA,wBAAgB,EAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAC;IAEF,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;QACtB,QAAQ,EAAE,aAAa;KACxB,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,mBAAmB,uBAgC9B"}

package/dist/src/hooks/useTranslation.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTranslation = void 0;
+// eslint-disable-next-line no-restricted-imports
+const react_i18next_1 = require("react-i18next");
+const useAppContext_1 = require("./useAppContext");
+const useTranslation = () => {
+    const { i18n } = (0, useAppContext_1.useAppContext)();
+    return (0, react_i18next_1.useTranslation)(i18n.transNamespace);
+};
+exports.useTranslation = useTranslation;
+//# sourceMappingURL=useTranslation.js.map

package/dist/src/hooks/useTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslation.js","sourceRoot":"","sources":["../../../src/hooks/useTranslation.ts"],"names":[],"mappings":";;;AAAA,iDAAiD;AACjD,iDAAqE;AACrE,mDAAgD;AAEzC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,6BAAa,GAAE,CAAC;IACjC,OAAO,IAAA,8BAAkB,EAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AACjD,CAAC,CAAC;AAHW,QAAA,cAAc,kBAGzB"}

package/dist/src/hooks/useUserPreferences.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUserPreferences = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useUserPreferences = (userPreferencesKey) => {
+    const userPreferencesStorage = localStorage.getItem(userPreferencesKey);
+    const [userPreferences, setUserPreferences] = React.useState(userPreferencesStorage);
+    const setUserPreferencesState = React.useCallback((value) => {
+        localStorage.setItem(userPreferencesKey, value);
+        setUserPreferences(value);
+    }, [userPreferencesKey]);
+    return [userPreferences, setUserPreferencesState];
+};
+exports.useUserPreferences = useUserPreferences;
+//# sourceMappingURL=useUserPreferences.js.map

package/dist/src/hooks/useUserPreferences.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserPreferences.js","sourceRoot":"","sources":["../../../src/hooks/useUserPreferences.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAExB,MAAM,kBAAkB,GAAG,CAAC,kBAA0B,EAA4C,EAAE;IACzG,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACxE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAErF,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAC/C,CAAC,KAAa,EAAE,EAAE;QAChB,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QAChD,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CAAC,eAAe,EAAE,uBAAuB,CAAC,CAAC;AACpD,CAAC,CAAC;AAbW,QAAA,kBAAkB,sBAa7B"}

package/dist/src/hooks/useWebSocket.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebSocket = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const useTranslation_1 = require("./useTranslation");
+const useAppContext_1 = require("./useAppContext");
+const useWebSocket = (endpoint, onMsgReceived) => {
+    const { fetch: { getWsEndpoint }, } = (0, useAppContext_1.useAppContext)();
+    const { t } = (0, useTranslation_1.useTranslation)();
+    const wsRef = React.useRef();
+    const [isConnecting, setIsConnecting] = React.useState(true);
+    const [isClosed, setIsClosed] = React.useState(false);
+    const [error, setError] = React.useState();
+    const [reset, setReset] = React.useState(0);
+    const sendMessage = React.useCallback((data) => {
+        var _a;
+        (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.send(data);
+    }, []);
+    React.useEffect(() => {
+        try {
+            setIsConnecting(true);
+            setIsClosed(false);
+            const { wsEndpoint, protocols } = getWsEndpoint();
+            const ws = new WebSocket(`${wsEndpoint}${endpoint}`, protocols);
+            ws.addEventListener('open', () => setIsConnecting(false));
+            ws.addEventListener('close', () => setIsClosed(true));
+            ws.addEventListener('error', (evt) => {
+                // eslint-disable-next-line no-console
+                console.error('Error creating websocket:', evt);
+                setError(t('Websocket error occured'));
+            });
+            wsRef.current = ws;
+        }
+        catch (err) {
+            setIsConnecting(false);
+            setError(err);
+        }
+        return () => {
+            var _a;
+            (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.close();
+            wsRef.current = undefined;
+        };
+    }, [endpoint, t, getWsEndpoint, reset]);
+    const reconnect = React.useCallback(() => {
+        var _a;
+        (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        wsRef.current = undefined;
+        setReset((prev) => prev + 1);
+    }, []);
+    React.useEffect(() => {
+        var _a;
+        const listener = (evt) => onMsgReceived(evt.data);
+        (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('message', listener);
+        return () => {
+            var _a;
+            (_a = wsRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('message', listener);
+        };
+    }, [onMsgReceived, reset]);
+    return {
+        sendMessage,
+        isConnecting,
+        isClosed,
+        error,
+        reconnect,
+    };
+};
+exports.useWebSocket = useWebSocket;
+//# sourceMappingURL=useWebSocket.js.map

package/dist/src/hooks/useWebSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebSocket.js","sourceRoot":"","sources":["../../../src/hooks/useWebSocket.ts"],"names":[],"mappings":"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"}

package/dist/src/setupTests.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const i18next_1 = tslib_1.__importDefault(require("i18next"));
+const react_i18next_1 = require("react-i18next");
+i18next_1.default
+    // pass the i18n instance to react-i18next
+    .use(react_i18next_1.initReactI18next)
+    // init i18next
+    .init({
+    fallbackLng: 'en',
+    interpolation: {
+        escapeValue: false, // not needed for react as it escapes by default
+    },
+    lng: 'en',
+    ns: 'translation',
+    resources: {
+        en: {
+            // eslint-disable-next-line
+            translation: require('../../i18n/locales/en/translation.json'),
+        },
+    },
+});
+//# sourceMappingURL=setupTests.js.map