npm - @dnb/eufemia - Versions diffs - 10.22.0 → 10.24.0 - Mend

@dnb/eufemia 10.22.0 → 10.24.0

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 (1233) hide show

package/es/extensions/forms/utils/ajv.js CHANGED Viewed

@@ -1,8 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import ajvInstance from 'ajv/dist/2020';
 import ajvErrors from 'ajv-errors';
+import pointer from 'json-pointer';
 import { FormError } from '../types';
 export { ajvInstance };
 export function makeAjvInstance(instance) {
@@ -60,30 +58,51 @@ export function getMessageValues(ajvError) {
   }
 }
 export function ajvErrorToFormError(ajvError) {
-  var _ajvError$message;
-  const error = new FormError((_ajvError$message = ajvError.message) !== null && _ajvError$message !== void 0 ? _ajvError$message : 'Unknown error', {
+  var _ajvError$message2;
+  if (ajvError.keyword === 'errorMessage') {
+    var _ajvError$message;
+    return new Error((_ajvError$message = ajvError.message) !== null && _ajvError$message !== void 0 ? _ajvError$message : 'Unknown error');
+  }
+  return new FormError((_ajvError$message2 = ajvError.message) !== null && _ajvError$message2 !== void 0 ? _ajvError$message2 : 'Unknown error', {
     validationRule: getValidationRule(ajvError),
     messageValues: getMessageValues(ajvError)
   });
-  return error;
 }
-export function ajvErrorsToOneFormError(errors) {
+export function ajvErrorsToOneFormError(errors, value) {
   if (!errors || errors.length === 0) {
     return;
   }
   if (errors.length === 1) {
-    return ajvErrorToFormError(errors[0]);
+    const error = ajvErrorsTransformation(errors[0], value);
+    if (!error) {
+      return undefined;
+    }
+    return ajvErrorToFormError(error);
   }
   const errorMessages = errors === null || errors === void 0 ? void 0 : errors.map(error => error.message);
-  return new FormError(errorMessages.join(' | '), {
-    validationRule: errors.map(getValidationRule)
-  });
+  return new FormError(errorMessages.join(' and '));
 }
-export const ajvErrorsToFormErrors = errors => {
+export const ajvErrorsToFormErrors = (errors, data) => {
   return (errors !== null && errors !== void 0 ? errors : []).reduce((errors, ajvError) => {
-    return _objectSpread(_objectSpread({}, errors), {}, {
-      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError)
-    });
+    const path = getInstancePath(ajvError);
+    const error = ajvErrorsTransformation(ajvError, data, path);
+    if (error) {
+      errors[path] = ajvErrorToFormError(error);
+    }
+    return errors;
   }, {});
 };
+function ajvErrorsTransformation(ajvError, data, path) {
+  if (ajvError.keyword === 'type') {
+    const value = data && typeof data === 'object' ? pointer.get(data, path) : data;
+    if (value === '' || value === null) {
+      return undefined;
+    } else {
+      const field = path ? `field at path="${path}"` : 'field';
+      ajvError.message = `The ${field} value (${value}) type ${ajvError.message}`;
+      console.error(ajvError.message);
+    }
+  }
+  return ajvError;
+}
 //# sourceMappingURL=ajv.js.map

package/es/extensions/forms/utils/ajv.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ajv.js","names":["ajvInstance","ajvErrors","FormError","makeAjvInstance","instance","ajv","allErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","getMessageValues","_ajvError$params","_ajvError$params2","_ajvError$params3","validationRule","limit","multipleOf","pattern","ajvErrorToFormError","_ajvError$message","error","message","messageValues","ajvErrorsToOneFormError","length","errorMessages","map","join","ajvErrorsToFormErrors","reduce","_objectSpread"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import ajvInstance, { ErrorObject } from 'ajv/dist/2020'\nimport ajvErrors from 'ajv-errors'\nimport { FormError } from '../types'\nimport type Ajv from 'ajv/dist/2020'\n\nexport type AjvInstance = typeof ajvInstance\nexport { ajvInstance, Ajv }\n\n/*\n Creates an instance of Ajv (Another JSON Schema Validator) with optional custom instance.\n * If no instance is provided, a new instance of Ajv is created with the specified options.\n * The created Ajv instance is enhanced with custom error handling.\n \n @param instance - Optional custom instance of Ajv.\n * @returns The created or provided instance of Ajv.\n /\nexport function makeAjvInstance(instance?: Ajv) {\n const ajv =\n instance \|\|\n new ajvInstance({\n // If allErrors is off, Ajv only give you the first error it finds\n allErrors: true,\n })\n\n if (!ajv['__ajvErrors__']) {\n ajvErrors(ajv)\n ajv['__ajvErrors__'] = true\n }\n\n return ajv\n}\n\n/\n Returns the instance path of the given Ajv error.\n * If the error is of type 'required', it is considered an object error and the missing property is shown under the relevant field.\n * If the error is of type 'errorMessage', it is a wrapped error and the instance path is found from the original error to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The Ajv error object.\n * @returns The instance path of the error.\n /\nexport function getInstancePath(ajvError: ErrorObject): string {\n switch (ajvError.keyword) {\n case 'required': {\n // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n // show them under the relevant field\n return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n }\n case 'errorMessage': {\n // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n // to avoid issues like required-errors pointing at parent object.\n if (ajvError.params.errors[0]) {\n return getInstancePath(ajvError.params.errors[0])\n }\n }\n }\n return ajvError.instancePath\n}\n\n/\n Retrieves the validation rule from an AJV error object.\n * If the error object has an 'errorMessage' keyword, it unwraps the original error\n * to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The AJV error object.\n * @returns The validation rule.\n /\nexport function getValidationRule(ajvError: ErrorObject): string {\n if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n // to avoid issues like required-errors pointing at parent object.\n return getValidationRule(ajvError.params.errors[0])\n }\n return ajvError.keyword\n}\n\n/\n Retrieves the message values from an AJV error object.\n * @param ajvError The AJV error object.\n * @returns The message values extracted from the error object.\n /\nexport function getMessageValues(\n ajvError: ErrorObject\n): FormError['messageValues'] {\n const validationRule = getValidationRule(ajvError)\n // console.log('validationRule', validationRule)\n\n switch (validationRule) {\n case 'minLength':\n case 'maxLength':\n case 'minimum':\n case 'maximum':\n case 'exclusiveMinimum':\n case 'exclusiveMaximum':\n return {\n [validationRule]: ajvError.params?.limit,\n }\n case 'multipleOf':\n return {\n [validationRule]: ajvError.params?.multipleOf,\n }\n case 'pattern':\n return {\n [validationRule]: ajvError.params?.pattern,\n }\n }\n}\n\n/\n Converts an AJV error object to a FormError object.\n \n @param ajvError - The AJV error object to convert.\n * @returns The converted FormError object.\n /\nexport function ajvErrorToFormError(ajvError: ErrorObject): FormError {\n const error = new FormError(ajvError.message ?? 'Unknown error', {\n validationRule: getValidationRule(ajvError),\n // Keep the message values in the error object instead of injecting them into the message\n // at once, since an error might be validated one place, and then get a new message before it is displayed.\n messageValues: getMessageValues(ajvError),\n })\n return error\n}\n\n/\n Converts an array of Ajv errors to a single FormError.\n * @param errors - An array of Ajv errors.\n * @returns A single FormError or undefined if there are no errors.\n /\nexport function ajvErrorsToOneFormError(\n errors?: ErrorObject[] \| null\n): FormError \| undefined {\n if (!errors \|\| errors.length === 0) {\n return\n }\n if (errors.length === 1) {\n return ajvErrorToFormError(errors[0])\n }\n\n const errorMessages = errors?.map((error) => error.message)\n return new FormError(errorMessages.join(' \| '), {\n validationRule: errors.map(getValidationRule),\n })\n}\n\n/\n Transform errors from ajv-validation into a record of errors (path as key, error as value)\n * @param errors\n * @returns\n */\nexport const ajvErrorsToFormErrors = (\n errors?: ErrorObject[] \| null\n): Record<string, FormError> => {\n return (errors ?? []).reduce((errors, ajvError) => {\n return {\n ...errors,\n [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError),\n }\n }, {})\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ajv.js","names":["ajvInstance","ajvErrors","pointer","FormError","makeAjvInstance","instance","ajv","allErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","getMessageValues","_ajvError$params","_ajvError$params2","_ajvError$params3","validationRule","limit","multipleOf","pattern","ajvErrorToFormError","_ajvError$message2","_ajvError$message","Error","message","messageValues","ajvErrorsToOneFormError","value","length","error","ajvErrorsTransformation","undefined","errorMessages","map","join","ajvErrorsToFormErrors","data","reduce","path","get","field","console"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import ajvInstance, { ErrorObject } from 'ajv/dist/2020'\nimport ajvErrors from 'ajv-errors'\nimport pointer from 'json-pointer'\nimport { FormError, Path } from '../types'\nimport type Ajv from 'ajv/dist/2020'\n\nexport type AjvInstance = typeof ajvInstance\nexport { ajvInstance, Ajv }\n\n/*\n Creates an instance of Ajv (Another JSON Schema Validator) with optional custom instance.\n * If no instance is provided, a new instance of Ajv is created with the specified options.\n * The created Ajv instance is enhanced with custom error handling.\n \n @param instance - Optional custom instance of Ajv.\n * @returns The created or provided instance of Ajv.\n /\nexport function makeAjvInstance(instance?: Ajv) {\n const ajv =\n instance \|\|\n new ajvInstance({\n // If allErrors is off, Ajv only give you the first error it finds\n allErrors: true,\n })\n\n if (!ajv['__ajvErrors__']) {\n ajvErrors(ajv)\n ajv['__ajvErrors__'] = true\n }\n\n return ajv\n}\n\n/\n Returns the instance path of the given Ajv error.\n * If the error is of type 'required', it is considered an object error and the missing property is shown under the relevant field.\n * If the error is of type 'errorMessage', it is a wrapped error and the instance path is found from the original error to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The Ajv error object.\n * @returns The instance path of the error.\n /\nexport function getInstancePath(ajvError: ErrorObject): Path {\n switch (ajvError.keyword) {\n case 'required': {\n // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n // show them under the relevant field\n return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n }\n case 'errorMessage': {\n // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n // to avoid issues like required-errors pointing at parent object.\n if (ajvError.params.errors[0]) {\n return getInstancePath(ajvError.params.errors[0])\n }\n }\n }\n return ajvError.instancePath\n}\n\n/\n Retrieves the validation rule from an AJV error object.\n * If the error object has an 'errorMessage' keyword, it unwraps the original error\n * to avoid issues like required-errors pointing at the parent object.\n * @param ajvError - The AJV error object.\n * @returns The validation rule.\n /\nexport function getValidationRule(ajvError: ErrorObject): string {\n if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n // to avoid issues like required-errors pointing at parent object.\n return getValidationRule(ajvError.params.errors[0])\n }\n return ajvError.keyword\n}\n\n/\n Retrieves the message values from an AJV error object.\n * @param ajvError The AJV error object.\n * @returns The message values extracted from the error object.\n /\nexport function getMessageValues(\n ajvError: ErrorObject\n): FormError['messageValues'] {\n const validationRule = getValidationRule(ajvError)\n\n switch (validationRule) {\n case 'minLength':\n case 'maxLength':\n case 'minimum':\n case 'maximum':\n case 'exclusiveMinimum':\n case 'exclusiveMaximum':\n return {\n [validationRule]: ajvError.params?.limit,\n }\n case 'multipleOf':\n return {\n [validationRule]: ajvError.params?.multipleOf,\n }\n case 'pattern':\n return {\n [validationRule]: ajvError.params?.pattern,\n }\n }\n}\n\n/\n Converts an AJV error object to a FormError object.\n \n @param ajvError - The AJV error object to convert.\n * @returns The converted FormError object.\n /\nexport function ajvErrorToFormError(ajvError: ErrorObject): FormError {\n if (ajvError.keyword === 'errorMessage') {\n return new Error(ajvError.message ?? 'Unknown error')\n }\n\n return new FormError(ajvError.message ?? 'Unknown error', {\n validationRule: getValidationRule(ajvError),\n // Keep the message values in the error object instead of injecting them into the message\n // at once, since an error might be validated one place, and then get a new message before it is displayed.\n messageValues: getMessageValues(ajvError),\n })\n}\n\n/\n Converts an array of Ajv errors to a single FormError.\n * @param errors - An array of Ajv errors.\n * @returns A single FormError or undefined if there are no errors.\n /\nexport function ajvErrorsToOneFormError(\n errors?: ErrorObject[] \| null,\n value?: unknown\n): FormError \| undefined {\n if (!errors \|\| errors.length === 0) {\n return\n }\n if (errors.length === 1) {\n const error = ajvErrorsTransformation(errors[0], value)\n if (!error) {\n return undefined\n }\n\n return ajvErrorToFormError(error)\n }\n\n const errorMessages = errors?.map((error) => error.message)\n return new FormError(errorMessages.join(' and '))\n}\n\n/\n Converts AJV validation errors to form errors.\n \n @param errors - The array of AJV validation errors.\n * @param data - The data object being validated.\n * @returns The converted form errors as a record of path and form error pairs.\n /\nexport const ajvErrorsToFormErrors = (\n errors?: ErrorObject[] \| null,\n data?: Record<Path, unknown>\n): Record<string, FormError> => {\n return (errors ?? []).reduce((errors, ajvError) => {\n const path = getInstancePath(ajvError)\n const error = ajvErrorsTransformation(ajvError, data, path)\n\n if (error) {\n errors[path] = ajvErrorToFormError(error)\n }\n\n return errors\n }, {})\n}\n\n/\n Transforms AJV errors based on specific conditions.\n \n @param ajvError - The AJV error object.\n * @param data - The data object or value being validated.\n * @param path - The path to the data object property being validated.\n * @returns The transformed AJV error object or undefined if the error should be removed.\n */\nfunction ajvErrorsTransformation(\n ajvError: ErrorObject,\n data?: Record<Path, unknown> \| unknown,\n path?: Path\n) {\n if (ajvError.keyword === 'type') {\n const value =\n data && typeof data === 'object' ? pointer.get(data, path) : data\n\n // Remove the error if the value is empty\n if (value === '' \|\| value === null) {\n return undefined\n } else {\n // This extend the very limited error message with the value and the path\n const field = path ? `field at path=\"${path}\"` : 'field'\n ajvError.message = `The ${field} value (${value}) type ${ajvError.message}`\n\n // Warn about the issue\n console.error(ajvError.message)\n }\n }\n\n return ajvError\n}\n"],"mappings":"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"}

package/es/fragments/scroll-view/ScrollView.d.ts CHANGED Viewed

@@ -14,10 +14,10 @@ export type ScrollViewProps = {
 export type ScrollViewAllProps = ScrollViewProps & SpacingProps & Partial<Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
     innerRef?: React.ForwardedRef<unknown>;
 };
-declare const _default: React.ForwardRefExoticComponent<ScrollViewProps & import("../../shared/types").SpacingElementProps & {
+declare const ScrollViewWithRef: React.ForwardRefExoticComponent<ScrollViewProps & import("../../shared/types").SpacingElementProps & {
     space?: import("../../shared/types").SpaceTypeAll;
     innerSpace?: import("../../shared/types").SpaceTypeAll | import("../../shared/types").SpaceTypeMedia;
 } & Partial<Omit<React.HTMLAttributes<HTMLDivElement>, "title">> & {
     innerRef?: React.ForwardedRef<unknown>;
 } & React.RefAttributes<unknown>>;
-export default _default;
+export default ScrollViewWithRef;

package/es/fragments/scroll-view/ScrollView.js CHANGED Viewed

@@ -69,9 +69,12 @@ function useInteractive({
     return ref.current.scrollWidth - 1 > ref.current.offsetWidth || ref.current.scrollHeight - 1 > ref.current.offsetHeight;
   }
 }
-export default React.forwardRef((props, ref) => {
+const ScrollViewWithRef = React.forwardRef((props, ref) => {
   return React.createElement(ScrollView, _extends({}, props, {
     innerRef: props.innerRef || ref
   }));
 });
+ScrollView._supportsSpacingProps = true;
+ScrollViewWithRef['_supportsSpacingProps'] = true;
+export default ScrollViewWithRef;
 //# sourceMappingURL=ScrollView.js.map

package/es/fragments/scroll-view/ScrollView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollView.js","names":["React","classnames","extendPropsWithContext","validateDOMAttributes","Context","createSpacingClasses","useLayoutEffect","window","useEffect","defaultProps","children","ScrollView","localProps","context","useContext","props","interactive","className","innerRef","attributes","_objectWithoutProperties","_excluded","mainParams","_objectSpread","ref","useRef","tabIndex","useInteractive","createElement","isInteractive","setAsInteractive","useState","Boolean","hasScrollbar","ResizeObserver","observer","observe","current","disconnect","undefined","scrollWidth","offsetWidth","scrollHeight","offsetHeight","forwardRef","_extends"],"sources":["../../../../src/fragments/scroll-view/ScrollView.tsx"],"sourcesContent":["/*\n Web ScrollView Component\n \n /\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n extendPropsWithContext,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\nimport type { SpacingProps } from '../../shared/types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type ScrollViewProps = {\n /*\n To make the content accessible to keyboard navigation. Use `true` or `auto`. Auto will detect if a scrollbar is visible and make the ScrollView accessible for keyboard navigation.\n * Default: false\n /\n interactive?: boolean \| 'auto'\n}\n\nexport type ScrollViewAllProps = ScrollViewProps &\n SpacingProps &\n Partial<Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {\n innerRef?: React.ForwardedRef<unknown>\n }\n\nconst defaultProps = {\n children: null,\n}\n\nfunction ScrollView(localProps: ScrollViewAllProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.ScrollView\n )\n\n const {\n interactive,\n children,\n className = null,\n innerRef,\n ...attributes\n } = props\n\n const mainParams: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n > = {\n className: classnames(\n 'dnb-scroll-view',\n createSpacingClasses(props),\n className\n ),\n ...(attributes as React.HTMLAttributes<unknown>),\n }\n\n const ref = React.useRef<HTMLDivElement>()\n mainParams.ref = innerRef\n ? (innerRef as React.RefObject<HTMLDivElement>)\n : ref\n\n mainParams.tabIndex = useInteractive({\n interactive,\n children,\n ref: mainParams.ref,\n })\n\n validateDOMAttributes(props, mainParams)\n\n return <div {...mainParams}>{children}</div>\n}\n\nfunction useInteractive({ interactive, children, ref }) {\n const [isInteractive, setAsInteractive] = React.useState(\n Boolean(interactive)\n )\n\n useLayoutEffect(() => {\n if (interactive === 'auto') {\n setAsInteractive(hasScrollbar())\n }\n }, [interactive, children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n if (interactive === 'auto' && typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(() => {\n setAsInteractive(hasScrollbar())\n })\n observer.observe(ref.current)\n return () => observer?.disconnect()\n }\n }, [interactive, ref]) // eslint-disable-line react-hooks/exhaustive-deps\n\n if (isInteractive) {\n return 0 // Ensure that scrollable region has keyboard access\n }\n\n return undefined\n\n function hasScrollbar() {\n if (!ref.current) {\n return true // fallback and assume, there is a scrollbar\n }\n\n /\n Safari Desktop adds one pixel \"on zoom\" level 1\n * therefore we just remove it here\n */\n return (\n ref.current.scrollWidth - 1 > ref.current.offsetWidth \|\|\n ref.current.scrollHeight - 1 > ref.current.offsetHeight\n )\n }\n}\n\~~nexport~~ ~~default~~ React.forwardRef((props: ScrollViewAllProps, ref) => {\n return <ScrollView {...props} innerRef={props.innerRef \|\| ref} />\n})\n"],"mappings":"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~~eAAe3C~~,KAAK,~~CAAC4C~~,UAAU,~~CAAC~~,~~CAAC7B~~,KAAyB,EAAES,GAAG,KAAK;~~EAClE~~,OAAOxB,KAAA,CAAA4B,aAAA,CAACjB,UAAU,~~EAAAkC~~,QAAA,~~KAAK9B~~,KAAK;IAAEG,QAAQ,EAAEH,KAAK,CAACG,QAAQ,IAAIM;EAAI,EAAE,CAAC;AACnE,CAAC,CAAC"}
1	+ {"version":3,"file":"ScrollView.js","names":["React","classnames","extendPropsWithContext","validateDOMAttributes","Context","createSpacingClasses","useLayoutEffect","window","useEffect","defaultProps","children","ScrollView","localProps","context","useContext","props","interactive","className","innerRef","attributes","_objectWithoutProperties","_excluded","mainParams","_objectSpread","ref","useRef","tabIndex","useInteractive","createElement","isInteractive","setAsInteractive","useState","Boolean","hasScrollbar","ResizeObserver","observer","observe","current","disconnect","undefined","scrollWidth","offsetWidth","scrollHeight","offsetHeight","ScrollViewWithRef","forwardRef","_extends","_supportsSpacingProps"],"sources":["../../../../src/fragments/scroll-view/ScrollView.tsx"],"sourcesContent":["/*\n Web ScrollView Component\n \n /\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n extendPropsWithContext,\n validateDOMAttributes,\n} from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\nimport type { SpacingProps } from '../../shared/types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type ScrollViewProps = {\n /*\n To make the content accessible to keyboard navigation. Use `true` or `auto`. Auto will detect if a scrollbar is visible and make the ScrollView accessible for keyboard navigation.\n * Default: false\n /\n interactive?: boolean \| 'auto'\n}\n\nexport type ScrollViewAllProps = ScrollViewProps &\n SpacingProps &\n Partial<Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {\n innerRef?: React.ForwardedRef<unknown>\n }\n\nconst defaultProps = {\n children: null,\n}\n\nfunction ScrollView(localProps: ScrollViewAllProps) {\n const context = React.useContext(Context)\n\n // use only the props from context, who are available here anyway\n const props = extendPropsWithContext(\n localProps,\n defaultProps,\n context.ScrollView\n )\n\n const {\n interactive,\n children,\n className = null,\n innerRef,\n ...attributes\n } = props\n\n const mainParams: React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLDivElement>,\n HTMLDivElement\n > = {\n className: classnames(\n 'dnb-scroll-view',\n createSpacingClasses(props),\n className\n ),\n ...(attributes as React.HTMLAttributes<unknown>),\n }\n\n const ref = React.useRef<HTMLDivElement>()\n mainParams.ref = innerRef\n ? (innerRef as React.RefObject<HTMLDivElement>)\n : ref\n\n mainParams.tabIndex = useInteractive({\n interactive,\n children,\n ref: mainParams.ref,\n })\n\n validateDOMAttributes(props, mainParams)\n\n return <div {...mainParams}>{children}</div>\n}\n\nfunction useInteractive({ interactive, children, ref }) {\n const [isInteractive, setAsInteractive] = React.useState(\n Boolean(interactive)\n )\n\n useLayoutEffect(() => {\n if (interactive === 'auto') {\n setAsInteractive(hasScrollbar())\n }\n }, [interactive, children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n useLayoutEffect(() => {\n if (interactive === 'auto' && typeof ResizeObserver !== 'undefined') {\n const observer = new ResizeObserver(() => {\n setAsInteractive(hasScrollbar())\n })\n observer.observe(ref.current)\n return () => observer?.disconnect()\n }\n }, [interactive, ref]) // eslint-disable-line react-hooks/exhaustive-deps\n\n if (isInteractive) {\n return 0 // Ensure that scrollable region has keyboard access\n }\n\n return undefined\n\n function hasScrollbar() {\n if (!ref.current) {\n return true // fallback and assume, there is a scrollbar\n }\n\n /\n Safari Desktop adds one pixel \"on zoom\" level 1\n * therefore we just remove it here\n */\n return (\n ref.current.scrollWidth - 1 > ref.current.offsetWidth \|\|\n ref.current.scrollHeight - 1 > ref.current.offsetHeight\n )\n }\n}\n\nconst ScrollViewWithRef = React.forwardRef(\n (props: ScrollViewAllProps, ref) => {\n return <ScrollView {...props} innerRef={props.innerRef \|\| ref} />\n }\n)\n\nScrollView._supportsSpacingProps = true\nScrollViewWithRef['_supportsSpacingProps'] = true\n\nexport default ScrollViewWithRef\n"],"mappings":"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"}

package/es/shared/Context.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@
  *
  */
 import React from 'react';
+import defaultLocales from './locales';
 import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
 import type { AnchorProps } from '../components/Anchor';
 import type { ButtonProps } from '../components/button/Button';
@@ -119,30 +120,38 @@ export type ContextProps = ContextComponents & {
      * Update the used locale from within the context, but only for the particular scope
      */
     setCurrentLocale?: (locale: Locale) => void;
+    /**
+     * Set a custom translation in the Provider
+     */
     locales?: Locales;
     __context__?: Record<string, unknown>;
     updateTranslation?: (locale: Locale, translation: Translation) => void;
     getTranslation?: (props: GetTranslationProps) => Translation;
 };
 export type GetTranslationProps = Partial<{
-    lang?: Locale;
+    lang?: Locale | HTMLElement['lang'];
     locale?: Locale;
 }>;
-export type Locale = string | 'nb-NO' | 'en-GB' | 'en-US';
-export type ComponentTranslationsName = string | keyof ContextComponents;
+export type AnyLocale = string;
+export type Locale = AnyLocale | Partial<TranslationLocale> | 'en-US';
+export type ComponentTranslationsName = keyof ContextComponents | string;
 export type ComponentTranslation = string;
-export type ComponentTranslations = Record<string, ComponentTranslation>;
-export type Locales = Record<Locale, Translation | TranslationConsumer>;
-export type Translation = Record<
+export type Locales = Partial<Record<Locale, Translation | TranslationFlat>>;
+export type TranslationDefaultLocales = typeof defaultLocales;
+export type TranslationLocale = keyof TranslationDefaultLocales;
+export type TranslationKeys = keyof TranslationDefaultLocales[TranslationLocale];
+export type TranslationValues = TranslationDefaultLocales[TranslationLocale];
 /**
- * Support only "HelpButton"
+ * E.g. "HelpButton: { title: '...' }"
  */
-ComponentTranslationsName, ComponentTranslations>;
-export type TranslationConsumer = Record<
+export type Translation = DeepPartial<TranslationDefaultLocales[TranslationLocale]>;
 /**
- * Support "HelpButton.title"
+ * E.g. "HelpButton.title"
  */
-ComponentTranslationsName, ComponentTranslation | ComponentTranslations>;
+export type TranslationFlat = Record<ComponentTranslationsName, TranslationKeys | ComponentTranslation>;
+type DeepPartial<T> = T extends object ? {
+    [K in keyof T]?: DeepPartial<T[K]>;
+} : T;
 export declare function prepareContext<Props>(props?: ContextProps): Props & ContextProps;
 declare const Context: React.Context<ContextProps>;
 export default Context;

package/es/shared/Context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Context.js","names":["React","LOCALE","CURRENCY","CURRENCY_DISPLAY","defaultLocales","extend","prepareContext","props","locales","__context__","Object","assign","key","handleLocaleFallbacks","locale","translation","destruct","context","_objectSpread","updateTranslation","getTranslation","lang","breakpoints","skeleton","split","Context","createContext","currency","currency_display","source","validKeys","k","String","includes","list","val","last","length","forEach","i"],"sources":["../../../src/shared/Context.tsx"],"sourcesContent":["/*\n Web Context Context\n \n /\n\nimport React from 'react'\nimport { LOCALE, CURRENCY, CURRENCY_DISPLAY } from './defaults'\nimport defaultLocales from './locales'\nimport { extend } from './component-helper'\n\n// All TypeScript based Eufemia elements\nimport type { ScrollViewProps } from '../fragments/scroll-view/ScrollView'\n\n// All TypeScript based Eufemia components\nimport type { AnchorProps } from '../components/Anchor'\nimport type { ButtonProps } from '../components/button/Button'\nimport type { AvatarProps } from '../components/avatar/Avatar'\nimport type { AvatarGroupProps } from '../components/avatar/AvatarGroup'\nimport type { BadgeProps } from '../components/badge/Badge'\nimport type { BreadcrumbProps } from '../components/breadcrumb/Breadcrumb'\nimport type { BreadcrumbItemProps } from '../components/breadcrumb/BreadcrumbItem'\nimport type { InfoCardProps } from '../components/info-card/InfoCard'\nimport type { SliderProps } from '../components/slider/Slider'\nimport type { TagProps } from '../components/tag/Tag'\nimport type { TagGroupProps } from '../components/tag/TagGroup'\nimport type { TimelineProps } from '../components/timeline/Timeline'\nimport type { TimelineItemProps } from '../components/timeline/TimelineItem'\nimport type { VisuallyHiddenProps } from '../components/visually-hidden/VisuallyHidden'\nimport type { DrawerProps } from '../components/drawer/types'\nimport type { DialogProps } from '../components/dialog/types'\nimport type { TooltipProps } from '../components/tooltip/types'\nimport type { SectionProps } from '../components/section/Section'\nimport type { FormRowProps } from '../components/form-row/FormRowHelpers'\nimport type { UploadProps } from '../components/upload/types'\nimport type { SkeletonProps, SkeletonShow } from '../components/Skeleton'\nimport type { HelpButtonProps } from '../components/HelpButton'\nimport type { TableProps } from '../components/Table'\nimport type { GlobalErrorProps } from '../components/GlobalError'\nimport type { ModalProps } from '../components/modal/types'\nimport type { AccordionProps } from '../components/Accordion'\nimport type { StepIndicatorProps } from '../components/StepIndicator'\nimport type { FormLabelProps } from '../components/FormLabel'\nimport type { InputProps } from '../components/Input'\n\nimport type { NumberFormatCurrency } from '../components/NumberFormat'\n\nimport type { FormElementProps } from './helpers/filterValidProps'\nimport type { ThemeProps } from './Theme'\n\nexport type ContextComponents = {\n Button?: Partial<ButtonProps>\n Anchor?: Partial<AnchorProps>\n Avatar?: Partial<AvatarProps>\n AvatarGroup?: Partial<AvatarGroupProps>\n Badge?: Partial<BadgeProps>\n Breadcrumb?: Partial<BreadcrumbProps>\n BreadcrumbItem?: Partial<BreadcrumbItemProps>\n InfoCard?: Partial<InfoCardProps>\n Slider?: Partial<SliderProps>\n Tag?: Partial<TagProps>\n TagGroup?: Partial<TagGroupProps>\n Timeline?: Partial<TimelineProps>\n TimelineItem?: Partial<TimelineItemProps>\n VisuallyHidden?: Partial<VisuallyHiddenProps>\n Drawer?: Partial<DrawerProps>\n Dialog?: Partial<DialogProps>\n Tooltip?: Partial<TooltipProps>\n Section?: Partial<SectionProps>\n ScrollView?: Partial<ScrollViewProps>\n Upload?: Partial<UploadProps>\n Skeleton?: Partial<SkeletonProps>\n HelpButton?: Partial<HelpButtonProps>\n Table?: Partial<TableProps>\n GlobalError?: Partial<GlobalErrorProps>\n Modal?: Partial<ModalProps>\n Accordion?: Partial<AccordionProps>\n StepIndicator?: Partial<StepIndicatorProps>\n FormLabel?: Partial<FormLabelProps>\n Input?: Partial<InputProps>\n\n // -- TODO: Not converted yet --\n NumberFormat?: Record<string, unknown>\n Pagination?: Record<string, unknown>\n\n /*\n @deprecated – can be removed in v11\n /\n FormRow?: FormRowProps\n\n // Common props\n formElement?: FormElementProps\n}\n\nexport type ContextProps = ContextComponents & {\n // -- All TypeScript based Eufemia components --\n\n // -- Global properties --\n\n /\n Contains theme related properties, such as a theme name\n /\n theme?: ThemeProps\n\n /\n Will enable all skeletons inside this provider/context scope\n /\n skeleton?: SkeletonShow\n\n /\n Define what breakpoints should be used by the MediaQuery component and hook\n /\n breakpoints?: Record<string, string>\n\n /\n Defines the locale (internal translation) used by some components\n /\n locale?: Locale\n\n /\n Provide your own translations. Use the same format as defined in the translation files\n /\n translation?: Translation\n\n /\n Defines the currency used by the NumberFormat component\n /\n currency?: NumberFormatCurrency\n\n /\n Defines the currencyDisplay used by the NumberFormat component\n /\n currency_display?: string\n\n /\n Update any given provider/context properties\n /\n update?: (props: ContextProps) => void\n\n /\n Update any given provider/context properties, but only for the particular scope\n /\n updateCurrent?: (props: ContextProps) => void\n\n /\n Update the used locale from within the context\n /\n setLocale?: (locale: Locale) => void\n\n /\n Update the used locale from within the context, but only for the particular scope\n /\n setCurrentLocale?: (locale: Locale) => void\n\n // -- For internal use --\n locales?: Locales\n __context__?: Record<string, unknown>\n updateTranslation?: (locale: Locale, translation: Translation) => void\n getTranslation?: (props: GetTranslationProps) => Translation\n}\n\nexport type GetTranslationProps = Partial<{\n lang?: Locale\n locale?: Locale\n}>\n\nexport type Locale = string \| 'nb-NO' \| 'en-GB' \| 'en-US'\nexport type ComponentTranslationsName = string \| keyof ContextComponents\nexport type ComponentTranslation = string\nexport type ComponentTranslations = Record<string, ComponentTranslation>\nexport type Locales = Record<Locale, Translation \| TranslationConsumer>\nexport type Translation = Record<\n /\n Support only \"HelpButton\"\n /\n ComponentTranslationsName,\n ComponentTranslations\n>\nexport type TranslationConsumer = Record<\n /\n Support \"HelpButton.title\"\n /\n ComponentTranslationsName,\n ComponentTranslation \| ComponentTranslations\n>\n\nexport function prepareContext<Props>(\n props: ContextProps = {}\n): Props & ContextProps {\n const locales: Locales = props.locales\n ? extend(defaultLocales, props.locales)\n : defaultLocales\n\n if (props.__context__) {\n Object.assign(props, props.__context__)\n delete props.__context__\n }\n\n const key = handleLocaleFallbacks(props.locale \|\| LOCALE, locales)\n const translation = locales[key] \|\| defaultLocales[LOCALE] \|\| {} // here we could use Object.freeze\n\n /\n The code above adds support for strings, defined like:\n * {\n * \"Modal.close_title\": \"Lukk\",\n * }\n /\n if (locales[key]) {\n locales[key] = destruct(locales[key], translation)\n }\n\n const context = {\n // We may use that in future\n updateTranslation: (locale: string, translation: Translation) => {\n context.translation = context.locales[locale] = translation\n },\n getTranslation: (props: GetTranslationProps) => {\n if (props) {\n const lang = props.lang \|\| props.locale\n if (lang && context.locales[lang] && lang !== key) {\n return context.locales[lang]\n }\n }\n return context.translation\n },\n\n locales,\n locale: null,\n breakpoints: null,\n skeleton: null,\n\n ...props,\n\n /\n Make sure we set this after props, since we update this one!\n */\n translation,\n } as Props & ContextProps\n\n return context\n}\n\nfunction handleLocaleFallbacks(locale: Locale, locales: Locales) {\n if (!locales[locale]) {\n if (locale === 'en' \|\| locale.split('-')[0] === 'en') {\n return 'en-GB'\n }\n }\n return locale\n}\n\n// If no provider is given, we use the default context from here\nconst Context = React.createContext<ContextProps>(\n prepareContext({\n locale: LOCALE,\n currency: CURRENCY,\n currency_display: CURRENCY_DISPLAY,\n })\n)\n\nexport default Context\n\nfunction destruct(\n source: TranslationConsumer,\n validKeys: Record<string, unknown>\n): TranslationConsumer {\n for (const k in source) {\n if (String(k).includes('.')) {\n const list = k.split('.')\n\n if (validKeys[list[0]]) {\n const val = source[k]\n const last = list.length - 1\n\n list.forEach((k, i) => {\n source[k] = i === last ? val : source[k]\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n source = source[k] \|\| {}\n })\n\n // If the root object is frozen, then use this\n // let lastObj = { ...source }\n // list.forEach((k, i) => {\n // lastObj[k] = i === last ? val : lastObj[k] // we may have to create a new object here instead?\n // lastObj = lastObj[k]\n // })\n }\n }\n }\n\n return source\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"Context.js","names":["React","LOCALE","CURRENCY","CURRENCY_DISPLAY","defaultLocales","extend","prepareContext","props","locales","__context__","Object","assign","key","handleLocaleFallbacks","locale","translation","destruct","context","_objectSpread","updateTranslation","getTranslation","lang","breakpoints","skeleton","split","Context","createContext","currency","currency_display","source","validKeys","k","String","includes","list","val","last","length","forEach","i"],"sources":["../../../src/shared/Context.tsx"],"sourcesContent":["/*\n Web Context Context\n \n /\n\nimport React from 'react'\nimport { LOCALE, CURRENCY, CURRENCY_DISPLAY } from './defaults'\nimport defaultLocales from './locales'\nimport { extend } from './component-helper'\n\n// All TypeScript based Eufemia elements\nimport type { ScrollViewProps } from '../fragments/scroll-view/ScrollView'\n\n// All TypeScript based Eufemia components\nimport type { AnchorProps } from '../components/Anchor'\nimport type { ButtonProps } from '../components/button/Button'\nimport type { AvatarProps } from '../components/avatar/Avatar'\nimport type { AvatarGroupProps } from '../components/avatar/AvatarGroup'\nimport type { BadgeProps } from '../components/badge/Badge'\nimport type { BreadcrumbProps } from '../components/breadcrumb/Breadcrumb'\nimport type { BreadcrumbItemProps } from '../components/breadcrumb/BreadcrumbItem'\nimport type { InfoCardProps } from '../components/info-card/InfoCard'\nimport type { SliderProps } from '../components/slider/Slider'\nimport type { TagProps } from '../components/tag/Tag'\nimport type { TagGroupProps } from '../components/tag/TagGroup'\nimport type { TimelineProps } from '../components/timeline/Timeline'\nimport type { TimelineItemProps } from '../components/timeline/TimelineItem'\nimport type { VisuallyHiddenProps } from '../components/visually-hidden/VisuallyHidden'\nimport type { DrawerProps } from '../components/drawer/types'\nimport type { DialogProps } from '../components/dialog/types'\nimport type { TooltipProps } from '../components/tooltip/types'\nimport type { SectionProps } from '../components/section/Section'\nimport type { FormRowProps } from '../components/form-row/FormRowHelpers'\nimport type { UploadProps } from '../components/upload/types'\nimport type { SkeletonProps, SkeletonShow } from '../components/Skeleton'\nimport type { HelpButtonProps } from '../components/HelpButton'\nimport type { TableProps } from '../components/Table'\nimport type { GlobalErrorProps } from '../components/GlobalError'\nimport type { ModalProps } from '../components/modal/types'\nimport type { AccordionProps } from '../components/Accordion'\nimport type { StepIndicatorProps } from '../components/StepIndicator'\nimport type { FormLabelProps } from '../components/FormLabel'\nimport type { InputProps } from '../components/Input'\n\nimport type { NumberFormatCurrency } from '../components/NumberFormat'\n\nimport type { FormElementProps } from './helpers/filterValidProps'\nimport type { ThemeProps } from './Theme'\n\nexport type ContextComponents = {\n Button?: Partial<ButtonProps>\n Anchor?: Partial<AnchorProps>\n Avatar?: Partial<AvatarProps>\n AvatarGroup?: Partial<AvatarGroupProps>\n Badge?: Partial<BadgeProps>\n Breadcrumb?: Partial<BreadcrumbProps>\n BreadcrumbItem?: Partial<BreadcrumbItemProps>\n InfoCard?: Partial<InfoCardProps>\n Slider?: Partial<SliderProps>\n Tag?: Partial<TagProps>\n TagGroup?: Partial<TagGroupProps>\n Timeline?: Partial<TimelineProps>\n TimelineItem?: Partial<TimelineItemProps>\n VisuallyHidden?: Partial<VisuallyHiddenProps>\n Drawer?: Partial<DrawerProps>\n Dialog?: Partial<DialogProps>\n Tooltip?: Partial<TooltipProps>\n Section?: Partial<SectionProps>\n ScrollView?: Partial<ScrollViewProps>\n Upload?: Partial<UploadProps>\n Skeleton?: Partial<SkeletonProps>\n HelpButton?: Partial<HelpButtonProps>\n Table?: Partial<TableProps>\n GlobalError?: Partial<GlobalErrorProps>\n Modal?: Partial<ModalProps>\n Accordion?: Partial<AccordionProps>\n StepIndicator?: Partial<StepIndicatorProps>\n FormLabel?: Partial<FormLabelProps>\n Input?: Partial<InputProps>\n\n // -- TODO: Not converted yet --\n NumberFormat?: Record<string, unknown>\n Pagination?: Record<string, unknown>\n\n /*\n @deprecated – can be removed in v11\n /\n FormRow?: FormRowProps\n\n // Common props\n formElement?: FormElementProps\n}\n\nexport type ContextProps = ContextComponents & {\n // -- All TypeScript based Eufemia components --\n\n // -- Global properties --\n\n /\n Contains theme related properties, such as a theme name\n /\n theme?: ThemeProps\n\n /\n Will enable all skeletons inside this provider/context scope\n /\n skeleton?: SkeletonShow\n\n /\n Define what breakpoints should be used by the MediaQuery component and hook\n /\n breakpoints?: Record<string, string>\n\n /\n Defines the locale (internal translation) used by some components\n /\n locale?: Locale\n\n /\n Provide your own translations. Use the same format as defined in the translation files\n /\n translation?: Translation\n\n /\n Defines the currency used by the NumberFormat component\n /\n currency?: NumberFormatCurrency\n\n /\n Defines the currencyDisplay used by the NumberFormat component\n /\n currency_display?: string\n\n /\n Update any given provider/context properties\n /\n update?: (props: ContextProps) => void\n\n /\n Update any given provider/context properties, but only for the particular scope\n /\n updateCurrent?: (props: ContextProps) => void\n\n /\n Update the used locale from within the context\n /\n setLocale?: (locale: Locale) => void\n\n /\n Update the used locale from within the context, but only for the particular scope\n /\n setCurrentLocale?: (locale: Locale) => void\n\n /\n Set a custom translation in the Provider\n /\n locales?: Locales\n\n // -- For internal use --\n __context__?: Record<string, unknown>\n updateTranslation?: (locale: Locale, translation: Translation) => void\n getTranslation?: (props: GetTranslationProps) => Translation\n}\n\nexport type GetTranslationProps = Partial<{\n lang?: Locale \| HTMLElement['lang']\n locale?: Locale\n}>\n\nexport type AnyLocale = string\nexport type Locale = AnyLocale \| Partial<TranslationLocale> \| 'en-US'\nexport type ComponentTranslationsName = keyof ContextComponents \| string\nexport type ComponentTranslation = string\nexport type Locales = Partial<\n Record<Locale, Translation \| TranslationFlat>\n>\nexport type TranslationDefaultLocales = typeof defaultLocales\nexport type TranslationLocale = keyof TranslationDefaultLocales\nexport type TranslationKeys =\n keyof TranslationDefaultLocales[TranslationLocale]\nexport type TranslationValues =\n TranslationDefaultLocales[TranslationLocale]\n\n/\n E.g. \"HelpButton: { title: '...' }\"\n /\nexport type Translation = DeepPartial<\n TranslationDefaultLocales[TranslationLocale]\n>\n\n/\n E.g. \"HelpButton.title\"\n /\nexport type TranslationFlat = Record<\n ComponentTranslationsName,\n TranslationKeys \| ComponentTranslation\n>\n\ntype DeepPartial<T> = T extends object\n ? {\n [K in keyof T]?: DeepPartial<T[K]>\n }\n : T\n\nexport function prepareContext<Props>(\n props: ContextProps = {}\n): Props & ContextProps {\n const locales: Locales = props.locales\n ? extend(defaultLocales, props.locales)\n : defaultLocales\n\n if (props.__context__) {\n Object.assign(props, props.__context__)\n delete props.__context__\n }\n\n const key = handleLocaleFallbacks(props.locale \|\| LOCALE, locales)\n const translation = locales[key] \|\| defaultLocales[LOCALE] \|\| {} // here we could use Object.freeze\n\n /\n The code above adds support for strings, defined like:\n * {\n * \"Modal.close_title\": \"Lukk\",\n * }\n /\n if (locales[key]) {\n locales[key] = destruct(locales[key] as TranslationFlat, translation)\n }\n\n const context = {\n // We may use that in future\n updateTranslation: (locale, translation) => {\n context.translation = context.locales[locale] = translation\n },\n getTranslation: (props) => {\n if (props) {\n const lang = props.lang \|\| props.locale\n if (lang && context.locales[lang] && lang !== key) {\n return context.locales[lang]\n }\n }\n return context.translation\n },\n\n locales,\n locale: null,\n breakpoints: null,\n skeleton: null,\n\n ...props,\n\n /\n Make sure we set this after props, since we update this one!\n */\n translation,\n } as Props & ContextProps\n\n return context\n}\n\nfunction handleLocaleFallbacks(locale: Locale \| string, locales: Locales) {\n if (!locales[locale]) {\n if (locale === 'en' \|\| locale.split('-')[0] === 'en') {\n return 'en-GB'\n }\n }\n return locale\n}\n\n// If no provider is given, we use the default context from here\nconst Context = React.createContext<ContextProps>(\n prepareContext({\n locale: LOCALE,\n currency: CURRENCY,\n currency_display: CURRENCY_DISPLAY,\n })\n)\n\nexport default Context\n\nfunction destruct(\n source: TranslationFlat,\n validKeys: Record<string, unknown>\n): TranslationFlat {\n for (const k in source) {\n if (String(k).includes('.')) {\n const list = k.split('.')\n\n if (validKeys[list[0]]) {\n const val = source[k]\n const last = list.length - 1\n\n list.forEach((k, i) => {\n source[k] = i === last ? val : source[k]\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n source = source[k] \|\| {}\n })\n\n // If the root object is frozen, then use this\n // let lastObj = { ...source }\n // list.forEach((k, i) => {\n // lastObj[k] = i === last ? val : lastObj[k] // we may have to create a new object here instead?\n // lastObj = lastObj[k]\n // })\n }\n }\n }\n\n return source\n}\n"],"mappings":"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"}

package/es/shared/Eufemia.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export function init(): void;
-export const version: "10.22.0";
+export declare const version = "10.24.0";
+export declare function init(): void;

package/es/shared/Eufemia.js CHANGED Viewed

@@ -1,9 +1,9 @@
-export const version = '10.22.0';
+export const version = '10.24.0';
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.22.0';
+        return '10.24.0';
       }
     }
     window.Eufemia = new Eufemia();

package/es/shared/Eufemia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.js"],"sourcesContent":["export const version = '10.22.0'\n\nexport function init() {\n if (typeof window !== 'undefined') {\n class Eufemia {\n get version() {\n return '10.22.0'\n }\n }\n\n window.Eufemia = new Eufemia()\n }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
1	+ {"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.24.0'\n\nexport function init() {\n if (typeof window !== 'undefined') {\n class Eufemia {\n get version() {\n return '10.24.0'\n }\n }\n\n window.Eufemia = new Eufemia()\n }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/es/shared/Provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Provider.js","names":["React","Context","prepareContext","prepareFormElementContext","Provider","localProps","children","props","_objectWithoutProperties","_excluded","context","useContext","localContext","setLocalContext","useState","value","mergeContext","_objectSpread","updateTranslation","locale","translation","update","updateAll","setLocale","setAllLocale","updateCurrent","setCurrentLocale","createElement","__context__","rest","_excluded2","merge","mergedContext","formElement","FormRow"],"sources":["../../../src/shared/Provider.tsx"],"sourcesContent":["/*\n Lib Provider\n \n /\n\nimport React from 'react'\nimport Context, { prepareContext } from './Context'\nimport type { ContextProps } from './Context'\nimport { prepareFormElementContext } from './helpers/filterValidProps'\n\nexport type ProviderProps = {\n /*\n Send in an object that gets spread as properties to the Provider\n /\n value?: ContextProps\n\n /\n The content\n */\n children: React.ReactNode\n} & ContextProps\n\nexport default function Provider<Props>(\n localProps: ProviderProps & Props\n) {\n const { children, ...props } = localProps\n\n const context = React.useContext(Context)\n const [localContext, setLocalContext] = React.useState(null)\n\n let value = mergeContext(context, { ...localContext, ...props })\n\n if (context) {\n value = prepareContext(value)\n context.updateTranslation(value.locale, value.translation)\n }\n\n value.update = updateAll\n value.setLocale = setAllLocale\n value.updateCurrent = updateCurrent\n value.setCurrentLocale = setCurrentLocale\n\n return <Context.Provider value={value}>{children}</Context.Provider>\n\n function updateCurrent(props: ContextProps) {\n setLocalContext({ __context__: props })\n }\n\n function setCurrentLocale(locale: ~~string~~) {\n setLocalContext({ __context__: { locale } })\n }\n\n function setAllLocale(locale: ~~string~~) {\n updateAll({ locale })\n }\n\n function updateAll(props: ContextProps) {\n if (typeof context.update === 'function') {\n context.update(props)\n }\n\n setLocalContext({ __context__: props })\n }\n}\n\ntype MergeContext = {\n FormRow?: Pick<ContextProps, 'FormRow'>\n}\ntype MergeContextProps = {\n value: ProviderProps\n} & MergeContext\n\nfunction mergeContext<ContextT, PropsT>(\n context: ContextT & ContextProps,\n props: PropsT & MergeContextProps\n) {\n // When value is given as so: <Provider value={{}} />\n const { value, ...rest } = props\n\n // Make sure we create a copy, because we add some custom methods to it\n const merge = { ...value, ...rest }\n\n // Merge our new values with an existing context\n const mergedContext = { ...context, ...merge }\n\n // Because we don't want to deep merge, we merge formElement additionally\n if (context?.formElement && merge.formElement) {\n mergedContext.formElement = {\n ...context.formElement,\n ...merge.formElement,\n }\n mergedContext.formElement = prepareFormElementContext(\n mergedContext.formElement\n )\n }\n\n // Deprecated – can be removed in v11\n if (context?.FormRow && merge.FormRow) {\n mergedContext.FormRow = {\n ...context.FormRow,\n ...merge.FormRow,\n }\n mergedContext.FormRow = prepareFormElementContext(\n mergedContext.FormRow\n )\n }\n\n return mergedContext\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"Provider.js","names":["React","Context","prepareContext","prepareFormElementContext","Provider","localProps","children","props","_objectWithoutProperties","_excluded","context","useContext","localContext","setLocalContext","useState","value","mergeContext","_objectSpread","updateTranslation","locale","translation","update","updateAll","setLocale","setAllLocale","updateCurrent","setCurrentLocale","createElement","__context__","rest","_excluded2","merge","mergedContext","formElement","FormRow"],"sources":["../../../src/shared/Provider.tsx"],"sourcesContent":["/*\n Lib Provider\n \n /\n\nimport React from 'react'\nimport Context, { prepareContext } from './Context'\nimport type { ContextProps, Locale } from './Context'\nimport { prepareFormElementContext } from './helpers/filterValidProps'\n\nexport type ProviderProps = {\n /*\n Send in an object that gets spread as properties to the Provider\n /\n value?: ContextProps\n\n /\n The content\n */\n children: React.ReactNode\n} & ContextProps\n\nexport default function Provider<Props>(\n localProps: ProviderProps & Props\n) {\n const { children, ...props } = localProps\n\n const context = React.useContext(Context)\n const [localContext, setLocalContext] = React.useState(null)\n\n let value = mergeContext(context, { ...localContext, ...props })\n\n if (context) {\n value = prepareContext(value)\n context.updateTranslation(value.locale, value.translation)\n }\n\n value.update = updateAll\n value.setLocale = setAllLocale\n value.updateCurrent = updateCurrent\n value.setCurrentLocale = setCurrentLocale\n\n return <Context.Provider value={value}>{children}</Context.Provider>\n\n function updateCurrent(props: ContextProps) {\n setLocalContext({ __context__: props })\n }\n\n function setCurrentLocale(locale: Locale) {\n setLocalContext({ __context__: { locale } })\n }\n\n function setAllLocale(locale: Locale) {\n updateAll({ locale })\n }\n\n function updateAll(props: ContextProps) {\n if (typeof context.update === 'function') {\n context.update(props)\n }\n\n setLocalContext({ __context__: props })\n }\n}\n\ntype MergeContext = {\n FormRow?: Pick<ContextProps, 'FormRow'>\n}\ntype MergeContextProps = {\n value: ProviderProps\n} & MergeContext\n\nfunction mergeContext<ContextT, PropsT>(\n context: ContextT & ContextProps,\n props: PropsT & MergeContextProps\n) {\n // When value is given as so: <Provider value={{}} />\n const { value, ...rest } = props\n\n // Make sure we create a copy, because we add some custom methods to it\n const merge = { ...value, ...rest }\n\n // Merge our new values with an existing context\n const mergedContext = { ...context, ...merge }\n\n // Because we don't want to deep merge, we merge formElement additionally\n if (context?.formElement && merge.formElement) {\n mergedContext.formElement = {\n ...context.formElement,\n ...merge.formElement,\n }\n mergedContext.formElement = prepareFormElementContext(\n mergedContext.formElement\n )\n }\n\n // Deprecated – can be removed in v11\n if (context?.FormRow && merge.FormRow) {\n mergedContext.FormRow = {\n ...context.FormRow,\n ...merge.FormRow,\n }\n mergedContext.FormRow = prepareFormElementContext(\n mergedContext.FormRow\n )\n }\n\n return mergedContext\n}\n"],"mappings":"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"}

package/es/shared/defaults.d.ts CHANGED Viewed

@@ -2,6 +2,6 @@
  * DNB Eufemia Defaults
  *
  */
-export const LOCALE: "nb-NO";
-export const CURRENCY: "NOK";
-export const CURRENCY_DISPLAY: "code";
+export declare const LOCALE = "nb-NO";
+export declare const CURRENCY = "NOK";
+export declare const CURRENCY_DISPLAY = "code";

package/es/shared/defaults.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaults.js","names":["LOCALE","CURRENCY","CURRENCY_DISPLAY"],"sources":["../../../src/shared/defaults.js"],"sourcesContent":["/*\n DNB Eufemia Defaults\n \n /\n\nexport const LOCALE = 'nb-NO'\nexport const CURRENCY = 'NOK'\nexport const CURRENCY_DISPLAY = 'code' // code, name, symbol, narrowSymbol\n"],"mappings":"AAKA,OAAO,MAAMA,MAAM,GAAG,OAAO;AAC7B,OAAO,MAAMC,QAAQ,GAAG,KAAK;AAC7B,OAAO,MAAMC,gBAAgB,GAAG,MAAM"}
1	+ {"version":3,"file":"defaults.js","names":["LOCALE","CURRENCY","CURRENCY_DISPLAY"],"sources":["../../../src/shared/defaults.ts"],"sourcesContent":["/*\n DNB Eufemia Defaults\n \n /\n\nexport const LOCALE = 'nb-NO'\nexport const CURRENCY = 'NOK'\nexport const CURRENCY_DISPLAY = 'code' // code, name, symbol, narrowSymbol\n"],"mappings":"AAKA,OAAO,MAAMA,MAAM,GAAG,OAAO;AAC7B,OAAO,MAAMC,QAAQ,GAAG,KAAK;AAC7B,OAAO,MAAMC,gBAAgB,GAAG,MAAM"}

package/es/shared/helpers/debounce.d.ts CHANGED Viewed

@@ -1,37 +1,28 @@
-/**
- * Debounces a function to be executed after a specified wait time.
- *
- * @param {Function} debouncedFunction - The function to be debounced.
- * @param {number} [wait=250] - The wait time in milliseconds before executing the debounced function.
- * @param {Object} [options] - Additional options for the debounced function.
- * @param {boolean} [options.immediate=false] - Whether to execute the debounced function immediately.
- * @param {Object} [options.instance=null] - The instance to bind the debounced function to.
- * @param {boolean} [options.async=false] - Whether to return a promise that resolves with the result of the debounced function.
- * @returns {Function|Promise} - The debounced function or a promise that resolves with the result of the debounced function.
- * @memberof helpers
- */
-export declare function debounce(debouncedFunction: any, wait?: number, { immediate, instance, async }?: {
+type ReturnHelpers = {
+    cancel: () => void;
+    addCancelEvent: (fn: () => void) => () => boolean;
+};
+type DebouncedFunction<T extends any[], R> = (...args: T) => R;
+type DebouncedOptions = {
+    /**
+     * Whether to execute the debounced function immediately.
+     */
     immediate?: boolean;
+    /**
+     * The instance to bind the debounced function to.
+     */
     instance?: any;
+    /**
+     * Whether to return a promise that resolves with the result of the debounced function.
+     */
     async?: boolean;
-}): {
-    (...args: any[]): any;
-    cancel: () => void;
-    addCancelEvent: (fn: any) => () => boolean;
 };
 /**
  * Debounces a function in async to be executed after a specified wait time.
- *
- * @param {Function} debouncedFunction - The function to be debounced.
- * @param {number} [wait=250] - The wait time in milliseconds before executing the debounced function.
- * @param {Object} [options] - Additional options for the debounced function.
- * @param {boolean} [options.immediate=false] - Whether to execute the debounced function immediately.
- * @param {Object} [options.instance=null] - The instance to bind the debounced function to.
- * @returns {Promise} - The debounced promise that resolves with the result of the debounced function.
- * @memberof helpers
  */
-export declare function debounceAsync(debouncedFunction: any, wait?: number, opts?: any): {
-    (...args: any[]): any;
-    cancel: () => void;
-    addCancelEvent: (fn: any) => () => boolean;
-};
+export declare function debounceAsync<T extends any[], R>(debouncedFunction: DebouncedFunction<T, R>, wait?: number, opts?: Omit<DebouncedOptions, 'async'>): DebouncedFunction<T, R> & ReturnHelpers;
+/**
+ * Debounces a function to be executed after a specified wait time.
+ */
+export declare function debounce<T extends any[], R>(debouncedFunction: DebouncedFunction<T, R>, wait?: number, { immediate, instance, async, }?: DebouncedOptions): DebouncedFunction<T, R> & ReturnHelpers;
+export {};

package/es/shared/helpers/debounce.js CHANGED Viewed

@@ -1,7 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-export function debounce(debouncedFunction, wait = 250, {
+import { isAsync } from './isAsync';
+export function debounceAsync(debouncedFunction, wait = 500, opts = null) {
+  return debounce(debouncedFunction, wait, _objectSpread(_objectSpread({}, opts), {}, {
+    async: true
+  }));
+}
+export function debounce(debouncedFunction, wait = 500, {
   immediate = false,
   instance = null,
   async = false
@@ -64,13 +70,19 @@ export function debounce(debouncedFunction, wait = 250, {
     }
     return recall;
   }
-  executedFunction.cancel = cancel;
-  executedFunction.addCancelEvent = addCancelEvent;
-  return executedFunction;
-}
-export function debounceAsync(debouncedFunction, wait = 250, opts = null) {
-  return debounce(debouncedFunction, wait, _objectSpread(_objectSpread({}, opts), {}, {
-    async: true
-  }));
+  function syncFunction(...args) {
+    return executedFunction(...args);
+  }
+  syncFunction.cancel = cancel;
+  syncFunction.addCancelEvent = addCancelEvent;
+  async function asyncFunction(...args) {
+    return executedFunction(...args);
+  }
+  asyncFunction.cancel = cancel;
+  asyncFunction.addCancelEvent = addCancelEvent;
+  if (isAsync(debouncedFunction)) {
+    return asyncFunction;
+  }
+  return syncFunction;
 }
 //# sourceMappingURL=debounce.js.map

package/es/shared/helpers/debounce.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"debounce.js","names":["~~debounce~~","debouncedFunction","wait","~~immediate~~","~~instance~~","async","timeout","recall","resolvePromise","rejectPromise","canceled","customCancels","cancel","_resolvePromise","clearTimeout","forEach","fn","addCancelEvent","includes","push","executedFunction","args","inst","later","callNow","_resolvePromise2","apply","error","_rejectPromise","setTimeout","Promise","resolve","reject","~~debounceAsync~~","~~opts~~"~~,"_objectSpread"~~],"sources":["../../../../src/shared/helpers/debounce.ts"],"sourcesContent":["~~/*\n~~ ~~Debounces~~ a ~~function~~ to be ~~executed~~ ~~after~~ a ~~specified~~ ~~wait time.\~~n \n ~~@param~~ ~~{Function}~~ ~~debouncedFunction~~ - ~~The~~ ~~function~~ to be ~~debounced.\n~~ * ~~@param~~ ~~{number}~~ ~~[wait=250]~~ - ~~The~~ ~~wait~~ ~~time~~ in ~~milliseconds~~ ~~before~~ ~~executing~~ the debounced function.\n * ~~@param~~ ~~{Object}~~ ~~[options]~~ - ~~Additional options for~~ the debounced function.\n * ~~@param~~ ~~{boolean}~~ ~~[options.immediate=false]~~ - ~~Whether~~ to ~~execute~~ the debounced function ~~immediately~~.\n * ~~@param~~ ~~{Object}~~ ~~[options.instance=null]~~ - ~~The~~ ~~instance~~ to ~~bind~~ ~~the~~ ~~debounced~~ ~~function~~ to.\n * ~~@param~~ ~~{boolean}~~ [~~options.async=false~~] - ~~Whether~~ to ~~return~~ a ~~promise~~ ~~that~~ ~~resolves~~ ~~with~~ ~~the~~ ~~result~~ of ~~the~~ ~~debounced function.\~~n * ~~@returns~~ {~~Function\|Promise}~~ - ~~The~~ ~~debounced~~ ~~function~~ or a ~~promise~~ ~~that~~ ~~resolves~~ ~~with~~ ~~the~~ ~~result~~ of ~~the~~ ~~debounced function~~.\n * @memberof helpers\n /\nexport function debounce(\n debouncedFunction,\n wait = ~~250~~,\n { immediate = false, instance = null, async = false } = {}\n) {\n let timeout\n let recall\n let resolvePromise\n let rejectPromise\n let canceled = false\n const customCancels = []\n\n const cancel = () => {\n canceled = true\n\n clearTimeout(timeout)\n resolvePromise?.()\n\n customCancels.forEach((fn) => {\n fn()\n })\n }\n\n const addCancelEvent = (fn) => {\n if (!customCancels.includes(fn)) {\n customCancels.push(fn)\n }\n\n return () => {\n return canceled\n }\n }\n\n function executedFunction(...args) {\n if (typeof recall === 'function') {\n recall()\n }\n\n canceled = false\n\n const inst = instance \|\| this \|\| {}\n inst.cancel = cancel\n inst.addCancelEvent = addCancelEvent\n\n const later = (callNow) => {\n timeout = null\n if (callNow \|\| !immediate) {\n try {\n recall = debouncedFunction.apply(inst, args)\n resolvePromise?.(recall)\n } catch (error) {\n rejectPromise?.(error)\n }\n }\n }\n\n const callNow = immediate && !timeout\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (callNow) {\n later(true)\n }\n\n if (async) {\n return new Promise((resolve, reject) => {\n resolvePromise = resolve\n rejectPromise = reject\n })\n }\n\n return recall\n }\n\n executedFunction.cancel = cancel\n ~~executedFunction~~.addCancelEvent = addCancelEvent\n\n return ~~executedFunction~~\n~~}\n\n/\n~~ Debounces a function in ~~async~~ ~~to be executed after a specified wait time.\~~n \n @param {Function} ~~debouncedFunction - The function to be debounced.\~~n * @param {number} [wait=~~250]~~ ~~- The wait time in milliseconds before executing the debounced function.\~~n * @param {Object} [options] - Additional options for the debounced function.\n * @param {boolean} [options.~~immediate=false]~~ ~~- Whether to execute the debounced function immediately.\n * @param {Object} [options.instance~~=~~null]~~ ~~- The instance to bind the debounced function to.\~~n * @returns {Promise} - The debounced promise that resolves with the result of the debounced function.\n * @memberof helpers\n */\nexport function debounceAsync(debouncedFunction~~, wait = 250, opts = null~~) {\n return ~~debounce(debouncedFunction,~~ ~~wait,~~ ~~{ ...opts~~, ~~async:~~ ~~true~~ })\n}\n"],"mappings":";;;~~AAYA~~,OAAO,~~SAASA~~,~~QAAQA~~,~~CACtBC~~,iBAAiB,~~EACjBC~~,IAAI,GAAG,GAAG,EACV;~~EAAEC~~,SAAS,GAAG,KAAK;~~EAAEC~~,QAAQ,GAAG,IAAI;~~EAAEC~~,KAAK,GAAG;~~AAAM~~,CAAC,GAAG,CAAC,CAAC,~~EAC1D~~;~~EACA~~,~~IAAIC~~,OAAO;EACX,IAAIC,MAAM;EACV,IAAIC,cAAc;EAClB,IAAIC,aAAa;EACjB,IAAIC,QAAQ,GAAG,KAAK;EACpB,MAAMC,aAAa,GAAG,EAAE;EAExB,MAAMC,MAAM,GAAGA,CAAA,KAAM;IAAA,IAAAC,eAAA;IACnBH,QAAQ,GAAG,IAAI;IAEfI,YAAY,CAACR,OAAO,CAAC;IACrB,CAAAO,eAAA,GAAAL,cAAc,cAAAK,eAAA,uBAAdA,eAAA,CAAiB,CAAC;IAElBF,aAAa,CAACI,OAAO,CAAEC,EAAE,IAAK;MAC5BA,EAAE,CAAC,CAAC;IACN,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,cAAc,GAAID,EAAE,IAAK;IAC7B,IAAI,CAACL,aAAa,CAACO,QAAQ,CAACF,EAAE,CAAC,EAAE;MAC/BL,aAAa,CAACQ,IAAI,CAACH,EAAE,CAAC;IACxB;IAEA,OAAO,MAAM;MACX,OAAON,QAAQ;IACjB,CAAC;EACH,CAAC;EAED,SAASU,gBAAgBA,CAAC,GAAGC,~~IAAI~~,EAAE;~~IACjC~~,IAAI,OAAOd,MAAM,KAAK,UAAU,EAAE;MAChCA,MAAM,CAAC,CAAC;IACV;IAEAG,QAAQ,GAAG,KAAK;IAEhB,MAAMY,IAAI,~~GAAGlB~~,QAAQ,IAAI,IAAI,IAAI,CAAC,CAAC;~~IACnCkB~~,IAAI,CAACV,MAAM,GAAGA,MAAM;IACpBU,IAAI,CAACL,cAAc,GAAGA,cAAc;IAEpC,MAAMM,KAAK,GAAIC,OAAO,IAAK;MACzBlB,OAAO,GAAG,IAAI;MACd,IAAIkB,OAAO,IAAI,~~CAACrB~~,SAAS,EAAE;QACzB,IAAI;UAAA,~~IAAAsB~~,gBAAA;UACFlB,MAAM,~~GAAGN~~,iBAAiB,~~CAACyB~~,KAAK,CAACJ,IAAI,EAAED,IAAI,CAAC;UAC5C,CAAAI,gBAAA,GAAAjB,cAAc,cAAAiB,gBAAA,uBAAdA,gBAAA,CAAiBlB,MAAM,CAAC;QAC1B,CAAC,CAAC,OAAOoB,KAAK,EAAE;UAAA,IAAAC,cAAA;UACd,CAAAA,cAAA,GAAAnB,aAAa,cAAAmB,cAAA,uBAAbA,cAAA,CAAgBD,KAAK,CAAC;QACxB;MACF;IACF,CAAC;IAED,MAAMH,OAAO,~~GAAGrB~~,SAAS,IAAI,~~CAACG~~,OAAO;IAErCQ,YAAY,CAACR,OAAO,CAAC;IACrBA,OAAO,GAAGuB,UAAU,CAACN,KAAK,~~EAAErB~~,IAAI,CAAC;IAEjC,~~IAAIsB~~,OAAO,EAAE;MACXD,KAAK,CAAC,IAAI,CAAC;IACb;IAEA,~~IAAIlB~~,KAAK,EAAE;MACT,OAAO,~~IAAIyB~~,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;QACtCxB,cAAc,GAAGuB,OAAO;QACxBtB,aAAa,GAAGuB,MAAM;MACxB,CAAC,CAAC;IACJ;IAEA,OAAOzB,MAAM;EACf;~~EAEAa~~,gBAAgB,~~CAACR~~,MAAM,GAAGA,MAAM;~~EAChCQ~~,~~gBAAgB~~,~~CAACH~~,cAAc,GAAGA,cAAc;~~EAEhD~~,~~OAAOG~~,~~gBAAgB;AACzB;AAaA~~,~~OAAO~~,~~SAASa~~,~~aAAaA~~,~~CAAChC~~,~~iBAAiB~~,~~EAAEC~~,IAAI,~~GAAG~~,~~GAAG~~,~~EAAEgC~~,~~IAAI~~,~~GAAG~~,~~IAAI,EAAE~~;~~EACxE~~,~~OAAOlC~~,~~QAAQ~~,~~CAACC~~,~~iBAAiB~~,~~EAAEC~~,~~IAAI~~,~~EAAAiC~~,~~aAAA~~,~~CAAAA~~,~~aAAA~~,~~KAAOD,IAAI~~;~~IAAE7B~~,~~KAAK~~,~~EAAE~~;~~EAAI~~,~~EAAE~~,~~CAAC~~;~~AACpE~~"}
1	+ {"version":3,"file":"debounce.js","names":["isAsync","debounceAsync","debouncedFunction","wait","opts","debounce","_objectSpread","async","immediate","instance","timeout","recall","resolvePromise","rejectPromise","canceled","customCancels","cancel","_resolvePromise","clearTimeout","forEach","fn","addCancelEvent","includes","push","executedFunction","args","inst","later","callNow","_resolvePromise2","apply","error","_rejectPromise","setTimeout","Promise","resolve","reject","syncFunction","asyncFunction"],"sources":["../../../../src/shared/helpers/debounce.ts"],"sourcesContent":["import { isAsync } from './isAsync'\n\ntype ReturnHelpers = {\n cancel: () => void\n addCancelEvent: (fn: () => void) => () => boolean\n}\ntype DebouncedFunction<T extends any[], R> = (...args: T) => R\ntype DebouncedOptions = {\n /*\n Whether to execute the debounced function immediately.\n /\n immediate?: boolean\n\n /\n The instance to bind the debounced function to.\n /\n instance?: any\n\n /\n Whether to return a promise that resolves with the result of the debounced function.\n /\n async?: boolean\n}\n\n/\n Debounces a function in async to be executed after a specified wait time.\n /\nexport function debounceAsync<T extends any[], R>(\n debouncedFunction: DebouncedFunction<T, R>,\n wait = 500,\n opts: Omit<DebouncedOptions, 'async'> = null\n): DebouncedFunction<T, R> & ReturnHelpers {\n return debounce<T, R>(debouncedFunction, wait, { ...opts, async: true })\n}\n\n/\n Debounces a function to be executed after a specified wait time.\n */\nexport function debounce<T extends any[], R>(\n debouncedFunction: DebouncedFunction<T, R>,\n wait = 500,\n {\n immediate = false,\n instance = null,\n async = false,\n }: DebouncedOptions = {}\n): DebouncedFunction<T, R> & ReturnHelpers {\n let timeout\n let recall\n let resolvePromise\n let rejectPromise\n let canceled = false\n const customCancels = []\n\n const cancel = () => {\n canceled = true\n\n clearTimeout(timeout)\n resolvePromise?.()\n\n customCancels.forEach((fn) => {\n fn()\n })\n }\n\n const addCancelEvent = (fn) => {\n if (!customCancels.includes(fn)) {\n customCancels.push(fn)\n }\n\n return () => {\n return canceled\n }\n }\n\n function executedFunction(...args: T) {\n if (typeof recall === 'function') {\n recall()\n }\n\n canceled = false\n\n const inst = instance \|\| this \|\| {}\n inst.cancel = cancel\n inst.addCancelEvent = addCancelEvent\n\n const later = (callNow) => {\n timeout = null\n if (callNow \|\| !immediate) {\n try {\n recall = debouncedFunction.apply(inst, args)\n resolvePromise?.(recall)\n } catch (error) {\n rejectPromise?.(error)\n }\n }\n }\n\n const callNow = immediate && !timeout\n\n clearTimeout(timeout)\n timeout = setTimeout(later, wait)\n\n if (callNow) {\n later(true)\n }\n\n if (async) {\n return new Promise((resolve, reject) => {\n resolvePromise = resolve\n rejectPromise = reject\n })\n }\n\n return recall\n }\n\n // Sync\n function syncFunction(...args: T) {\n return executedFunction(...args)\n }\n syncFunction.cancel = cancel\n syncFunction.addCancelEvent = addCancelEvent\n\n // Async return\n async function asyncFunction(...args: T) {\n return executedFunction(...args)\n }\n asyncFunction.cancel = cancel\n asyncFunction.addCancelEvent = addCancelEvent\n\n if (isAsync(debouncedFunction)) {\n return asyncFunction as DebouncedFunction<T, R> & ReturnHelpers\n }\n\n return syncFunction\n}\n"],"mappings":"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"}

package/es/shared/helpers/isAsync.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+/**
+ * Checks if a function is asynchronous.
+ *
+ * @param fn - The function to check.
+ * @returns `true` if the function is asynchronous, `false` otherwise.
+ */
+export declare function isAsync(fn: unknown): boolean;

package/es/shared/helpers/isAsync.js ADDED Viewed

@@ -0,0 +1,14 @@
+export function isAsync(fn) {
+  var _fn, _fn$n, _fn2, _fn2$constructor;
+  const n = 'getMockImplementation';
+  if ((_fn = fn) !== null && _fn !== void 0 && (_fn$n = _fn[n]) !== null && _fn$n !== void 0 && _fn$n.call(_fn)) {
+    fn = fn[n]();
+  }
+  const firstCheck = fn instanceof (async () => null).constructor;
+  const secondCheck = ((_fn2 = fn) === null || _fn2 === void 0 ? void 0 : (_fn2$constructor = _fn2.constructor) === null || _fn2$constructor === void 0 ? void 0 : _fn2$constructor.name) === 'AsyncFunction';
+  if (firstCheck !== secondCheck) {
+    return true;
+  }
+  return firstCheck;
+}
+//# sourceMappingURL=isAsync.js.map

package/es/shared/helpers/isAsync.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"isAsync.js","names":["isAsync","fn","_fn","_fn$n","_fn2","_fn2$constructor","n","call","firstCheck","constructor","secondCheck","name"],"sources":["../../../../src/shared/helpers/isAsync.ts"],"sourcesContent":["/**\n * Checks if a function is asynchronous.\n *\n * @param fn - The function to check.\n * @returns `true` if the function is asynchronous, `false` otherwise.\n */\nexport function isAsync(fn: unknown): boolean {\n // Support for jest.fn\n const n = 'getMockImplementation'\n if (fn?.[n]?.()) {\n fn = fn[n]()\n }\n\n const firstCheck = fn instanceof (async () => null).constructor\n const secondCheck = fn?.constructor?.name === 'AsyncFunction'\n\n if (firstCheck !== secondCheck) {\n // Storybook has a problem with async functions.\n // E.g. \"fn?.constructor?.name === 'AsyncFunction'\" logic returns always \"Function\" instead of \"AsyncFunction\"\n // Even this \"Object.prototype.toString.call(fn) === '[object AsyncFunction]'\" logic returns always \"false\" in Storybook.\n // The issue persists with \"instanceof\" logic, where it returns \"true\" for non-async functions.\n // As of now, we rather want to return true in that situation.\n return true\n }\n\n return firstCheck\n}\n"],"mappings":"AAMA,OAAO,SAASA,OAAOA,CAACC,EAAW,EAAW;EAAA,IAAAC,GAAA,EAAAC,KAAA,EAAAC,IAAA,EAAAC,gBAAA;EAE5C,MAAMC,CAAC,GAAG,uBAAuB;EACjC,KAAAJ,GAAA,GAAID,EAAE,cAAAC,GAAA,gBAAAC,KAAA,GAAFD,GAAA,CAAKI,CAAC,CAAC,cAAAH,KAAA,eAAPA,KAAA,CAAAI,IAAA,CAAAL,GAAU,CAAC,EAAE;IACfD,EAAE,GAAGA,EAAE,CAACK,CAAC,CAAC,CAAC,CAAC;EACd;EAEA,MAAME,UAAU,GAAGP,EAAE,YAAY,CAAC,YAAY,IAAI,EAAEQ,WAAW;EAC/D,MAAMC,WAAW,GAAG,EAAAN,IAAA,GAAAH,EAAE,cAAAG,IAAA,wBAAAC,gBAAA,GAAFD,IAAA,CAAIK,WAAW,cAAAJ,gBAAA,uBAAfA,gBAAA,CAAiBM,IAAI,MAAK,eAAe;EAE7D,IAAIH,UAAU,KAAKE,WAAW,EAAE;IAM9B,OAAO,IAAI;EACb;EAEA,OAAOF,UAAU;AACnB"}

package/es/shared/helpers/runCssVersionMismatchWarning.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+declare global {
+    interface Window {
+        Eufemia?: {
+            version: string;
+        };
+    }
+}
+export declare function runCssVersionMismatchWarning(): void;