@skbkontur/react-ui 4.0.3 → 4.0.6

package/lib/ConditionalHandler.d.ts

@@ -1,6 +1,7 @@
-declare type Handler<K extends any[]> = (...args: K) => void;
+declare type ArgsBaseType = any[];
+declare type Handler<K extends ArgsBaseType> = (...args: K) => void;
 declare type Condition<T> = T | ((reference: T) => boolean);
-export declare class ConditionalHandler<T, K extends any[] = any[]> {
+export declare class ConditionalHandler<T, K extends ArgsBaseType = any[]> {
     private readonly actions;
     add(condition: Condition<T>, handler: Handler<K>): ConditionalHandler<T, K>;
     /**

package/lib/InstanceWithAnchorElement/InstanceWithAnchorElement.js

@@ -0,0 +1,3 @@
+export var isInstanceWithAnchorElement = function isInstanceWithAnchorElement(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getAnchorElement');
+};

package/lib/InstanceWithAnchorElement/InstanceWithAnchorElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InstanceWithAnchorElement.ts"],"names":["isInstanceWithAnchorElement","instance","Boolean","Object","prototype","hasOwnProperty","call"],"mappings":";;;;;;AAMA,OAAO,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,QAAD,EAA8D;AACvG,SAAOC,OAAO,CAACD,QAAD,CAAP,IAAqBE,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,QAArC,EAA+C,kBAA/C,CAA5B;AACD,CAFM","sourcesContent":["import { Nullable } from '../typings/utility-types';\n\nexport interface InstanceWithAnchorElement {\n  getAnchorElement: () => Nullable<HTMLElement>;\n}\n\nexport const isInstanceWithAnchorElement = (instance: unknown): instance is InstanceWithAnchorElement => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getAnchorElement');\n};\n"]}

package/lib/InstanceWithAnchorElement/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/InstanceWithAnchorElement.js",
+  "module": "InstanceWithAnchorElement",
+  "types": "../InstanceWithAnchorElement.d.ts",
+  "sideEffects": false
+}

package/lib/InstanceWithAnchorElement.d.ts

@@ -0,0 +1,5 @@
+import { Nullable } from '../typings/utility-types';
+export interface InstanceWithAnchorElement {
+    getAnchorElement: () => Nullable<HTMLElement>;
+}
+export declare const isInstanceWithAnchorElement: (instance: unknown) => instance is InstanceWithAnchorElement;

package/lib/ModalStack/ModalStack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ModalStack.ts"],"names":["EventEmitter","ModalStack","add","component","onChange","getStackInfo","emitter","mounted","unshift","changeHandler","_token","addListener","emit","remove","removeListener","index","indexOf","splice","isBlocking","length","wantsToBlock","globalWithStack","global","__ReactUIStackInfo","isModal","isSidePage","deepestSidePages","filter","i","pop","props","blockBackground","isReactUIInstance","componentName","instance","constructor","Object","prototype","hasOwnProperty","call","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { SidePageProps } from '../components/SidePage';\nimport { ModalProps } from '../components/Modal';\n\ninterface StackInfo {\n  emitter: EventEmitter;\n  mounted: React.Component[];\n}\n\ninterface GlobalWithStackInfo {\n  __ReactUIStackInfo?: StackInfo;\n}\n\nexport interface ModalStackSubscription {\n  remove: () => void;\n}\n\nexport class ModalStack {\n  public static add(\n    component: React.Component,\n    onChange: (stack: ReadonlyArray<React.Component>) => void,\n  ): ModalStackSubscription {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    mounted.unshift(component);\n    const changeHandler = () => onChange([...mounted]);\n    const _token = emitter.addListener('change', changeHandler);\n    emitter.emit('change');\n    return {\n      remove: () => {\n        // Backwards compatible with versions 0.x and 1.w which using the fbemitter package\n        if ('remove' in _token) {\n          // @ts-ignore\n          _token.remove();\n          return;\n        }\n\n        emitter.removeListener('change', changeHandler);\n      },\n    };\n  }\n\n  public static remove(component: React.Component) {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    const index = mounted.indexOf(component);\n    if (index !== -1) {\n      mounted.splice(index, 1);\n    }\n    emitter.emit('change');\n  }\n\n  /**\n   * Determines if stack component is allowed to block background\n   */\n  public static isBlocking(component: React.Component): boolean {\n    const { mounted } = ModalStack.getStackInfo();\n    for (let index = 0; index < mounted.length; index++) {\n      if (ModalStack.wantsToBlock(mounted[index])) {\n        // only the highest component in stack\n        // that wants to block is allowed to do it\n        return component === mounted[index];\n      }\n    }\n    return false;\n  }\n\n  private static getStackInfo(): StackInfo {\n    const globalWithStack = global as GlobalWithStackInfo;\n    return (\n      globalWithStack.__ReactUIStackInfo ||\n      (globalWithStack.__ReactUIStackInfo = {\n        emitter: new EventEmitter(),\n        mounted: [],\n      })\n    );\n  }\n\n  private static wantsToBlock(component: React.Component): boolean {\n    if (isModal(component)) {\n      return true;\n    }\n\n    if (isSidePage(component)) {\n      const { mounted } = ModalStack.getStackInfo();\n      const deepestSidePages = mounted.filter((i) => isSidePage(i)).pop();\n      return !!component.props.blockBackground && component === deepestSidePages;\n    }\n\n    return false;\n  }\n}\n\n/**\n * Specific check for component type by its instance\n */\nconst isReactUIInstance = <T>(componentName: string) => {\n  return (instance: React.Component): instance is React.Component<T> => {\n    const { constructor } = instance;\n\n    return (\n      Object.prototype.hasOwnProperty.call(constructor, '__KONTUR_REACT_UI__') &&\n      // @ts-ignore\n      constructor.__KONTUR_REACT_UI__ === componentName\n    );\n  };\n};\n\nconst isSidePage = isReactUIInstance<SidePageProps>('SidePage');\n\nconst isModal = isReactUIInstance<ModalProps>('Modal');\n"]}
+{"version":3,"sources":["ModalStack.ts"],"names":["EventEmitter","ModalStack","add","component","onChange","getStackInfo","emitter","mounted","unshift","changeHandler","_token","addListener","emit","remove","removeListener","index","indexOf","splice","isBlocking","length","wantsToBlock","globalWithStack","global","__ReactUIStackInfo","isModal","isSidePage","deepestSidePages","filter","i","pop","props","blockBackground","isReactUIInstance","componentName","instance","constructor","Object","prototype","hasOwnProperty","call","__KONTUR_REACT_UI__"],"mappings":";AACA,OAAOA,YAAP,MAAyB,eAAzB;;;;;;;;;;;;;;;;;;AAkBA,WAAaC,UAAb;AACgBC,EAAAA,GADhB,GACE;AACEC,EAAAA,SADF;AAEEC,EAAAA,QAFF;AAG0B;AACxB,gCAA6BH,UAAU,CAACI,YAAX,EAA7B,CAAQC,OAAR,yBAAQA,OAAR,CAAiBC,OAAjB,yBAAiBA,OAAjB;AACAA,IAAAA,OAAO,CAACC,OAAR,CAAgBL,SAAhB;AACA,QAAMM,aAAa,GAAG,SAAhBA,aAAgB,WAAML,QAAQ,WAAKG,OAAL,EAAd,EAAtB;AACA,QAAMG,MAAM,GAAGJ,OAAO,CAACK,WAAR,CAAoB,QAApB,EAA8BF,aAA9B,CAAf;AACAH,IAAAA,OAAO,CAACM,IAAR,CAAa,QAAb;AACA,WAAO;AACLC,MAAAA,MAAM,EAAE,kBAAM;AACZ;AACA,YAAI,YAAYH,MAAhB,EAAwB;AACtB;AACAA,UAAAA,MAAM,CAACG,MAAP;AACA;AACD;;AAEDP,QAAAA,OAAO,CAACQ,cAAR,CAAuB,QAAvB,EAAiCL,aAAjC;AACD,OAVI,EAAP;;AAYD,GAtBH;;AAwBgBI,EAAAA,MAxBhB,GAwBE,gBAAqBV,SAArB,EAAiD;AAC/C,iCAA6BF,UAAU,CAACI,YAAX,EAA7B,CAAQC,OAAR,0BAAQA,OAAR,CAAiBC,OAAjB,0BAAiBA,OAAjB;AACA,QAAMQ,KAAK,GAAGR,OAAO,CAACS,OAAR,CAAgBb,SAAhB,CAAd;AACA,QAAIY,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBR,MAAAA,OAAO,CAACU,MAAR,CAAeF,KAAf,EAAsB,CAAtB;AACD;AACDT,IAAAA,OAAO,CAACM,IAAR,CAAa,QAAb;AACD;;AAED;AACF;AACA,KAnCA;AAoCgBM,EAAAA,UApChB,GAoCE,oBAAyBf,SAAzB,EAA8D;AAC5D,iCAAoBF,UAAU,CAACI,YAAX,EAApB,CAAQE,OAAR,0BAAQA,OAAR;AACA,SAAK,IAAIQ,KAAK,GAAG,CAAjB,EAAoBA,KAAK,GAAGR,OAAO,CAACY,MAApC,EAA4CJ,KAAK,EAAjD,EAAqD;AACnD,UAAId,UAAU,CAACmB,YAAX,CAAwBb,OAAO,CAACQ,KAAD,CAA/B,CAAJ,EAA6C;AAC3C;AACA;AACA,eAAOZ,SAAS,KAAKI,OAAO,CAACQ,KAAD,CAA5B;AACD;AACF;AACD,WAAO,KAAP;AACD,GA9CH;;AAgDiBV,EAAAA,YAhDjB,GAgDE,wBAAyC;AACvC,QAAMgB,eAAe,GAAGC,MAAxB;AACA;AACED,MAAAA,eAAe,CAACE,kBAAhB;AACCF,MAAAA,eAAe,CAACE,kBAAhB,GAAqC;AACpCjB,QAAAA,OAAO,EAAE,IAAIN,YAAJ,EAD2B;AAEpCO,QAAAA,OAAO,EAAE,EAF2B,EADtC,CADF;;;AAOD,GAzDH;;AA2DiBa,EAAAA,YA3DjB,GA2DE,sBAA4BjB,SAA5B,EAAiE;AAC/D,QAAIqB,OAAO,CAACrB,SAAD,CAAX,EAAwB;AACtB,aAAO,IAAP;AACD;;AAED,QAAIsB,UAAU,CAACtB,SAAD,CAAd,EAA2B;AACzB,mCAAoBF,UAAU,CAACI,YAAX,EAApB,CAAQE,OAAR,0BAAQA,OAAR;AACA,UAAMmB,gBAAgB,GAAGnB,OAAO,CAACoB,MAAR,CAAe,UAACC,CAAD,UAAOH,UAAU,CAACG,CAAD,CAAjB,EAAf,EAAqCC,GAArC,EAAzB;AACA,aAAO,CAAC,CAAC1B,SAAS,CAAC2B,KAAV,CAAgBC,eAAlB,IAAqC5B,SAAS,KAAKuB,gBAA1D;AACD;;AAED,WAAO,KAAP;AACD,GAvEH;;;AA0EA;AACA;AACA;AACA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAoB,CAAIC,aAAJ,EAA8B;AACtD,SAAO,UAACC,QAAD,EAA+D;AACpE,QAAQC,WAAR,GAAwBD,QAAxB,CAAQC,WAAR;;AAEA;AACEC,MAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCJ,WAArC,EAAkD,qBAAlD;AACA;AACAA,MAAAA,WAAW,CAACK,mBAAZ,KAAoCP,aAHtC;;AAKD,GARD;AASD,CAVD;;AAYA,IAAMR,UAAU,GAAGO,iBAAiB,CAAgB,UAAhB,CAApC;;AAEA,IAAMR,OAAO,GAAGQ,iBAAiB,CAAa,OAAb,CAAjC","sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { SidePageProps } from '../components/SidePage';\nimport { ModalProps } from '../components/Modal';\n\ninterface StackInfo {\n  emitter: EventEmitter;\n  mounted: React.Component[];\n}\n\ninterface GlobalWithStackInfo {\n  __ReactUIStackInfo?: StackInfo;\n}\n\nexport interface ModalStackSubscription {\n  remove: () => void;\n}\n\nexport class ModalStack {\n  public static add(\n    component: React.Component,\n    onChange: (stack: readonly React.Component[]) => void,\n  ): ModalStackSubscription {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    mounted.unshift(component);\n    const changeHandler = () => onChange([...mounted]);\n    const _token = emitter.addListener('change', changeHandler);\n    emitter.emit('change');\n    return {\n      remove: () => {\n        // Backwards compatible with versions 0.x and 1.w which using the fbemitter package\n        if ('remove' in _token) {\n          // @ts-ignore\n          _token.remove();\n          return;\n        }\n\n        emitter.removeListener('change', changeHandler);\n      },\n    };\n  }\n\n  public static remove(component: React.Component) {\n    const { emitter, mounted } = ModalStack.getStackInfo();\n    const index = mounted.indexOf(component);\n    if (index !== -1) {\n      mounted.splice(index, 1);\n    }\n    emitter.emit('change');\n  }\n\n  /**\n   * Determines if stack component is allowed to block background\n   */\n  public static isBlocking(component: React.Component): boolean {\n    const { mounted } = ModalStack.getStackInfo();\n    for (let index = 0; index < mounted.length; index++) {\n      if (ModalStack.wantsToBlock(mounted[index])) {\n        // only the highest component in stack\n        // that wants to block is allowed to do it\n        return component === mounted[index];\n      }\n    }\n    return false;\n  }\n\n  private static getStackInfo(): StackInfo {\n    const globalWithStack = global as GlobalWithStackInfo;\n    return (\n      globalWithStack.__ReactUIStackInfo ||\n      (globalWithStack.__ReactUIStackInfo = {\n        emitter: new EventEmitter(),\n        mounted: [],\n      })\n    );\n  }\n\n  private static wantsToBlock(component: React.Component): boolean {\n    if (isModal(component)) {\n      return true;\n    }\n\n    if (isSidePage(component)) {\n      const { mounted } = ModalStack.getStackInfo();\n      const deepestSidePages = mounted.filter((i) => isSidePage(i)).pop();\n      return !!component.props.blockBackground && component === deepestSidePages;\n    }\n\n    return false;\n  }\n}\n\n/**\n * Specific check for component type by its instance\n */\nconst isReactUIInstance = <T>(componentName: string) => {\n  return (instance: React.Component): instance is React.Component<T> => {\n    const { constructor } = instance;\n\n    return (\n      Object.prototype.hasOwnProperty.call(constructor, '__KONTUR_REACT_UI__') &&\n      // @ts-ignore\n      constructor.__KONTUR_REACT_UI__ === componentName\n    );\n  };\n};\n\nconst isSidePage = isReactUIInstance<SidePageProps>('SidePage');\n\nconst isModal = isReactUIInstance<ModalProps>('Modal');\n"]}

package/lib/ModalStack.d.ts

@@ -3,7 +3,7 @@ export interface ModalStackSubscription {
     remove: () => void;
 }
 export declare class ModalStack {
-    static add(component: React.Component, onChange: (stack: ReadonlyArray<React.Component>) => void): ModalStackSubscription;
+    static add(component: React.Component, onChange: (stack: readonly React.Component[]) => void): ModalStackSubscription;
     static remove(component: React.Component): void;
     /**
      * Determines if stack component is allowed to block background

package/lib/SSRSafe/SSRSafe.js

@@ -14,4 +14,11 @@ export function isHTMLElement(el) {
 
   return false;
 }
+export function isNode(node) {
+  if (isBrowser) {
+    return node instanceof Node;
+  }
+
+  return false;
+}
 export var globalThat = typeof globalThis === 'object' && globalThis || typeof global === 'object' && global || typeof window === 'object' && window || Function('return this')();

package/lib/SSRSafe/SSRSafe.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SSRSafe.ts"],"names":["PropTypes","isBrowser","safePropTypesInstanceOf","getExpectedClass","instanceOf","any","isHTMLElement","el","HTMLElement","globalThat","globalThis","global","window","Function"],"mappings":"AAAA,OAAO,KAAKA,SAAZ,MAA2B,YAA3B;;AAEA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,OAAO,SAASC,uBAAT;AACLC,gBADK;AAEqB;AAC1B,MAAIF,SAAJ,EAAe;AACb,WAAOD,SAAS,CAACI,UAAV,CAAqBD,gBAAgB,EAArC,CAAP;AACD;;AAED,SAAOH,SAAS,CAACK,GAAjB;AACD;;AAED,OAAO,SAASC,aAAT,CAAuBC,EAAvB,EAAmD;AACxD,MAAIN,SAAJ,EAAe;AACb,WAAOM,EAAE,YAAYC,WAArB;AACD;;AAED,SAAO,KAAP;AACD;;AAED,OAAO,IAAMC,UAA6B;AACvC,OAAOC,UAAP,KAAsB,QAAtB,IAAkCA,UAAnC;AACC,OAAOC,MAAP,KAAkB,QAAlB,IAA8BA,MAD/B;AAEC,OAAOC,MAAP,KAAkB,QAAlB,IAA8BA,MAF/B;AAGAC,QAAQ,CAAC,aAAD,CAAR,EAJK","sourcesContent":["import * as PropTypes from 'prop-types';\n\nimport { isBrowser } from './client';\n\nexport function safePropTypesInstanceOf<T>(\n  getExpectedClass: () => new (...args: any[]) => T,\n): PropTypes.Requireable<T> {\n  if (isBrowser) {\n    return PropTypes.instanceOf(getExpectedClass());\n  }\n\n  return PropTypes.any;\n}\n\nexport function isHTMLElement(el: any): el is HTMLElement {\n  if (isBrowser) {\n    return el instanceof HTMLElement;\n  }\n\n  return false;\n}\n\nexport const globalThat: typeof globalThis =\n  (typeof globalThis === 'object' && globalThis) ||\n  (typeof global === 'object' && global) ||\n  (typeof window === 'object' && window) ||\n  Function('return this')();\n"]}
+{"version":3,"sources":["SSRSafe.ts"],"names":["PropTypes","isBrowser","safePropTypesInstanceOf","getExpectedClass","instanceOf","any","isHTMLElement","el","HTMLElement","isNode","node","Node","globalThat","globalThis","global","window","Function"],"mappings":"AAAA,OAAO,KAAKA,SAAZ,MAA2B,YAA3B;;AAEA,SAASC,SAAT,QAA0B,UAA1B;;AAEA,OAAO,SAASC,uBAAT;AACLC,gBADK;AAEqB;AAC1B,MAAIF,SAAJ,EAAe;AACb,WAAOD,SAAS,CAACI,UAAV,CAAqBD,gBAAgB,EAArC,CAAP;AACD;;AAED,SAAOH,SAAS,CAACK,GAAjB;AACD;;AAED,OAAO,SAASC,aAAT,CAAuBC,EAAvB,EAAmD;AACxD,MAAIN,SAAJ,EAAe;AACb,WAAOM,EAAE,YAAYC,WAArB;AACD;;AAED,SAAO,KAAP;AACD;;AAED,OAAO,SAASC,MAAT,CAAgBC,IAAhB,EAA6C;AAClD,MAAIT,SAAJ,EAAe;AACb,WAAOS,IAAI,YAAYC,IAAvB;AACD;;AAED,SAAO,KAAP;AACD;;AAED,OAAO,IAAMC,UAA6B;AACvC,OAAOC,UAAP,KAAsB,QAAtB,IAAkCA,UAAnC;AACC,OAAOC,MAAP,KAAkB,QAAlB,IAA8BA,MAD/B;AAEC,OAAOC,MAAP,KAAkB,QAAlB,IAA8BA,MAF/B;AAGAC,QAAQ,CAAC,aAAD,CAAR,EAJK","sourcesContent":["import * as PropTypes from 'prop-types';\n\nimport { isBrowser } from './client';\n\nexport function safePropTypesInstanceOf<T>(\n  getExpectedClass: () => new (...args: any[]) => T,\n): PropTypes.Requireable<T> {\n  if (isBrowser) {\n    return PropTypes.instanceOf(getExpectedClass());\n  }\n\n  return PropTypes.any;\n}\n\nexport function isHTMLElement(el: any): el is HTMLElement {\n  if (isBrowser) {\n    return el instanceof HTMLElement;\n  }\n\n  return false;\n}\n\nexport function isNode(node: unknown): node is Node {\n  if (isBrowser) {\n    return node instanceof Node;\n  }\n\n  return false;\n}\n\nexport const globalThat: typeof globalThis =\n  (typeof globalThis === 'object' && globalThis) ||\n  (typeof global === 'object' && global) ||\n  (typeof window === 'object' && window) ||\n  Function('return this')();\n"]}

package/lib/SSRSafe.d.ts

@@ -1,4 +1,5 @@
 import * as PropTypes from 'prop-types';
 export declare function safePropTypesInstanceOf<T>(getExpectedClass: () => new (...args: any[]) => T): PropTypes.Requireable<T>;
 export declare function isHTMLElement(el: any): el is HTMLElement;
+export declare function isNode(node: unknown): node is Node;
 export declare const globalThat: typeof globalThis;

package/lib/dom/getDOMRect/getDOMRect.js

@@ -1,23 +1,40 @@
 /**
  * Возвращает размер элемента и его позицию относительно viewport
  *
- * @param ref - ref элемента
+ * @param element - ref элемента или сам элемент
  * @returns - возвращает размер элемента и его позицию относительно viewport
  */
-export var getDOMRect = function getDOMRect(ref) {
-  if (!ref.current) {
-    var defaultValues = {
-      width: 0,
-      height: 0,
-      x: 0,
-      y: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0
-    };
-    return defaultValues;
+export var getDOMRect = function getDOMRect(element) {
+  var defaultValues = {
+    width: 0,
+    height: 0,
+    x: 0,
+    y: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    top: 0
+  };
+
+  if (element && 'current' in element) {
+    return getRefRect(defaultValues, element);
+  }
+
+  return getElementRect(defaultValues, element);
+};
+
+var getElementRect = function getElementRect(defaultValues, element) {
+  if (element) {
+    return element.getBoundingClientRect();
+  }
+
+  return defaultValues;
+};
+
+var getRefRect = function getRefRect(defaultValues, ref) {
+  if (ref != null && ref.current) {
+    return ref.current.getBoundingClientRect();
   }
 
-  return ref.current.getBoundingClientRect();
+  return defaultValues;
 };

package/lib/dom/getDOMRect/getDOMRect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getDOMRect.ts"],"names":["getDOMRect","ref","current","defaultValues","width","height","x","y","bottom","left","right","top","getBoundingClientRect"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAwBC,GAAxB,EAA6E;AACrG,MAAI,CAACA,GAAG,CAACC,OAAT,EAAkB;AAChB,QAAMC,aAAa,GAAG;AACpBC,MAAAA,KAAK,EAAE,CADa;AAEpBC,MAAAA,MAAM,EAAE,CAFY;AAGpBC,MAAAA,CAAC,EAAE,CAHiB;AAIpBC,MAAAA,CAAC,EAAE,CAJiB;AAKpBC,MAAAA,MAAM,EAAE,CALY;AAMpBC,MAAAA,IAAI,EAAE,CANc;AAOpBC,MAAAA,KAAK,EAAE,CAPa;AAQpBC,MAAAA,GAAG,EAAE,CARe,EAAtB;;;AAWA,WAAOR,aAAP;AACD;;AAED,SAAOF,GAAG,CAACC,OAAJ,CAAYU,qBAAZ,EAAP;AACD,CAjBM","sourcesContent":["/**\n * Возвращает размер элемента и его позицию относительно viewport\n *\n * @param ref - ref элемента\n * @returns - возвращает размер элемента и его позицию относительно viewport\n */\nexport const getDOMRect = <T extends HTMLElement>(ref: React.RefObject<T>): Omit<DOMRect, 'toJSON'> => {\n  if (!ref.current) {\n    const defaultValues = {\n      width: 0,\n      height: 0,\n      x: 0,\n      y: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      top: 0,\n    };\n\n    return defaultValues;\n  }\n\n  return ref.current.getBoundingClientRect();\n};\n"]}
+{"version":3,"sources":["getDOMRect.ts"],"names":["getDOMRect","element","defaultValues","width","height","x","y","bottom","left","right","top","getRefRect","getElementRect","getBoundingClientRect","ref","current"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAoBC,OAApB,EAAwF;AAChH,MAAMC,aAAmC,GAAG;AAC1CC,IAAAA,KAAK,EAAE,CADmC;AAE1CC,IAAAA,MAAM,EAAE,CAFkC;AAG1CC,IAAAA,CAAC,EAAE,CAHuC;AAI1CC,IAAAA,CAAC,EAAE,CAJuC;AAK1CC,IAAAA,MAAM,EAAE,CALkC;AAM1CC,IAAAA,IAAI,EAAE,CANoC;AAO1CC,IAAAA,KAAK,EAAE,CAPmC;AAQ1CC,IAAAA,GAAG,EAAE,CARqC,EAA5C;;AAUA,MAAIT,OAAO,IAAI,aAAaA,OAA5B,EAAqC;AACnC,WAAOU,UAAU,CAACT,aAAD,EAAgBD,OAAhB,CAAjB;AACD;AACD,SAAOW,cAAc,CAACV,aAAD,EAAgBD,OAAhB,CAArB;AACD,CAfM;AAgBP,IAAMW,cAAc,GAAG,SAAjBA,cAAiB,CAACV,aAAD,EAAsCD,OAAtC,EAAqE;AAC1F,MAAIA,OAAJ,EAAa;AACX,WAAOA,OAAO,CAACY,qBAAR,EAAP;AACD;AACD,SAAOX,aAAP;AACD,CALD;AAMA,IAAMS,UAAU,GAAG,SAAbA,UAAa,CAAoBT,aAApB,EAAyDY,GAAzD,EAAqF;AACtG,MAAIA,GAAJ,YAAIA,GAAG,CAAEC,OAAT,EAAkB;AAChB,WAAOD,GAAG,CAACC,OAAJ,CAAYF,qBAAZ,EAAP;AACD;AACD,SAAOX,aAAP;AACD,CALD","sourcesContent":["import { Nullable } from '../../typings/utility-types';\ntype DOMRectDefaultValues = Omit<DOMRect, 'toJSON'>;\n/**\n * Возвращает размер элемента и его позицию относительно viewport\n *\n * @param element - ref элемента или сам элемент\n * @returns - возвращает размер элемента и его позицию относительно viewport\n */\nexport const getDOMRect = <T extends Element>(element: Nullable<T> | React.RefObject<T>): DOMRectDefaultValues => {\n  const defaultValues: DOMRectDefaultValues = {\n    width: 0,\n    height: 0,\n    x: 0,\n    y: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  };\n  if (element && 'current' in element) {\n    return getRefRect(defaultValues, element);\n  }\n  return getElementRect(defaultValues, element);\n};\nconst getElementRect = (defaultValues: DOMRectDefaultValues, element: Nullable<Element>) => {\n  if (element) {\n    return element.getBoundingClientRect();\n  }\n  return defaultValues;\n};\nconst getRefRect = <T extends Element>(defaultValues: DOMRectDefaultValues, ref: React.RefObject<T>) => {\n  if (ref?.current) {\n    return ref.current.getBoundingClientRect();\n  }\n  return defaultValues;\n};\n"]}

package/lib/dom/getDOMRect.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
+import { Nullable } from '../../typings/utility-types';
+declare type DOMRectDefaultValues = Omit<DOMRect, 'toJSON'>;
 /**
  * Возвращает размер элемента и его позицию относительно viewport
  *
- * @param ref - ref элемента
+ * @param element - ref элемента или сам элемент
  * @returns - возвращает размер элемента и его позицию относительно viewport
  */
-export declare const getDOMRect: <T extends HTMLElement>(ref: import("react").RefObject<T>) => Omit<DOMRect, 'toJSON'>;
+export declare const getDOMRect: <T extends Element>(element: Nullable<T> | import("react").RefObject<T>) => DOMRectDefaultValues;
+export {};

package/lib/events/keyboard/KeyboardMapKeys/KeyboardMapKeys.js.map

@@ -1 +1 @@
-{"version":3,"sources":["KeyboardMapKeys.ts"],"names":["KeyboardEventCodes","Codes","STANDARD","NUMPAD","KeyboardMapKeys","Unidentified","End","Escape","Equal","Backspace","Enter","NumpadEnter","Home","Delete","Insert","PageUp","PageDown","Tab","CapsLock","KeyA","KeyC","KeyV","KeyX","NumpadDecimal","NumpadSubtract","NumpadDivide","Comma","Minus","Period","Slash","Backslash","IntlBackslash","Space"],"mappings":"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","sourcesContent":["import { KeyboardEventCodes as Codes } from './KeyboardEventCodes';\n\nexport type Location = number;\nexport type KeyCode = number;\n\nconst STANDARD = 0; //KeyboardEvent.DOM_KEY_LOCATION_STANDARD;\nconst NUMPAD = 3; //KeyboardEvent.DOM_KEY_LOCATION_NUMPAD;\n\nexport const KeyboardMapKeys: { [code in Codes]: Array<[KeyCode, Location]> } = {\n  [Codes.Unidentified]: [[0, 0]],\n  [Codes.End]: [[35, STANDARD]],\n  [Codes.Escape]: [[27, STANDARD]],\n  [Codes.Equal]: [[187, STANDARD]],\n  [Codes.Backspace]: [[8, STANDARD]],\n  [Codes.Enter]: [[13, STANDARD]],\n  [Codes.NumpadEnter]: [[13, NUMPAD]],\n  [Codes.Home]: [[36, STANDARD]],\n  [Codes.Delete]: [[46, STANDARD]],\n  [Codes.Insert]: [[45, STANDARD]],\n  [Codes.PageUp]: [[33, STANDARD]],\n  [Codes.PageDown]: [[34, STANDARD]],\n  [Codes.Tab]: [[9, STANDARD]],\n  [Codes.CapsLock]: [[20, STANDARD]],\n  [Codes.KeyA]: [[65, STANDARD]],\n  [Codes.KeyC]: [[67, STANDARD]],\n  [Codes.KeyV]: [[86, STANDARD]],\n  [Codes.KeyX]: [[88, STANDARD]],\n  [Codes.NumpadDecimal]: [\n    [110, NUMPAD],\n    [46, NUMPAD],\n  ],\n  [Codes.NumpadSubtract]: [[109, NUMPAD]],\n  [Codes.NumpadDivide]: [[111, NUMPAD]],\n  [Codes.Comma]: [[188, STANDARD]],\n  [Codes.Minus]: [[189, STANDARD]],\n  [Codes.Period]: [[190, STANDARD]],\n  [Codes.Slash]: [[191, STANDARD]],\n  [Codes.Backslash]: [[220, STANDARD]],\n  [Codes.IntlBackslash]: [[226, STANDARD]],\n  [Codes.Space]: [[32, STANDARD]],\n};\n"]}
+{"version":3,"sources":["KeyboardMapKeys.ts"],"names":["KeyboardEventCodes","Codes","STANDARD","NUMPAD","KeyboardMapKeys","Unidentified","End","Escape","Equal","Backspace","Enter","NumpadEnter","Home","Delete","Insert","PageUp","PageDown","Tab","CapsLock","KeyA","KeyC","KeyV","KeyX","NumpadDecimal","NumpadSubtract","NumpadDivide","Comma","Minus","Period","Slash","Backslash","IntlBackslash","Space"],"mappings":"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","sourcesContent":["import { KeyboardEventCodes as Codes } from './KeyboardEventCodes';\n\nexport type Location = number;\nexport type KeyCode = number;\nexport type KeyboardKey = [KeyCode, Location];\n\nconst STANDARD = 0; //KeyboardEvent.DOM_KEY_LOCATION_STANDARD;\nconst NUMPAD = 3; //KeyboardEvent.DOM_KEY_LOCATION_NUMPAD;\n\nexport const KeyboardMapKeys: { [code in Codes]: KeyboardKey[] } = {\n  [Codes.Unidentified]: [[0, 0]],\n  [Codes.End]: [[35, STANDARD]],\n  [Codes.Escape]: [[27, STANDARD]],\n  [Codes.Equal]: [[187, STANDARD]],\n  [Codes.Backspace]: [[8, STANDARD]],\n  [Codes.Enter]: [[13, STANDARD]],\n  [Codes.NumpadEnter]: [[13, NUMPAD]],\n  [Codes.Home]: [[36, STANDARD]],\n  [Codes.Delete]: [[46, STANDARD]],\n  [Codes.Insert]: [[45, STANDARD]],\n  [Codes.PageUp]: [[33, STANDARD]],\n  [Codes.PageDown]: [[34, STANDARD]],\n  [Codes.Tab]: [[9, STANDARD]],\n  [Codes.CapsLock]: [[20, STANDARD]],\n  [Codes.KeyA]: [[65, STANDARD]],\n  [Codes.KeyC]: [[67, STANDARD]],\n  [Codes.KeyV]: [[86, STANDARD]],\n  [Codes.KeyX]: [[88, STANDARD]],\n  [Codes.NumpadDecimal]: [\n    [110, NUMPAD],\n    [46, NUMPAD],\n  ],\n  [Codes.NumpadSubtract]: [[109, NUMPAD]],\n  [Codes.NumpadDivide]: [[111, NUMPAD]],\n  [Codes.Comma]: [[188, STANDARD]],\n  [Codes.Minus]: [[189, STANDARD]],\n  [Codes.Period]: [[190, STANDARD]],\n  [Codes.Slash]: [[191, STANDARD]],\n  [Codes.Backslash]: [[220, STANDARD]],\n  [Codes.IntlBackslash]: [[226, STANDARD]],\n  [Codes.Space]: [[32, STANDARD]],\n};\n"]}

package/lib/events/keyboard/KeyboardMapKeys.d.ts

@@ -1,6 +1,7 @@
 import { KeyboardEventCodes as Codes } from './KeyboardEventCodes';
 export declare type Location = number;
 export declare type KeyCode = number;
+export declare type KeyboardKey = [KeyCode, Location];
 export declare const KeyboardMapKeys: {
-    [code in Codes]: Array<[KeyCode, Location]>;
+    [code in Codes]: KeyboardKey[];
 };

package/lib/events/keyboard/extractCode/extractCode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["extractCode.ts"],"names":["KeyboardEventCodes","Codes","KeyboardMapKeys","extractCode","e","nativeEvent","code","keyCode","which","location","mapped","Object","entries","find","set","some","_keyCode","_location","Unidentified"],"mappings":";;AAEA,SAASA,kBAAkB,IAAIC,KAA/B,QAA4C,sBAA5C;AACA,SAASC,eAAT,QAAmD,mBAAnD;;AAEA,OAAO,SAASC,WAAT,CAAqBC,CAArB,EAAiF;AACtFA,EAAAA,CAAC,GAAIA,CAAD,CAAwCC,WAAxC,IAAuDD,CAA3D;AACA,MAAIA,CAAC,CAACE,IAAN,EAAY;AACV,WAAOF,CAAC,CAACE,IAAT;AACD;AACD,MAAMC,OAAO,GAAGH,CAAC,CAACG,OAAF,IAAaH,CAAC,CAACI,KAA/B;AACA,MAAMC,QAAQ,GAAGL,CAAC,CAACK,QAAnB;AACA,MAAMC,MAAM,GAAIC,MAAM,CAACC,OAAR,CAA+DV,eAA/D,EAAgFW,IAAhF,CAAqF,qBAAIC,GAAJ;AAClGA,MAAAA,GAAG,CAACC,IAAJ,CAAS,sBAAEC,QAAF,YAAYC,SAAZ,mBAA2BD,QAAQ,KAAKT,OAAb,IAAwBU,SAAS,KAAKR,QAAjE,EAAT,CADkG,GAArF,CAAf;;AAGA,SAAOC,MAAM,GAAGA,MAAM,CAAC,CAAD,CAAT,GAAeT,KAAK,CAACiB,YAAlC;AACD","sourcesContent":["import { Entries } from '../../../typings/utility-types';\n\nimport { KeyboardEventCodes as Codes } from './KeyboardEventCodes';\nimport { KeyboardMapKeys, KeyCode, Location } from './KeyboardMapKeys';\n\nexport function extractCode(e: React.KeyboardEvent<HTMLElement> | KeyboardEvent): Codes {\n  e = (e as React.KeyboardEvent<HTMLElement>).nativeEvent || e;\n  if (e.code) {\n    return e.code as Codes;\n  }\n  const keyCode = e.keyCode || e.which;\n  const location = e.location;\n  const mapped = (Object.entries as Entries<Codes, Array<[KeyCode, Location]>>)(KeyboardMapKeys).find(([, set]) =>\n    set.some(([_keyCode, _location]) => _keyCode === keyCode && _location === location),\n  );\n  return mapped ? mapped[0] : Codes.Unidentified;\n}\n"]}
+{"version":3,"sources":["extractCode.ts"],"names":["KeyboardEventCodes","Codes","KeyboardMapKeys","extractCode","e","nativeEvent","code","keyCode","which","location","mapped","Object","entries","find","set","some","_keyCode","_location","Unidentified"],"mappings":";;AAEA,SAASA,kBAAkB,IAAIC,KAA/B,QAA4C,sBAA5C;AACA,SAAsBC,eAAtB,QAA6C,mBAA7C;;AAEA,OAAO,SAASC,WAAT,CAAqBC,CAArB,EAAiF;AACtFA,EAAAA,CAAC,GAAIA,CAAD,CAAwCC,WAAxC,IAAuDD,CAA3D;AACA,MAAIA,CAAC,CAACE,IAAN,EAAY;AACV,WAAOF,CAAC,CAACE,IAAT;AACD;AACD,MAAMC,OAAO,GAAGH,CAAC,CAACG,OAAF,IAAaH,CAAC,CAACI,KAA/B;AACA,MAAMC,QAAQ,GAAGL,CAAC,CAACK,QAAnB;AACA,MAAMC,MAAM,GAAIC,MAAM,CAACC,OAAR,CAAkDV,eAAlD,EAAmEW,IAAnE,CAAwE,qBAAIC,GAAJ;AACrFA,MAAAA,GAAG,CAACC,IAAJ,CAAS,sBAAEC,QAAF,YAAYC,SAAZ,mBAA2BD,QAAQ,KAAKT,OAAb,IAAwBU,SAAS,KAAKR,QAAjE,EAAT,CADqF,GAAxE,CAAf;;AAGA,SAAOC,MAAM,GAAGA,MAAM,CAAC,CAAD,CAAT,GAAeT,KAAK,CAACiB,YAAlC;AACD","sourcesContent":["import { Entries } from '../../../typings/utility-types';\n\nimport { KeyboardEventCodes as Codes } from './KeyboardEventCodes';\nimport { KeyboardKey, KeyboardMapKeys } from './KeyboardMapKeys';\n\nexport function extractCode(e: React.KeyboardEvent<HTMLElement> | KeyboardEvent): Codes {\n  e = (e as React.KeyboardEvent<HTMLElement>).nativeEvent || e;\n  if (e.code) {\n    return e.code as Codes;\n  }\n  const keyCode = e.keyCode || e.which;\n  const location = e.location;\n  const mapped = (Object.entries as Entries<Codes, KeyboardKey[]>)(KeyboardMapKeys).find(([, set]) =>\n    set.some(([_keyCode, _location]) => _keyCode === keyCode && _location === location),\n  );\n  return mapped ? mapped[0] : Codes.Unidentified;\n}\n"]}

package/lib/rootNode/getRootNode/getRootNode.js

@@ -1,7 +1,7 @@
 import { findDOMNode } from 'react-dom';
-import { isHTMLElement } from "../../SSRSafe";
+import { isHTMLElement, isNode } from "../../SSRSafe";
 import { canUseDOM } from "../../client";
-import { isFunction } from "../../utils";
+import { isInstanceWithRootNode } from "../rootNodeDecorator";
 export var getRootNode = function getRootNode(instance) {
   if (!canUseDOM) return null;
 
@@ -9,17 +9,17 @@ export var getRootNode = function getRootNode(instance) {
     return instance;
   }
 
-  var instanceAsAny = instance;
-  var node;
+  var rootNode; // it happened to be that native Node interface also has
+  // the "getRootNode" method, but we dont expect it here
 
-  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {
-    node = instanceAsAny.getRootNode();
+  if (isInstanceWithRootNode(instance) && !isNode(instance)) {
+    rootNode = instance.getRootNode();
   }
 
-  if (node !== undefined) {
-    return node;
+  if (rootNode !== undefined) {
+    return rootNode;
   }
 
-  node = findDOMNode(instance);
-  return node instanceof HTMLElement ? node : null;
+  rootNode = findDOMNode(instance);
+  return isHTMLElement(rootNode) ? rootNode : null;
 };

package/lib/rootNode/getRootNode/getRootNode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","canUseDOM","isFunction","getRootNode","instance","instanceAsAny","node","undefined","HTMLElement"],"mappings":"AAAA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,QAA8B,YAA9B;AACA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,UAAT,QAA2B,UAA3B;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAL,EAAgB,OAAO,IAAP;AAChB,MAAID,aAAa,CAACI,QAAD,CAAb,IAA2BA,QAAQ,KAAK,IAA5C,EAAkD;AAChD,WAAOA,QAAP;AACD;;AAED,MAAMC,aAAa,GAAGD,QAAtB;AACA,MAAIE,IAAJ;AACA,MAAID,aAAa,IAAIH,UAAU,CAACG,aAAa,CAACF,WAAf,CAA/B,EAA4D;AAC1DG,IAAAA,IAAI,GAAGD,aAAa,CAACF,WAAd,EAAP;AACD;;AAED,MAAIG,IAAI,KAAKC,SAAb,EAAwB;AACtB,WAAOD,IAAP;AACD;;AAEDA,EAAAA,IAAI,GAAGP,WAAW,CAACK,QAAD,CAAlB;AACA,SAAOE,IAAI,YAAYE,WAAhB,GAA8BF,IAA9B,GAAqC,IAA5C;AACD,CAlBM","sourcesContent":["import { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement } from '../SSRSafe';\nimport { canUseDOM } from '../client';\nimport { isFunction } from '../utils';\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM) return null;\n  if (isHTMLElement(instance) || instance === null) {\n    return instance;\n  }\n\n  const instanceAsAny = instance as any;\n  let node;\n  if (instanceAsAny && isFunction(instanceAsAny.getRootNode)) {\n    node = instanceAsAny.getRootNode();\n  }\n\n  if (node !== undefined) {\n    return node;\n  }\n\n  node = findDOMNode(instance);\n  return node instanceof HTMLElement ? node : null;\n};\n"]}
+{"version":3,"sources":["getRootNode.ts"],"names":["findDOMNode","isHTMLElement","isNode","canUseDOM","isInstanceWithRootNode","getRootNode","instance","rootNode","undefined"],"mappings":"AAAA,SAASA,WAAT,QAA4B,WAA5B;;;;AAIA,SAASC,aAAT,EAAwBC,MAAxB,QAAsC,YAAtC;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,SAASC,sBAAT,QAAuC,qBAAvC;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,QAAD,EAAoE;AAC7F,MAAI,CAACH,SAAL,EAAgB,OAAO,IAAP;AAChB,MAAIF,aAAa,CAACK,QAAD,CAAb,IAA2BA,QAAQ,KAAK,IAA5C,EAAkD;AAChD,WAAOA,QAAP;AACD;;AAED,MAAIC,QAAJ;;AAEA;AACA;AACA,MAAIH,sBAAsB,CAACE,QAAD,CAAtB,IAAoC,CAACJ,MAAM,CAACI,QAAD,CAA/C,EAA2D;AACzDC,IAAAA,QAAQ,GAAGD,QAAQ,CAACD,WAAT,EAAX;AACD;;AAED,MAAIE,QAAQ,KAAKC,SAAjB,EAA4B;AAC1B,WAAOD,QAAP;AACD;;AAEDA,EAAAA,QAAQ,GAAGP,WAAW,CAACM,QAAD,CAAtB;AACA,SAAOL,aAAa,CAACM,QAAD,CAAb,GAA0BA,QAA1B,GAAqC,IAA5C;AACD,CApBM","sourcesContent":["import { findDOMNode } from 'react-dom';\nimport React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isHTMLElement, isNode } from '../SSRSafe';\nimport { canUseDOM } from '../client';\n\nimport { isInstanceWithRootNode } from './rootNodeDecorator';\n\nexport const getRootNode = (instance: Nullable<React.ReactInstance>): Nullable<HTMLElement> => {\n  if (!canUseDOM) return null;\n  if (isHTMLElement(instance) || instance === null) {\n    return instance;\n  }\n\n  let rootNode;\n\n  // it happened to be that native Node interface also has\n  // the \"getRootNode\" method, but we dont expect it here\n  if (isInstanceWithRootNode(instance) && !isNode(instance)) {\n    rootNode = instance.getRootNode();\n  }\n\n  if (rootNode !== undefined) {\n    return rootNode;\n  }\n\n  rootNode = findDOMNode(instance);\n  return isHTMLElement(rootNode) ? rootNode : null;\n};\n"]}

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js

@@ -1,4 +1,5 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import EventEmitter from 'eventemitter3';
 import { getRootNode } from "../getRootNode";
 export function rootNode(Component) {
   var rootNode = /*#__PURE__*/function (_Component) {
@@ -8,15 +9,33 @@ export function rootNode(Component) {
       var _this;
 
       _this = _Component.call(this, arguments.length <= 0 ? undefined : arguments[0]) || this;
+      _this.rootNode = null;
+      _this.rootNodeEmitter = new EventEmitter();
 
       _this.setRootNode = function (instance) {
-        _this.rootNode = getRootNode(instance);
+        var _rootNode = getRootNode(instance);
+
+        if (_rootNode !== _this.rootNode) {
+          _this.rootNode = _rootNode;
+
+          _this.rootNodeEmitter.emit('change', _rootNode);
+        }
       };
 
       _this.getRootNode = function () {
         return _this.rootNode;
       };
 
+      _this.addRootNodeChangeListener = function (callback) {
+        _this.rootNodeEmitter.addListener('change', callback);
+
+        return {
+          remove: function remove() {
+            _this.rootNodeEmitter.removeListener('change', callback);
+          }
+        };
+      };
+
       return _this;
     }
 
@@ -32,4 +51,7 @@ export function rootNode(Component) {
   }
 
   return rootNode;
-}
+}
+export var isInstanceWithRootNode = function isInstanceWithRootNode(instance) {
+  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');
+};

package/lib/rootNode/rootNodeDecorator/rootNodeDecorator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["getRootNode","rootNode","Component","setRootNode","instance","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;;;AAIA,SAASA,WAAT,QAA4B,eAA5B;;;;AAIA,OAAO,SAASC,QAAT,CAAqEC,SAArE,EAAmF;AACxF,MAAMD,QAAQ;;AAEZ,wBAAmC;AACjC,8FADiC;;;AAI5BE,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,cAAKH,QAAL,GAAgBD,WAAW,CAACI,QAAD,CAA3B;AACD,OANkC;;AAQ5BJ,MAAAA,WAR4B,GAQd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAVkC,cAElC,CAJW,kBAAiBC,SAAjB,CAAd;;;AAeA,MAAMG,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCN,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACI,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBR,QAAtB,EAAgC,MAAhC,EAAwC,EAAES,KAAK,EAAER,SAAS,CAACS,IAAnB,EAAxC;AACD;;AAED,SAAOV,QAAP;AACD","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport function rootNode<T extends new (...args: any[]) => React.Component>(Component: T) {\n  const rootNode = class extends Component {\n    public rootNode: Nullable<HTMLElement>;\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      this.rootNode = getRootNode(instance);\n    };\n\n    public getRootNode = (): Nullable<HTMLElement> => {\n      return this.rootNode;\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n"]}
+{"version":3,"sources":["rootNodeDecorator.tsx"],"names":["EventEmitter","getRootNode","rootNode","Component","rootNodeEmitter","setRootNode","instance","emit","addRootNodeChangeListener","callback","addListener","remove","removeListener","nameDescriptor","Object","getOwnPropertyDescriptor","configurable","defineProperty","value","name","isInstanceWithRootNode","Boolean","prototype","hasOwnProperty","call"],"mappings":";AACA,OAAOA,YAAP,MAAyB,eAAzB;;;;AAIA,SAASC,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;AAaA,OAAO,SAASC,QAAT,CAAqEC,SAArE,EAAmF;AACxF,MAAMD,QAAQ;;;AAGZ,wBAAmC;AACjC,8FADiC,MAF5BA,QAE4B,GAFM,IAEN,OAD5BE,eAC4B,GADV,IAAIJ,YAAJ,EACU;;;AAI5BK,MAAAA,WAJ4B,GAId,UAACC,QAAD,EAA6C;AAChE,YAAMJ,SAAQ,GAAGD,WAAW,CAACK,QAAD,CAA5B;AACA,YAAIJ,SAAQ,KAAK,MAAKA,QAAtB,EAAgC;AAC9B,gBAAKA,QAAL,GAAgBA,SAAhB;AACA,gBAAKE,eAAL,CAAqBG,IAArB,CAA0B,QAA1B,EAAoCL,SAApC;AACD;AACF,OAVkC;;AAY5BD,MAAAA,WAZ4B,GAYd,YAA6B;AAChD,eAAO,MAAKC,QAAZ;AACD,OAdkC;;AAgB5BM,MAAAA,yBAhB4B,GAgBA,UAACC,QAAD,EAA4E;AAC7G,cAAKL,eAAL,CAAqBM,WAArB,CAAiC,QAAjC,EAA2CD,QAA3C;AACA,eAAO;AACLE,UAAAA,MAAM,EAAE,kBAAM;AACZ,kBAAKP,eAAL,CAAqBQ,cAArB,CAAoC,QAApC,EAA8CH,QAA9C;AACD,WAHI,EAAP;;AAKD,OAvBkC,cAElC,CALW,kBAAiBN,SAAjB,CAAd;;;AA6BA,MAAMU,cAAc,GAAGC,MAAM,CAACC,wBAAP,CAAgCb,QAAhC,EAA0C,MAA1C,CAAvB;AACA,MAAI,CAACW,cAAD,IAAmBA,cAAc,CAACG,YAAtC,EAAoD;AAClDF,IAAAA,MAAM,CAACG,cAAP,CAAsBf,QAAtB,EAAgC,MAAhC,EAAwC,EAAEgB,KAAK,EAAEf,SAAS,CAACgB,IAAnB,EAAxC;AACD;;AAED,SAAOjB,QAAP;AACD;;AAED,OAAO,IAAMkB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACd,QAAD,EAAyD;AAC7F,SAAOe,OAAO,CAACf,QAAD,CAAP,IAAqBQ,MAAM,CAACQ,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqClB,QAArC,EAA+C,aAA/C,CAA5B;AACD,CAFM","sourcesContent":["import React from 'react';\nimport EventEmitter from 'eventemitter3';\n\nimport { Nullable } from '../../typings/utility-types';\n\nimport { getRootNode } from './getRootNode';\n\nexport type TSetRootNode = (e: Nullable<React.ReactNode>) => void;\n\nexport type TRootNodeSubscription = {\n  remove: () => void;\n};\n\nexport interface InstanceWithRootNode {\n  getRootNode: () => Nullable<HTMLElement>;\n  addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;\n}\n\nexport function rootNode<T extends new (...args: any[]) => React.Component>(Component: T) {\n  const rootNode = class extends Component implements InstanceWithRootNode {\n    public rootNode: Nullable<HTMLElement> = null;\n    public rootNodeEmitter = new EventEmitter();\n    public constructor(...args: any[]) {\n      super(args[0]);\n    }\n\n    public setRootNode = (instance: Nullable<React.ReactInstance>) => {\n      const rootNode = getRootNode(instance);\n      if (rootNode !== this.rootNode) {\n        this.rootNode = rootNode;\n        this.rootNodeEmitter.emit('change', rootNode);\n      }\n    };\n\n    public getRootNode = (): Nullable<HTMLElement> => {\n      return this.rootNode;\n    };\n\n    public addRootNodeChangeListener = (callback: (node: Nullable<HTMLElement>) => void): TRootNodeSubscription => {\n      this.rootNodeEmitter.addListener('change', callback);\n      return {\n        remove: () => {\n          this.rootNodeEmitter.removeListener('change', callback);\n        },\n      };\n    };\n  };\n\n  const nameDescriptor = Object.getOwnPropertyDescriptor(rootNode, 'name');\n  if (!nameDescriptor || nameDescriptor.configurable) {\n    Object.defineProperty(rootNode, 'name', { value: Component.name });\n  }\n\n  return rootNode;\n}\n\nexport const isInstanceWithRootNode = (instance: unknown): instance is InstanceWithRootNode => {\n  return Boolean(instance) && Object.prototype.hasOwnProperty.call(instance, 'getRootNode');\n};\n"]}

package/lib/rootNode/rootNodeDecorator.d.ts

@@ -1,11 +1,21 @@
 import React from 'react';
+import EventEmitter from 'eventemitter3';
 import { Nullable } from '../../typings/utility-types';
 export declare type TSetRootNode = (e: Nullable<React.ReactNode>) => void;
+export declare type TRootNodeSubscription = {
+    remove: () => void;
+};
+export interface InstanceWithRootNode {
+    getRootNode: () => Nullable<HTMLElement>;
+    addRootNodeChangeListener?: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
+}
 export declare function rootNode<T extends new (...args: any[]) => React.Component>(Component: T): {
     new (...args: any[]): {
         rootNode: Nullable<HTMLElement>;
+        rootNodeEmitter: EventEmitter<string | symbol, any>;
         setRootNode: (instance: Nullable<React.ReactInstance>) => void;
         getRootNode: () => Nullable<HTMLElement>;
+        addRootNodeChangeListener: (callback: (node: Nullable<HTMLElement>) => void) => TRootNodeSubscription;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -31,3 +41,4 @@ export declare function rootNode<T extends new (...args: any[]) => React.Compone
         UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
     };
 } & T;
+export declare const isInstanceWithRootNode: (instance: unknown) => instance is InstanceWithRootNode;

package/lib/theming/ThemeFactory/ThemeFactory.js

@@ -1,4 +1,5 @@
 import { DefaultThemeInternal } from "../../../internal/themes/DefaultTheme";
+import { findPropertyDescriptor } from "../ThemeHelpers";
 export var ThemeFactory = /*#__PURE__*/function () {
   function ThemeFactory() {}
 
@@ -8,8 +9,8 @@ export var ThemeFactory = /*#__PURE__*/function () {
   };
 
   ThemeFactory.overrideDefaultTheme = function overrideDefaultTheme(theme) {
-    Object.keys(theme).forEach(function (variableName) {
-      var descriptor = Object.getOwnPropertyDescriptor(theme, variableName);
+    ThemeFactory.getKeys(DefaultThemeInternal).forEach(function (variableName) {
+      var descriptor = findPropertyDescriptor(theme, variableName);
       Object.defineProperty(DefaultThemeInternal, variableName, descriptor);
     });
   };

package/lib/theming/ThemeFactory/ThemeFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideDefaultTheme","Object","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","defineProperty","getKeys","key","includes","push","getPrototypeOf","sort","newTheme","propName","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;;;;AAIA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAA+F;AAC7F,QAAMC,IAAI,GAAGD,SAAS,IAAIJ,oBAA1B;AACA,WAAO,KAAKM,cAAL,CAAoBD,IAApB,EAA0BF,KAA1B,CAAP;AACD,GAJH;;AAMgBI,EAAAA,oBANhB,GAME,8BAAmCJ,KAAnC,EAAmD;AACjDK,IAAAA,MAAM,CAACC,IAAP,CAAYN,KAAZ,EAAmBO,OAAnB,CAA2B,UAACC,YAAD,EAAkB;AAC3C,UAAMC,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCV,KAAhC,EAAuCQ,YAAvC,CAAnB;AACAH,MAAAA,MAAM,CAACM,cAAP,CAAsBd,oBAAtB,EAA4CW,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,GAXH;;AAagBG,EAAAA,OAbhB,GAaE,iBAAuCZ,KAAvC,EAAiD;AAC/C,QAAMM,IAAoB,GAAG,EAA7B;AACA,WAAON,KAAK,IAAI,IAAhB,EAAsB;AACnBK,MAAAA,MAAM,CAACC,IAAP,CAAYN,KAAZ,CAAD,CAAuCO,OAAvC,CAA+C,UAACM,GAAD,EAAS;AACtD,YAAI,CAACP,IAAI,CAACQ,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBP,UAAAA,IAAI,CAACS,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAb,MAAAA,KAAK,GAAGK,MAAM,CAACW,cAAP,CAAsBhB,KAAtB,CAAR;AACD;AACD,WAAOM,IAAI,CAACW,IAAL,EAAP;AACD,GAxBH;;AA0BiBd,EAAAA,cA1BjB,GA0BE,wBAA8BD,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMkB,QAAQ,GAAGb,MAAM,CAACN,MAAP,CAAcG,IAAd,CAAjB;AACAG,IAAAA,MAAM,CAACC,IAAP,CAAYN,KAAZ,EAAmBO,OAAnB,CAA2B,UAACY,QAAD,EAAc;AACvC,UAAMV,UAAU,GAAGJ,MAAM,CAACK,wBAAP,CAAgCV,KAAhC,EAAuCmB,QAAvC,CAAnB;AACAd,MAAAA,MAAM,CAACM,cAAP,CAAsBO,QAAtB,EAAgCC,QAAhC,EAA0CV,UAA1C;AACD,KAHD;;AAKA,WAAOJ,MAAM,CAACe,MAAP,CAAcF,QAAd,CAAP;AACD,GAlCH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport class ThemeFactory {\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || DefaultThemeInternal;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideDefaultTheme(theme: ThemeIn) {\n    Object.keys(theme).forEach((variableName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (theme != null) {\n      (Object.keys(theme) as Array<keyof T>).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      theme = Object.getPrototypeOf(theme);\n    }\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\n      Object.defineProperty(newTheme, propName, descriptor);\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}
+{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","findPropertyDescriptor","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideDefaultTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","keys","key","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;;;AAGA,SAASC,sBAAT,QAAuC,gBAAvC;;AAEA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAmCC,KAAnC,EAAuDC,SAAvD,EAA+F;AAC7F,QAAMC,IAAI,GAAGD,SAAS,IAAIL,oBAA1B;AACA,WAAO,KAAKO,cAAL,CAAoBD,IAApB,EAA0BF,KAA1B,CAAP;AACD,GAJH;;AAMgBI,EAAAA,oBANhB,GAME,8BAAmCJ,KAAnC,EAAiD;AAC/CF,IAAAA,YAAY,CAACO,OAAb,CAAqBT,oBAArB,EAA2CU,OAA3C,CAAmD,UAACC,YAAD,EAAkB;AACnE,UAAMC,UAAU,GAAGX,sBAAsB,CAACG,KAAD,EAAQO,YAAR,CAAzC;AACAE,MAAAA,MAAM,CAACC,cAAP,CAAsBd,oBAAtB,EAA4CW,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,GAXH;;AAagBH,EAAAA,OAbhB,GAaE,iBAAuCL,KAAvC,EAAiD;AAC/C,QAAMW,IAAoB,GAAG,EAA7B;AACA,WAAOX,KAAK,IAAI,IAAhB,EAAsB;AACnBS,MAAAA,MAAM,CAACE,IAAP,CAAYX,KAAZ,CAAD,CAAoCM,OAApC,CAA4C,UAACM,GAAD,EAAS;AACnD,YAAI,CAACD,IAAI,CAACE,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBD,UAAAA,IAAI,CAACG,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAZ,MAAAA,KAAK,GAAGS,MAAM,CAACM,cAAP,CAAsBf,KAAtB,CAAR;AACD;AACD,WAAOW,IAAI,CAACK,IAAL,EAAP;AACD,GAxBH;;AA0BiBb,EAAAA,cA1BjB,GA0BE,wBAA8BD,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMiB,QAAQ,GAAGR,MAAM,CAACV,MAAP,CAAcG,IAAd,CAAjB;AACAO,IAAAA,MAAM,CAACE,IAAP,CAAYX,KAAZ,EAAmBM,OAAnB,CAA2B,UAACY,QAAD,EAAc;AACvC,UAAMV,UAAU,GAAGC,MAAM,CAACU,wBAAP,CAAgCnB,KAAhC,EAAuCkB,QAAvC,CAAnB;AACAT,MAAAA,MAAM,CAACC,cAAP,CAAsBO,QAAtB,EAAgCC,QAAhC,EAA0CV,UAA1C;AACD,KAHD;;AAKA,WAAOC,MAAM,CAACW,MAAP,CAAcH,QAAd,CAAP;AACD,GAlCH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || DefaultThemeInternal;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideDefaultTheme(theme: Theme) {\n    ThemeFactory.getKeys(DefaultThemeInternal).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (theme != null) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      theme = Object.getPrototypeOf(theme);\n    }\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName)!;\n      Object.defineProperty(newTheme, propName, descriptor);\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

package/lib/theming/ThemeFactory.d.ts

@@ -1,7 +1,7 @@
 import { Theme, ThemeIn } from './Theme';
 export declare class ThemeFactory {
     static create<T extends {}>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
-    static overrideDefaultTheme(theme: ThemeIn): void;
+    static overrideDefaultTheme(theme: Theme): void;
     static getKeys<T extends Theme>(theme: T): (keyof T)[];
     private static constructTheme;
 }

package/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -24,4 +24,13 @@ export var markAsDarkTheme = function markAsDarkTheme(theme) {
     enumerable: false,
     configurable: false
   }, _Object$create));
-};
+};
+export function findPropertyDescriptor(theme, propName) {
+  for (; theme != null; theme = Object.getPrototypeOf(theme)) {
+    if (Object.prototype.hasOwnProperty.call(theme, propName)) {
+      return Object.getOwnPropertyDescriptor(theme, propName) || {};
+    }
+  }
+
+  return {};
+}

package/lib/theming/ThemeHelpers/ThemeHelpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","value","writable"],"mappings":";;AAEA,OAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM;;AAYP,OAAO,IAAMY,uBAAuB,GAAG,4BAAhC;;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACb,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAAmBd,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACa,MAAP,CAAcf,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBP,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM","sourcesContent":["import { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends object>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_DARK_THEME_KEY] === true;\n};\n\nexport const markAsDarkTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_DARK_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n"]}
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","value","writable","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor"],"mappings":";;AAEA,OAAO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAmBC,KAAnB,EAAmC;AAC9D,MAAMC,WAAW,GAAGC,MAAM,CAACC,yBAAP,CAAiCH,KAAjC,CAApB;AACAE,EAAAA,MAAM,CAACE,IAAP,CAAYH,WAAZ,EAAyBI,OAAzB,CAAiC,UAACC,GAAD,EAAS;AACxC,QAAMC,UAAU,GAAGN,WAAW,CAACK,GAAD,CAA9B;AACA,QAAI,OAAOC,UAAU,CAACC,GAAlB,KAA0B,UAA1B,IAAwCD,UAAU,CAACE,YAAvD,EAAqE;AACnEF,MAAAA,UAAU,CAACG,UAAX,GAAwB,IAAxB;AACAR,MAAAA,MAAM,CAACS,cAAP,CAAsBX,KAAtB,EAA6BM,GAA7B,EAAkCC,UAAlC;AACD;AACF,GAND;AAOA,SAAOP,KAAP;AACD,CAVM;;AAYP,OAAO,IAAMY,uBAAuB,GAAG,4BAAhC;;AAEP,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACb,KAAD,EAAqC;AAC9D;AACA,SAAOA,KAAK,CAACY,uBAAD,CAAL,KAAmC,IAA1C;AACD,CAHM;;AAKP,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAAmBd,KAAnB,EAAmC;AAChE,SAAOE,MAAM,CAACa,MAAP,CAAcf,KAAd;AACJY,EAAAA,uBADI,IACsB;AACzBI,IAAAA,KAAK,EAAE,IADkB;AAEzBC,IAAAA,QAAQ,EAAE,KAFe;AAGzBP,IAAAA,UAAU,EAAE,KAHa;AAIzBD,IAAAA,YAAY,EAAE,KAJW,EADtB,kBAAP;;;AAQD,CATM;;AAWP,OAAO,SAASS,sBAAT,CAAgClB,KAAhC,EAA8CmB,QAA9C,EAAqE;AAC1E,SAAOnB,KAAK,IAAI,IAAhB,EAAsBA,KAAK,GAAGE,MAAM,CAACkB,cAAP,CAAsBpB,KAAtB,CAA9B,EAA4D;AAC1D,QAAIE,MAAM,CAACmB,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCvB,KAArC,EAA4CmB,QAA5C,CAAJ,EAA2D;AACzD,aAAOjB,MAAM,CAACsB,wBAAP,CAAgCxB,KAAhC,EAAuCmB,QAAvC,KAAoD,EAA3D;AACD;AACF;AACD,SAAO,EAAP;AACD","sourcesContent":["import { Theme, ThemeIn } from './Theme';\n\nexport const exposeGetters = <T extends object>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_DARK_THEME_KEY = '__IS_REACT_UI_DARK_THEME__';\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  //@ts-ignore\n  return theme[REACT_UI_DARK_THEME_KEY] === true;\n};\n\nexport const markAsDarkTheme = <T extends object>(theme: T): T => {\n  return Object.create(theme, {\n    [REACT_UI_DARK_THEME_KEY]: {\n      value: true,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: keyof Theme) {\n  for (; theme != null; theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n"]}

package/lib/theming/ThemeHelpers.d.ts

@@ -3,3 +3,4 @@ export declare const exposeGetters: <T extends object>(theme: T) => T;
 export declare const REACT_UI_DARK_THEME_KEY = "__IS_REACT_UI_DARK_THEME__";
 export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
 export declare const markAsDarkTheme: <T extends object>(theme: T) => T;
+export declare function findPropertyDescriptor(theme: Theme, propName: keyof Theme): PropertyDescriptor;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "4.0.3",
+  "version": "4.0.6",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/4.0.3/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/4.0.6/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -114,8 +114,10 @@
     "dotenv": "^10.0.0",
     "dts-css-modules-loader": "1.2.4",
     "enzyme": "^3.11.0",
+    "eslint-plugin-jest-dom": "^4.0.1",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-storybook": "^0.5.6",
+    "eslint-plugin-testing-library": "^5.0.5",
     "file-loader": "^6.2.0",
     "fork-ts-checker-webpack-plugin": "^6.5.0",
     "fs-extra": "^10.0.0",