@gen-epix/ui-core-components 4.4.1 → 4.5.0

package/dist/components/Spinner/index.js

@@ -1,4 +1,4 @@
-import { useUiCoreComponentsConfigContext as e } from "../../context/uiCoreComponentsConfigContext/index.js";
+import { useCoreComponentsConfigContext as e } from "../../context/CoreComponentsConfigContext/index.js";
 import { useEffect as t, useState as n } from "react";
 import { Box as r, CircularProgress as i, Typography as a } from "@mui/material";
 import { useTranslation as o } from "react-i18next";

package/dist/components/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DEFAULT_TAKING_LONGER_TIMEOUT_MS","DEFAULT_CIRCULAR_PROGRESS_SIZE","Spinner","isTakingLonger","setIsTakingLonger","useState","useTranslation","uiCoreComponentsConfig","useUiCoreComponentsConfigContext","useEffect","handle","takingLongerTimeoutMs","Box","inline","CircularProgress","size","label","visuallyHidden","textColor","Typography","takingLongerLabel"],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { CircularProgressProps } from '@mui/material';\nimport {\n  Box,\n  CircularProgress,\n  Typography,\n} from '@mui/material';\nimport type { ReactElement } from 'react';\nimport {\n  useEffect,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { visuallyHidden } from '@mui/utils';\n\nimport { useUiCoreComponentsConfigContext } from '../../context/uiCoreComponentsConfigContext';\n\n\nconst DEFAULT_TAKING_LONGER_TIMEOUT_MS = 5000;\nconst DEFAULT_CIRCULAR_PROGRESS_SIZE = 40;\n\nexport type SpinnerProps = {\n  readonly color?: 'inherit' | 'primary' | 'secondary';\n  readonly inline?: boolean;\n  readonly label?: string;\n  readonly size?: CircularProgressProps['size'];\n  readonly takingLongerLabel?: string;\n  readonly takingLongerTimeoutMs?: number;\n  readonly textColor?: string;\n};\n\nexport const Spinner = ({ color = 'primary', inline, label, size, takingLongerLabel, takingLongerTimeoutMs, textColor }: SpinnerProps): ReactElement => {\n  const [isTakingLonger, setIsTakingLonger] = useState(false);\n  const { t } = useTranslation();\n\n  const uiCoreComponentsConfig = useUiCoreComponentsConfigContext();\n\n  useEffect(() => {\n    const handle = setTimeout(() => {\n      setIsTakingLonger(true);\n    }, takingLongerTimeoutMs ?? uiCoreComponentsConfig?.spinner?.defaultTakingLongerTimeoutMs ?? DEFAULT_TAKING_LONGER_TIMEOUT_MS);\n    return () => {\n      clearTimeout(handle);\n    };\n  }, [takingLongerTimeoutMs, uiCoreComponentsConfig?.spinner?.defaultTakingLongerTimeoutMs]);\n\n  return (\n    <Box\n      aria-busy={'true'}\n      role={'status'}\n      sx={{\n        alignItems: 'center',\n        bottom: inline ? 'auto' : 0,\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        left: inline ? 'auto' : 0,\n        position: inline ? 'relative' : 'absolute',\n        right: inline ? 'auto' : 0,\n        top: inline ? 'auto' : 0,\n        width: inline ? '100%' : 'auto',\n      }}\n    >\n      <Box\n        sx={{\n          margin: 1,\n        }}\n      >\n        <CircularProgress\n          color={color}\n          size={size ?? uiCoreComponentsConfig?.spinner?.defaultCircularProgressSize ?? DEFAULT_CIRCULAR_PROGRESS_SIZE}\n        />\n      </Box>\n      <Box\n        sx={{\n          ...(!label ? visuallyHidden : undefined),\n          color: textColor ?? 'inherit',\n          margin: 1,\n        }}\n      >\n        <Typography\n          aria-live={'polite'}\n        >\n          {label ?? t`Loading`}\n        </Typography>\n      </Box>\n      {isTakingLonger && (\n        <Box\n          sx={{\n            color: textColor ?? 'inherit',\n            margin: 1,\n          }}\n        >\n          <Typography\n            aria-live={'polite'}\n          >\n            {takingLongerLabel || t`This is taking longer than expected. We are still trying.`}\n          </Typography>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMA,IAAmC,KACnCC,IAAiC,IAY1BC,KAAW,EAAE,WAAQ,WAAW,WAAQ,UAAO,SAAM,sBAAmB,0BAAuB,mBAA4C;CACtJ,IAAM,CAACC,GAAgBC,KAAqBC,EAAS,EAAK,GACpD,EAAE,SAAMC,EAAe,GAEvBC,IAAyBC,EAAiC;CAWhE,OATAC,QAAgB;EACd,IAAMC,IAAS,iBAAiB;GAC9B,EAAkB,EAAI;EACxB,GAAGC,KAAyBJ,GAAwB,SAAS,gCAAgCP,CAAgC;EAC7H,aAAa;GACX,aAAaU,CAAM;EACrB;CACF,GAAG,CAACC,GAAuBJ,GAAwB,SAAS,4BAA4B,CAAC,GAGvF,kBAACK,GAAD;EACE,aAAW;EACX,MAAM;EACN,IAAI;GACF,YAAY;GACZ,QAAQC,IAAS,SAAS;GAC1B,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,MAAMA,IAAS,SAAS;GACxB,UAAUA,IAAS,aAAa;GAChC,OAAOA,IAAS,SAAS;GACzB,KAAKA,IAAS,SAAS;GACvB,OAAOA,IAAS,SAAS;EAC3B;EAdF,UAAA;GAgBE,kBAACD,GAAD;IACE,IAAI,EACF,QAAQ,EACV;IAEA,UAAA,kBAACE,GAAD;KACS;KACP,MAAMC,KAAQR,GAAwB,SAAS,+BAA+BN;IAC/E,CAAA;GACE,CAAA;GACL,kBAACW,GAAD;IACE,IAAI;KACF,GAAKI,IAAyB,KAAA,IAAjBC;KACb,OAAOC,KAAa;KACpB,QAAQ;IACV;IAEA,UAAA,kBAACC,GAAD;KACE,aAAW;KAEV,UAAAH,KAAS,CAAC;IACD,CAAA;GACT,CAAA;GACJb,KACC,kBAACS,GAAD;IACE,IAAI;KACF,OAAOM,KAAa;KACpB,QAAQ;IACV;IAEA,UAAA,kBAACC,GAAD;KACE,aAAW;KAEV,UAAAC,KAAqB,CAAC;IACb,CAAA;GACT,CAAA;EAEJ;;AAET"}
+{"version":3,"file":"index.js","names":["DEFAULT_TAKING_LONGER_TIMEOUT_MS","DEFAULT_CIRCULAR_PROGRESS_SIZE","Spinner","isTakingLonger","setIsTakingLonger","useState","useTranslation","coreComponentsConfig","useCoreComponentsConfigContext","useEffect","handle","takingLongerTimeoutMs","Box","inline","CircularProgress","size","label","visuallyHidden","textColor","Typography","takingLongerLabel"],"sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { CircularProgressProps } from '@mui/material';\nimport {\n  Box,\n  CircularProgress,\n  Typography,\n} from '@mui/material';\nimport type { ReactElement } from 'react';\nimport {\n  useEffect,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { visuallyHidden } from '@mui/utils';\n\nimport { useCoreComponentsConfigContext } from '../../context/CoreComponentsConfigContext';\n\n\nconst DEFAULT_TAKING_LONGER_TIMEOUT_MS = 5000;\nconst DEFAULT_CIRCULAR_PROGRESS_SIZE = 40;\n\nexport type SpinnerProps = {\n  readonly color?: 'inherit' | 'primary' | 'secondary';\n  readonly inline?: boolean;\n  readonly label?: string;\n  readonly size?: CircularProgressProps['size'];\n  readonly takingLongerLabel?: string;\n  readonly takingLongerTimeoutMs?: number;\n  readonly textColor?: string;\n};\n\nexport const Spinner = ({ color = 'primary', inline, label, size, takingLongerLabel, takingLongerTimeoutMs, textColor }: SpinnerProps): ReactElement => {\n  const [isTakingLonger, setIsTakingLonger] = useState(false);\n  const { t } = useTranslation();\n\n  const coreComponentsConfig = useCoreComponentsConfigContext();\n\n  useEffect(() => {\n    const handle = setTimeout(() => {\n      setIsTakingLonger(true);\n    }, takingLongerTimeoutMs ?? coreComponentsConfig?.spinner?.defaultTakingLongerTimeoutMs ?? DEFAULT_TAKING_LONGER_TIMEOUT_MS);\n    return () => {\n      clearTimeout(handle);\n    };\n  }, [takingLongerTimeoutMs, coreComponentsConfig?.spinner?.defaultTakingLongerTimeoutMs]);\n\n  return (\n    <Box\n      aria-busy={'true'}\n      role={'status'}\n      sx={{\n        alignItems: 'center',\n        bottom: inline ? 'auto' : 0,\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        left: inline ? 'auto' : 0,\n        position: inline ? 'relative' : 'absolute',\n        right: inline ? 'auto' : 0,\n        top: inline ? 'auto' : 0,\n        width: inline ? '100%' : 'auto',\n      }}\n    >\n      <Box\n        sx={{\n          margin: 1,\n        }}\n      >\n        <CircularProgress\n          color={color}\n          size={size ?? coreComponentsConfig?.spinner?.defaultCircularProgressSize ?? DEFAULT_CIRCULAR_PROGRESS_SIZE}\n        />\n      </Box>\n      <Box\n        sx={{\n          ...(!label ? visuallyHidden : undefined),\n          color: textColor ?? 'inherit',\n          margin: 1,\n        }}\n      >\n        <Typography\n          aria-live={'polite'}\n        >\n          {label ?? t`Loading`}\n        </Typography>\n      </Box>\n      {isTakingLonger && (\n        <Box\n          sx={{\n            color: textColor ?? 'inherit',\n            margin: 1,\n          }}\n        >\n          <Typography\n            aria-live={'polite'}\n          >\n            {takingLongerLabel || t`This is taking longer than expected. We are still trying.`}\n          </Typography>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAMA,IAAmC,KACnCC,IAAiC,IAY1BC,KAAW,EAAE,WAAQ,WAAW,WAAQ,UAAO,SAAM,sBAAmB,0BAAuB,mBAA4C;CACtJ,IAAM,CAACC,GAAgBC,KAAqBC,EAAS,EAAK,GACpD,EAAE,SAAMC,EAAe,GAEvBC,IAAuBC,EAA+B;CAW5D,OATAC,QAAgB;EACd,IAAMC,IAAS,iBAAiB;GAC9B,EAAkB,EAAI;EACxB,GAAGC,KAAyBJ,GAAsB,SAAS,gCAAgCP,CAAgC;EAC3H,aAAa;GACX,aAAaU,CAAM;EACrB;CACF,GAAG,CAACC,GAAuBJ,GAAsB,SAAS,4BAA4B,CAAC,GAGrF,kBAACK,GAAD;EACE,aAAW;EACX,MAAM;EACN,IAAI;GACF,YAAY;GACZ,QAAQC,IAAS,SAAS;GAC1B,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,MAAMA,IAAS,SAAS;GACxB,UAAUA,IAAS,aAAa;GAChC,OAAOA,IAAS,SAAS;GACzB,KAAKA,IAAS,SAAS;GACvB,OAAOA,IAAS,SAAS;EAC3B;EAdF,UAAA;GAgBE,kBAACD,GAAD;IACE,IAAI,EACF,QAAQ,EACV;IAEA,UAAA,kBAACE,GAAD;KACS;KACP,MAAMC,KAAQR,GAAsB,SAAS,+BAA+BN;IAC7E,CAAA;GACE,CAAA;GACL,kBAACW,GAAD;IACE,IAAI;KACF,GAAKI,IAAyB,KAAA,IAAjBC;KACb,OAAOC,KAAa;KACpB,QAAQ;IACV;IAEA,UAAA,kBAACC,GAAD;KACE,aAAW;KAEV,UAAAH,KAAS,CAAC;IACD,CAAA;GACT,CAAA;GACJb,KACC,kBAACS,GAAD;IACE,IAAI;KACF,OAAOM,KAAa;KACpB,QAAQ;IACV;IAEA,UAAA,kBAACC,GAAD;KACE,aAAW;KAEV,UAAAC,KAAqB,CAAC;IACb,CAAA;GACT,CAAA;EAEJ;;AAET"}

package/dist/context/CoreComponentsConfigContext/CoreComponentsConfigContext.d.ts

@@ -0,0 +1,7 @@
+export type CoreComponentsConfig = {
+    spinner: {
+        defaultCircularProgressSize: number | string;
+        defaultTakingLongerTimeoutMs: number;
+    };
+};
+export declare const CoreComponentsConfigContext: import('react').Context<CoreComponentsConfig>;

package/dist/context/CoreComponentsConfigContext/CoreComponentsConfigContextProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { CoreComponentsConfig } from './CoreComponentsConfigContext';
+export type CoreComponentsContextProviderProps = PropsWithChildren<{
+    readonly config: CoreComponentsConfig;
+}>;
+export declare const CoreComponentsContextProvider: (props: CoreComponentsContextProviderProps) => import('react').JSX.Element;

package/dist/context/CoreComponentsConfigContext/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CoreComponentsConfigContext';
+export * from './CoreComponentsConfigContextProvider';
+export * from './useCoreComponentsConfigContext';

package/dist/context/{uiCoreComponentsConfigContext → CoreComponentsConfigContext}/index.js

@@ -1,6 +1,6 @@
 import { createContext as e, use as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/context/uiCoreComponentsConfigContext/uiCoreComponentsConfigContext.tsx
+//#region src/context/CoreComponentsConfigContext/CoreComponentsConfigContext.tsx
 var r = e(null), i = (e) => {
 	let { children: t, config: i } = e;
 	return /* @__PURE__ */ n(r, {
@@ -9,6 +9,6 @@ var r = e(null), i = (e) => {
 	});
 }, a = () => t(r);
 //#endregion
-export { r as UiCoreComponentsConfigContext, i as UiCoreComponentsContextProvider, a as useUiCoreComponentsConfigContext };
+export { r as CoreComponentsConfigContext, i as CoreComponentsContextProvider, a as useCoreComponentsConfigContext };
 
 //# sourceMappingURL=index.js.map

package/dist/context/CoreComponentsConfigContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CoreComponentsConfigContext","createContext","CoreComponentsContextProvider","props","config","useCoreComponentsConfigContext","use"],"sources":["../../../src/context/CoreComponentsConfigContext/CoreComponentsConfigContext.tsx","../../../src/context/CoreComponentsConfigContext/CoreComponentsConfigContextProvider.tsx","../../../src/context/CoreComponentsConfigContext/useCoreComponentsConfigContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type CoreComponentsConfig = {\n  spinner: {\n    defaultCircularProgressSize: number | string;\n    defaultTakingLongerTimeoutMs: number;\n  };\n};\n\nexport const CoreComponentsConfigContext = createContext<CoreComponentsConfig>(null);\n","import type { PropsWithChildren } from 'react';\n\nimport type { CoreComponentsConfig } from './CoreComponentsConfigContext';\nimport { CoreComponentsConfigContext } from './CoreComponentsConfigContext';\n\n\nexport type CoreComponentsContextProviderProps = PropsWithChildren<{\n  readonly config: CoreComponentsConfig;\n}>;\n\nexport const CoreComponentsContextProvider = (\n  props: CoreComponentsContextProviderProps,\n) => {\n  const { children, config } = props;\n  return (\n    <CoreComponentsConfigContext value={config}>\n      {children}\n    </CoreComponentsConfigContext>\n  );\n};\n","import { use } from 'react';\n\nimport type { CoreComponentsConfig } from './CoreComponentsConfigContext';\nimport { CoreComponentsConfigContext } from './CoreComponentsConfigContext';\n\nexport const useCoreComponentsConfigContext = (): CoreComponentsConfig => use(CoreComponentsConfigContext);\n"],"mappings":";;;AASA,IAAaA,IAA8BC,EAAoC,IAAI,GCCtEC,KACX,MACG;CACH,IAAM,EAAE,aAAU,cAAWC;CAC7B,OACE,kBAACH,GAAD;EAA6B,OAAOI;EACjC;CAC0B,CAAA;AAEjC,GCdaC,UAA6DC,EAAIN,CAA2B"}

package/dist/context/CoreComponentsConfigContext/useCoreComponentsConfigContext.d.ts

@@ -0,0 +1,2 @@
+import { CoreComponentsConfig } from './CoreComponentsConfigContext';
+export declare const useCoreComponentsConfigContext: () => CoreComponentsConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gen-epix/ui-core-components",
-  "version": "4.4.1",
+  "version": "4.5.0",
   "homepage": "https://github.com/RIVM-bioinformatics/gen-epix",
   "repository": {
     "type": "git",
@@ -54,9 +54,9 @@
       "types": "./dist/components/Stepper/index.d.ts",
       "import": "./dist/components/Stepper/index.js"
     },
-    "./context/uiCoreComponentsConfigContext": {
-      "types": "./dist/context/uiCoreComponentsConfigContext/index.d.ts",
-      "import": "./dist/context/uiCoreComponentsConfigContext/index.js"
+    "./context/CoreComponentsConfigContext": {
+      "types": "./dist/context/CoreComponentsConfigContext/index.d.ts",
+      "import": "./dist/context/CoreComponentsConfigContext/index.js"
     },
     "./hoc/withDialog": {
       "types": "./dist/hoc/withDialog/index.d.ts",

package/dist/context/uiCoreComponentsConfigContext/UiCoreComponentsConfigContextProvider.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { UiCoreComponentsConfig } from './uiCoreComponentsConfigContext';
-export type UiCoreComponentsContextProviderProps = PropsWithChildren<{
-    readonly config: UiCoreComponentsConfig;
-}>;
-export declare const UiCoreComponentsContextProvider: (props: UiCoreComponentsContextProviderProps) => import('react').JSX.Element;

package/dist/context/uiCoreComponentsConfigContext/index.d.ts

@@ -1,3 +0,0 @@
-export * from './uiCoreComponentsConfigContext';
-export * from './UiCoreComponentsConfigContextProvider';
-export * from './useUiCoreComponentsConfigContext';

package/dist/context/uiCoreComponentsConfigContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["UiCoreComponentsConfigContext","createContext","UiCoreComponentsContextProvider","props","config","useUiCoreComponentsConfigContext","use"],"sources":["../../../src/context/uiCoreComponentsConfigContext/uiCoreComponentsConfigContext.tsx","../../../src/context/uiCoreComponentsConfigContext/UiCoreComponentsConfigContextProvider.tsx","../../../src/context/uiCoreComponentsConfigContext/useUiCoreComponentsConfigContext.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type UiCoreComponentsConfig = {\n  spinner: {\n    defaultCircularProgressSize: number | string;\n    defaultTakingLongerTimeoutMs: number;\n  };\n};\n\nexport const UiCoreComponentsConfigContext = createContext<UiCoreComponentsConfig>(null);\n","import type { PropsWithChildren } from 'react';\n\nimport type { UiCoreComponentsConfig } from './uiCoreComponentsConfigContext';\nimport { UiCoreComponentsConfigContext } from './uiCoreComponentsConfigContext';\n\n\nexport type UiCoreComponentsContextProviderProps = PropsWithChildren<{\n  readonly config: UiCoreComponentsConfig;\n}>;\n\nexport const UiCoreComponentsContextProvider = (\n  props: UiCoreComponentsContextProviderProps,\n) => {\n  const { children, config } = props;\n  return (\n    <UiCoreComponentsConfigContext value={config}>\n      {children}\n    </UiCoreComponentsConfigContext>\n  );\n};\n","import { use } from 'react';\n\nimport type { UiCoreComponentsConfig } from './uiCoreComponentsConfigContext';\nimport { UiCoreComponentsConfigContext } from './uiCoreComponentsConfigContext';\n\nexport const useUiCoreComponentsConfigContext = (): UiCoreComponentsConfig => use(UiCoreComponentsConfigContext);\n"],"mappings":";;;AASA,IAAaA,IAAgCC,EAAsC,IAAI,GCC1EC,KACX,MACG;CACH,IAAM,EAAE,aAAU,cAAWC;CAC7B,OACE,kBAACH,GAAD;EAA+B,OAAOI;EACnC;CAC4B,CAAA;AAEnC,GCdaC,UAAiEC,EAAIN,CAA6B"}

package/dist/context/uiCoreComponentsConfigContext/uiCoreComponentsConfigContext.d.ts

@@ -1,7 +0,0 @@
-export type UiCoreComponentsConfig = {
-    spinner: {
-        defaultCircularProgressSize: number | string;
-        defaultTakingLongerTimeoutMs: number;
-    };
-};
-export declare const UiCoreComponentsConfigContext: import('react').Context<UiCoreComponentsConfig>;

package/dist/context/uiCoreComponentsConfigContext/useUiCoreComponentsConfigContext.d.ts

@@ -1,2 +0,0 @@
-import { UiCoreComponentsConfig } from './uiCoreComponentsConfigContext';
-export declare const useUiCoreComponentsConfigContext: () => UiCoreComponentsConfig;