@dnb/eufemia 10.20.0 → 10.22.0

package/shared/helpers/debounce.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 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 }?: {
+    immediate?: boolean;
+    instance?: any;
+    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;
+};

package/shared/helpers/debounce.js

@@ -0,0 +1,83 @@
+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) {
+  let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
+  let {
+    immediate = false,
+    instance = null,
+    async = false
+  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let timeout;
+  let recall;
+  let resolvePromise;
+  let rejectPromise;
+  let canceled = false;
+  const customCancels = [];
+  const cancel = () => {
+    var _resolvePromise;
+    canceled = true;
+    clearTimeout(timeout);
+    (_resolvePromise = resolvePromise) === null || _resolvePromise === void 0 ? void 0 : _resolvePromise();
+    customCancels.forEach(fn => {
+      fn();
+    });
+  };
+  const addCancelEvent = fn => {
+    if (!customCancels.includes(fn)) {
+      customCancels.push(fn);
+    }
+    return () => {
+      return canceled;
+    };
+  };
+  function executedFunction() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (typeof recall === 'function') {
+      recall();
+    }
+    canceled = false;
+    const inst = instance || this || {};
+    inst.cancel = cancel;
+    inst.addCancelEvent = addCancelEvent;
+    const later = callNow => {
+      timeout = null;
+      if (callNow || !immediate) {
+        try {
+          var _resolvePromise2;
+          recall = debouncedFunction.apply(inst, args);
+          (_resolvePromise2 = resolvePromise) === null || _resolvePromise2 === void 0 ? void 0 : _resolvePromise2(recall);
+        } catch (error) {
+          var _rejectPromise;
+          (_rejectPromise = rejectPromise) === null || _rejectPromise === void 0 ? void 0 : _rejectPromise(error);
+        }
+      }
+    };
+    const callNow = immediate && !timeout;
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+    if (callNow) {
+      later(true);
+    }
+    if (async) {
+      return new Promise((resolve, reject) => {
+        resolvePromise = resolve;
+        rejectPromise = reject;
+      });
+    }
+    return recall;
+  }
+  executedFunction.cancel = cancel;
+  executedFunction.addCancelEvent = addCancelEvent;
+  return executedFunction;
+}
+export function debounceAsync(debouncedFunction) {
+  let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
+  let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  return debounce(debouncedFunction, wait, _objectSpread(_objectSpread({}, opts), {}, {
+    async: true
+  }));
+}
+//# sourceMappingURL=debounce.js.map

package/shared/helpers/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","names":["debounce","debouncedFunction","wait","arguments","length","undefined","immediate","instance","async","timeout","recall","resolvePromise","rejectPromise","canceled","customCancels","cancel","_resolvePromise","clearTimeout","forEach","fn","addCancelEvent","includes","push","executedFunction","_len","args","Array","_key","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":"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"}

package/shared/helpers/filterValidProps.d.ts

@@ -7,7 +7,7 @@
  * @param excludeKeys object with keys that should be excluded
  * @returns filtered properties
  */
-export declare function filterValidProps<Props>(props: Props, validKeys?: Record<string, unknown>, excludeKeys?: Record<string, unknown>): Props;
+export declare function filterValidProps<T extends Record<string, unknown>>(props: T | any, validKeys?: Record<string, unknown>, excludeKeys?: Record<string, unknown>): T;
 /**
  * Filters out props from a given object/context
  * It returns a new object, with keys defined in validKeys
@@ -16,7 +16,7 @@ export declare function filterValidProps<Props>(props: Props, validKeys?: Record
  * @param excludeProps object with keys that should be excluded
  * @returns filtered properties
  */
-export declare function pickFormElementProps(props: FormElementProps, excludeProps?: Record<string, unknown>): FormElementProps;
+export declare function pickFormElementProps(props: FormElementProps, excludeProps?: Record<string, unknown>): Record<string, unknown>;
 export declare function prepareFormElementContext<Props>(props: Props & FormElementProps): Props & FormElementProps;
 export type FormElementProps = {
     vertical?: boolean;

package/shared/helpers/filterValidProps.js

@@ -1,7 +1,7 @@
 import { isTrue } from '../component-helper';
 export function filterValidProps(props, validKeys, excludeKeys) {
-  const res = {},
-    o = Object.prototype.hasOwnProperty;
+  const res = {};
+  const o = Object.prototype.hasOwnProperty;
   for (const key in props) {
     if ((!validKeys || validKeys && o.call(validKeys, key)) && (!excludeKeys || excludeKeys && !o.call(excludeKeys, key))) {
       res[key] = props[key];

package/shared/helpers/filterValidProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterValidProps.js","names":["isTrue","filterValidProps","props","validKeys","excludeKeys","res","o","Object","prototype","hasOwnProperty","key","call","pickFormElementProps","excludeProps","validFormElementProps","prepareFormElementContext","vertical","labelDirection","label_direction","skeleton","disabled"],"sources":["../../../../src/shared/helpers/filterValidProps.tsx"],"sourcesContent":["import { isTrue } from '../component-helper'\n\n/**\n * Filters out props from a given object/context\n * It returns a new object, with keys defined in validKeys\n *\n * @param props object of component properties\n * @param validKeys object with keys that should get returned\n * @param excludeKeys object with keys that should be excluded\n * @returns filtered properties\n */\nexport function filterValidProps<Props>(\n  props: Props,\n  validKeys?: Record<string, unknown>,\n  excludeKeys?: Record<string, unknown>\n) {\n  const res = {} as Props,\n    o = Object.prototype.hasOwnProperty\n\n  for (const key in props) {\n    if (\n      (!validKeys || (validKeys && o.call(validKeys, key))) &&\n      (!excludeKeys || (excludeKeys && !o.call(excludeKeys, key)))\n    ) {\n      res[key] = props[key]\n    }\n  }\n\n  return res\n}\n\n/**\n * Filters out props from a given object/context\n * It returns a new object, with keys defined in validKeys\n *\n * @param props object of form component properties\n * @param excludeProps object with keys that should be excluded\n * @returns filtered properties\n */\nexport function pickFormElementProps(\n  props: FormElementProps,\n  excludeProps?: Record<string, unknown>\n) {\n  return filterValidProps(props, validFormElementProps, excludeProps)\n}\nexport function prepareFormElementContext<Props>(\n  props: Props & FormElementProps\n) {\n  if (isTrue(props.vertical)) {\n    if (typeof props.labelDirection === 'undefined') {\n      props.labelDirection = 'vertical'\n    }\n    if (typeof props.label_direction === 'undefined') {\n      props.label_direction = 'vertical'\n    }\n  }\n  return props\n}\nexport type FormElementProps = {\n  vertical?: boolean\n  labelDirection?: 'vertical' | 'horizontal'\n\n  /** @deprecated use labelDirection instead */\n  label_direction?: 'vertical' | 'horizontal'\n}\nconst validFormElementProps = {\n  skeleton: null,\n  disabled: null,\n  vertical: null,\n  labelDirection: null,\n\n  /** @deprecated use labelDirection instead */\n  label_direction: null,\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,qBAAqB;AAW5C,OAAO,SAASC,gBAAgBA,CAC9BC,KAAY,EACZC,SAAmC,EACnCC,WAAqC,EACrC;EACA,MAAMC,GAAG,GAAG,CAAC,CAAU;IACrBC,CAAC,GAAGC,MAAM,CAACC,SAAS,CAACC,cAAc;EAErC,KAAK,MAAMC,GAAG,IAAIR,KAAK,EAAE;IACvB,IACE,CAAC,CAACC,SAAS,IAAKA,SAAS,IAAIG,CAAC,CAACK,IAAI,CAACR,SAAS,EAAEO,GAAG,CAAE,MACnD,CAACN,WAAW,IAAKA,WAAW,IAAI,CAACE,CAAC,CAACK,IAAI,CAACP,WAAW,EAAEM,GAAG,CAAE,CAAC,EAC5D;MACAL,GAAG,CAACK,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;IACvB;EACF;EAEA,OAAOL,GAAG;AACZ;AAUA,OAAO,SAASO,oBAAoBA,CAClCV,KAAuB,EACvBW,YAAsC,EACtC;EACA,OAAOZ,gBAAgB,CAACC,KAAK,EAAEY,qBAAqB,EAAED,YAAY,CAAC;AACrE;AACA,OAAO,SAASE,yBAAyBA,CACvCb,KAA+B,EAC/B;EACA,IAAIF,MAAM,CAACE,KAAK,CAACc,QAAQ,CAAC,EAAE;IAC1B,IAAI,OAAOd,KAAK,CAACe,cAAc,KAAK,WAAW,EAAE;MAC/Cf,KAAK,CAACe,cAAc,GAAG,UAAU;IACnC;IACA,IAAI,OAAOf,KAAK,CAACgB,eAAe,KAAK,WAAW,EAAE;MAChDhB,KAAK,CAACgB,eAAe,GAAG,UAAU;IACpC;EACF;EACA,OAAOhB,KAAK;AACd;AAQA,MAAMY,qBAAqB,GAAG;EAC5BK,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdJ,QAAQ,EAAE,IAAI;EACdC,cAAc,EAAE,IAAI;EAGpBC,eAAe,EAAE;AACnB,CAAC"}
+{"version":3,"file":"filterValidProps.js","names":["isTrue","filterValidProps","props","validKeys","excludeKeys","res","o","Object","prototype","hasOwnProperty","key","call","pickFormElementProps","excludeProps","validFormElementProps","prepareFormElementContext","vertical","labelDirection","label_direction","skeleton","disabled"],"sources":["../../../../src/shared/helpers/filterValidProps.tsx"],"sourcesContent":["import { isTrue } from '../component-helper'\n\n/**\n * Filters out props from a given object/context\n * It returns a new object, with keys defined in validKeys\n *\n * @param props object of component properties\n * @param validKeys object with keys that should get returned\n * @param excludeKeys object with keys that should be excluded\n * @returns filtered properties\n */\nexport function filterValidProps<T extends Record<string, unknown>>(\n  props: T | any,\n  validKeys?: Record<string, unknown>,\n  excludeKeys?: Record<string, unknown>\n): T {\n  const res = {}\n  const o = Object.prototype.hasOwnProperty\n\n  for (const key in props) {\n    if (\n      (!validKeys || (validKeys && o.call(validKeys, key))) &&\n      (!excludeKeys || (excludeKeys && !o.call(excludeKeys, key)))\n    ) {\n      res[key] = props[key]\n    }\n  }\n\n  return res as T\n}\n\n/**\n * Filters out props from a given object/context\n * It returns a new object, with keys defined in validKeys\n *\n * @param props object of form component properties\n * @param excludeProps object with keys that should be excluded\n * @returns filtered properties\n */\nexport function pickFormElementProps(\n  props: FormElementProps,\n  excludeProps?: Record<string, unknown>\n) {\n  return filterValidProps(props, validFormElementProps, excludeProps)\n}\nexport function prepareFormElementContext<Props>(\n  props: Props & FormElementProps\n) {\n  if (isTrue(props.vertical)) {\n    if (typeof props.labelDirection === 'undefined') {\n      props.labelDirection = 'vertical'\n    }\n    if (typeof props.label_direction === 'undefined') {\n      props.label_direction = 'vertical'\n    }\n  }\n  return props\n}\nexport type FormElementProps = {\n  vertical?: boolean\n  labelDirection?: 'vertical' | 'horizontal'\n\n  /** @deprecated use labelDirection instead */\n  label_direction?: 'vertical' | 'horizontal'\n}\nconst validFormElementProps = {\n  skeleton: null,\n  disabled: null,\n  vertical: null,\n  labelDirection: null,\n\n  /** @deprecated use labelDirection instead */\n  label_direction: null,\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,qBAAqB;AAW5C,OAAO,SAASC,gBAAgBA,CAC9BC,KAAc,EACdC,SAAmC,EACnCC,WAAqC,EAClC;EACH,MAAMC,GAAG,GAAG,CAAC,CAAC;EACd,MAAMC,CAAC,GAAGC,MAAM,CAACC,SAAS,CAACC,cAAc;EAEzC,KAAK,MAAMC,GAAG,IAAIR,KAAK,EAAE;IACvB,IACE,CAAC,CAACC,SAAS,IAAKA,SAAS,IAAIG,CAAC,CAACK,IAAI,CAACR,SAAS,EAAEO,GAAG,CAAE,MACnD,CAACN,WAAW,IAAKA,WAAW,IAAI,CAACE,CAAC,CAACK,IAAI,CAACP,WAAW,EAAEM,GAAG,CAAE,CAAC,EAC5D;MACAL,GAAG,CAACK,GAAG,CAAC,GAAGR,KAAK,CAACQ,GAAG,CAAC;IACvB;EACF;EAEA,OAAOL,GAAG;AACZ;AAUA,OAAO,SAASO,oBAAoBA,CAClCV,KAAuB,EACvBW,YAAsC,EACtC;EACA,OAAOZ,gBAAgB,CAACC,KAAK,EAAEY,qBAAqB,EAAED,YAAY,CAAC;AACrE;AACA,OAAO,SAASE,yBAAyBA,CACvCb,KAA+B,EAC/B;EACA,IAAIF,MAAM,CAACE,KAAK,CAACc,QAAQ,CAAC,EAAE;IAC1B,IAAI,OAAOd,KAAK,CAACe,cAAc,KAAK,WAAW,EAAE;MAC/Cf,KAAK,CAACe,cAAc,GAAG,UAAU;IACnC;IACA,IAAI,OAAOf,KAAK,CAACgB,eAAe,KAAK,WAAW,EAAE;MAChDhB,KAAK,CAACgB,eAAe,GAAG,UAAU;IACpC;EACF;EACA,OAAOhB,KAAK;AACd;AAQA,MAAMY,qBAAqB,GAAG;EAC5BK,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,IAAI;EACdJ,QAAQ,EAAE,IAAI;EACdC,cAAc,EAAE,IAAI;EAGpBC,eAAe,EAAE;AACnB,CAAC"}

package/shared/helpers/useSharedState.d.ts

@@ -15,6 +15,7 @@ export declare function useSharedState<Data>(id: SharedStateId, initialData?: Da
     update: (newData: Data) => void;
     set: (newData: Data) => void;
     extend: (newData: Data) => void;
+    sync: (newData: Data) => void;
 };
 type Subscriber = () => void;
 interface SharedStateInstance<Data> {

package/shared/helpers/useSharedState.js

@@ -3,16 +3,46 @@
 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 { useCallback, useEffect, useMemo, useReducer } from 'react';
+import React, { useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
+import useMounted from '../../extensions/forms/hooks/useMounted';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 export function useSharedState(id) {
   var _sharedState$get;
   let initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   let onChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   const [, forceUpdate] = useReducer(() => ({}), {});
-  const sharedState = useMemo(() => id && createSharedState(id, initialData), [id, initialData]);
-  const sharedFunc = useMemo(() => id && createSharedState(id + '-onChange', {
-    onChange
-  }), [id, onChange]);
+  const hasMounted = useMounted();
+  const waitForMountedRef = useRef(false);
+  const forceRerender = useCallback(() => {
+    if (hasMounted.current) {
+      forceUpdate();
+    } else {
+      waitForMountedRef.current = true;
+    }
+  }, [hasMounted]);
+  useLayoutEffect(() => {
+    if (waitForMountedRef.current) {
+      forceUpdate();
+    }
+  }, []);
+  const sharedState = useMemo(() => {
+    if (id) {
+      return createSharedState(id, initialData);
+    }
+  }, [id, initialData]);
+  const sharedAttachment = useMemo(() => {
+    if (id) {
+      return createSharedState(id + '-oc', {
+        onChange
+      });
+    }
+  }, [id, onChange]);
+  const sync = useCallback(newData => {
+    if (id) {
+      var _sharedAttachment$dat, _sharedAttachment$dat2;
+      (_sharedAttachment$dat = sharedAttachment.data) === null || _sharedAttachment$dat === void 0 ? void 0 : (_sharedAttachment$dat2 = _sharedAttachment$dat.onChange) === null || _sharedAttachment$dat2 === void 0 ? void 0 : _sharedAttachment$dat2.call(_sharedAttachment$dat, newData);
+    }
+  }, [id, sharedAttachment]);
   const update = useCallback(newData => {
     if (id) {
       sharedState.update(newData);
@@ -20,42 +50,41 @@ export function useSharedState(id) {
   }, [id, sharedState]);
   const set = useCallback(newData => {
     if (id) {
-      var _sharedFunc$get, _sharedFunc$get$onCha;
       sharedState.set(newData);
-      (_sharedFunc$get = sharedFunc.get()) === null || _sharedFunc$get === void 0 ? void 0 : (_sharedFunc$get$onCha = _sharedFunc$get.onChange) === null || _sharedFunc$get$onCha === void 0 ? void 0 : _sharedFunc$get$onCha.call(_sharedFunc$get, newData);
+      sync(newData);
     }
-  }, [id, sharedState, sharedFunc]);
+  }, [id, sharedState, sync]);
   const extend = useCallback(newData => {
     if (id) {
-      var _sharedFunc$get2, _sharedFunc$get2$onCh;
       sharedState.extend(newData);
-      (_sharedFunc$get2 = sharedFunc.get()) === null || _sharedFunc$get2 === void 0 ? void 0 : (_sharedFunc$get2$onCh = _sharedFunc$get2.onChange) === null || _sharedFunc$get2$onCh === void 0 ? void 0 : _sharedFunc$get2$onCh.call(_sharedFunc$get2, newData);
+      sync(newData);
     }
-  }, [id, sharedState, sharedFunc]);
-  useEffect(() => {
+  }, [id, sharedState, sync]);
+  useLayoutEffect(() => {
     if (!id) {
       return;
     }
-    sharedState.subscribe(forceUpdate);
+    sharedState.subscribe(forceRerender);
     return () => {
-      sharedState.unsubscribe(forceUpdate);
+      sharedState.unsubscribe(forceRerender);
     };
-  }, [id, sharedState]);
+  }, [forceRerender, id, onChange, sharedState]);
   useEffect(() => {
-    var _sharedFunc$get3;
-    if (id && onChange && !((_sharedFunc$get3 = sharedFunc.get()) !== null && _sharedFunc$get3 !== void 0 && _sharedFunc$get3.onChange)) {
-      sharedFunc.set({
+    var _sharedAttachment$dat3;
+    if (id && onChange && !((_sharedAttachment$dat3 = sharedAttachment.data) !== null && _sharedAttachment$dat3 !== void 0 && _sharedAttachment$dat3.onChange)) {
+      sharedAttachment.set({
         onChange
       });
     }
-  }, [id, onChange, sharedFunc]);
+  }, [id, onChange, sharedAttachment]);
   return {
     get: sharedState === null || sharedState === void 0 ? void 0 : sharedState.get,
     data: sharedState === null || sharedState === void 0 ? void 0 : (_sharedState$get = sharedState.get) === null || _sharedState$get === void 0 ? void 0 : _sharedState$get.call(sharedState),
     hadInitialData: sharedState === null || sharedState === void 0 ? void 0 : sharedState.hadInitialData,
     update,
     set,
-    extend
+    extend,
+    sync
   };
 }
 const sharedStates = {};

package/shared/helpers/useSharedState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSharedState.js","names":["useCallback","useEffect","useMemo","useReducer","useSharedState","id","_sharedState$get","initialData","arguments","length","undefined","onChange","forceUpdate","sharedState","createSharedState","sharedFunc","update","newData","set","_sharedFunc$get","_sharedFunc$get$onCha","get","call","extend","_sharedFunc$get2","_sharedFunc$get2$onCh","subscribe","unsubscribe","_sharedFunc$get3","data","hadInitialData","sharedStates","subscribers","_objectSpread","forEach","subscriber","push","filter","sub","Boolean"],"sources":["../../../../src/shared/helpers/useSharedState.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from 'react'\n\nexport type SharedStateId = string\n\n/**\n * Custom hook that provides shared state functionality.\n *\n * @template Data - The type of data stored in the shared state.\n * @param {SharedStateId} id - The identifier for the shared state.\n * @param {Data} initialData - The initial data for the shared state.\n * @param {Function} onChange - Optional callback function to be called when the shared state is set from another instance/component.\n * @returns {Object} - An object containing the shared state data, update function, extend function, and set function.\n */\nexport function useSharedState<Data>(\n  id: SharedStateId,\n  initialData: Data = undefined,\n  onChange = null\n) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const sharedState = useMemo(\n    () => id && createSharedState<Data>(id, initialData),\n    [id, initialData]\n  )\n  const sharedFunc = useMemo(\n    () => id && createSharedState(id + '-onChange', { onChange }),\n    [id, onChange]\n  )\n\n  const update = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.update(newData)\n      }\n    },\n    [id, sharedState]\n  )\n\n  const set = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.set(newData)\n        sharedFunc.get()?.onChange?.(newData)\n      }\n    },\n    [id, sharedState, sharedFunc]\n  )\n\n  const extend = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.extend(newData)\n        sharedFunc.get()?.onChange?.(newData)\n      }\n    },\n    [id, sharedState, sharedFunc]\n  )\n\n  useEffect(() => {\n    if (!id) {\n      return\n    }\n\n    sharedState.subscribe(forceUpdate)\n\n    return () => {\n      sharedState.unsubscribe(forceUpdate)\n    }\n  }, [id, sharedState])\n\n  useEffect(() => {\n    // Set the onChange function in case it is not set yet\n    if (id && onChange && !sharedFunc.get()?.onChange) {\n      sharedFunc.set({ onChange })\n    }\n  }, [id, onChange, sharedFunc])\n\n  return {\n    get: sharedState?.get,\n    data: sharedState?.get?.() as Data,\n    hadInitialData: sharedState?.hadInitialData,\n    update,\n    set,\n    extend,\n  }\n}\n\ntype Subscriber = () => void\n\ninterface SharedStateInstance<Data> {\n  data: Data\n  get: () => Data\n  set: (newData: Partial<Data>) => void\n  extend: (newData: Partial<Data>) => void\n  update: (newData: Partial<Data>) => void\n  subscribe: (subscriber: Subscriber) => void\n  unsubscribe: (subscriber: Subscriber) => void\n  hadInitialData: boolean\n}\n\nconst sharedStates: Record<SharedStateId, SharedStateInstance<any>> = {}\n\n/**\n * Creates a shared state instance with the specified ID and initial data.\n * @template Data The type of data stored in the shared state.\n * @param id The ID of the shared state.\n * @param initialData The initial data for the shared state.\n * @returns The created shared state instance.\n */\nexport function createSharedState<Data>(\n  id: SharedStateId,\n  initialData?: Data\n): SharedStateInstance<Data> {\n  if (!sharedStates[id]) {\n    let subscribers: Subscriber[] = []\n\n    const get = () => sharedStates[id].data\n\n    const extend = (newData: Data) => {\n      sharedStates[id].data = { ...sharedStates[id].data, ...newData }\n      subscribers.forEach((subscriber) => subscriber())\n    }\n\n    const set = (newData: Partial<Data>) => {\n      sharedStates[id].data = { ...newData }\n    }\n\n    const update = (newData: Partial<Data>) => {\n      set(newData)\n      subscribers.forEach((subscriber) => subscriber())\n    }\n\n    const subscribe = (subscriber: Subscriber) => {\n      subscribers.push(subscriber)\n    }\n\n    const unsubscribe = (subscriber: Subscriber) => {\n      subscribers = subscribers.filter((sub) => sub !== subscriber)\n    }\n\n    sharedStates[id] = {\n      data: undefined,\n      get,\n      set,\n      extend,\n      update,\n      subscribe,\n      unsubscribe,\n      hadInitialData: Boolean(initialData),\n    } as SharedStateInstance<Data>\n\n    if (initialData) {\n      extend(initialData)\n    }\n  } else if (\n    sharedStates[id].data === undefined &&\n    initialData !== undefined\n  ) {\n    sharedStates[id].data = { ...initialData }\n  }\n\n  return sharedStates[id]\n}\n"],"mappings":"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"}
+{"version":3,"file":"useSharedState.js","names":["React","useCallback","useEffect","useMemo","useReducer","useRef","useMounted","useLayoutEffect","window","useSharedState","id","_sharedState$get","initialData","arguments","length","undefined","onChange","forceUpdate","hasMounted","waitForMountedRef","forceRerender","current","sharedState","createSharedState","sharedAttachment","sync","newData","_sharedAttachment$dat","_sharedAttachment$dat2","data","call","update","set","extend","subscribe","unsubscribe","_sharedAttachment$dat3","get","hadInitialData","sharedStates","subscribers","_objectSpread","forEach","subscriber","push","filter","sub","Boolean"],"sources":["../../../../src/shared/helpers/useSharedState.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport useMounted from '../../extensions/forms/hooks/useMounted'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type SharedStateId = string\n\n/**\n * Custom hook that provides shared state functionality.\n *\n * @template Data - The type of data stored in the shared state.\n * @param {SharedStateId} id - The identifier for the shared state.\n * @param {Data} initialData - The initial data for the shared state.\n * @param {Function} onChange - Optional callback function to be called when the shared state is set from another instance/component.\n * @returns {Object} - An object containing the shared state data, update function, extend function, and set function.\n */\nexport function useSharedState<Data>(\n  id: SharedStateId,\n  initialData: Data = undefined,\n  onChange = null\n) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const hasMounted = useMounted()\n  const waitForMountedRef = useRef(false)\n\n  const forceRerender = useCallback(() => {\n    if (hasMounted.current) {\n      forceUpdate()\n    } else {\n      waitForMountedRef.current = true\n    }\n  }, [hasMounted])\n\n  useLayoutEffect(() => {\n    if (waitForMountedRef.current) {\n      forceUpdate()\n    }\n  }, [])\n\n  const sharedState = useMemo(() => {\n    if (id) {\n      return createSharedState<Data>(id, initialData)\n    }\n  }, [id, initialData])\n  const sharedAttachment = useMemo(() => {\n    if (id) {\n      return createSharedState(id + '-oc', { onChange })\n    }\n  }, [id, onChange])\n\n  const sync = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedAttachment.data?.onChange?.(newData)\n      }\n    },\n    [id, sharedAttachment]\n  )\n\n  const update = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.update(newData)\n      }\n    },\n    [id, sharedState]\n  )\n\n  const set = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.set(newData)\n        sync(newData)\n      }\n    },\n    [id, sharedState, sync]\n  )\n\n  const extend = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedState.extend(newData)\n        sync(newData)\n      }\n    },\n    [id, sharedState, sync]\n  )\n\n  useLayoutEffect(() => {\n    if (!id) {\n      return\n    }\n\n    sharedState.subscribe(forceRerender)\n\n    return () => {\n      sharedState.unsubscribe(forceRerender)\n    }\n  }, [forceRerender, id, onChange, sharedState])\n\n  useEffect(() => {\n    // Set the onChange function in case it is not set yet\n    if (id && onChange && !sharedAttachment.data?.onChange) {\n      sharedAttachment.set({ onChange })\n    }\n  }, [id, onChange, sharedAttachment])\n\n  return {\n    get: sharedState?.get,\n    data: sharedState?.get?.() as Data,\n    hadInitialData: sharedState?.hadInitialData,\n    update,\n    set,\n    extend,\n    sync,\n  }\n}\n\ntype Subscriber = () => void\n\ninterface SharedStateInstance<Data> {\n  data: Data\n  get: () => Data\n  set: (newData: Partial<Data>) => void\n  extend: (newData: Partial<Data>) => void\n  update: (newData: Partial<Data>) => void\n  subscribe: (subscriber: Subscriber) => void\n  unsubscribe: (subscriber: Subscriber) => void\n  hadInitialData: boolean\n}\n\nconst sharedStates: Record<SharedStateId, SharedStateInstance<any>> = {}\n\n/**\n * Creates a shared state instance with the specified ID and initial data.\n * @template Data The type of data stored in the shared state.\n * @param id The ID of the shared state.\n * @param initialData The initial data for the shared state.\n * @returns The created shared state instance.\n */\nexport function createSharedState<Data>(\n  id: SharedStateId,\n  initialData?: Data\n): SharedStateInstance<Data> {\n  if (!sharedStates[id]) {\n    let subscribers: Subscriber[] = []\n\n    const get = () => sharedStates[id].data\n\n    const extend = (newData: Data) => {\n      sharedStates[id].data = { ...sharedStates[id].data, ...newData }\n      subscribers.forEach((subscriber) => subscriber())\n    }\n\n    const set = (newData: Partial<Data>) => {\n      sharedStates[id].data = { ...newData }\n    }\n\n    const update = (newData: Partial<Data>) => {\n      set(newData)\n      subscribers.forEach((subscriber) => subscriber())\n    }\n\n    const subscribe = (subscriber: Subscriber) => {\n      subscribers.push(subscriber)\n    }\n\n    const unsubscribe = (subscriber: Subscriber) => {\n      subscribers = subscribers.filter((sub) => sub !== subscriber)\n    }\n\n    sharedStates[id] = {\n      data: undefined,\n      get,\n      set,\n      extend,\n      update,\n      subscribe,\n      unsubscribe,\n      hadInitialData: Boolean(initialData),\n    } as SharedStateInstance<Data>\n\n    if (initialData) {\n      extend(initialData)\n    }\n  } else if (\n    sharedStates[id].data === undefined &&\n    initialData !== undefined\n  ) {\n    sharedStates[id].data = { ...initialData }\n  }\n\n  return sharedStates[id]\n}\n"],"mappings":"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"}

package/shared/helpers/withCamelCaseProps.d.ts

@@ -19,6 +19,13 @@ export declare function withCamelCaseProps<TBase, P>(Base: React.FunctionCompone
  * @returns extended function or class
  */
 export declare function classWithCamelCaseProps<TBase extends React.ComponentClass>(Base: TBase): typeof Base;
+/**
+ * Converts camel case props to snake case props.
+ *
+ * @template P - The type of the props object.
+ * @param {P} props - The props object to convert.
+ * @returns {P} - The converted props object.
+ */
 export declare function convertCamelCaseProps<P>(props: P): P;
 /**
  * Convert recursively Types from snake_case to camelCase
@@ -29,7 +36,8 @@ export declare function convertCamelCaseProps<P>(props: P): P;
  * Disclaimer: Be careful using these with required props
  * - ToCamelCase makes the required snake_case props also required in camelCase
  * - ToCamelCasePartial removes required for the camelCase props
- *
+ * - ToCamelCaseFlat is like ToCamelCase, but it will not convert nested objects for performance boost
+ * - ToCamelCasePartialFlat is like ToCamelCasePartial, but it will not convert nested objects for performance boost
  */
 export type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>;
 export type ToCamelCase<T> = T extends object ? {
@@ -37,4 +45,9 @@ export type ToCamelCase<T> = T extends object ? {
 } : T;
 export type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>;
 type ConvertSnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}` : S;
+type ConvertObjectKeysToCamelCase<T> = {
+    [K in keyof T as ConvertSnakeToCamelCase<K & string>]: T[K];
+};
+export type ToCamelCaseFlat<T> = T extends object ? ConvertObjectKeysToCamelCase<T> : T;
+export type ToCamelCasePartialFlat<T> = Partial<ToCamelCaseFlat<T>>;
 export {};

package/shared/helpers/withCamelCaseProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"withCamelCaseProps.js","names":["React","toSnakeCase","withCamelCaseProps","Base","Component","Derived","props","createElement","convertCamelCaseProps","Object","defineProperty","value","name","classWithCamelCaseProps","constructor","arguments","_defineProperty","componentDidMount","render","_prevProps","_elem","displayName","isFrozen","newProps","_objectSpread","key","test","freeze"],"sources":["../../../../src/shared/helpers/withCamelCaseProps.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react'\nimport { toSnakeCase } from '../component-helper'\n\n/**\n * withCamelCaseProps is a HOC for function components\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToCamelCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function withCamelCaseProps<TBase, P>(\n  Base: React.FunctionComponent<P> & TBase\n): typeof Base {\n  const Component: React.ComponentType = Base\n\n  const Derived = (props: P) => {\n    return <Component {...convertCamelCaseProps(props)} />\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  for (const name in Base) {\n    Object.defineProperty(Derived, name, {\n      value: Base[name],\n    })\n  }\n\n  // @ts-ignore\n  return Derived\n}\n\n/**\n * withCamelCaseProps is a HOC for classes\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToCamelCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function classWithCamelCaseProps<\n  TBase extends React.ComponentClass,\n>(Base: TBase): typeof Base {\n  const Component: React.ComponentClass = Base\n\n  // Bug? https://github.com/microsoft/TypeScript/issues/37142\n  // @ts-ignore\n  class Derived extends Base {\n    _prevProps: Record<string, unknown>\n    _elem: React.ReactElement\n\n    componentDidMount() {\n      // ensures we do not run componentDidMount twice\n    }\n\n    render() {\n      if (this.props !== this._prevProps) {\n        this._prevProps = this.props\n        this._elem = (\n          // @ts-ignore\n          <Component {...convertCamelCaseProps(this.props)} />\n        )\n      }\n\n      return this._elem\n    }\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  Object.defineProperty(Derived, 'displayName', {\n    value: Base.displayName || Base.name,\n  })\n\n  return Derived\n}\n\nexport function convertCamelCaseProps<P>(props: P) {\n  const isFrozen = Object.isFrozen(props)\n  const newProps = isFrozen ? { ...props } : props\n\n  for (const key in props) {\n    switch (key) {\n      case 'className': {\n        continue\n      }\n    }\n\n    if (/^[a-z]+[A-Z]/.test(key)) {\n      newProps[toSnakeCase(key)] = props[key]\n      delete newProps[key]\n    }\n  }\n\n  return isFrozen ? Object.freeze(newProps) : newProps\n}\n\n/**\n * Convert recursively Types from snake_case to camelCase\n *\n * Use it like so:\n * OriginalProps & ToCamelCase<OriginalProps>\n *\n * Disclaimer: Be careful using these with required props\n * - ToCamelCase makes the required snake_case props also required in camelCase\n * - ToCamelCasePartial removes required for the camelCase props\n *\n */\nexport type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>\nexport type ToCamelCase<T> = T extends object\n  ? {\n      [K in keyof T as ConvertSnakeToCamelCase<K & string>]:\n        | T[K]\n        | ToCamelCase<T[K]>\n    }\n  : T\nexport type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>\ntype ConvertSnakeToCamelCase<S extends string> =\n  S extends `${infer T}_${infer U}`\n    ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}`\n    : S\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,qBAAqB;AAWjD,OAAO,SAASC,kBAAkBA,CAChCC,IAAwC,EAC3B;EACb,MAAMC,SAA8B,GAAGD,IAAI;EAE3C,MAAME,OAAO,GAAIC,KAAQ,IAAK;IAC5B,OAAON,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAKI,qBAAqB,CAACF,KAAK,CAAI,CAAC;EACxD,CAAC;EAEDG,MAAM,CAACC,cAAc,CAACL,OAAO,EAAE,MAAM,EAAE;IACrCM,KAAK,EAAER,IAAI,CAACS;EACd,CAAC,CAAC;EAEF,KAAK,MAAMA,IAAI,IAAIT,IAAI,EAAE;IACvBM,MAAM,CAACC,cAAc,CAACL,OAAO,EAAEO,IAAI,EAAE;MACnCD,KAAK,EAAER,IAAI,CAACS,IAAI;IAClB,CAAC,CAAC;EACJ;EAGA,OAAOP,OAAO;AAChB;AAWA,OAAO,SAASQ,uBAAuBA,CAErCV,IAAW,EAAe;EAC1B,MAAMC,SAA+B,GAAGD,IAAI;EAI5C,MAAME,OAAO,SAASF,IAAI,CAAC;IAAAW,YAAA;MAAA,SAAAC,SAAA;MAAAC,eAAA;MAAAA,eAAA;IAAA;IAIzBC,iBAAiBA,CAAA,EAAG,CAEpB;IAEAC,MAAMA,CAAA,EAAG;MACP,IAAI,IAAI,CAACZ,KAAK,KAAK,IAAI,CAACa,UAAU,EAAE;QAClC,IAAI,CAACA,UAAU,GAAG,IAAI,CAACb,KAAK;QAC5B,IAAI,CAACc,KAAK,GAERpB,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAKI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAAI,CACpD;MACH;MAEA,OAAO,IAAI,CAACc,KAAK;IACnB;EACF;EAEAX,MAAM,CAACC,cAAc,CAACL,OAAO,EAAE,MAAM,EAAE;IACrCM,KAAK,EAAER,IAAI,CAACS;EACd,CAAC,CAAC;EAEFH,MAAM,CAACC,cAAc,CAACL,OAAO,EAAE,aAAa,EAAE;IAC5CM,KAAK,EAAER,IAAI,CAACkB,WAAW,IAAIlB,IAAI,CAACS;EAClC,CAAC,CAAC;EAEF,OAAOP,OAAO;AAChB;AAEA,OAAO,SAASG,qBAAqBA,CAAIF,KAAQ,EAAE;EACjD,MAAMgB,QAAQ,GAAGb,MAAM,CAACa,QAAQ,CAAChB,KAAK,CAAC;EACvC,MAAMiB,QAAQ,GAAGD,QAAQ,GAAAE,aAAA,KAAQlB,KAAK,IAAKA,KAAK;EAEhD,KAAK,MAAMmB,GAAG,IAAInB,KAAK,EAAE;IACvB,QAAQmB,GAAG;MACT,KAAK,WAAW;QAAE;UAChB;QACF;IACF;IAEA,IAAI,cAAc,CAACC,IAAI,CAACD,GAAG,CAAC,EAAE;MAC5BF,QAAQ,CAACtB,WAAW,CAACwB,GAAG,CAAC,CAAC,GAAGnB,KAAK,CAACmB,GAAG,CAAC;MACvC,OAAOF,QAAQ,CAACE,GAAG,CAAC;IACtB;EACF;EAEA,OAAOH,QAAQ,GAAGb,MAAM,CAACkB,MAAM,CAACJ,QAAQ,CAAC,GAAGA,QAAQ;AACtD"}
+{"version":3,"file":"withCamelCaseProps.js","names":["React","toSnakeCase","withCamelCaseProps","Base","Component","Derived","props","createElement","convertCamelCaseProps","Object","defineProperty","value","name","classWithCamelCaseProps","constructor","arguments","_defineProperty","componentDidMount","render","_prevProps","_elem","displayName","isFrozen","newProps","_objectSpread","key","test","freeze"],"sources":["../../../../src/shared/helpers/withCamelCaseProps.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react'\nimport { toSnakeCase } from '../component-helper'\n\n/**\n * withCamelCaseProps is a HOC for function components\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToCamelCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function withCamelCaseProps<TBase, P>(\n  Base: React.FunctionComponent<P> & TBase\n): typeof Base {\n  const Component: React.ComponentType = Base\n\n  const Derived = (props: P) => {\n    return <Component {...convertCamelCaseProps(props)} />\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  for (const name in Base) {\n    Object.defineProperty(Derived, name, {\n      value: Base[name],\n    })\n  }\n\n  // @ts-ignore\n  return Derived\n}\n\n/**\n * withCamelCaseProps is a HOC for classes\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToCamelCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function classWithCamelCaseProps<\n  TBase extends React.ComponentClass,\n>(Base: TBase): typeof Base {\n  const Component: React.ComponentClass = Base\n\n  // Bug? https://github.com/microsoft/TypeScript/issues/37142\n  // @ts-ignore\n  class Derived extends Base {\n    _prevProps: Record<string, unknown>\n    _elem: React.ReactElement\n\n    componentDidMount() {\n      // ensures we do not run componentDidMount twice\n    }\n\n    render() {\n      if (this.props !== this._prevProps) {\n        this._prevProps = this.props\n        this._elem = (\n          // @ts-ignore\n          <Component {...convertCamelCaseProps(this.props)} />\n        )\n      }\n\n      return this._elem\n    }\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  Object.defineProperty(Derived, 'displayName', {\n    value: Base.displayName || Base.name,\n  })\n\n  return Derived\n}\n\n/**\n * Converts camel case props to snake case props.\n *\n * @template P - The type of the props object.\n * @param {P} props - The props object to convert.\n * @returns {P} - The converted props object.\n */\nexport function convertCamelCaseProps<P>(props: P) {\n  const isFrozen = Object.isFrozen(props)\n  const newProps = isFrozen ? { ...props } : props\n\n  for (const key in props) {\n    switch (key) {\n      case 'className': {\n        continue\n      }\n    }\n\n    if (/^[a-z]+[A-Z]/.test(key)) {\n      newProps[toSnakeCase(key)] = props[key]\n      delete newProps[key]\n    }\n  }\n\n  return isFrozen ? Object.freeze(newProps) : newProps\n}\n\n/**\n * Convert recursively Types from snake_case to camelCase\n *\n * Use it like so:\n * OriginalProps & ToCamelCase<OriginalProps>\n *\n * Disclaimer: Be careful using these with required props\n * - ToCamelCase makes the required snake_case props also required in camelCase\n * - ToCamelCasePartial removes required for the camelCase props\n * - ToCamelCaseFlat is like ToCamelCase, but it will not convert nested objects for performance boost\n * - ToCamelCasePartialFlat is like ToCamelCasePartial, but it will not convert nested objects for performance boost\n */\nexport type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>\nexport type ToCamelCase<T> = T extends object\n  ? {\n      [K in keyof T as ConvertSnakeToCamelCase<K & string>]:\n        | T[K]\n        | ToCamelCase<T[K]>\n    }\n  : T\nexport type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>\ntype ConvertSnakeToCamelCase<S extends string> =\n  S extends `${infer T}_${infer U}`\n    ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}`\n    : S\n\ntype ConvertObjectKeysToCamelCase<T> = {\n  [K in keyof T as ConvertSnakeToCamelCase<K & string>]: T[K]\n}\nexport type ToCamelCaseFlat<T> = T extends object\n  ? ConvertObjectKeysToCamelCase<T>\n  : T\nexport type ToCamelCasePartialFlat<T> = Partial<ToCamelCaseFlat<T>>\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,qBAAqB;AAWjD,OAAO,SAASC,kBAAkBA,CAChCC,IAAwC,EAC3B;EACb,MAAMC,SAA8B,GAAGD,IAAI;EAE3C,MAAME,OAAO,GAAIC,KAAQ,IAAK;IAC5B,OAAON,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAKI,qBAAqB,CAACF,KAAK,CAAI,CAAC;EACxD,CAAC;EAEDG,MAAM,CAACC,cAAc,CAACL,OAAO,EAAE,MAAM,EAAE;IACrCM,KAAK,EAAER,IAAI,CAACS;EACd,CAAC,CAAC;EAEF,KAAK,MAAMA,IAAI,IAAIT,IAAI,EAAE;IACvBM,MAAM,CAACC,cAAc,CAACL,OAAO,EAAEO,IAAI,EAAE;MACnCD,KAAK,EAAER,IAAI,CAACS,IAAI;IAClB,CAAC,CAAC;EACJ;EAGA,OAAOP,OAAO;AAChB;AAWA,OAAO,SAASQ,uBAAuBA,CAErCV,IAAW,EAAe;EAC1B,MAAMC,SAA+B,GAAGD,IAAI;EAI5C,MAAME,OAAO,SAASF,IAAI,CAAC;IAAAW,YAAA;MAAA,SAAAC,SAAA;MAAAC,eAAA;MAAAA,eAAA;IAAA;IAIzBC,iBAAiBA,CAAA,EAAG,CAEpB;IAEAC,MAAMA,CAAA,EAAG;MACP,IAAI,IAAI,CAACZ,KAAK,KAAK,IAAI,CAACa,UAAU,EAAE;QAClC,IAAI,CAACA,UAAU,GAAG,IAAI,CAACb,KAAK;QAC5B,IAAI,CAACc,KAAK,GAERpB,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAKI,qBAAqB,CAAC,IAAI,CAACF,KAAK,CAAI,CACpD;MACH;MAEA,OAAO,IAAI,CAACc,KAAK;IACnB;EACF;EAEAX,MAAM,CAACC,cAAc,CAACL,OAAO,EAAE,MAAM,EAAE;IACrCM,KAAK,EAAER,IAAI,CAACS;EACd,CAAC,CAAC;EAEFH,MAAM,CAACC,cAAc,CAACL,OAAO,EAAE,aAAa,EAAE;IAC5CM,KAAK,EAAER,IAAI,CAACkB,WAAW,IAAIlB,IAAI,CAACS;EAClC,CAAC,CAAC;EAEF,OAAOP,OAAO;AAChB;AASA,OAAO,SAASG,qBAAqBA,CAAIF,KAAQ,EAAE;EACjD,MAAMgB,QAAQ,GAAGb,MAAM,CAACa,QAAQ,CAAChB,KAAK,CAAC;EACvC,MAAMiB,QAAQ,GAAGD,QAAQ,GAAAE,aAAA,KAAQlB,KAAK,IAAKA,KAAK;EAEhD,KAAK,MAAMmB,GAAG,IAAInB,KAAK,EAAE;IACvB,QAAQmB,GAAG;MACT,KAAK,WAAW;QAAE;UAChB;QACF;IACF;IAEA,IAAI,cAAc,CAACC,IAAI,CAACD,GAAG,CAAC,EAAE;MAC5BF,QAAQ,CAACtB,WAAW,CAACwB,GAAG,CAAC,CAAC,GAAGnB,KAAK,CAACmB,GAAG,CAAC;MACvC,OAAOF,QAAQ,CAACE,GAAG,CAAC;IACtB;EACF;EAEA,OAAOH,QAAQ,GAAGb,MAAM,CAACkB,MAAM,CAACJ,QAAQ,CAAC,GAAGA,QAAQ;AACtD"}

package/shared/helpers.d.ts

@@ -7,36 +7,11 @@ export function scrollToLocationHashId({ offset, delay, onCompletion, }?: {
     delay?: any;
     onCompletion?: any;
 }): HTMLElement;
-/**
- * More or less classical debounce function
- *
- * Calling this function will return a new function, that, as long as it continues to be invoked, will not
- * be triggered. The function will be called after it stops being called for
- * N milliseconds. If `immediate` is passed, trigger the function on the
- * leading edge, instead of the trailing.
- *
- * @param {function} func The function to execute
- * @param {number} wait The time (milliseconds) before the first given function executes, if the returned one, not got called
- * @param {object} options The options object
- * @property {boolean} immediate If true, the function will execute immediately. Defaults to false
- * @property {instance} instance Defines the instance "this" to use on the executed function
- * @returns The function to invalidate the execution
- */
-export function debounce(func: Function, wait?: number, { immediate, instance }?: object): {
-    (...args: any[]): any;
-    cancel: () => void;
-};
 export function insertElementBeforeSelection(elem: any): void;
 export function getSelectedText(): string;
 export function hasSelectedText(): boolean;
 export function getSelectedElement(): Node;
 export function copyToClipboard(string: any): Promise<any>;
-/**
- * Global helpers
- *
- * NB: Do not import other deps in this file.
- * Just to have things clean and one directional.
- */
 export const PLATFORM_MAC: "Mac|iPad|iPhone|iPod";
 export const PLATFORM_WIN: "Win";
 export const PLATFORM_ANDROID: "Android";
@@ -57,3 +32,4 @@ export function isiOS(): boolean;
 export function isSafari(): boolean;
 export function isEdge(): boolean;
 export function warn(...params: any[]): void;
+export { debounce, debounceAsync } from "./helpers/debounce";

package/shared/helpers.js

@@ -1,3 +1,4 @@
+export { debounce, debounceAsync } from './helpers/debounce';
 export const PLATFORM_MAC = 'Mac|iPad|iPhone|iPod';
 export const PLATFORM_WIN = 'Win';
 export const PLATFORM_ANDROID = 'Android';
@@ -185,40 +186,6 @@ export function scrollToLocationHashId() {
     }
   }
 }
-export function debounce(func) {
-  let wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;
-  let {
-    immediate = false,
-    instance = null
-  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  let timeout;
-  let recall;
-  const cancel = () => clearTimeout(timeout);
-  function executedFunction() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    let inst = this;
-    if (typeof recall === 'function') {
-      recall();
-    }
-    const later = () => {
-      timeout = null;
-      if (!immediate) {
-        recall = func.apply(instance || inst, args);
-      }
-    };
-    const callNow = immediate && !timeout;
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-    if (callNow) {
-      recall = func.apply(instance || inst, args);
-    }
-    return recall;
-  }
-  executedFunction.cancel = cancel;
-  return executedFunction;
-}
 export function insertElementBeforeSelection(elem) {
   try {
     const selection = window.getSelection();
@@ -303,8 +270,8 @@ export async function copyToClipboard(string) {
 export const warn = function () {
   if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
     const isBrowser = typeof window !== 'undefined' && process.env.NODE_ENV !== 'test';
-    for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      params[_key2] = arguments[_key2];
+    for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+      params[_key] = arguments[_key];
     }
     if (isBrowser) {
       const styles = [`padding: 0.125rem 0.5rem ${IS_SAFARI ? '' : '0'}`, 'font-weight: bold', 'color: #00343E', 'background: #A5E1D2'].join(';');