@beinformed/ui 1.65.29 → 2.0.0-beta.1

package/lib/hooks/useModularUI.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModularUI = void 0;
-var _react = require("react");
-var _reactRedux = require("react-redux");
-var _reactRouter = require("react-router");
-var _constants = require("../constants");
-var _ModularUIActions = require("../redux/_modularui/ModularUIActions");
-var _useDeepCompareEffect = _interopRequireDefault(require("./useDeepCompareEffect"));
-var _useModularUIKey = require("./useModularUIKey");
-var _Href = _interopRequireDefault(require("../models/href/Href"));
-/**
- * A custom hook to fetch and manage Be Informed modular UI resources.
- * It handles automatic data fetching based on URL/query changes, manages Redux state
- * synchronization, and provides cleanup logic when components unmount.
- *
- * @param {string} modelKey - A unique identifier for the type of model being fetched.
- * @param {string | Href} url - The endpoint URL or Href instance to fetch data from.
- * @param {RequestModularUIOptions} options - Configuration for the request (method, headers, etc.).
- * @returns {ModelEntry} The model data retrieved from the Redux store.
- */
-const useModularUI = (modelKey, url, options = {}) => {
-  const dispatch = (0, _reactRedux.useDispatch)();
-
-  // Normalize the URL input into a Href instance to safely access query params and paths
-  const hrefInstance = (0, _react.useMemo)(() => new _Href.default(url), [url]);
-  const requestUrl = (0, _react.useMemo)(() => hrefInstance.toString(), [hrefInstance]);
-  const currentQueryString = hrefInstance.querystring;
-
-  // Persistence ref to detect if query parameters have changed between renders
-  const prevQueryRef = (0, _react.useRef)(currentQueryString);
-
-  // Generate a unique key for the Redux store based on the model type and the full URL
-  const key = (0, _useModularUIKey.useModularUIKey)(modelKey, requestUrl);
-
-  // Select the specific piece of state corresponding to this modular UI component
-  const model = (0, _reactRedux.useSelector)(state => state.modularui[key]);
-
-  /**
-   * Memoize request options to prevent unnecessary re-renders.
-   * Merges default settings (GET method, auto-cleanup) with user-provided options.
-   */
-  const requestOptions = (0, _react.useMemo)(() => {
-    const merged = {
-      method: _constants.HTTP_METHODS.GET,
-      removeOnUnmount: true,
-      ...options
-    };
-    if (url instanceof _Href.default) {
-      merged.origin = merged.origin ?? url.origin;
-      merged.contextPath = merged.contextPath ?? url.contextPath;
-    }
-    return merged;
-  }, [options, url]);
-  const location = (0, _reactRouter.useLocation)();
-  const redirectLocation = location.state?.redirectLocation;
-
-  /**
-   * Determines if a network request should be initiated.
-   * Logic includes:
-   * - Model doesn't exist yet (Initial load)
-   * - Previous request resulted in an error (Retry)
-   * - The query parameters changed (Filtering/Paging)
-   * - A redirect was triggered specifically for this URL
-   * - Manual 'isReload' flag is passed in options
-   */
-  const shouldLoad = model == null || model.status === _constants.MODULARUI_STATUS.ERROR || prevQueryRef.current !== currentQueryString || (redirectLocation instanceof _Href.default ? redirectLocation.equals(requestUrl) : false) || requestOptions.isReload === true;
-
-  // Synchronize the ref after the render cycle determines if we should load
-  (0, _react.useEffect)(() => {
-    prevQueryRef.current = currentQueryString;
-  }, [currentQueryString]);
-
-  // Execute the load action. Deep compare is used on options to prevent
-  // infinite loops caused by passing inline object literals.
-  (0, _useDeepCompareEffect.default)(() => {
-    if (requestUrl !== "" && shouldLoad) {
-      dispatch((0, _ModularUIActions.loadModularUI)(key, requestUrl, requestOptions));
-    }
-  }, [key, requestUrl, requestOptions, shouldLoad]);
-
-  // Cleanup Effect:
-  // If 'removeOnUnmount' is true, this removes the model data from the Redux store
-  // when the component using this hook is destroyed.
-  (0, _react.useEffect)(() => {
-    if (requestOptions.removeOnUnmount) {
-      return () => {
-        dispatch((0, _ModularUIActions.removeModelByKey)(key));
-      };
-    }
-  }, [dispatch, key, requestOptions.removeOnUnmount]);
-  return model;
-};
-exports.useModularUI = useModularUI;
-//# sourceMappingURL=useModularUI.js.map

package/lib/hooks/useModularUI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModularUI.js","names":["_react","require","_reactRedux","_reactRouter","_constants","_ModularUIActions","_useDeepCompareEffect","_interopRequireDefault","_useModularUIKey","_Href","useModularUI","modelKey","url","options","dispatch","useDispatch","hrefInstance","useMemo","Href","requestUrl","toString","currentQueryString","querystring","prevQueryRef","useRef","key","useModularUIKey","model","useSelector","state","modularui","requestOptions","merged","method","HTTP_METHODS","GET","removeOnUnmount","origin","contextPath","location","useLocation","redirectLocation","shouldLoad","status","MODULARUI_STATUS","ERROR","current","equals","isReload","useEffect","useDeepCompareEffect","loadModularUI","removeModelByKey","exports"],"sources":["../../src/hooks/useModularUI.js"],"sourcesContent":["// @flow\nimport { useEffect, useMemo, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useLocation } from \"react-router\";\n\nimport { HTTP_METHODS, MODULARUI_STATUS } from \"../constants\";\nimport {\n  loadModularUI,\n  removeModelByKey,\n} from \"../redux/_modularui/ModularUIActions\";\n\nimport useDeepCompareEffect from \"./useDeepCompareEffect\";\nimport { useModularUIKey } from \"./useModularUIKey\";\n\nimport Href from \"../models/href/Href\";\n\nimport type { RequestModularUIOptions } from \"../utils\";\nimport type { ModelEntry } from \"../redux\";\n\n/**\n * A custom hook to fetch and manage Be Informed modular UI resources.\n * It handles automatic data fetching based on URL/query changes, manages Redux state\n * synchronization, and provides cleanup logic when components unmount.\n *\n * @param {string} modelKey - A unique identifier for the type of model being fetched.\n * @param {string | Href} url - The endpoint URL or Href instance to fetch data from.\n * @param {RequestModularUIOptions} options - Configuration for the request (method, headers, etc.).\n * @returns {ModelEntry} The model data retrieved from the Redux store.\n */\nexport const useModularUI = (\n  modelKey: string,\n  url: string | Href,\n  options: RequestModularUIOptions = (({}: any): RequestModularUIOptions),\n): any => {\n  const dispatch = useDispatch();\n\n  // Normalize the URL input into a Href instance to safely access query params and paths\n  const hrefInstance = useMemo(() => new Href(url), [url]);\n  const requestUrl = useMemo(() => hrefInstance.toString(), [hrefInstance]);\n  const currentQueryString = hrefInstance.querystring;\n\n  // Persistence ref to detect if query parameters have changed between renders\n  const prevQueryRef = useRef(currentQueryString);\n\n  // Generate a unique key for the Redux store based on the model type and the full URL\n  const key = useModularUIKey(modelKey, requestUrl);\n\n  // Select the specific piece of state corresponding to this modular UI component\n  const model = useSelector((state) => state.modularui[key]);\n\n  /**\n   * Memoize request options to prevent unnecessary re-renders.\n   * Merges default settings (GET method, auto-cleanup) with user-provided options.\n   */\n  const requestOptions = useMemo(() => {\n    const merged = {\n      method: HTTP_METHODS.GET,\n      removeOnUnmount: true,\n      ...options,\n    };\n\n    if (url instanceof Href) {\n      merged.origin = merged.origin ?? url.origin;\n      merged.contextPath = merged.contextPath ?? url.contextPath;\n    }\n    return merged;\n  }, [options, url]);\n\n  const location = useLocation();\n  const redirectLocation = location.state?.redirectLocation;\n\n  /**\n   * Determines if a network request should be initiated.\n   * Logic includes:\n   * - Model doesn't exist yet (Initial load)\n   * - Previous request resulted in an error (Retry)\n   * - The query parameters changed (Filtering/Paging)\n   * - A redirect was triggered specifically for this URL\n   * - Manual 'isReload' flag is passed in options\n   */\n  const shouldLoad =\n    model == null ||\n    model.status === MODULARUI_STATUS.ERROR ||\n    prevQueryRef.current !== currentQueryString ||\n    (redirectLocation instanceof Href\n      ? redirectLocation.equals(requestUrl)\n      : false) ||\n    requestOptions.isReload === true;\n\n  // Synchronize the ref after the render cycle determines if we should load\n  useEffect(() => {\n    prevQueryRef.current = currentQueryString;\n  }, [currentQueryString]);\n\n  // Execute the load action. Deep compare is used on options to prevent\n  // infinite loops caused by passing inline object literals.\n  useDeepCompareEffect(() => {\n    if (requestUrl !== \"\" && shouldLoad) {\n      dispatch(loadModularUI(key, requestUrl, requestOptions));\n    }\n  }, [key, requestUrl, requestOptions, shouldLoad]);\n\n  // Cleanup Effect:\n  // If 'removeOnUnmount' is true, this removes the model data from the Redux store\n  // when the component using this hook is destroyed.\n  useEffect(() => {\n    if (requestOptions.removeOnUnmount) {\n      return () => {\n        dispatch(removeModelByKey(key));\n      };\n    }\n  }, [dispatch, key, requestOptions.removeOnUnmount]);\n\n  return model;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/hooks/useModularUIBasic.js

@@ -1,124 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useReload = exports.useModularUIBasic = void 0;
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-var _reactRouter = require("react-router");
-var _reactRedux = require("react-redux");
-var _react = require("react");
-var _useModularUI = require("./useModularUI");
-var _constants = require("../constants");
-var _useModularUIKey = require("./useModularUIKey");
-/**
- * Configuration options for low-level modular UI requests.
- */
-/**
- * Configuration options for the useModularUIBasic hook.
- * Allows for type enforcement, caching control, and reload behavior.
- */
-/**
- * Internal helper to transform high-level hook options into a configuration
- * object compatible with the core useModularUI fetcher.
- * Logic:
- * 1. Defaults to GET method.
- * 2. If 'formdata' is present, it switches to POST and assigns 'data'.
- * 3. Forces 'isReload' if the useReload check returns true.
- */
-const createUseModularUIOptions = (options, href, mustReload) => {
-  const baseOptions = {
-    expectedModels: [],
-    method: _constants.HTTP_METHODS.GET,
-    data: undefined,
-    ...options,
-    isReload: mustReload || options.isReload
-  };
-  if (options.formdata != null) {
-    baseOptions.method = _constants.HTTP_METHODS.POST;
-    baseOptions.data = options.formdata;
-  }
-  return baseOptions;
-};
-
-/**
- * Validates that the returned model type matches one of the expected model strings.
- * Logs a warning to the console if there is a mismatch (useful for debugging UI-backend contracts).
- */
-const validateModel = (model, expectedModels) => {
-  if (expectedModels.length > 0) {
-    const isCorrectModel = (0, _includes.default)(expectedModels).call(expectedModels, model.type);
-    if (!isCorrectModel) {
-      console.warn(model, "is not of instance", expectedModels);
-    }
-  }
-};
-
-/**
- * A simplified abstraction over useModularUI that includes automatic
- * model validation and smart-reload logic based on router state.
- *
- * @param {string} defaultKey - The default identifier for the model.
- * @param {string | Href} href - The endpoint to fetch.
- * @param {UseModularUIBasicOptions} options - Extended configuration options.
- */
-const useModularUIBasic = (defaultKey, href, options = {}) => {
-  const memoizedHref = (0, _react.useMemo)(() => href.toString(), [href]);
-
-  // Use the key provided in options if available, otherwise fallback to the default
-  const key = options.key ?? defaultKey;
-
-  // Determine if we need to bypass cache based on navigation 'reload' signals
-  const mustReload = useReload(key, memoizedHref);
-
-  // Memoize options to prevent useModularUI from re-fetching on every parent render
-  const modularUIOptions = (0, _react.useMemo)(() => createUseModularUIOptions(options, memoizedHref, mustReload), [options, memoizedHref, mustReload]);
-  const modularUI = (0, _useModularUI.useModularUI)(key, href, modularUIOptions);
-  const expectedModels = (0, _react.useMemo)(() => options.expectedModels ?? [], [options.expectedModels]);
-
-  // Extract and validate the model from the modularUI wrapper object
-  return (0, _react.useMemo)(() => {
-    if (modularUI?.model) {
-      validateModel(modularUI.model, expectedModels);
-      return modularUI.model;
-    }
-    return null;
-  }, [expectedModels, modularUI]);
-};
-
-/**
- * Determines if a model should be reloaded based on the 'reload' timestamp
- * found in the React Router location state.
- * This is used for "force refresh" scenarios where a user navigates to a
- * page and expects fresh data (e.g., after a form submission elsewhere).
- * @param {string} modelKey - The model type key.
- * @param {string} url - The resource URL.
- * @returns {boolean} True if the store data is stale compared to the reload signal.
- */
-exports.useModularUIBasic = useModularUIBasic;
-const useReload = (modelKey, url) => {
-  const location = (0, _reactRouter.useLocation)();
-  const key = (0, _useModularUIKey.useModularUIKey)(modelKey, url);
-
-  // Access the current entry in the Redux store
-  const modelEntry = (0, _reactRedux.useSelector)(state => state.modularui[key]);
-  if (modelEntry) {
-    const reload = location.state?.reload || 0;
-
-    // If a reload timestamp exists in the router state
-    if (reload > 0) {
-      const isFullyLoaded = modelEntry?.status === _constants.MODULARUI_STATUS.FINISHED;
-      const lastModification = modelEntry?.lastModification ?? 0;
-
-      // Trigger reload only if the model is already finished loading
-      // AND the data we have is older than the requested reload time.
-      if (isFullyLoaded && lastModification < reload) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-exports.useReload = useReload;
-//# sourceMappingURL=useModularUIBasic.js.map

package/lib/hooks/useModularUIBasic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModularUIBasic.js","names":["_reactRouter","require","_reactRedux","_react","_useModularUI","_constants","_useModularUIKey","createUseModularUIOptions","options","href","mustReload","baseOptions","expectedModels","method","HTTP_METHODS","GET","data","undefined","isReload","formdata","POST","validateModel","model","length","isCorrectModel","_includes","default","call","type","console","warn","useModularUIBasic","defaultKey","memoizedHref","useMemo","toString","key","useReload","modularUIOptions","modularUI","useModularUI","exports","modelKey","url","location","useLocation","useModularUIKey","modelEntry","useSelector","state","modularui","reload","isFullyLoaded","status","MODULARUI_STATUS","FINISHED","lastModification"],"sources":["../../src/hooks/useModularUIBasic.js"],"sourcesContent":["// @flow\nimport { useLocation } from \"react-router\";\nimport { useSelector } from \"react-redux\";\nimport { useMemo } from \"react\";\nimport { useModularUI } from \"./useModularUI\";\n\nimport { HTTP_METHODS, MODULARUI_STATUS } from \"../constants\";\nimport { useModularUIKey } from \"./useModularUIKey\";\n\nimport type { ModularUIModel, Href } from \"../models\";\n\n/**\n * Configuration options for low-level modular UI requests.\n */\nexport type HookOptions = {\n  key?: string,\n  origin?: string,\n  contextPath?: string,\n  removeOnUnmount?: boolean,\n  formdata?: any,\n};\n\n/**\n * Configuration options for the useModularUIBasic hook.\n * Allows for type enforcement, caching control, and reload behavior.\n */\nexport type UseModularUIBasicOptions<T: ModularUIModel> = {\n  expectedModels?: Array<string>, // List of model types (strings) that are valid for this call\n  targetModel?: Class<T> | Array<Class<T>>,\n  forceTargetModel?: boolean,\n  origin?: string,\n  contextPath?: string,\n  cache?: boolean,\n  key?: string,\n  isReload?: boolean,\n  removeOnUnmount?: boolean,\n  formdata?: any, // If present, the hook switches from GET to POST\n};\n\n/**\n * Internal helper to transform high-level hook options into a configuration\n * object compatible with the core useModularUI fetcher.\n * Logic:\n * 1. Defaults to GET method.\n * 2. If 'formdata' is present, it switches to POST and assigns 'data'.\n * 3. Forces 'isReload' if the useReload check returns true.\n */\nconst createUseModularUIOptions = <T: ModularUIModel>(\n  options: UseModularUIBasicOptions<T>,\n  href: string,\n  mustReload: boolean,\n): Object => {\n  const baseOptions = {\n    expectedModels: [],\n    method: HTTP_METHODS.GET,\n    data: undefined,\n    ...options,\n    isReload: mustReload || options.isReload,\n  };\n\n  if (options.formdata != null) {\n    baseOptions.method = HTTP_METHODS.POST;\n    baseOptions.data = options.formdata;\n  }\n\n  return baseOptions;\n};\n\n/**\n * Validates that the returned model type matches one of the expected model strings.\n * Logs a warning to the console if there is a mismatch (useful for debugging UI-backend contracts).\n */\nconst validateModel = (model: any, expectedModels: Array<string>) => {\n  if (expectedModels.length > 0) {\n    const isCorrectModel = expectedModels.includes(model.type);\n    if (!isCorrectModel) {\n      console.warn(model, \"is not of instance\", expectedModels);\n    }\n  }\n};\n\n/**\n * A simplified abstraction over useModularUI that includes automatic\n * model validation and smart-reload logic based on router state.\n *\n * @param {string} defaultKey - The default identifier for the model.\n * @param {string | Href} href - The endpoint to fetch.\n * @param {UseModularUIBasicOptions} options - Extended configuration options.\n */\nexport const useModularUIBasic = <T: ModularUIModel>(\n  defaultKey: string,\n  href: string | Href,\n  options: UseModularUIBasicOptions<T> = (({}: any): UseModularUIBasicOptions<T>),\n): T | null => {\n  const memoizedHref = useMemo(() => href.toString(), [href]);\n\n  // Use the key provided in options if available, otherwise fallback to the default\n  const key = options.key ?? defaultKey;\n\n  // Determine if we need to bypass cache based on navigation 'reload' signals\n  const mustReload = useReload(key, memoizedHref);\n\n  // Memoize options to prevent useModularUI from re-fetching on every parent render\n  const modularUIOptions = useMemo(\n    () => createUseModularUIOptions(options, memoizedHref, mustReload),\n    [options, memoizedHref, mustReload],\n  );\n\n  const modularUI = useModularUI(key, href, modularUIOptions);\n\n  const expectedModels = useMemo(\n    () => options.expectedModels ?? [],\n    [options.expectedModels],\n  );\n\n  // Extract and validate the model from the modularUI wrapper object\n  return useMemo((): T | null => {\n    if (modularUI?.model) {\n      validateModel(modularUI.model, expectedModels);\n      return modularUI.model;\n    }\n    return null;\n  }, [expectedModels, modularUI]);\n};\n\n/**\n * Determines if a model should be reloaded based on the 'reload' timestamp\n * found in the React Router location state.\n * This is used for \"force refresh\" scenarios where a user navigates to a\n * page and expects fresh data (e.g., after a form submission elsewhere).\n * @param {string} modelKey - The model type key.\n * @param {string} url - The resource URL.\n * @returns {boolean} True if the store data is stale compared to the reload signal.\n */\nexport const useReload = (modelKey: string, url: string): boolean => {\n  const location = useLocation();\n  const key = useModularUIKey(modelKey, url);\n\n  // Access the current entry in the Redux store\n  const modelEntry = useSelector((state) => state.modularui[key]);\n\n  if (modelEntry) {\n    const reload = location.state?.reload || 0;\n\n    // If a reload timestamp exists in the router state\n    if (reload > 0) {\n      const isFullyLoaded = modelEntry?.status === MODULARUI_STATUS.FINISHED;\n      const lastModification = modelEntry?.lastModification ?? 0;\n\n      // Trigger reload only if the model is already finished loading\n      // AND the data we have is older than the requested reload time.\n      if (isFullyLoaded && lastModification < reload) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/hooks/useModularUIKey.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModularUIKey = void 0;
-var _useI18n = require("./useI18n");
-var _react = require("react");
-/**
- * Generates the key that is used in the modular ui reducer of redux
- */
-const useModularUIKey = (modelKey, url) => {
-  const locale = (0, _useI18n.useLocale)();
-  return (0, _react.useMemo)(() => `${modelKey}(${url.split("?")[0]})(${locale})`, [modelKey, url, locale]);
-};
-exports.useModularUIKey = useModularUIKey;
-//# sourceMappingURL=useModularUIKey.js.map

package/lib/hooks/useModularUIKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModularUIKey.js","names":["_useI18n","require","_react","useModularUIKey","modelKey","url","locale","useLocale","useMemo","split","exports"],"sources":["../../src/hooks/useModularUIKey.js"],"sourcesContent":["// @flow\nimport { useLocale } from \"./useI18n\";\nimport { useMemo } from \"react\";\n\n/**\n * Generates the key that is used in the modular ui reducer of redux\n */\nexport const useModularUIKey = (modelKey: string, url: string): string => {\n  const locale = useLocale();\n  return useMemo(\n    () => `${modelKey}(${url.split(\"?\")[0]})(${locale})`,\n    [modelKey, url, locale],\n  );\n};\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACO,MAAME,eAAe,GAAGA,CAACC,QAAgB,EAAEC,GAAW,KAAa;EACxE,MAAMC,MAAM,GAAG,IAAAC,kBAAS,EAAC,CAAC;EAC1B,OAAO,IAAAC,cAAO,EACZ,MAAM,GAAGJ,QAAQ,IAAIC,GAAG,CAACI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAKH,MAAM,GAAG,EACpD,CAACF,QAAQ,EAAEC,GAAG,EAAEC,MAAM,CACxB,CAAC;AACH,CAAC;AAACI,OAAA,CAAAP,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/hooks/useModularUIModel.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUserProfile = exports.useTab = exports.useGroupingPanel = exports.useDetailPanel = exports.useCaseView = exports.useApplication = void 0;
-var _ApplicationModel = _interopRequireDefault(require("../models/application/ApplicationModel"));
-var _CaseViewModel = _interopRequireDefault(require("../models/caseview/CaseViewModel"));
-var _TabModel = _interopRequireDefault(require("../models/tab/TabModel"));
-var _GroupingPanelModel = _interopRequireDefault(require("../models/panels/GroupingPanelModel"));
-var _DetailModel = _interopRequireDefault(require("../models/detail/DetailModel"));
-var _UserProfileModel = _interopRequireDefault(require("../models/user/UserProfileModel"));
-var _useModularUIBasic = require("./useModularUIBasic");
-/**
- * Load application
- */
-const useApplication = options => (0, _useModularUIBasic.useModularUIBasic)("application", "/", {
-  expectedModels: ["Application"],
-  targetModel: _ApplicationModel.default,
-  removeOnUnmount: options?.removeOnUnmount ?? false,
-  ...options
-});
-
-/**
- * Load a tab by href
- */
-exports.useApplication = useApplication;
-const useTab = (href, options) => (0, _useModularUIBasic.useModularUIBasic)("tab", href, {
-  expectedModels: ["Tab"],
-  targetModel: _TabModel.default,
-  ...options
-});
-
-/**
- * Load caseview by href
- */
-exports.useTab = useTab;
-const useCaseView = (href, options) => (0, _useModularUIBasic.useModularUIBasic)("caseview", href, {
-  expectedModels: ["CaseView"],
-  targetModel: _CaseViewModel.default,
-  ...options
-});
-
-/**
- */
-exports.useCaseView = useCaseView;
-const useGroupingPanel = (href, options) => (0, _useModularUIBasic.useModularUIBasic)("groupingpanel", href, {
-  expectedModels: ["GroupingPanel"],
-  targetModel: _GroupingPanelModel.default,
-  ...options
-});
-
-/**
- */
-exports.useGroupingPanel = useGroupingPanel;
-const useDetailPanel = (href, options) => (0, _useModularUIBasic.useModularUIBasic)("detailpanel", href, {
-  expectedModels: ["Detail"],
-  targetModel: _DetailModel.default,
-  ...options
-});
-
-/**
- */
-exports.useDetailPanel = useDetailPanel;
-const useUserProfile = (href, options) => (0, _useModularUIBasic.useModularUIBasic)("userprofile", href, {
-  expectedModels: ["UserProfile"],
-  targetModel: _UserProfileModel.default,
-  ...options
-});
-exports.useUserProfile = useUserProfile;
-//# sourceMappingURL=useModularUIModel.js.map

package/lib/hooks/useModularUIModel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModularUIModel.js","names":["_ApplicationModel","_interopRequireDefault","require","_CaseViewModel","_TabModel","_GroupingPanelModel","_DetailModel","_UserProfileModel","_useModularUIBasic","useApplication","options","useModularUIBasic","expectedModels","targetModel","ApplicationModel","removeOnUnmount","exports","useTab","href","TabModel","useCaseView","CaseViewModel","useGroupingPanel","GroupingPanelModel","useDetailPanel","DetailModel","useUserProfile","UserProfileModel"],"sources":["../../src/hooks/useModularUIModel.js"],"sourcesContent":["// @flow\nimport ApplicationModel from \"../models/application/ApplicationModel\";\nimport CaseViewModel from \"../models/caseview/CaseViewModel\";\nimport TabModel from \"../models/tab/TabModel\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport UserProfileModel from \"../models/user/UserProfileModel\";\n\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\nimport type Href from \"../models/href/Href\";\nimport type { HookOptions } from \"./useModularUIBasic\";\n\n/**\n * Load application\n */\nexport const useApplication = (\n  options?: HookOptions,\n): ApplicationModel | null =>\n  useModularUIBasic(\"application\", \"/\", {\n    expectedModels: [\"Application\"],\n    targetModel: ApplicationModel,\n    removeOnUnmount: options?.removeOnUnmount ?? false,\n    ...options,\n  });\n\n/**\n * Load a tab by href\n */\nexport const useTab = (\n  href: string | Href,\n  options?: HookOptions,\n): TabModel | null =>\n  useModularUIBasic(\"tab\", href, {\n    expectedModels: [\"Tab\"],\n    targetModel: TabModel,\n    ...options,\n  });\n\n/**\n * Load caseview by href\n */\nexport const useCaseView = (\n  href: string | Href,\n  options?: HookOptions,\n): CaseViewModel | null =>\n  useModularUIBasic(\"caseview\", href, {\n    expectedModels: [\"CaseView\"],\n    targetModel: CaseViewModel,\n    ...options,\n  });\n\n/**\n */\nexport const useGroupingPanel = (\n  href: string | Href,\n  options?: HookOptions,\n): GroupingPanelModel | null =>\n  useModularUIBasic(\"groupingpanel\", href, {\n    expectedModels: [\"GroupingPanel\"],\n    targetModel: GroupingPanelModel,\n    ...options,\n  });\n\n/**\n */\nexport const useDetailPanel = (\n  href: string | Href,\n  options?: HookOptions,\n): DetailModel | null =>\n  useModularUIBasic(\"detailpanel\", href, {\n    expectedModels: [\"Detail\"],\n    targetModel: DetailModel,\n    ...options,\n  });\n\n/**\n */\nexport const useUserProfile = (\n  href: string | Href,\n  options?: HookOptions,\n): UserProfileModel | null =>\n  useModularUIBasic(\"userprofile\", href, {\n    expectedModels: [\"UserProfile\"],\n    targetModel: UserProfileModel,\n    ...options,\n  });\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAKA;AACA;AACA;AACO,MAAMO,cAAc,GACzBC,OAAqB,IAErB,IAAAC,oCAAiB,EAAC,aAAa,EAAE,GAAG,EAAE;EACpCC,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEC,yBAAgB;EAC7BC,eAAe,EAAEL,OAAO,EAAEK,eAAe,IAAI,KAAK;EAClD,GAAGL;AACL,CAAC,CAAC;;AAEJ;AACA;AACA;AAFAM,OAAA,CAAAP,cAAA,GAAAA,cAAA;AAGO,MAAMQ,MAAM,GAAGA,CACpBC,IAAmB,EACnBR,OAAqB,KAErB,IAAAC,oCAAiB,EAAC,KAAK,EAAEO,IAAI,EAAE;EAC7BN,cAAc,EAAE,CAAC,KAAK,CAAC;EACvBC,WAAW,EAAEM,iBAAQ;EACrB,GAAGT;AACL,CAAC,CAAC;;AAEJ;AACA;AACA;AAFAM,OAAA,CAAAC,MAAA,GAAAA,MAAA;AAGO,MAAMG,WAAW,GAAGA,CACzBF,IAAmB,EACnBR,OAAqB,KAErB,IAAAC,oCAAiB,EAAC,UAAU,EAAEO,IAAI,EAAE;EAClCN,cAAc,EAAE,CAAC,UAAU,CAAC;EAC5BC,WAAW,EAAEQ,sBAAa;EAC1B,GAAGX;AACL,CAAC,CAAC;;AAEJ;AACA;AADAM,OAAA,CAAAI,WAAA,GAAAA,WAAA;AAEO,MAAME,gBAAgB,GAAGA,CAC9BJ,IAAmB,EACnBR,OAAqB,KAErB,IAAAC,oCAAiB,EAAC,eAAe,EAAEO,IAAI,EAAE;EACvCN,cAAc,EAAE,CAAC,eAAe,CAAC;EACjCC,WAAW,EAAEU,2BAAkB;EAC/B,GAAGb;AACL,CAAC,CAAC;;AAEJ;AACA;AADAM,OAAA,CAAAM,gBAAA,GAAAA,gBAAA;AAEO,MAAME,cAAc,GAAGA,CAC5BN,IAAmB,EACnBR,OAAqB,KAErB,IAAAC,oCAAiB,EAAC,aAAa,EAAEO,IAAI,EAAE;EACrCN,cAAc,EAAE,CAAC,QAAQ,CAAC;EAC1BC,WAAW,EAAEY,oBAAW;EACxB,GAAGf;AACL,CAAC,CAAC;;AAEJ;AACA;AADAM,OAAA,CAAAQ,cAAA,GAAAA,cAAA;AAEO,MAAME,cAAc,GAAGA,CAC5BR,IAAmB,EACnBR,OAAqB,KAErB,IAAAC,oCAAiB,EAAC,aAAa,EAAEO,IAAI,EAAE;EACrCN,cAAc,EAAE,CAAC,aAAa,CAAC;EAC/BC,WAAW,EAAEc,yBAAgB;EAC7B,GAAGjB;AACL,CAAC,CAAC;AAACM,OAAA,CAAAU,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/hooks/useModularUIRequest.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModularUIRequest = void 0;
-var _reselect = require("reselect");
-var _reactRedux = require("react-redux");
-var _ModularUIRequest = _interopRequireDefault(require("../modularui/ModularUIRequest"));
-var _i18n = require("../redux/selectors/i18n");
-const getModularUIRequest = (0, _reselect.createSelector)([_i18n.getLocale], localeCode => {
-  return (href, options) => {
-    const request = new _ModularUIRequest.default(href, options);
-    request.locale = localeCode;
-    return request;
-  };
-});
-
-/**
- * Creates a ModularUIRequest with the locale as available in the redux store
- */
-const useModularUIRequest = () => (0, _reactRedux.useSelector)(getModularUIRequest);
-exports.useModularUIRequest = useModularUIRequest;
-//# sourceMappingURL=useModularUIRequest.js.map

package/lib/hooks/useModularUIRequest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModularUIRequest.js","names":["_reselect","require","_reactRedux","_ModularUIRequest","_interopRequireDefault","_i18n","getModularUIRequest","createSelector","getLocale","localeCode","href","options","request","ModularUIRequest","locale","useModularUIRequest","useSelector","exports"],"sources":["../../src/hooks/useModularUIRequest.js"],"sourcesContent":["// @flow\nimport { createSelector } from \"reselect\";\nimport { useSelector } from \"react-redux\";\n\nimport ModularUIRequest from \"../modularui/ModularUIRequest\";\nimport { getLocale } from \"../redux/selectors/i18n\";\n\nimport type { RequestModularUIOptions } from \"../utils\";\nimport type Href from \"../models/href/Href\";\n\nconst getModularUIRequest = createSelector([getLocale], (localeCode) => {\n  return (href: Href, options?: $Shape<RequestModularUIOptions>) => {\n    const request = new ModularUIRequest(href, options);\n    request.locale = localeCode;\n    return request;\n  };\n});\n\n/**\n * Creates a ModularUIRequest with the locale as available in the redux store\n */\nexport const useModularUIRequest = (): ((\n  href: Href,\n  options?: $Shape<RequestModularUIOptions>,\n) => ModularUIRequest) => useSelector(getModularUIRequest);\n"],"mappings":";;;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,MAAMK,mBAAmB,GAAG,IAAAC,wBAAc,EAAC,CAACC,eAAS,CAAC,EAAGC,UAAU,IAAK;EACtE,OAAO,CAACC,IAAU,EAAEC,OAAyC,KAAK;IAChE,MAAMC,OAAO,GAAG,IAAIC,yBAAgB,CAACH,IAAI,EAAEC,OAAO,CAAC;IACnDC,OAAO,CAACE,MAAM,GAAGL,UAAU;IAC3B,OAAOG,OAAO;EAChB,CAAC;AACH,CAAC,CAAC;;AAEF;AACA;AACA;AACO,MAAMG,mBAAmB,GAAGA,CAAA,KAGT,IAAAC,uBAAW,EAACV,mBAAmB,CAAC;AAACW,OAAA,CAAAF,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/hooks/useNotification.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNotification = exports.useErrorNotification = void 0;
-var _reactRedux = require("react-redux");
-var _actions = require("../redux/actions");
-var _constants = require("../constants");
-/**
- */
-const useNotification = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const {
-    render,
-    messageType,
-    message,
-    error
-  } = (0, _reactRedux.useSelector)(state => state.notification);
-  return {
-    render,
-    messageType,
-    message,
-    error,
-    dismiss: () => dispatch((0, _actions.dismissNotification)())
-  };
-};
-
-/**
- */
-exports.useNotification = useNotification;
-const useErrorNotification = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
-  return (message, error) => {
-    return dispatch((0, _actions.showNotification)(_constants.NOTIFICATION_TYPES.ERROR, message, error));
-  };
-};
-exports.useErrorNotification = useErrorNotification;
-//# sourceMappingURL=useNotification.js.map

package/lib/hooks/useNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useNotification.js","names":["_reactRedux","require","_actions","_constants","useNotification","dispatch","useDispatch","render","messageType","message","error","useSelector","state","notification","dismiss","dismissNotification","exports","useErrorNotification","showNotification","NOTIFICATION_TYPES","ERROR"],"sources":["../../src/hooks/useNotification.js"],"sourcesContent":["// @flow\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { dismissNotification, showNotification } from \"../redux/actions\";\n\nimport type {\n  DismissNotificationAction,\n  NotificationState,\n  ShowNotificationAction,\n} from \"../redux/types\";\n\nimport { NOTIFICATION_TYPES } from \"../constants\";\n\nimport type { MessageObject } from \"../i18n\";\nimport type ErrorResponse from \"../models/error/ErrorResponse\";\ntype NotificationHook = {\n  ...NotificationState,\n  dismiss: () => DismissNotificationAction,\n};\ntype ErrorNotificationHook = (\n  message: MessageObject,\n  error?: ?ErrorResponse,\n) => ShowNotificationAction;\n\n/**\n */\nexport const useNotification = (): NotificationHook => {\n  const dispatch = useDispatch();\n  const { render, messageType, message, error } = useSelector(\n    (state) => state.notification,\n  );\n\n  return {\n    render,\n    messageType,\n    message,\n    error,\n    dismiss: () => dispatch(dismissNotification()),\n  };\n};\n\n/**\n */\nexport const useErrorNotification = (): ErrorNotificationHook => {\n  const dispatch = useDispatch();\n  return (message: MessageObject, error?: ?ErrorResponse) => {\n    return dispatch(showNotification(NOTIFICATION_TYPES.ERROR, message, error));\n  };\n};\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAQA,IAAAE,UAAA,GAAAF,OAAA;AAaA;AACA;AACO,MAAMG,eAAe,GAAGA,CAAA,KAAwB;EACrD,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAG,IAAAC,uBAAW,EACxDC,KAAK,IAAKA,KAAK,CAACC,YACnB,CAAC;EAED,OAAO;IACLN,MAAM;IACNC,WAAW;IACXC,OAAO;IACPC,KAAK;IACLI,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAAC,IAAAU,4BAAmB,EAAC,CAAC;EAC/C,CAAC;AACH,CAAC;;AAED;AACA;AADAC,OAAA,CAAAZ,eAAA,GAAAA,eAAA;AAEO,MAAMa,oBAAoB,GAAGA,CAAA,KAA6B;EAC/D,MAAMZ,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,OAAO,CAACG,OAAsB,EAAEC,KAAsB,KAAK;IACzD,OAAOL,QAAQ,CAAC,IAAAa,yBAAgB,EAACC,6BAAkB,CAACC,KAAK,EAAEX,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC7E,CAAC;AACH,CAAC;AAACM,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/hooks/usePanel.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePanel = void 0;
-var _startsWith = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/starts-with"));
-var _react = require("react");
-var _reactRouter = require("react-router");
-var _Href = _interopRequireDefault(require("../models/href/Href"));
-var _useModularUIBasic = require("./useModularUIBasic");
-var _GroupingPanelModel = _interopRequireDefault(require("../models/panels/GroupingPanelModel"));
-var _ListModel = _interopRequireDefault(require("../models/list/ListModel"));
-var _DetailModel = _interopRequireDefault(require("../models/detail/DetailModel"));
-var _CaseSearchModel = _interopRequireDefault(require("../models/search/CaseSearchModel"));
-const useUrl = (href, fromRoute = false) => {
-  const [previousUrl, setPreviousUrl] = (0, _react.useState)(null);
-  const [previousExact, setPreviousExact] = (0, _react.useState)(false);
-  const match = (0, _reactRouter.useRouteMatch)();
-  const location = (0, _reactRouter.useLocation)();
-  return (0, _react.useMemo)(() => {
-    var _context;
-    if (href == null && previousUrl == null) {
-      return new _Href.default("");
-    }
-    const url = href instanceof _Href.default ? href : new _Href.default(href);
-    if (!fromRoute) {
-      return url;
-    }
-    if (match.isExact) {
-      url.addParametersFromString(location.search);
-    }
-
-    // Check equality to prevent unnecessary state updates
-    if (url.equalsWithParameters(previousUrl)) {
-      return previousUrl || url;
-    }
-    const shouldUpdate = match.isExact === true || previousExact === match.isExact || !((_context = previousUrl) == null ? void 0 : Function.call.bind((0, _startsWith.default)(_context), _context))?.(match.url);
-    if (shouldUpdate) {
-      setPreviousUrl(url);
-      setPreviousExact(match.isExact);
-      return url;
-    }
-    return previousUrl || new _Href.default("");
-  }, [href, previousUrl, fromRoute, match.isExact, match.url, previousExact, location.search]);
-};
-
-/**
- */
-const usePanel = (href, options) => {
-  const {
-    fromRoute,
-    ...hookOptions
-  } = options || {
-    fromRoute: false
-  };
-  const url = useUrl(href, fromRoute || false);
-  const basicOptions = {
-    expectedModels: ["List", "GroupingPanel", "Detail", "CaseSearch"],
-    targetModel: [_ListModel.default, _GroupingPanelModel.default, _DetailModel.default, _CaseSearchModel.default],
-    ...hookOptions
-  };
-  return (0, _useModularUIBasic.useModularUIBasic)("panel", url, basicOptions);
-};
-exports.usePanel = usePanel;
-//# sourceMappingURL=usePanel.js.map

package/lib/hooks/usePanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePanel.js","names":["_react","require","_reactRouter","_Href","_interopRequireDefault","_useModularUIBasic","_GroupingPanelModel","_ListModel","_DetailModel","_CaseSearchModel","useUrl","href","fromRoute","previousUrl","setPreviousUrl","useState","previousExact","setPreviousExact","match","useRouteMatch","location","useLocation","useMemo","_context","Href","url","isExact","addParametersFromString","search","equalsWithParameters","shouldUpdate","Function","call","bind","_startsWith","default","usePanel","options","hookOptions","basicOptions","expectedModels","targetModel","ListModel","GroupingPanelModel","DetailModel","CaseSearchModel","useModularUIBasic","exports"],"sources":["../../src/hooks/usePanel.js"],"sourcesContent":["// @flow\nimport { useState, useMemo } from \"react\";\nimport { useLocation, useRouteMatch } from \"react-router\";\nimport Href from \"../models/href/Href\";\nimport { useModularUIBasic } from \"./useModularUIBasic\";\n\nimport type { HookOptions } from \"./useModularUIBasic\";\nimport GroupingPanelModel from \"../models/panels/GroupingPanelModel\";\nimport ListModel from \"../models/list/ListModel\";\nimport DetailModel from \"../models/detail/DetailModel\";\nimport CaseSearchModel from \"../models/search/CaseSearchModel\";\n\nconst useUrl = (href?: string | Href, fromRoute: boolean = false): Href => {\n  const [previousUrl, setPreviousUrl] = useState(null);\n  const [previousExact, setPreviousExact] = useState(false);\n\n  const match = useRouteMatch();\n  const location = useLocation();\n\n  return useMemo(() => {\n    if (href == null && previousUrl == null) {\n      return new Href(\"\");\n    }\n\n    const url = href instanceof Href ? href : new Href(href);\n\n    if (!fromRoute) {\n      return url;\n    }\n\n    if (match.isExact) {\n      url.addParametersFromString(location.search);\n    }\n\n    // Check equality to prevent unnecessary state updates\n    if (url.equalsWithParameters(previousUrl)) {\n      return previousUrl || url;\n    }\n\n    const shouldUpdate =\n      match.isExact === true ||\n      previousExact === match.isExact ||\n      !previousUrl?.startsWith(match.url);\n\n    if (shouldUpdate) {\n      setPreviousUrl(url);\n      setPreviousExact(match.isExact);\n      return url;\n    }\n\n    return previousUrl || new Href(\"\");\n  }, [\n    href,\n    previousUrl,\n    fromRoute,\n    match.isExact,\n    match.url,\n    previousExact,\n    location.search,\n  ]);\n};\n\n/**\n */\nexport const usePanel = (\n  href?: string | Href,\n  options?: { ...HookOptions, fromRoute?: boolean },\n): ListModel | GroupingPanelModel | DetailModel | null => {\n  const { fromRoute, ...hookOptions } = options || { fromRoute: false };\n\n  const url = useUrl(href, fromRoute || false);\n  const basicOptions = {\n    expectedModels: [\"List\", \"GroupingPanel\", \"Detail\", \"CaseSearch\"],\n    targetModel: [ListModel, GroupingPanelModel, DetailModel, CaseSearchModel],\n    ...(hookOptions: HookOptions),\n  };\n\n  return useModularUIBasic(\"panel\", url, basicOptions);\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/hooks/usePreference.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePreference = void 0;
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _reactRedux = require("react-redux");
-var _reselect = require("reselect");
-const getPreferences = state => state.preferences;
-const getPreferenceNames = (state, preferenceNames) => Array.isArray(preferenceNames) ? preferenceNames : [preferenceNames];
-const selectPreference = (0, _reselect.createSelector)([getPreferences, getPreferenceNames], (preferences, preferenceNames) => {
-  return (0, _pick.default)(preferences, preferenceNames);
-});
-
-/**
- */
-const usePreference = preferenceNames => {
-  return (0, _reactRedux.useSelector)(state => selectPreference(state, preferenceNames));
-};
-exports.usePreference = usePreference;
-//# sourceMappingURL=usePreference.js.map

package/lib/hooks/usePreference.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePreference.js","names":["_pick","_interopRequireDefault","require","_reactRedux","_reselect","getPreferences","state","preferences","getPreferenceNames","preferenceNames","Array","isArray","selectPreference","createSelector","pick","usePreference","useSelector","exports"],"sources":["../../src/hooks/usePreference.js"],"sourcesContent":["// @flow\nimport pick from \"lodash/pick\";\nimport { useSelector } from \"react-redux\";\nimport { createSelector } from \"reselect\";\n\nimport type { PreferencesState, ReduxState } from \"../redux/types\";\n\nconst getPreferences = (state: ReduxState) => state.preferences;\nconst getPreferenceNames = (\n  state: ReduxState,\n  preferenceNames: string | Array<string>,\n) => (Array.isArray(preferenceNames) ? preferenceNames : [preferenceNames]);\n\nconst selectPreference = createSelector(\n  [getPreferences, getPreferenceNames],\n  (preferences, preferenceNames) => {\n    return pick(preferences, preferenceNames);\n  },\n);\n\n/**\n */\nexport const usePreference = (\n  preferenceNames: string | Array<string>,\n): PreferencesState => {\n  return useSelector((state) => selectPreference(state, preferenceNames));\n};\n"],"mappings":";;;;;;;AACA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAIA,MAAMG,cAAc,GAAIC,KAAiB,IAAKA,KAAK,CAACC,WAAW;AAC/D,MAAMC,kBAAkB,GAAGA,CACzBF,KAAiB,EACjBG,eAAuC,KACnCC,KAAK,CAACC,OAAO,CAACF,eAAe,CAAC,GAAGA,eAAe,GAAG,CAACA,eAAe,CAAE;AAE3E,MAAMG,gBAAgB,GAAG,IAAAC,wBAAc,EACrC,CAACR,cAAc,EAAEG,kBAAkB,CAAC,EACpC,CAACD,WAAW,EAAEE,eAAe,KAAK;EAChC,OAAO,IAAAK,aAAI,EAACP,WAAW,EAAEE,eAAe,CAAC;AAC3C,CACF,CAAC;;AAED;AACA;AACO,MAAMM,aAAa,GACxBN,eAAuC,IAClB;EACrB,OAAO,IAAAO,uBAAW,EAAEV,KAAK,IAAKM,gBAAgB,CAACN,KAAK,EAAEG,eAAe,CAAC,CAAC;AACzE,CAAC;AAACQ,OAAA,CAAAF,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/hooks/useProgressIndicator.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useProgressIndicatorState = exports.useProgressIndicator = void 0;
-var _reactRedux = require("react-redux");
-var _ProgressIndicator = require("../redux/actions/ProgressIndicator");
-var _react = require("react");
-/**
- */
-const useProgressIndicator = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const start = (0, _react.useCallback)(() => {
-    dispatch((0, _ProgressIndicator.startProgress)());
-  }, [dispatch]);
-  const finish = (0, _react.useCallback)(() => {
-    dispatch((0, _ProgressIndicator.finishProgress)());
-  }, [dispatch]);
-  const reset = (0, _react.useCallback)(() => {
-    dispatch((0, _ProgressIndicator.resetProgress)());
-  }, [dispatch]);
-  const update = (0, _react.useCallback)(percentComplete => {
-    dispatch((0, _ProgressIndicator.updateProgress)(percentComplete));
-  }, [dispatch]);
-  return {
-    start,
-    finish,
-    reset,
-    update
-  };
-};
-
-/**
- */
-exports.useProgressIndicator = useProgressIndicator;
-const useProgressIndicatorState = () => (0, _reactRedux.useSelector)(state => state.progressindicator);
-exports.useProgressIndicatorState = useProgressIndicatorState;
-//# sourceMappingURL=useProgressIndicator.js.map

package/lib/hooks/useProgressIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useProgressIndicator.js","names":["_reactRedux","require","_ProgressIndicator","_react","useProgressIndicator","dispatch","useDispatch","start","useCallback","startProgress","finish","finishProgress","reset","resetProgress","update","percentComplete","updateProgress","exports","useProgressIndicatorState","useSelector","state","progressindicator"],"sources":["../../src/hooks/useProgressIndicator.js"],"sourcesContent":["// @flow\nimport { useDispatch, useSelector } from \"react-redux\";\nimport {\n  startProgress,\n  finishProgress,\n  resetProgress,\n  updateProgress,\n} from \"../redux/actions/ProgressIndicator\";\nimport type { ProgressIndicatorState } from \"../redux/types\";\nimport { useCallback } from \"react\";\n\ntype ProgressIndicatorHook = {\n  start: () => void,\n  finish: () => void,\n  reset: () => void,\n  update: (percentComplete: number) => void,\n};\n\ntype ProgressIndicatorStateHook = {\n  ...ProgressIndicatorState,\n};\n\n/**\n */\nexport const useProgressIndicator = (): ProgressIndicatorHook => {\n  const dispatch = useDispatch();\n\n  const start = useCallback(() => {\n    dispatch(startProgress());\n  }, [dispatch]);\n  const finish = useCallback(() => {\n    dispatch(finishProgress());\n  }, [dispatch]);\n  const reset = useCallback(() => {\n    dispatch(resetProgress());\n  }, [dispatch]);\n  const update = useCallback(\n    (percentComplete: number) => {\n      dispatch(updateProgress(percentComplete));\n    },\n    [dispatch],\n  );\n\n  return { start, finish, reset, update };\n};\n\n/**\n */\nexport const useProgressIndicatorState = (): ProgressIndicatorStateHook =>\n  useSelector((state) => state.progressindicator);\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AAaA;AACA;AACO,MAAMG,oBAAoB,GAAGA,CAAA,KAA6B;EAC/D,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAE9B,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC9BH,QAAQ,CAAC,IAAAI,gCAAa,EAAC,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC;EACd,MAAMK,MAAM,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAC/BH,QAAQ,CAAC,IAAAM,iCAAc,EAAC,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EACd,MAAMO,KAAK,GAAG,IAAAJ,kBAAW,EAAC,MAAM;IAC9BH,QAAQ,CAAC,IAAAQ,gCAAa,EAAC,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;EACd,MAAMS,MAAM,GAAG,IAAAN,kBAAW,EACvBO,eAAuB,IAAK;IAC3BV,QAAQ,CAAC,IAAAW,iCAAc,EAACD,eAAe,CAAC,CAAC;EAC3C,CAAC,EACD,CAACV,QAAQ,CACX,CAAC;EAED,OAAO;IAAEE,KAAK;IAAEG,MAAM;IAAEE,KAAK;IAAEE;EAAO,CAAC;AACzC,CAAC;;AAED;AACA;AADAG,OAAA,CAAAb,oBAAA,GAAAA,oBAAA;AAEO,MAAMc,yBAAyB,GAAGA,CAAA,KACvC,IAAAC,uBAAW,EAAEC,KAAK,IAAKA,KAAK,CAACC,iBAAiB,CAAC;AAACJ,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}