feat: support import from node, #1064

hooks/useDocumentClick.ts

@@ -1,5 +1,5 @@
 import {RefObject, onMounted, onUnmounted} from 'intact';
-import {isFunction} from 'intact-shared';
+import {isFunction, hasDocumentAvailable} from 'intact-shared';
 
 export interface IgnoreClickEvent extends MouseEvent {
     _ignore?: boolean
@@ -16,15 +16,15 @@ let getNow = Date.now;
 // timestamp can either be hi-res (relative to page load) or low-res
 // (relative to UNIX epoch), so in order to compare time we have to use the
 // same timestamp type when saving the flush timestamp.
-if (getNow() > document.createEvent('Event').timeStamp) {
+if (hasDocumentAvailable && getNow() > document.createEvent('Event').timeStamp) {
     // if the low-res timestamp which is bigger than the event timestamp
     // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
     // and we need to use the hi-res version for event listeners as well.
     getNow = () => performance.now();
 }
 // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
 // and does not fire microtasks in between event propagation, so safe to exclude.
-const ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i);
+const ffMatch = hasDocumentAvailable ? navigator.userAgent.match(/firefox\/(\d+)/i) : null;
 const skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53);
 
 export function useDocumentClick(

styles/global.ts

@@ -1,6 +1,7 @@
 import {injectGlobal, css} from '@emotion/css';
 import {theme} from './theme';
 import {palette}  from '../styles/utils';
+import { hasDocumentAvailable } from 'intact-shared';
 
 const slideDirections = {
     down: 'center top 0',
@@ -9,7 +10,7 @@ const slideDirections = {
     right: 'left center 0',
 };
 
-if (!/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+if (hasDocumentAvailable && !/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
     document.body.classList.add('k-customize-scrollbar');
 }