@headless-adminapp/app 1.4.13 → 1.4.15

package/dataform/utils/defaultParameters.js

@@ -13,6 +13,9 @@ function getFormDefaultParameters(schema, formExperience, router) {
         if (defaultValue instanceof Date) {
             defaultValue = defaultValue.toISOString();
         }
+        else if (attribute.type === 'date' && defaultValue === '@now') {
+            defaultValue = new Date().toISOString();
+        }
         return {
             ...acc,
             [key]: defaultValue,

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useIsMobile';
 export * from './useStorageState';
 export * from './useSystemColorScheme';
 export { useItemsWithKey } from './useItemsWithKey';
+export * from './useLongPress';

package/hooks/index.js

@@ -22,3 +22,4 @@ __exportStar(require("./useStorageState"), exports);
 __exportStar(require("./useSystemColorScheme"), exports);
 var useItemsWithKey_1 = require("./useItemsWithKey");
 Object.defineProperty(exports, "useItemsWithKey", { enumerable: true, get: function () { return useItemsWithKey_1.useItemsWithKey; } });
+__exportStar(require("./useLongPress"), exports);

package/hooks/useIsMobile.js

@@ -7,11 +7,17 @@ exports.useIsMobile = useIsMobile;
 exports.useIsTablet = useIsTablet;
 const debounce_1 = __importDefault(require("lodash/debounce"));
 const react_1 = require("react");
+function getInnerWidth() {
+    if (typeof window !== 'undefined') {
+        return window.innerWidth;
+    }
+    return 0;
+}
 function useIsMobile() {
-    const [isMobile, setIsMobile] = (0, react_1.useState)(window.innerWidth < 768);
+    const [isMobile, setIsMobile] = (0, react_1.useState)(getInnerWidth() < 768);
     (0, react_1.useLayoutEffect)(() => {
         const updateSize = () => {
-            setIsMobile(window.innerWidth < 768);
+            setIsMobile(getInnerWidth() < 768);
         };
         window.addEventListener('resize', (0, debounce_1.default)(updateSize, 250));
         updateSize();
@@ -23,7 +29,7 @@ function useIsTablet() {
     const [isTablet, setIsTablet] = (0, react_1.useState)(false);
     (0, react_1.useLayoutEffect)(() => {
         const updateSize = () => {
-            setIsTablet(window.innerWidth < 1024);
+            setIsTablet(getInnerWidth() < 1024);
         };
         window.addEventListener('resize', (0, debounce_1.default)(updateSize, 250));
         updateSize();

package/hooks/useLongPress.d.ts

@@ -0,0 +1,12 @@
+interface Options {
+    isPreventDefault?: boolean;
+    delay?: number;
+}
+export declare const useLongPress: (callback: (e: TouchEvent | MouseEvent) => void, { isPreventDefault, delay }?: Options) => {
+    readonly onMouseDown: (e: any) => void;
+    readonly onTouchStart: (e: any) => void;
+    readonly onMouseUp: () => void;
+    readonly onMouseLeave: () => void;
+    readonly onTouchEnd: () => void;
+};
+export {};

package/hooks/useLongPress.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLongPress = void 0;
+const react_1 = require("react");
+const util_1 = require("react-use/lib/misc/util");
+const isTouchEvent = (ev) => {
+    return 'touches' in ev;
+};
+const preventDefault = (ev) => {
+    if (!isTouchEvent(ev))
+        return;
+    if (ev.touches.length < 2 && ev.preventDefault) {
+        ev.preventDefault();
+    }
+};
+const useLongPress = (callback, { isPreventDefault = true, delay = 300 } = {}) => {
+    const timeout = (0, react_1.useRef)();
+    const target = (0, react_1.useRef)();
+    const start = (0, react_1.useCallback)((event) => {
+        // prevent ghost click on mobile devices
+        if (isPreventDefault && event.target) {
+            (0, util_1.on)(event.target, 'touchend', preventDefault, { passive: false });
+            target.current = event.target;
+        }
+        timeout.current = setTimeout(() => callback(event), delay);
+    }, [callback, delay, isPreventDefault]);
+    const clear = (0, react_1.useCallback)(() => {
+        // clearTimeout and removeEventListener
+        timeout.current && clearTimeout(timeout.current);
+        if (isPreventDefault && target.current) {
+            (0, util_1.off)(target.current, 'touchend', preventDefault);
+        }
+    }, [isPreventDefault]);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener('touchmove', clear);
+        return () => {
+            window.removeEventListener('touchmove', clear);
+        };
+    }, [clear]);
+    return {
+        onMouseDown: (e) => start(e),
+        onTouchStart: (e) => start(e),
+        onMouseUp: clear,
+        onMouseLeave: clear,
+        onTouchEnd: clear,
+    };
+};
+exports.useLongPress = useLongPress;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.13",
+  "version": "1.4.15",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "70b319f4b807a300e6b01c8d7e8c1768839f9541"
+  "gitHead": "a95b4f3c11bcb78f672fb7299bb461368d70bd48"
 }