@trackunit/react-core-contexts 1.8.17 → 1.8.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.cjs.js +28 -78
  2. package/index.esm.js +29 -79
  3. package/package.json +8 -8
  4. package/src/filterBar/FilterBarProviderIrisApp.d.ts +1 -1
package/index.cjs.js CHANGED
@@ -346,95 +346,45 @@ const ErrorHandlingProviderIrisApp = ({ children, errorHandler }) => {
346
346
  * This is a provider for the FilterBarContext.
347
347
  */
348
348
  const FilterBarProviderIrisApp = ({ children }) => {
349
- const [filterBarContext, setFilterBarContext] = react.useState();
349
+ const [assetsFilterBarValues, setAssetsFilterBarValues] = react.useState(null);
350
+ const [customersFilterBarValues, setCustomersFilterBarValues] = react.useState(null);
351
+ const [sitesFilterBarValues, setSitesFilterBarValues] = react.useState(null);
350
352
  react.useEffect(() => {
351
- irisAppRuntimeCore.FilterBarRuntime.getFilterBarValues()
352
- .catch(() => null)
353
- .then(filterBarValues => {
354
- if (filterBarValues) {
355
- setFilterBarContext(prev => ({
356
- filterBarValues: filterBarValues,
357
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
358
- customersFilterBarValues: prev?.customersFilterBarValues || null,
359
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
360
- }));
361
- }
362
- });
363
353
  irisAppRuntimeCore.AssetsFilterBarRuntime.getAssetsFilterBarValues()
364
- .catch(() => null)
365
- .then(assetsFilterBarValues => {
366
- if (assetsFilterBarValues) {
367
- setFilterBarContext(prev => ({
368
- filterBarValues: prev?.filterBarValues || null,
369
- assetsFilterBarValues: assetsFilterBarValues,
370
- customersFilterBarValues: prev?.customersFilterBarValues || null,
371
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
372
- }));
373
- }
374
- });
354
+ .catch(() => {
355
+ return {};
356
+ })
357
+ .then(setAssetsFilterBarValues);
375
358
  irisAppRuntimeCore.CustomersFilterBarRuntime.getCustomersFilterBarValues()
376
- .catch(() => null)
377
- .then(customersFilterBarValues => {
378
- if (customersFilterBarValues) {
379
- setFilterBarContext(prev => ({
380
- filterBarValues: prev?.filterBarValues || null,
381
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
382
- customersFilterBarValues: customersFilterBarValues,
383
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
384
- }));
385
- }
386
- });
359
+ .catch(() => {
360
+ return {};
361
+ })
362
+ .then(setCustomersFilterBarValues);
387
363
  irisAppRuntimeCore.SitesFilterBarRuntime.getSitesFilterBarValues()
388
- .catch(() => null)
389
- .then(sitesFilterBarValues => {
390
- if (sitesFilterBarValues) {
391
- setFilterBarContext(prev => ({
392
- filterBarValues: prev?.filterBarValues || null,
393
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
394
- customersFilterBarValues: prev?.customersFilterBarValues || null,
395
- sitesFilterBarValues: sitesFilterBarValues,
396
- }));
397
- }
398
- });
364
+ .catch(() => {
365
+ return {};
366
+ })
367
+ .then(setSitesFilterBarValues);
399
368
  }, []);
400
369
  const methods = react.useMemo(() => ({
401
- onFilterBarValuesChanged: (filterBarValues) => {
402
- setFilterBarContext(prev => ({
403
- filterBarValues: filterBarValues || null,
404
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
405
- customersFilterBarValues: prev?.customersFilterBarValues || null,
406
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
407
- }));
370
+ onAssetsFilterBarValuesChanged: (values) => {
371
+ setAssetsFilterBarValues(values);
408
372
  },
409
- onAssetsFilterBarValuesChanged: (assetsFilterBarValues) => {
410
- setFilterBarContext(prev => ({
411
- filterBarValues: prev?.filterBarValues || null,
412
- assetsFilterBarValues: assetsFilterBarValues || null,
413
- customersFilterBarValues: prev?.customersFilterBarValues || null,
414
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
415
- }));
373
+ onCustomersFilterBarValuesChanged: (values) => {
374
+ setCustomersFilterBarValues(values);
416
375
  },
417
- onCustomersFilterBarValuesChanged: (customersFilterBarValues) => {
418
- setFilterBarContext(prev => ({
419
- filterBarValues: prev?.filterBarValues || null,
420
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
421
- customersFilterBarValues: customersFilterBarValues || null,
422
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
423
- }));
424
- },
425
- onSitesFilterBarValuesChanged: (sitesFilterBarValues) => {
426
- setFilterBarContext(prev => ({
427
- filterBarValues: prev?.filterBarValues || null,
428
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
429
- customersFilterBarValues: prev?.customersFilterBarValues || null,
430
- sitesFilterBarValues: sitesFilterBarValues || null,
431
- }));
376
+ onSitesFilterBarValuesChanged: (values) => {
377
+ setSitesFilterBarValues(values);
432
378
  },
433
379
  }), []);
434
380
  useSubscribeToHostChanges(methods);
435
- if (!filterBarContext) {
436
- return null;
437
- }
381
+ const isLoading = react.useMemo(() => assetsFilterBarValues === null || customersFilterBarValues === null || sitesFilterBarValues === null, [assetsFilterBarValues, customersFilterBarValues, sitesFilterBarValues]);
382
+ const filterBarContext = react.useMemo(() => ({
383
+ assetsFilterBarValues,
384
+ customersFilterBarValues,
385
+ sitesFilterBarValues,
386
+ isLoading,
387
+ }), [assetsFilterBarValues, customersFilterBarValues, sitesFilterBarValues, isLoading]);
438
388
  return jsxRuntime.jsx(reactCoreHooks.FilterBarProvider, { value: filterBarContext, children: children });
439
389
  };
440
390
 
package/index.esm.js CHANGED
@@ -11,7 +11,7 @@ import { useState, useMemo, useEffect, Suspense } from 'react';
11
11
  import '@js-temporal/polyfill';
12
12
  import { registerTranslations, initializeTranslationsForApp } from '@trackunit/i18n-library-translation';
13
13
  import { Spinner } from '@trackunit/react-components';
14
- import { AnalyticsContextRuntime, setupHostConnector, AssetSortingRuntime, ConfirmationDialogRuntime, EnvironmentRuntime, FilterBarRuntime, AssetsFilterBarRuntime, CustomersFilterBarRuntime, SitesFilterBarRuntime, ModalDialogRuntime, NavigationRuntime, OemBrandingContextRuntime, ThemeCssRuntime, TimeRangeRuntime, ToastRuntime, TokenRuntime, CurrentUserRuntime, CurrentUserPreferenceRuntime, UserSubscriptionRuntime, WidgetConfigRuntime } from '@trackunit/iris-app-runtime-core';
14
+ import { AnalyticsContextRuntime, setupHostConnector, AssetSortingRuntime, ConfirmationDialogRuntime, EnvironmentRuntime, AssetsFilterBarRuntime, CustomersFilterBarRuntime, SitesFilterBarRuntime, ModalDialogRuntime, NavigationRuntime, OemBrandingContextRuntime, ThemeCssRuntime, TimeRangeRuntime, ToastRuntime, TokenRuntime, CurrentUserRuntime, CurrentUserPreferenceRuntime, UserSubscriptionRuntime, WidgetConfigRuntime } from '@trackunit/iris-app-runtime-core';
15
15
 
16
16
  const generateHeaders = (token, tracingHeaders) => {
17
17
  const headers = {
@@ -344,95 +344,45 @@ const ErrorHandlingProviderIrisApp = ({ children, errorHandler }) => {
344
344
  * This is a provider for the FilterBarContext.
345
345
  */
346
346
  const FilterBarProviderIrisApp = ({ children }) => {
347
- const [filterBarContext, setFilterBarContext] = useState();
347
+ const [assetsFilterBarValues, setAssetsFilterBarValues] = useState(null);
348
+ const [customersFilterBarValues, setCustomersFilterBarValues] = useState(null);
349
+ const [sitesFilterBarValues, setSitesFilterBarValues] = useState(null);
348
350
  useEffect(() => {
349
- FilterBarRuntime.getFilterBarValues()
350
- .catch(() => null)
351
- .then(filterBarValues => {
352
- if (filterBarValues) {
353
- setFilterBarContext(prev => ({
354
- filterBarValues: filterBarValues,
355
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
356
- customersFilterBarValues: prev?.customersFilterBarValues || null,
357
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
358
- }));
359
- }
360
- });
361
351
  AssetsFilterBarRuntime.getAssetsFilterBarValues()
362
- .catch(() => null)
363
- .then(assetsFilterBarValues => {
364
- if (assetsFilterBarValues) {
365
- setFilterBarContext(prev => ({
366
- filterBarValues: prev?.filterBarValues || null,
367
- assetsFilterBarValues: assetsFilterBarValues,
368
- customersFilterBarValues: prev?.customersFilterBarValues || null,
369
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
370
- }));
371
- }
372
- });
352
+ .catch(() => {
353
+ return {};
354
+ })
355
+ .then(setAssetsFilterBarValues);
373
356
  CustomersFilterBarRuntime.getCustomersFilterBarValues()
374
- .catch(() => null)
375
- .then(customersFilterBarValues => {
376
- if (customersFilterBarValues) {
377
- setFilterBarContext(prev => ({
378
- filterBarValues: prev?.filterBarValues || null,
379
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
380
- customersFilterBarValues: customersFilterBarValues,
381
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
382
- }));
383
- }
384
- });
357
+ .catch(() => {
358
+ return {};
359
+ })
360
+ .then(setCustomersFilterBarValues);
385
361
  SitesFilterBarRuntime.getSitesFilterBarValues()
386
- .catch(() => null)
387
- .then(sitesFilterBarValues => {
388
- if (sitesFilterBarValues) {
389
- setFilterBarContext(prev => ({
390
- filterBarValues: prev?.filterBarValues || null,
391
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
392
- customersFilterBarValues: prev?.customersFilterBarValues || null,
393
- sitesFilterBarValues: sitesFilterBarValues,
394
- }));
395
- }
396
- });
362
+ .catch(() => {
363
+ return {};
364
+ })
365
+ .then(setSitesFilterBarValues);
397
366
  }, []);
398
367
  const methods = useMemo(() => ({
399
- onFilterBarValuesChanged: (filterBarValues) => {
400
- setFilterBarContext(prev => ({
401
- filterBarValues: filterBarValues || null,
402
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
403
- customersFilterBarValues: prev?.customersFilterBarValues || null,
404
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
405
- }));
368
+ onAssetsFilterBarValuesChanged: (values) => {
369
+ setAssetsFilterBarValues(values);
406
370
  },
407
- onAssetsFilterBarValuesChanged: (assetsFilterBarValues) => {
408
- setFilterBarContext(prev => ({
409
- filterBarValues: prev?.filterBarValues || null,
410
- assetsFilterBarValues: assetsFilterBarValues || null,
411
- customersFilterBarValues: prev?.customersFilterBarValues || null,
412
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
413
- }));
371
+ onCustomersFilterBarValuesChanged: (values) => {
372
+ setCustomersFilterBarValues(values);
414
373
  },
415
- onCustomersFilterBarValuesChanged: (customersFilterBarValues) => {
416
- setFilterBarContext(prev => ({
417
- filterBarValues: prev?.filterBarValues || null,
418
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
419
- customersFilterBarValues: customersFilterBarValues || null,
420
- sitesFilterBarValues: prev?.sitesFilterBarValues || null,
421
- }));
422
- },
423
- onSitesFilterBarValuesChanged: (sitesFilterBarValues) => {
424
- setFilterBarContext(prev => ({
425
- filterBarValues: prev?.filterBarValues || null,
426
- assetsFilterBarValues: prev?.assetsFilterBarValues || null,
427
- customersFilterBarValues: prev?.customersFilterBarValues || null,
428
- sitesFilterBarValues: sitesFilterBarValues || null,
429
- }));
374
+ onSitesFilterBarValuesChanged: (values) => {
375
+ setSitesFilterBarValues(values);
430
376
  },
431
377
  }), []);
432
378
  useSubscribeToHostChanges(methods);
433
- if (!filterBarContext) {
434
- return null;
435
- }
379
+ const isLoading = useMemo(() => assetsFilterBarValues === null || customersFilterBarValues === null || sitesFilterBarValues === null, [assetsFilterBarValues, customersFilterBarValues, sitesFilterBarValues]);
380
+ const filterBarContext = useMemo(() => ({
381
+ assetsFilterBarValues,
382
+ customersFilterBarValues,
383
+ sitesFilterBarValues,
384
+ isLoading,
385
+ }), [assetsFilterBarValues, customersFilterBarValues, sitesFilterBarValues, isLoading]);
436
386
  return jsx(FilterBarProvider, { value: filterBarContext, children: children });
437
387
  };
438
388
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-core-contexts",
3
- "version": "1.8.17",
3
+ "version": "1.8.19",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -11,15 +11,15 @@
11
11
  "react": "19.0.0",
12
12
  "@js-temporal/polyfill": "^0.4.4",
13
13
  "jest-fetch-mock": "^3.0.3",
14
- "@trackunit/iris-app-api": "1.6.12",
15
- "@trackunit/react-core-contexts-api": "1.7.13",
16
- "@trackunit/react-core-hooks": "1.6.13",
17
- "@trackunit/i18n-library-translation": "1.6.13",
18
- "@trackunit/react-components": "1.7.17",
19
- "@trackunit/iris-app-runtime-core": "1.7.13",
14
+ "@trackunit/iris-app-api": "1.6.13",
15
+ "@trackunit/react-core-contexts-api": "1.7.15",
16
+ "@trackunit/react-core-hooks": "1.6.15",
17
+ "@trackunit/i18n-library-translation": "1.6.15",
18
+ "@trackunit/react-components": "1.7.19",
19
+ "@trackunit/iris-app-runtime-core": "1.7.15",
20
20
  "graphql": "^16.10.0",
21
21
  "graphql-sse": "^2.5.4",
22
- "@trackunit/react-test-setup": "1.3.13"
22
+ "@trackunit/react-test-setup": "1.3.14"
23
23
  },
24
24
  "module": "./index.esm.js",
25
25
  "main": "./index.cjs.js",
package/src/filterBar/FilterBarProviderIrisApp.d.ts CHANGED
@@ -2,4 +2,4 @@ import { type PropsWithChildren } from "react";
2
2
  /**
3
3
  * This is a provider for the FilterBarContext.
4
4
  */
5
- export declare const FilterBarProviderIrisApp: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element | null;
5
+ export declare const FilterBarProviderIrisApp: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;