@elice/material-shared-utils 1.260128.0-rc.0 → 1.260129.0

package/cjs/hooks/useHelpyLogo.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var apiClient = require('@elice/api-client');
+var reactQuery = require('@tanstack/react-query');
 var ai_helpy = require('../assets/ai_helpy.png.js');
 var helpyLogoNoBrand = require('../assets/helpy-logo-no-brand.png.js');
 var useMaterialConfig = require('../material-config/useMaterialConfig.js');
-var useQuery = require('../node_modules/@tanstack/react-query/build/lib/useQuery.js');
 
 //
 //
@@ -13,7 +13,7 @@ var useHelpyLogo = function useHelpyLogo() {
   var _a;
   var _useMaterialConfig = useMaterialConfig.useMaterialConfig(),
     orgNameShort = _useMaterialConfig.orgNameShort;
-  var _useQuery = useQuery.useQuery({
+  var _useQuery = reactQuery.useQuery({
       queryKey: ['getGlobalOrganizationGet', orgNameShort],
       queryFn: function queryFn(_ref) {
         var signal = _ref.signal;

package/es/hooks/useCallbackProp.js

@@ -1,8 +1,8 @@
-import React__default from 'react';
+import React from 'react';
 
 var useCallbackProp = function useCallbackProp(cb) {
-  var cbRef = React__default.useRef(cb);
-  React__default.useEffect(function () {
+  var cbRef = React.useRef(cb);
+  React.useEffect(function () {
     cbRef.current = cb;
   }, [cb]);
   return cbRef;

package/es/hooks/useDeepClonedCompareEffect.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import React from 'react';
 import { useDebounce } from 'react-use';
 import { isEqual, cloneDeep } from 'lodash-es';
 
 var DEBOUNCE_TIME = 10;
 var useDeepClonedCompareEffect = function useDeepClonedCompareEffect(effect, deps) {
-  var _ref = React__default.useRef();
+  var _ref = React.useRef();
   useDebounce(function () {
     if (!_ref.current || !isEqual(deps, _ref.current)) {
       _ref.current = cloneDeep(deps);

package/es/hooks/useHelpyLogo.js

@@ -1,8 +1,8 @@
 import { getGlobalOrganizationGet } from '@elice/api-client';
+import { useQuery } from '@tanstack/react-query';
 import img$1 from '../assets/ai_helpy.png.js';
 import img from '../assets/helpy-logo-no-brand.png.js';
 import { useMaterialConfig } from '../material-config/useMaterialConfig.js';
-import { useQuery } from '../node_modules/@tanstack/react-query/build/lib/useQuery.js';
 
 //
 //

package/es/material-config/MaterialConfigProvider.js

@@ -1,6 +1,6 @@
 import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 import { sessionKeySubject$, MaterialConfigContext } from './MaterialConfigContext.js';
 
 var MaterialConfigProvider = function MaterialConfigProvider(_ref) {
@@ -9,24 +9,24 @@ var MaterialConfigProvider = function MaterialConfigProvider(_ref) {
     apiWsOriginUrl = _ref.apiWsOriginUrl,
     _ref$orgNameShort = _ref.orgNameShort,
     orgNameShortProp = _ref$orgNameShort === void 0 ? 'academy' : _ref$orgNameShort;
-  var _React$useState = React__default.useState(orgNameShortProp),
+  var _React$useState = React.useState(orgNameShortProp),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     orgNameShort = _React$useState2[0],
     setOrgNameShort = _React$useState2[1];
-  var _React$useState3 = React__default.useState(null),
+  var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     sessionKey = _React$useState4[0],
     setSessionKey = _React$useState4[1];
   //
   // Update org name short.
   //
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     return setOrgNameShort(orgNameShortProp);
   }, [orgNameShortProp]);
   //
   // Update session key when session key subject emits.
   //
-  React__default.useEffect(function () {
+  React.useEffect(function () {
     var sub = sessionKeySubject$.subscribe(setSessionKey);
     return function () {
       sub.unsubscribe();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-shared-utils",
-  "version": "1.260128.0-rc.0",
+  "version": "1.260129.0",
   "description": "Shared typings for elice material projects",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -25,7 +25,8 @@
   "peerDependencies": {
     "@elice/api-client": "^1",
     "@elice/blocks": "^1",
-    "@elice/material-shared-types": "1.260128.0-rc.0",
+    "@elice/material-shared-types": "1.260129.0",
+    "@tanstack/react-query": "^4",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
     "react-use": "^17.0.0",
     "recoil": "^0"
@@ -37,8 +38,9 @@
   "devDependencies": {
     "@elice/api-client": "^1.250702.0",
     "@elice/blocks": "1.241007.0",
-    "@elice/material-shared-types": "1.260128.0-rc.0",
+    "@elice/material-shared-types": "1.260129.0",
     "@elice/types": "^1.251229.0",
+    "@tanstack/react-query": "^4.29.3",
     "@types/lodash-es": "^4.17.6",
     "@types/react": "~17.0.9",
     "react-use": "^17.2.4",

package/cjs/_virtual/index.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var shim = {exports: {}};
-
-exports.__module = shim;

package/cjs/_virtual/use-sync-external-store-shim.production.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var useSyncExternalStoreShim_production = {};
-
-exports.__exports = useSyncExternalStoreShim_production;

package/cjs/node_modules/@tanstack/query-core/build/lib/focusManager.js

@@ -1,93 +0,0 @@
-'use strict';
-
-var subscribable = require('./subscribable.js');
-var utils = require('./utils.js');
-
-class FocusManager extends subscribable.Subscribable {
-  constructor() {
-    super();
-
-    this.setup = onFocus => {
-      // addEventListener does not exist in React Native, but window does
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (!utils.isServer && window.addEventListener) {
-        const listener = () => onFocus(); // Listen to visibillitychange and focus
-
-
-        window.addEventListener('visibilitychange', listener, false);
-        window.addEventListener('focus', listener, false);
-        return () => {
-          // Be sure to unsubscribe if a new handler is set
-          window.removeEventListener('visibilitychange', listener);
-          window.removeEventListener('focus', listener);
-        };
-      }
-
-      return;
-    };
-  }
-
-  onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  }
-
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = undefined;
-    }
-  }
-
-  setEventListener(setup) {
-    var _this$cleanup2;
-
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup(focused => {
-      if (typeof focused === 'boolean') {
-        this.setFocused(focused);
-      } else {
-        this.onFocus();
-      }
-    });
-  }
-
-  setFocused(focused) {
-    const changed = this.focused !== focused;
-
-    if (changed) {
-      this.focused = focused;
-      this.onFocus();
-    }
-  }
-
-  onFocus() {
-    this.listeners.forEach(({
-      listener
-    }) => {
-      listener();
-    });
-  }
-
-  isFocused() {
-    if (typeof this.focused === 'boolean') {
-      return this.focused;
-    } // document global can be unavailable in react native
-
-
-    if (typeof document === 'undefined') {
-      return true;
-    }
-
-    return [undefined, 'visible', 'prerender'].includes(document.visibilityState);
-  }
-
-}
-const focusManager = new FocusManager();
-
-exports.FocusManager = FocusManager;
-exports.focusManager = focusManager;

package/cjs/node_modules/@tanstack/query-core/build/lib/notifyManager.js

@@ -1,101 +0,0 @@
-'use strict';
-
-var utils = require('./utils.js');
-
-function createNotifyManager() {
-  let queue = [];
-  let transactions = 0;
-
-  let notifyFn = callback => {
-    callback();
-  };
-
-  let batchNotifyFn = callback => {
-    callback();
-  };
-
-  const batch = callback => {
-    let result;
-    transactions++;
-
-    try {
-      result = callback();
-    } finally {
-      transactions--;
-
-      if (!transactions) {
-        flush();
-      }
-    }
-
-    return result;
-  };
-
-  const schedule = callback => {
-    if (transactions) {
-      queue.push(callback);
-    } else {
-      utils.scheduleMicrotask(() => {
-        notifyFn(callback);
-      });
-    }
-  };
-  /**
-   * All calls to the wrapped function will be batched.
-   */
-
-
-  const batchCalls = callback => {
-    return (...args) => {
-      schedule(() => {
-        callback(...args);
-      });
-    };
-  };
-
-  const flush = () => {
-    const originalQueue = queue;
-    queue = [];
-
-    if (originalQueue.length) {
-      utils.scheduleMicrotask(() => {
-        batchNotifyFn(() => {
-          originalQueue.forEach(callback => {
-            notifyFn(callback);
-          });
-        });
-      });
-    }
-  };
-  /**
-   * Use this method to set a custom notify function.
-   * This can be used to for example wrap notifications with `React.act` while running tests.
-   */
-
-
-  const setNotifyFunction = fn => {
-    notifyFn = fn;
-  };
-  /**
-   * Use this method to set a custom function to batch notifications together into a single tick.
-   * By default React Query will use the batch function provided by ReactDOM or React Native.
-   */
-
-
-  const setBatchNotifyFunction = fn => {
-    batchNotifyFn = fn;
-  };
-
-  return {
-    batch,
-    batchCalls,
-    schedule,
-    setNotifyFunction,
-    setBatchNotifyFunction
-  };
-} // SINGLETON
-
-const notifyManager = createNotifyManager();
-
-exports.createNotifyManager = createNotifyManager;
-exports.notifyManager = notifyManager;

package/cjs/node_modules/@tanstack/query-core/build/lib/onlineManager.js

@@ -1,95 +0,0 @@
-'use strict';
-
-var subscribable = require('./subscribable.js');
-var utils = require('./utils.js');
-
-const onlineEvents = ['online', 'offline'];
-class OnlineManager extends subscribable.Subscribable {
-  constructor() {
-    super();
-
-    this.setup = onOnline => {
-      // addEventListener does not exist in React Native, but window does
-      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-      if (!utils.isServer && window.addEventListener) {
-        const listener = () => onOnline(); // Listen to online
-
-
-        onlineEvents.forEach(event => {
-          window.addEventListener(event, listener, false);
-        });
-        return () => {
-          // Be sure to unsubscribe if a new handler is set
-          onlineEvents.forEach(event => {
-            window.removeEventListener(event, listener);
-          });
-        };
-      }
-
-      return;
-    };
-  }
-
-  onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  }
-
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = undefined;
-    }
-  }
-
-  setEventListener(setup) {
-    var _this$cleanup2;
-
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup(online => {
-      if (typeof online === 'boolean') {
-        this.setOnline(online);
-      } else {
-        this.onOnline();
-      }
-    });
-  }
-
-  setOnline(online) {
-    const changed = this.online !== online;
-
-    if (changed) {
-      this.online = online;
-      this.onOnline();
-    }
-  }
-
-  onOnline() {
-    this.listeners.forEach(({
-      listener
-    }) => {
-      listener();
-    });
-  }
-
-  isOnline() {
-    if (typeof this.online === 'boolean') {
-      return this.online;
-    }
-
-    if (typeof navigator === 'undefined' || typeof navigator.onLine === 'undefined') {
-      return true;
-    }
-
-    return navigator.onLine;
-  }
-
-}
-const onlineManager = new OnlineManager();
-
-exports.OnlineManager = OnlineManager;
-exports.onlineManager = onlineManager;