@semcore/core 16.6.0 → 16.6.1

package/lib/utils/enhances/keyboardFocusEnhance.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { UnknownProperties } from '../../core-types/UnknownProperties';
+/** @deprecated */
+export interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {
+}
+export type KeyboardFocusProps = {
+    keyboardFocused?: boolean;
+    /**
+     * Makes component to catch browser focus on component mount
+     * @default false
+     */
+    autoFocus?: boolean;
+};
+export declare const enforcedKeyboardFocusEnhanceContext: React.Context<boolean>;
+export type KeyboardFocusEnhanceHook = (props: {
+    tabIndex?: number;
+    disabled?: boolean;
+    loading?: boolean;
+    autoFocus?: boolean;
+}) => {
+    tabIndex: number;
+    keyboardFocused: boolean;
+    onFocus: (e: React.FocusEvent) => void;
+    onBlur: () => void;
+};
+declare const keyboardFocusEnhance: (makeFocusable?: boolean) => KeyboardFocusEnhanceHook;
+export default keyboardFocusEnhance;

package/lib/utils/enhances/keyboardFocusEnhance.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.enforcedKeyboardFocusEnhanceContext = exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _LastInteractionType = require("../../LastInteractionType");
+var _assignProps = _interopRequireDefault(require("../assignProps"));
+/** @deprecated */
+
+var enforcedKeyboardFocusEnhanceContext = exports.enforcedKeyboardFocusEnhanceContext = /*#__PURE__*/_react["default"].createContext(false);
+var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  return function (props) {
+    var _props$tabIndex;
+    var autoFocus = props.autoFocus;
+    var disabled = props.disabled || props.loading;
+    var tabIndex = (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : makeFocusable ? 0 : undefined;
+    var _React$useState = _react["default"].useState(false),
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      keyboardFocused = _React$useState2[0],
+      setKeyboardFocused = _React$useState2[1];
+    var ref = _react["default"].useRef(null);
+    var handleFocus = _react["default"].useCallback(function (event) {
+      if (event.isTrusted === true) {
+        if (!_LastInteractionType.lastInteraction.isKeyboard()) return;
+      }
+      setKeyboardFocused(true);
+    }, []);
+    var handlerBlur = _react["default"].useCallback(function () {
+      return setKeyboardFocused(false);
+    }, []);
+    _react["default"].useEffect(function () {
+      if (typeof autoFocus !== 'number' && !autoFocus) return;
+      var timer = setTimeout(function () {
+        var _ref$current;
+        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+        setKeyboardFocused(true);
+      }, 0);
+      return function () {
+        clearTimeout(timer);
+      };
+    }, [autoFocus]);
+    _react["default"].useEffect(function () {
+      if (disabled) {
+        setKeyboardFocused(false);
+      }
+    }, [disabled]);
+    var enforcedKeyboardFocus = _react["default"].useContext(enforcedKeyboardFocusEnhanceContext);
+    return (0, _assignProps["default"])(props, {
+      tabIndex: disabled ? -1 : tabIndex,
+      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,
+      onFocus: handleFocus,
+      onBlur: handlerBlur,
+      ref: ref
+    });
+  };
+};
+var _default = exports["default"] = keyboardFocusEnhance;
+//# sourceMappingURL=keyboardFocusEnhance.js.map

package/lib/utils/enhances/keyboardFocusEnhance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardFocusEnhance.js","names":["_react","_interopRequireDefault","require","_LastInteractionType","_assignProps","enforcedKeyboardFocusEnhanceContext","exports","React","createContext","keyboardFocusEnhance","makeFocusable","arguments","length","undefined","props","_props$tabIndex","autoFocus","disabled","loading","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray2","keyboardFocused","setKeyboardFocused","ref","useRef","handleFocus","useCallback","event","isTrusted","lastInteraction","isKeyboard","handlerBlur","useEffect","timer","setTimeout","_ref$current","current","focus","clearTimeout","enforcedKeyboardFocus","useContext","assignProps","onFocus","onBlur","_default"],"sources":["../../../src/utils/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport { lastInteraction } from '../../LastInteractionType';\nimport assignProps from '../assignProps';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { autoFocus } = props;\n    const disabled = props.disabled || props.loading;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (!lastInteraction.isKeyboard()) return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA;;AAYO,IAAMG,mCAAmC,GAAAC,OAAA,CAAAD,mCAAA,gBAAGE,iBAAK,CAACC,aAAa,CAAC,KAAK,CAAC;AAc7E,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAuD;EAAA,IAAnDC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAChD,OAAO,UAACG,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChB,IAAQC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IACjB,IAAMC,QAAQ,GAAGH,KAAK,CAACG,QAAQ,IAAIH,KAAK,CAACI,OAAO;IAChD,IAAMC,QAAQ,IAAAJ,eAAA,GAAGD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,cAAAA,eAAA,GAAKL,aAAa,GAAG,CAAC,GAAGG,SAAU;IAClE,IAAAO,eAAA,GAA8Cb,iBAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;MAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;MAA5DI,eAAe,GAAAF,gBAAA;MAAEG,kBAAkB,GAAAH,gBAAA;IAC1C,IAAMI,GAAG,GAAGnB,iBAAK,CAACoB,MAAM,CAAc,IAAI,CAAC;IAE3C,IAAMC,WAAW,GAAGrB,iBAAK,CAACsB,WAAW,CAAC,UAACC,KAAuB,EAAK;MACjE,IAAIA,KAAK,CAACC,SAAS,KAAK,IAAI,EAAE;QAC5B,IAAI,CAACC,oCAAe,CAACC,UAAU,CAAC,CAAC,EAAE;MACrC;MACAR,kBAAkB,CAAC,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;IACN,IAAMS,WAAW,GAAG3B,iBAAK,CAACsB,WAAW,CAAC;MAAA,OAAMJ,kBAAkB,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAC1ElB,iBAAK,CAAC4B,SAAS,CAAC,YAAM;MACpB,IAAI,OAAOnB,SAAS,KAAK,QAAQ,IAAI,CAACA,SAAS,EAAE;MACjD,IAAMoB,KAAK,GAAGC,UAAU,CAAC,YAAM;QAAA,IAAAC,YAAA;QAC7B,CAAAA,YAAA,GAAAZ,GAAG,CAACa,OAAO,cAAAD,YAAA,eAAXA,YAAA,CAAaE,KAAK,CAAC,CAAC;QACpBf,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,CAAC,CAAC;MACL,OAAO,YAAM;QACXgB,YAAY,CAACL,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACpB,SAAS,CAAC,CAAC;IACfT,iBAAK,CAAC4B,SAAS,CAAC,YAAM;MACpB,IAAIlB,QAAQ,EAAE;QACZQ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;IAEd,IAAMyB,qBAAqB,GAAGnC,iBAAK,CAACoC,UAAU,CAACtC,mCAAmC,CAAC;IAEnF,OAAO,IAAAuC,uBAAW,EAAC9B,KAAK,EAAE;MACxBK,QAAQ,EAAEF,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;MAClCK,eAAe,EAAE,CAACA,eAAe,IAAIkB,qBAAqB,KAAK,CAACzB,QAAQ;MACxE4B,OAAO,EAAEjB,WAAW;MACpBkB,MAAM,EAAEZ,WAAW;MACnBR,GAAG,EAAHA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAAC,IAAAqB,QAAA,GAAAzC,OAAA,cAEaG,oBAAoB","ignoreList":[]}

package/lib/utils/enhances/keyboardFocusEnhance.mjs

@@ -0,0 +1,57 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React from 'react';
+import { lastInteraction } from "../../LastInteractionType.mjs";
+import assignProps from "../assignProps.mjs";
+
+/** @deprecated */
+
+export var enforcedKeyboardFocusEnhanceContext = /*#__PURE__*/React.createContext(false);
+var keyboardFocusEnhance = function keyboardFocusEnhance() {
+  var makeFocusable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  return function (props) {
+    var _props$tabIndex;
+    var autoFocus = props.autoFocus;
+    var disabled = props.disabled || props.loading;
+    var tabIndex = (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : makeFocusable ? 0 : undefined;
+    var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      keyboardFocused = _React$useState2[0],
+      setKeyboardFocused = _React$useState2[1];
+    var ref = React.useRef(null);
+    var handleFocus = React.useCallback(function (event) {
+      if (event.isTrusted === true) {
+        if (!lastInteraction.isKeyboard()) return;
+      }
+      setKeyboardFocused(true);
+    }, []);
+    var handlerBlur = React.useCallback(function () {
+      return setKeyboardFocused(false);
+    }, []);
+    React.useEffect(function () {
+      if (typeof autoFocus !== 'number' && !autoFocus) return;
+      var timer = setTimeout(function () {
+        var _ref$current;
+        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
+        setKeyboardFocused(true);
+      }, 0);
+      return function () {
+        clearTimeout(timer);
+      };
+    }, [autoFocus]);
+    React.useEffect(function () {
+      if (disabled) {
+        setKeyboardFocused(false);
+      }
+    }, [disabled]);
+    var enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);
+    return assignProps(props, {
+      tabIndex: disabled ? -1 : tabIndex,
+      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,
+      onFocus: handleFocus,
+      onBlur: handlerBlur,
+      ref: ref
+    });
+  };
+};
+export default keyboardFocusEnhance;
+//# sourceMappingURL=keyboardFocusEnhance.mjs.map

package/lib/utils/enhances/keyboardFocusEnhance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardFocusEnhance.mjs","names":["React","lastInteraction","assignProps","enforcedKeyboardFocusEnhanceContext","createContext","keyboardFocusEnhance","makeFocusable","arguments","length","undefined","props","_props$tabIndex","autoFocus","disabled","loading","tabIndex","_React$useState","useState","_React$useState2","_slicedToArray","keyboardFocused","setKeyboardFocused","ref","useRef","handleFocus","useCallback","event","isTrusted","isKeyboard","handlerBlur","useEffect","timer","setTimeout","_ref$current","current","focus","clearTimeout","enforcedKeyboardFocus","useContext","onFocus","onBlur"],"sources":["../../../src/utils/enhances/keyboardFocusEnhance.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { UnknownProperties } from '../../core-types/UnknownProperties';\nimport { lastInteraction } from '../../LastInteractionType';\nimport assignProps from '../assignProps';\n\n/** @deprecated */\nexport interface IKeyboardFocusProps extends KeyboardFocusProps, UnknownProperties {}\nexport type KeyboardFocusProps = {\n  /* Property responsible for displaying \"keyboard\" focus */\n  keyboardFocused?: boolean;\n  /**\n   * Makes component to catch browser focus on component mount\n   * @default false\n   */\n  autoFocus?: boolean;\n};\n\nexport const enforcedKeyboardFocusEnhanceContext = React.createContext(false);\n\nexport type KeyboardFocusEnhanceHook = (props: {\n  tabIndex?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  autoFocus?: boolean;\n}) => {\n  tabIndex: number;\n  keyboardFocused: boolean;\n  onFocus: (e: React.FocusEvent) => void;\n  onBlur: () => void;\n};\n\nconst keyboardFocusEnhance = (makeFocusable = true): KeyboardFocusEnhanceHook => {\n  return (props) => {\n    const { autoFocus } = props;\n    const disabled = props.disabled || props.loading;\n    const tabIndex = props.tabIndex ?? (makeFocusable ? 0 : undefined);\n    const [keyboardFocused, setKeyboardFocused] = React.useState(false);\n    const ref = React.useRef<HTMLElement>(null);\n\n    const handleFocus = React.useCallback((event: React.FocusEvent) => {\n      if (event.isTrusted === true) {\n        if (!lastInteraction.isKeyboard()) return;\n      }\n      setKeyboardFocused(true);\n    }, []);\n    const handlerBlur = React.useCallback(() => setKeyboardFocused(false), []);\n    React.useEffect(() => {\n      if (typeof autoFocus !== 'number' && !autoFocus) return;\n      const timer = setTimeout(() => {\n        ref.current?.focus();\n        setKeyboardFocused(true);\n      }, 0);\n      return () => {\n        clearTimeout(timer);\n      };\n    }, [autoFocus]);\n    React.useEffect(() => {\n      if (disabled) {\n        setKeyboardFocused(false);\n      }\n    }, [disabled]);\n\n    const enforcedKeyboardFocus = React.useContext(enforcedKeyboardFocusEnhanceContext);\n\n    return assignProps(props, {\n      tabIndex: disabled ? -1 : tabIndex,\n      keyboardFocused: (keyboardFocused || enforcedKeyboardFocus) && !disabled,\n      onFocus: handleFocus,\n      onBlur: handlerBlur,\n      ref,\n    });\n  };\n};\n\nexport default keyboardFocusEnhance;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,eAAe,QAAQ,+BAA2B;AAC3D,OAAOC,WAAW,MAAM,oBAAgB;;AAExC;;AAYA,OAAO,IAAMC,mCAAmC,gBAAGH,KAAK,CAACI,aAAa,CAAC,KAAK,CAAC;AAc7E,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAuD;EAAA,IAAnDC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAChD,OAAO,UAACG,KAAK,EAAK;IAAA,IAAAC,eAAA;IAChB,IAAQC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IACjB,IAAMC,QAAQ,GAAGH,KAAK,CAACG,QAAQ,IAAIH,KAAK,CAACI,OAAO;IAChD,IAAMC,QAAQ,IAAAJ,eAAA,GAAGD,KAAK,CAACK,QAAQ,cAAAJ,eAAA,cAAAA,eAAA,GAAKL,aAAa,GAAG,CAAC,GAAGG,SAAU;IAClE,IAAAO,eAAA,GAA8ChB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;MAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;MAA5DI,eAAe,GAAAF,gBAAA;MAAEG,kBAAkB,GAAAH,gBAAA;IAC1C,IAAMI,GAAG,GAAGtB,KAAK,CAACuB,MAAM,CAAc,IAAI,CAAC;IAE3C,IAAMC,WAAW,GAAGxB,KAAK,CAACyB,WAAW,CAAC,UAACC,KAAuB,EAAK;MACjE,IAAIA,KAAK,CAACC,SAAS,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC1B,eAAe,CAAC2B,UAAU,CAAC,CAAC,EAAE;MACrC;MACAP,kBAAkB,CAAC,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;IACN,IAAMQ,WAAW,GAAG7B,KAAK,CAACyB,WAAW,CAAC;MAAA,OAAMJ,kBAAkB,CAAC,KAAK,CAAC;IAAA,GAAE,EAAE,CAAC;IAC1ErB,KAAK,CAAC8B,SAAS,CAAC,YAAM;MACpB,IAAI,OAAOlB,SAAS,KAAK,QAAQ,IAAI,CAACA,SAAS,EAAE;MACjD,IAAMmB,KAAK,GAAGC,UAAU,CAAC,YAAM;QAAA,IAAAC,YAAA;QAC7B,CAAAA,YAAA,GAAAX,GAAG,CAACY,OAAO,cAAAD,YAAA,eAAXA,YAAA,CAAaE,KAAK,CAAC,CAAC;QACpBd,kBAAkB,CAAC,IAAI,CAAC;MAC1B,CAAC,EAAE,CAAC,CAAC;MACL,OAAO,YAAM;QACXe,YAAY,CAACL,KAAK,CAAC;MACrB,CAAC;IACH,CAAC,EAAE,CAACnB,SAAS,CAAC,CAAC;IACfZ,KAAK,CAAC8B,SAAS,CAAC,YAAM;MACpB,IAAIjB,QAAQ,EAAE;QACZQ,kBAAkB,CAAC,KAAK,CAAC;MAC3B;IACF,CAAC,EAAE,CAACR,QAAQ,CAAC,CAAC;IAEd,IAAMwB,qBAAqB,GAAGrC,KAAK,CAACsC,UAAU,CAACnC,mCAAmC,CAAC;IAEnF,OAAOD,WAAW,CAACQ,KAAK,EAAE;MACxBK,QAAQ,EAAEF,QAAQ,GAAG,CAAC,CAAC,GAAGE,QAAQ;MAClCK,eAAe,EAAE,CAACA,eAAe,IAAIiB,qBAAqB,KAAK,CAACxB,QAAQ;MACxE0B,OAAO,EAAEf,WAAW;MACpBgB,MAAM,EAAEX,WAAW;MACnBP,GAAG,EAAHA;IACF,CAAC,CAAC;EACJ,CAAC;AACH,CAAC;AAED,eAAejB,oBAAoB","ignoreList":[]}

package/lib/utils/eventEmitter.d.ts

@@ -1,13 +1,9 @@
-type Events = Record<string, (...args: any[]) => void>;
-type Cleanup = () => void;
-export default class EventEmitter<E extends Events, K extends keyof E = keyof E, H extends E[K] = E[K]> {
+type DefaultEmit = (eventName: string, ...args: any[]) => void;
+type DefaultSubscribe = (eventName: string, fn: any) => () => void;
+export default class EventEmitter<Emit = DefaultEmit, Subscribe = DefaultSubscribe> {
     private events;
-    on(eventName: K, fn: H): Cleanup;
-    off(eventName: K, fn: H): void;
-    emit(eventName: K, ...args: Parameters<H>): void;
-    /**
-     * @deprecated. Fallback to the `on` method for backward compatibility.
-     */
-    subscribe(eventName: K, fn: H): Cleanup;
+    constructor();
+    emit: Emit;
+    subscribe: Subscribe;
 }
 export {};

package/lib/utils/eventEmitter.js

@@ -5,64 +5,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var EventEmitter = exports["default"] = /*#__PURE__*/function () {
-  function EventEmitter() {
-    (0, _classCallCheck2["default"])(this, EventEmitter);
-    (0, _defineProperty2["default"])(this, "events", new Map());
-  }
-  return (0, _createClass2["default"])(EventEmitter, [{
-    key: "on",
-    value: function on(eventName, fn) {
-      var _this$events$get,
-        _this = this;
-      var handlers = (_this$events$get = this.events.get(eventName)) !== null && _this$events$get !== void 0 ? _this$events$get : new Set();
-      handlers.add(fn);
-      this.events.set(eventName, handlers);
-      return function () {
-        _this.off(eventName, fn);
-      };
+var EventEmitter = exports["default"] = /*#__PURE__*/(0, _createClass2["default"])(function EventEmitter() {
+  var _this = this;
+  (0, _classCallCheck2["default"])(this, EventEmitter);
+  (0, _defineProperty2["default"])(this, "events", {});
+  (0, _defineProperty2["default"])(this, "emit", void 0);
+  (0, _defineProperty2["default"])(this, "subscribe", void 0);
+  this.emit = function (eventName) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
     }
-  }, {
-    key: "off",
-    value: function off(eventName, fn) {
-      var _this$events$get2;
-      (_this$events$get2 = this.events.get(eventName)) === null || _this$events$get2 === void 0 || _this$events$get2["delete"](fn);
+    var event = _this.events[eventName];
+    if (event) {
+      event.forEach(function (fn) {
+        fn.call.apply(fn, [null].concat(args));
+      });
     }
-  }, {
-    key: "emit",
-    value: function emit(eventName) {
-      var handlers = this.events.get(eventName);
-      if (handlers) {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        var _iterator = (0, _createForOfIteratorHelper2["default"])(handlers),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var handler = _step.value;
-            handler.call.apply(handler, [null].concat(args));
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
+  };
+  this.subscribe = function (eventName, fn) {
+    if (!_this.events[eventName]) {
+      _this.events[eventName] = [];
     }
-
-    /**
-     * @deprecated. Fallback to the `on` method for backward compatibility.
-     */
-  }, {
-    key: "subscribe",
-    value: function subscribe(eventName, fn) {
-      return this.on(eventName, fn);
-    }
-  }]);
-}();
+    _this.events[eventName].push(fn);
+    return function () {
+      _this.events[eventName] = _this.events[eventName].filter(function (eventFn) {
+        return fn !== eventFn;
+      });
+    };
+  };
+});
 //# sourceMappingURL=eventEmitter.js.map

package/lib/utils/eventEmitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"eventEmitter.js","names":["EventEmitter","exports","_classCallCheck2","_defineProperty2","Map","_createClass2","key","value","on","eventName","fn","_this$events$get","_this","handlers","events","get","Set","add","set","off","_this$events$get2","emit","_len","arguments","length","args","Array","_key","_iterator","_createForOfIteratorHelper2","_step","s","n","done","handler","call","apply","concat","err","e","f","subscribe"],"sources":["../../src/utils/eventEmitter.ts"],"sourcesContent":["type Events = Record<string, (...args: any[]) => void>;\ntype Cleanup = () => void;\n\nexport default class EventEmitter<E extends Events, K extends keyof E = keyof E, H extends E[K] = E[K]> {\n  private events = new Map<K, Set<H>>();\n\n  public on(eventName: K, fn: H): Cleanup {\n    const handlers = this.events.get(eventName) ?? new Set<H>();\n\n    handlers.add(fn);\n\n    this.events.set(eventName, handlers);\n\n    return () => {\n      this.off(eventName, fn);\n    };\n  }\n\n  public off(eventName: K, fn: H): void {\n    this.events.get(eventName)?.delete(fn);\n  }\n\n  public emit(eventName: K, ...args: Parameters<H>) {\n    const handlers = this.events.get(eventName);\n\n    if (handlers) {\n      for (const handler of handlers) {\n        handler.call(null, ...args);\n      }\n    }\n  }\n\n  /**\n   * @deprecated. Fallback to the `on` method for backward compatibility.\n   */\n  public subscribe(eventName: K, fn: H): Cleanup {\n    return this.on(eventName, fn);\n  }\n}\n"],"mappings":";;;;;;;;;;;IAGqBA,YAAY,GAAAC,OAAA;EAAA,SAAAD,aAAA;IAAA,IAAAE,gBAAA,mBAAAF,YAAA;IAAA,IAAAG,gBAAA,6BACd,IAAIC,GAAG,CAAY,CAAC;EAAA;EAAA,WAAAC,aAAA,aAAAL,YAAA;IAAAM,GAAA;IAAAC,KAAA,EAErC,SAAOC,EAAEA,CAACC,SAAY,EAAEC,EAAK,EAAW;MAAA,IAAAC,gBAAA;QAAAC,KAAA;MACtC,IAAMC,QAAQ,IAAAF,gBAAA,GAAG,IAAI,CAACG,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAE,gBAAA,cAAAA,gBAAA,GAAI,IAAIK,GAAG,CAAI,CAAC;MAE3DH,QAAQ,CAACI,GAAG,CAACP,EAAE,CAAC;MAEhB,IAAI,CAACI,MAAM,CAACI,GAAG,CAACT,SAAS,EAAEI,QAAQ,CAAC;MAEpC,OAAO,YAAM;QACXD,KAAI,CAACO,GAAG,CAACV,SAAS,EAAEC,EAAE,CAAC;MACzB,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOY,GAAGA,CAACV,SAAY,EAAEC,EAAK,EAAQ;MAAA,IAAAU,iBAAA;MACpC,CAAAA,iBAAA,OAAI,CAACN,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAW,iBAAA,eAA1BA,iBAAA,UAAkC,CAACV,EAAE,CAAC;IACxC;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOc,IAAIA,CAACZ,SAAY,EAA0B;MAChD,IAAMI,QAAQ,GAAG,IAAI,CAACC,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC;MAE3C,IAAII,QAAQ,EAAE;QAAA,SAAAS,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAHaC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;QAAA;QAAA,IAAAC,SAAA,OAAAC,2BAAA,aAIPhB,QAAQ;UAAAiB,KAAA;QAAA;UAA9B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAgC;YAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAvB,KAAA;YAChB2B,OAAO,CAACC,IAAI,CAAAC,KAAA,CAAZF,OAAO,GAAM,IAAI,EAAAG,MAAA,CAAKZ,IAAI,EAAC;UAC7B;QAAC,SAAAa,GAAA;UAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA;QAAA;UAAAV,SAAA,CAAAY,CAAA;QAAA;MACH;IACF;;IAEA;AACF;AACA;EAFE;IAAAlC,GAAA;IAAAC,KAAA,EAGA,SAAOkC,SAASA,CAAChC,SAAY,EAAEC,EAAK,EAAW;MAC7C,OAAO,IAAI,CAACF,EAAE,CAACC,SAAS,EAAEC,EAAE,CAAC;IAC/B;EAAC;AAAA","ignoreList":[]}
+{"version":3,"file":"eventEmitter.js","names":["EventEmitter","exports","_createClass2","_this","_classCallCheck2","_defineProperty2","emit","eventName","_len","arguments","length","args","Array","_key","event","events","forEach","fn","call","apply","concat","subscribe","push","filter","eventFn"],"sources":["../../src/utils/eventEmitter.ts"],"sourcesContent":["type DefaultEmit = (eventName: string, ...args: any[]) => void;\ntype DefaultSubscribe = (eventName: string, fn: any) => () => void;\n\nexport default class EventEmitter<Emit = DefaultEmit, Subscribe = DefaultSubscribe> {\n  private events: any = {};\n  constructor() {\n    this.emit = ((eventName: string, ...args: any[]) => {\n      const event = this.events[eventName];\n      if (event) {\n        event.forEach((fn: any) => {\n          fn.call(null, ...args);\n        });\n      }\n    }) as any;\n    this.subscribe = ((eventName: string, fn: any) => {\n      if (!this.events[eventName]) {\n        this.events[eventName] = [];\n      }\n\n      this.events[eventName].push(fn);\n      return () => {\n        this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn);\n      };\n    }) as any;\n  }\n\n  emit: Emit;\n\n  subscribe: Subscribe;\n}\n"],"mappings":";;;;;;;;;;IAGqBA,YAAY,GAAAC,OAAA,+BAAAC,aAAA,aAE/B,SAAAF,aAAA,EAAc;EAAA,IAAAG,KAAA;EAAA,IAAAC,gBAAA,mBAAAJ,YAAA;EAAA,IAAAK,gBAAA,6BADQ,CAAC,CAAC;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EAEtB,IAAI,CAACC,IAAI,GAAI,UAACC,SAAiB,EAAqB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAhBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;IAAA;IACtC,IAAMC,KAAK,GAAGX,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC;IACpC,IAAIO,KAAK,EAAE;MACTA,KAAK,CAACE,OAAO,CAAC,UAACC,EAAO,EAAK;QACzBA,EAAE,CAACC,IAAI,CAAAC,KAAA,CAAPF,EAAE,GAAM,IAAI,EAAAG,MAAA,CAAKT,IAAI,EAAC;MACxB,CAAC,CAAC;IACJ;EACF,CAAS;EACT,IAAI,CAACU,SAAS,GAAI,UAACd,SAAiB,EAAEU,EAAO,EAAK;IAChD,IAAI,CAACd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,EAAE;MAC3BJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAG,EAAE;IAC7B;IAEAJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACe,IAAI,CAACL,EAAE,CAAC;IAC/B,OAAO,YAAM;MACXd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAGJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACgB,MAAM,CAAC,UAACC,OAAY;QAAA,OAAKP,EAAE,KAAKO,OAAO;MAAA,EAAC;IAC1F,CAAC;EACH,CAAS;AACX,CAAC","ignoreList":[]}

package/lib/utils/eventEmitter.mjs

@@ -1,62 +1,34 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var EventEmitter = /*#__PURE__*/function () {
-  function EventEmitter() {
-    _classCallCheck(this, EventEmitter);
-    _defineProperty(this, "events", new Map());
-  }
-  return _createClass(EventEmitter, [{
-    key: "on",
-    value: function on(eventName, fn) {
-      var _this$events$get,
-        _this = this;
-      var handlers = (_this$events$get = this.events.get(eventName)) !== null && _this$events$get !== void 0 ? _this$events$get : new Set();
-      handlers.add(fn);
-      this.events.set(eventName, handlers);
-      return function () {
-        _this.off(eventName, fn);
-      };
-    }
-  }, {
-    key: "off",
-    value: function off(eventName, fn) {
-      var _this$events$get2;
-      (_this$events$get2 = this.events.get(eventName)) === null || _this$events$get2 === void 0 || _this$events$get2["delete"](fn);
+var EventEmitter = /*#__PURE__*/_createClass(function EventEmitter() {
+  var _this = this;
+  _classCallCheck(this, EventEmitter);
+  _defineProperty(this, "events", {});
+  _defineProperty(this, "emit", void 0);
+  _defineProperty(this, "subscribe", void 0);
+  this.emit = function (eventName) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
     }
-  }, {
-    key: "emit",
-    value: function emit(eventName) {
-      var handlers = this.events.get(eventName);
-      if (handlers) {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        var _iterator = _createForOfIteratorHelper(handlers),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var handler = _step.value;
-            handler.call.apply(handler, [null].concat(args));
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
+    var event = _this.events[eventName];
+    if (event) {
+      event.forEach(function (fn) {
+        fn.call.apply(fn, [null].concat(args));
+      });
     }
-
-    /**
-     * @deprecated. Fallback to the `on` method for backward compatibility.
-     */
-  }, {
-    key: "subscribe",
-    value: function subscribe(eventName, fn) {
-      return this.on(eventName, fn);
+  };
+  this.subscribe = function (eventName, fn) {
+    if (!_this.events[eventName]) {
+      _this.events[eventName] = [];
     }
-  }]);
-}();
+    _this.events[eventName].push(fn);
+    return function () {
+      _this.events[eventName] = _this.events[eventName].filter(function (eventFn) {
+        return fn !== eventFn;
+      });
+    };
+  };
+});
 export { EventEmitter as default };
 //# sourceMappingURL=eventEmitter.mjs.map

package/lib/utils/eventEmitter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eventEmitter.mjs","names":["EventEmitter","_classCallCheck","_defineProperty","Map","_createClass","key","value","on","eventName","fn","_this$events$get","_this","handlers","events","get","Set","add","set","off","_this$events$get2","emit","_len","arguments","length","args","Array","_key","_iterator","_createForOfIteratorHelper","_step","s","n","done","handler","call","apply","concat","err","e","f","subscribe","default"],"sources":["../../src/utils/eventEmitter.ts"],"sourcesContent":["type Events = Record<string, (...args: any[]) => void>;\ntype Cleanup = () => void;\n\nexport default class EventEmitter<E extends Events, K extends keyof E = keyof E, H extends E[K] = E[K]> {\n  private events = new Map<K, Set<H>>();\n\n  public on(eventName: K, fn: H): Cleanup {\n    const handlers = this.events.get(eventName) ?? new Set<H>();\n\n    handlers.add(fn);\n\n    this.events.set(eventName, handlers);\n\n    return () => {\n      this.off(eventName, fn);\n    };\n  }\n\n  public off(eventName: K, fn: H): void {\n    this.events.get(eventName)?.delete(fn);\n  }\n\n  public emit(eventName: K, ...args: Parameters<H>) {\n    const handlers = this.events.get(eventName);\n\n    if (handlers) {\n      for (const handler of handlers) {\n        handler.call(null, ...args);\n      }\n    }\n  }\n\n  /**\n   * @deprecated. Fallback to the `on` method for backward compatibility.\n   */\n  public subscribe(eventName: K, fn: H): Cleanup {\n    return this.on(eventName, fn);\n  }\n}\n"],"mappings":";;;;IAGqBA,YAAY;EAAA,SAAAA,aAAA;IAAAC,eAAA,OAAAD,YAAA;IAAAE,eAAA,iBACd,IAAIC,GAAG,CAAY,CAAC;EAAA;EAAA,OAAAC,YAAA,CAAAJ,YAAA;IAAAK,GAAA;IAAAC,KAAA,EAErC,SAAOC,EAAEA,CAACC,SAAY,EAAEC,EAAK,EAAW;MAAA,IAAAC,gBAAA;QAAAC,KAAA;MACtC,IAAMC,QAAQ,IAAAF,gBAAA,GAAG,IAAI,CAACG,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAE,gBAAA,cAAAA,gBAAA,GAAI,IAAIK,GAAG,CAAI,CAAC;MAE3DH,QAAQ,CAACI,GAAG,CAACP,EAAE,CAAC;MAEhB,IAAI,CAACI,MAAM,CAACI,GAAG,CAACT,SAAS,EAAEI,QAAQ,CAAC;MAEpC,OAAO,YAAM;QACXD,KAAI,CAACO,GAAG,CAACV,SAAS,EAAEC,EAAE,CAAC;MACzB,CAAC;IACH;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOY,GAAGA,CAACV,SAAY,EAAEC,EAAK,EAAQ;MAAA,IAAAU,iBAAA;MACpC,CAAAA,iBAAA,OAAI,CAACN,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC,cAAAW,iBAAA,eAA1BA,iBAAA,UAAkC,CAACV,EAAE,CAAC;IACxC;EAAC;IAAAJ,GAAA;IAAAC,KAAA,EAED,SAAOc,IAAIA,CAACZ,SAAY,EAA0B;MAChD,IAAMI,QAAQ,GAAG,IAAI,CAACC,MAAM,CAACC,GAAG,CAACN,SAAS,CAAC;MAE3C,IAAII,QAAQ,EAAE;QAAA,SAAAS,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAHaC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;UAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;QAAA;QAAA,IAAAC,SAAA,GAAAC,0BAAA,CAIPhB,QAAQ;UAAAiB,KAAA;QAAA;UAA9B,KAAAF,SAAA,CAAAG,CAAA,MAAAD,KAAA,GAAAF,SAAA,CAAAI,CAAA,IAAAC,IAAA,GAAgC;YAAA,IAArBC,OAAO,GAAAJ,KAAA,CAAAvB,KAAA;YAChB2B,OAAO,CAACC,IAAI,CAAAC,KAAA,CAAZF,OAAO,GAAM,IAAI,EAAAG,MAAA,CAAKZ,IAAI,EAAC;UAC7B;QAAC,SAAAa,GAAA;UAAAV,SAAA,CAAAW,CAAA,CAAAD,GAAA;QAAA;UAAAV,SAAA,CAAAY,CAAA;QAAA;MACH;IACF;;IAEA;AACF;AACA;EAFE;IAAAlC,GAAA;IAAAC,KAAA,EAGA,SAAOkC,SAASA,CAAChC,SAAY,EAAEC,EAAK,EAAW;MAC7C,OAAO,IAAI,CAACF,EAAE,CAACC,SAAS,EAAEC,EAAE,CAAC;IAC/B;EAAC;AAAA;AAAA,SAlCkBT,YAAY,IAAAyC,OAAA","ignoreList":[]}
+{"version":3,"file":"eventEmitter.mjs","names":["EventEmitter","_createClass","_this","_classCallCheck","_defineProperty","emit","eventName","_len","arguments","length","args","Array","_key","event","events","forEach","fn","call","apply","concat","subscribe","push","filter","eventFn","default"],"sources":["../../src/utils/eventEmitter.ts"],"sourcesContent":["type DefaultEmit = (eventName: string, ...args: any[]) => void;\ntype DefaultSubscribe = (eventName: string, fn: any) => () => void;\n\nexport default class EventEmitter<Emit = DefaultEmit, Subscribe = DefaultSubscribe> {\n  private events: any = {};\n  constructor() {\n    this.emit = ((eventName: string, ...args: any[]) => {\n      const event = this.events[eventName];\n      if (event) {\n        event.forEach((fn: any) => {\n          fn.call(null, ...args);\n        });\n      }\n    }) as any;\n    this.subscribe = ((eventName: string, fn: any) => {\n      if (!this.events[eventName]) {\n        this.events[eventName] = [];\n      }\n\n      this.events[eventName].push(fn);\n      return () => {\n        this.events[eventName] = this.events[eventName].filter((eventFn: any) => fn !== eventFn);\n      };\n    }) as any;\n  }\n\n  emit: Emit;\n\n  subscribe: Subscribe;\n}\n"],"mappings":";;;IAGqBA,YAAY,gBAAAC,YAAA,CAE/B,SAAAD,aAAA,EAAc;EAAA,IAAAE,KAAA;EAAAC,eAAA,OAAAH,YAAA;EAAAI,eAAA,iBADQ,CAAC,CAAC;EAAAA,eAAA;EAAAA,eAAA;EAEtB,IAAI,CAACC,IAAI,GAAI,UAACC,SAAiB,EAAqB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAhBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;IAAA;IACtC,IAAMC,KAAK,GAAGX,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC;IACpC,IAAIO,KAAK,EAAE;MACTA,KAAK,CAACE,OAAO,CAAC,UAACC,EAAO,EAAK;QACzBA,EAAE,CAACC,IAAI,CAAAC,KAAA,CAAPF,EAAE,GAAM,IAAI,EAAAG,MAAA,CAAKT,IAAI,EAAC;MACxB,CAAC,CAAC;IACJ;EACF,CAAS;EACT,IAAI,CAACU,SAAS,GAAI,UAACd,SAAiB,EAAEU,EAAO,EAAK;IAChD,IAAI,CAACd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,EAAE;MAC3BJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAG,EAAE;IAC7B;IAEAJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACe,IAAI,CAACL,EAAE,CAAC;IAC/B,OAAO,YAAM;MACXd,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,GAAGJ,KAAI,CAACY,MAAM,CAACR,SAAS,CAAC,CAACgB,MAAM,CAAC,UAACC,OAAY;QAAA,OAAKP,EAAE,KAAKO,OAAO;MAAA,EAAC;IAC1F,CAAC;EACH,CAAS;AACX,CAAC;AAAA,SArBkBvB,YAAY,IAAAwB,OAAA","ignoreList":[]}

package/lib/utils/getDisplayName.mjs

@@ -1,4 +1,6 @@
-export default function getDisplayName(WrappedComponent) {
-  return WrappedComponent.displayName || WrappedComponent.name || 'Component';
+function getDisplayName(WrappedComponent) {
+  return WrappedComponent.displayName || WrappedComponent.name || "Component";
 }
-//# sourceMappingURL=getDisplayName.mjs.map
+export {
+  getDisplayName as default
+};

package/lib/utils/if.d.ts

@@ -0,0 +1,11 @@
+import type { FC, ReactNode } from 'react';
+import type { UnknownProperties } from '../core-types/UnknownProperties';
+/** @deprecated */
+export interface IIfProps extends IfProps, UnknownProperties {
+}
+export type IfProps = {
+    condition: boolean;
+    children?: ReactNode;
+};
+declare const If: FC<IIfProps>;
+export default If;

package/lib/utils/if.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+/** @deprecated */
+
+var If = function If(props) {
+  var condition = props.condition,
+    children = props.children;
+  return condition ? children : null;
+};
+var _default = exports["default"] = If;
+//# sourceMappingURL=if.js.map

package/lib/utils/if.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.js","names":["If","props","condition","children","_default","exports"],"sources":["../../src/utils/if.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport type { UnknownProperties } from '../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IIfProps extends IfProps, UnknownProperties {}\nexport type IfProps = {\n  condition: boolean;\n  children?: ReactNode;\n};\n\nconst If: FC<IIfProps> = (props) => {\n  const { condition, children } = props;\n  return (condition ? children : null) as ReturnType<FC>;\n};\n\nexport default If;\n"],"mappings":";;;;;;AAIA;;AAOA,IAAMA,EAAgB,GAAG,SAAnBA,EAAgBA,CAAIC,KAAK,EAAK;EAClC,IAAQC,SAAS,GAAeD,KAAK,CAA7BC,SAAS;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAC3B,OAAQD,SAAS,GAAGC,QAAQ,GAAG,IAAI;AACrC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaL,EAAE","ignoreList":[]}

package/lib/utils/if.mjs

@@ -0,0 +1,9 @@
+/** @deprecated */
+
+var If = function If(props) {
+  var condition = props.condition,
+    children = props.children;
+  return condition ? children : null;
+};
+export default If;
+//# sourceMappingURL=if.mjs.map

package/lib/utils/if.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"if.mjs","names":["If","props","condition","children"],"sources":["../../src/utils/if.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\nimport type { UnknownProperties } from '../core-types/UnknownProperties';\n\n/** @deprecated */\nexport interface IIfProps extends IfProps, UnknownProperties {}\nexport type IfProps = {\n  condition: boolean;\n  children?: ReactNode;\n};\n\nconst If: FC<IIfProps> = (props) => {\n  const { condition, children } = props;\n  return (condition ? children : null) as ReturnType<FC>;\n};\n\nexport default If;\n"],"mappings":"AAIA;;AAOA,IAAMA,EAAgB,GAAG,SAAnBA,EAAgBA,CAAIC,KAAK,EAAK;EAClC,IAAQC,SAAS,GAAeD,KAAK,CAA7BC,SAAS;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAC3B,OAAQD,SAAS,GAAGC,QAAQ,GAAG,IAAI;AACrC,CAAC;AAED,eAAeH,EAAE","ignoreList":[]}

package/lib/utils/injectStyle.js

@@ -29,7 +29,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "17.0.1";
+        var version = "16.6.0";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/lib/utils/injectStyle.mjs

@@ -22,7 +22,7 @@ function injectStyle(css) {
         sh = prevSh;
       } else {
         // @ts-ignore
-        var version = "17.0.1";
+        var version = "16.6.0";
         sh = document.createElement('style');
         sh.setAttribute('data-ui-v', version);
         sh.classList.add(selectorClass);

package/lib/utils/ref.d.ts

@@ -1,8 +1,10 @@
-import React, { type MutableRefObject, type Ref } from 'react';
+import React, { type MutableRefObject, type Ref, type RefObject } from 'react';
 export declare function setRef<T>(ref: Ref<T>, value: T): void;
 type Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;
 export declare function getRef(ref: Refs): React.ReactInstance | null;
 export declare function useCallbackRef<T>(initialValue: T | null, callback: (newValue: T | null, lastValue: T | null) => void): MutableRefObject<T | null>;
 export declare function useForkRef<T>(...refs: Ref<T>[]): Ref<T>;
 export declare function forkRef<T>(...refs: Ref<T>[]): Ref<T>;
+export type NodeByRef = RefObject<Element> | Element | (() => RefObject<Element> | Element);
+export declare function getNodeByRef(ref: NodeByRef): Element | null;
 export {};

package/lib/utils/ref.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.forkRef = forkRef;
+exports.getNodeByRef = getNodeByRef;
 exports.getRef = getRef;
 exports.setRef = setRef;
 exports.useCallbackRef = useCallbackRef;
@@ -12,6 +13,7 @@ exports.useForkRef = useForkRef;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
 function setRef(ref, value) {
   if (typeof ref === 'function') {
     ref(value);
@@ -79,4 +81,16 @@ function forkRef() {
     });
   };
 }
+function getNodeByRef(ref) {
+  if (typeof ref === 'function') {
+    ref = ref();
+  }
+  if (!ref) return null;
+  var node = getRef(ref);
+  if (!node) return null;
+  if ('nodeType' in node && node.nodeType === 1) return node;
+  if (Object.keys(node).length === 1 && 'getBoundingClientRect' in node) return null;
+  if (! /*#__PURE__*/_react["default"].isValidElement(node) && !(node instanceof _react["default"].Component)) return null;
+  return (0, _reactDom.findDOMNode)(node);
+}
 //# sourceMappingURL=ref.js.map

package/lib/utils/ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"ref.js","names":["_react","_interopRequireDefault","require","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","React","useState","facade","last","_React$useState2","_slicedToArray2","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray2","Set","forEach","forkRef","_len2","_key2","every"],"sources":["../../src/utils/ref.ts"],"sourcesContent":["import React, { type MutableRefObject, type Ref } from 'react';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\ntype Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;\n\nexport function getRef(ref: Refs): React.ReactInstance | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,SAASC,MAAMA,CAAIC,GAAW,EAAEC,KAAQ,EAAE;EAC/C,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;EACZ,CAAC,MAAM,IAAID,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,cAAc,CAAC,SAAS,CAAC,EAAE;IACzC;IACAF,GAAG,CAAC,SAAS,CAAC,GAAGC,KAAK;EACxB;AACF;AAIO,SAASE,MAAMA,CAACH,GAAS,EAA8B;EAC5D,IAAI,CAACA,GAAG,EAAE,OAAO,IAAI;EACrB,OAAO,SAAS,IAAIA,GAAG,GAAGA,GAAG,CAACI,OAAO,GAAGJ,GAAG;AAC7C;AAEO,SAASK,cAAcA,CAC5BC,YAAsB,EACtBC,QAA2D,EAC/B;EAC5B,IAAAC,eAAA,GAAcC,iBAAK,CAACC,QAAQ,CAAC;MAAA,OAAO;QAClC;QACAT,KAAK,EAAEK,YAAY;QACnB;QACAC,QAAQ,EAARA,QAAQ;QACR;QACAI,MAAM,EAAE;UACN,IAAIP,OAAOA,CAAA,EAAG;YACZ,OAAOJ,GAAG,CAACC,KAAK;UAClB,CAAC;UACD,IAAIG,OAAOA,CAACH,KAAK,EAAE;YACjB,IAAMW,IAAI,GAAGZ,GAAG,CAACC,KAAK;YACtB,IAAIW,IAAI,KAAKX,KAAK,EAAE;cAClBD,GAAG,CAACC,KAAK,GAAGA,KAAK;cACjBD,GAAG,CAACO,QAAQ,CAACN,KAAK,EAAEW,IAAI,CAAC;YAC3B;UACF;QACF;MACF,CAAC;IAAA,CAAC,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAN,eAAA;IAlBIR,GAAG,GAAAa,gBAAA;EAmBV;EACAb,GAAG,CAACO,QAAQ,GAAGA,QAAQ;EAEvB,OAAOP,GAAG,CAACW,MAAM;AACnB;AAEO,SAASI,UAAUA,CAAA,EAA+B;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAxBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;EAAA;EACnC,OAAOZ,iBAAK,CAACa,WAAW,CAAC,UAACC,QAAa,EAAK;IAC1C,IAAMC,UAAU,OAAAC,mBAAA,aAAO,IAAIC,GAAG,CAACP,IAAI,CAAC,CAAC;IACrCK,UAAU,CAACG,OAAO,CAAC,UAAC3B,GAAG;MAAA,OAAKD,MAAM,CAACC,GAAG,EAAEuB,QAAQ,CAAC;IAAA,EAAC;EACpD,CAAC,EAAEJ,IAAI,CAAC;AACV;AAEO,SAASS,OAAOA,CAAA,EAA+B;EAAA,SAAAC,KAAA,GAAAZ,SAAA,CAAAC,MAAA,EAAxBC,IAAI,OAAAC,KAAA,CAAAS,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;IAAJX,IAAI,CAAAW,KAAA,IAAAb,SAAA,CAAAa,KAAA;EAAA;EAChC,IAAIX,IAAI,CAACY,KAAK,CAAC,UAAC/B,GAAG;IAAA,OAAKA,GAAG,IAAI,IAAI;EAAA,EAAC,EAAE;IACpC,OAAO,IAAI;EACb;EACA,OAAO,UAACuB,QAAQ,EAAK;IACnB,IAAMC,UAAU,OAAAC,mBAAA,aAAO,IAAIC,GAAG,CAACP,IAAI,CAAC,CAAC;IACrCK,UAAU,CAACG,OAAO,CAAC,UAAC3B,GAAG;MAAA,OAAKD,MAAM,CAACC,GAAG,EAAEuB,QAAQ,CAAC;IAAA,EAAC;EACpD,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"ref.js","names":["_react","_interopRequireDefault","require","_reactDom","setRef","ref","value","hasOwnProperty","getRef","current","useCallbackRef","initialValue","callback","_React$useState","React","useState","facade","last","_React$useState2","_slicedToArray2","useForkRef","_len","arguments","length","refs","Array","_key","useCallback","refValue","uniqueRefs","_toConsumableArray2","Set","forEach","forkRef","_len2","_key2","every","getNodeByRef","node","nodeType","Object","keys","isValidElement","Component","findDOMNode"],"sources":["../../src/utils/ref.ts"],"sourcesContent":["import React, { type MutableRefObject, type Ref, type RefObject } from 'react';\nimport { findDOMNode } from 'react-dom';\n\nexport function setRef<T>(ref: Ref<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref?.hasOwnProperty('current')) {\n    // @ts-ignore\n    ref['current'] = value;\n  }\n}\n\ntype Refs = React.ReactInstance | React.RefObject<React.ReactInstance>;\n\nexport function getRef(ref: Refs): React.ReactInstance | null {\n  if (!ref) return null;\n  return 'current' in ref ? ref.current : ref;\n}\n\nexport function useCallbackRef<T>(\n  initialValue: T | null,\n  callback: (newValue: T | null, lastValue: T | null) => void,\n): MutableRefObject<T | null> {\n  const [ref] = React.useState(() => ({\n    // value\n    value: initialValue,\n    // last callback\n    callback,\n    // \"memoized\" public interface\n    facade: {\n      get current() {\n        return ref.value;\n      },\n      set current(value) {\n        const last = ref.value;\n        if (last !== value) {\n          ref.value = value;\n          ref.callback(value, last);\n        }\n      },\n    },\n  }));\n  // update callback\n  ref.callback = callback;\n\n  return ref.facade;\n}\n\nexport function useForkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  return React.useCallback((refValue: any) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  }, refs);\n}\n\nexport function forkRef<T>(...refs: Ref<T>[]): Ref<T> {\n  if (refs.every((ref) => ref == null)) {\n    return null;\n  }\n  return (refValue) => {\n    const uniqueRefs = [...new Set(refs)];\n    uniqueRefs.forEach((ref) => setRef(ref, refValue));\n  };\n}\n\nexport type NodeByRef = RefObject<Element> | Element | (() => RefObject<Element> | Element);\n\nexport function getNodeByRef(ref: NodeByRef): Element | null {\n  if (typeof ref === 'function') {\n    ref = ref();\n  }\n  if (!ref) return null;\n\n  const node = getRef(ref);\n  if (!node) return null;\n  if ('nodeType' in node && node.nodeType === 1) return node;\n  if (Object.keys(node).length === 1 && 'getBoundingClientRect' in node) return null;\n  if (!React.isValidElement(node) && !(node instanceof React.Component)) return null;\n\n  return findDOMNode(node) as Element;\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/ref.mjs

@@ -1,6 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from "react";
+import { findDOMNode } from "react-dom";
 function setRef(ref, value) {
   if (typeof ref === "function") {
     ref(value);
@@ -64,8 +65,21 @@ function forkRef() {
     });
   };
 }
+function getNodeByRef(ref) {
+  if (typeof ref === "function") {
+    ref = ref();
+  }
+  if (!ref) return null;
+  var node = getRef(ref);
+  if (!node) return null;
+  if ("nodeType" in node && node.nodeType === 1) return node;
+  if (Object.keys(node).length === 1 && "getBoundingClientRect" in node) return null;
+  if (!/* @__PURE__ */ React.isValidElement(node) && !(node instanceof React.Component)) return null;
+  return findDOMNode(node);
+}
 export {
   forkRef,
+  getNodeByRef,
   getRef,
   setRef,
   useCallbackRef,