@axelor/aos-mobile-core 0.0.1

package/lib/components/external/Camera/Camera.js

@@ -0,0 +1,148 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useEffect, useState, useCallback, useMemo, useRef } from 'react';
+import { Dimensions, Platform, StyleSheet, View } from 'react-native';
+import { useDispatch } from 'react-redux';
+import { Camera as PackageCamera, frameRateIncluded, sortFormats, useCameraDevices, } from 'react-native-vision-camera';
+import StaticSafeAreaInsets from 'react-native-static-safe-area-insets';
+import RNFS from 'react-native-fs';
+import { Icon, useThemeColor } from '@axelor/aos-mobile-ui';
+import { disableCamera, takePhoto, useCameraSelector, } from '../../../features/cameraSlice';
+import CaptureButton from './CaptureButton';
+const CONTENT_SPACING = 40;
+const SAFE_BOTTOM = Platform.select({
+    ios: StaticSafeAreaInsets.safeAreaInsetsBottom,
+}) ?? 0;
+const SAFE_AREA_PADDING = {
+    paddingLeft: StaticSafeAreaInsets.safeAreaInsetsLeft + CONTENT_SPACING,
+    paddingTop: StaticSafeAreaInsets.safeAreaInsetsTop + CONTENT_SPACING,
+    paddingRight: StaticSafeAreaInsets.safeAreaInsetsRight + CONTENT_SPACING,
+    paddingBottom: SAFE_BOTTOM + CONTENT_SPACING,
+};
+const BUTTON_SIZE = 40;
+const Camera = () => {
+    const Colors = useThemeColor();
+    const { isEnabled } = useCameraSelector();
+    const [hasPermission, setHasPermission] = useState(false);
+    const [cameraPosition, setCameraPosition] = useState('back');
+    const [flash, setFlash] = useState('off');
+    const [enableNightMode, setEnableNightMode] = useState(false);
+    const camera = useRef(null);
+    const devices = useCameraDevices();
+    const device = devices[cameraPosition];
+    const dispatch = useDispatch();
+    const formats = useMemo(() => {
+        if (device?.formats == null) {
+            return [];
+        }
+        return device.formats.sort(sortFormats);
+    }, [device?.formats]);
+    const fps = useMemo(() => {
+        if (enableNightMode && !device?.supportsLowLightBoost) {
+            // User has enabled Night Mode, but Night Mode is not natively supported, so we simulate it by lowering the frame rate.
+            return 30;
+        }
+        const supportsHdrAt60Fps = formats.some(f => f.supportsVideoHDR &&
+            f.frameRateRanges.some(r => frameRateIncluded(r, 60)));
+        if (!supportsHdrAt60Fps) {
+            // User has enabled HDR, but HDR is not supported at 60 FPS.
+            return 30;
+        }
+        const supports60Fps = formats.some(f => f.frameRateRanges.some(r => frameRateIncluded(r, 60)));
+        if (!supports60Fps) {
+            // 60 FPS is not supported by any format.
+            return 30;
+        }
+        // If nothing blocks us from using it, we default to 60 FPS.
+        return 60;
+    }, [device?.supportsLowLightBoost, enableNightMode, formats]);
+    const supportsCameraFlipping = useMemo(() => devices.back != null && devices.front != null, [devices.back, devices.front]);
+    const supportsFlash = device?.hasFlash ?? false;
+    const canToggleNightMode = enableNightMode
+        ? true
+        : (device?.supportsLowLightBoost ?? false) || fps > 30; // either we have native support, or we can lower the FPS
+    const onFlipCameraPressed = useCallback(() => {
+        setCameraPosition(p => (p === 'back' ? 'front' : 'back'));
+    }, []);
+    const onFlashPressed = useCallback(() => {
+        setFlash(f => (f === 'off' ? 'on' : 'off'));
+    }, []);
+    const onMediaCapture = useCallback(async (photo) => {
+        const photoData = await RNFS.readFile(photo.path, 'base64');
+        dispatch(takePhoto(photoData));
+        dispatch(disableCamera());
+    }, [dispatch]);
+    useEffect(() => {
+        if (isEnabled) {
+            (async () => {
+                const status = await PackageCamera.requestCameraPermission();
+                setHasPermission(status === 'authorized');
+            })();
+        }
+        return () => setHasPermission(false);
+    }, [dispatch, isEnabled]);
+    if (!hasPermission && !isEnabled) {
+        return null;
+    }
+    return (<View style={styles.container}>
+      {device != null && (<PackageCamera ref={camera} style={styles.camera} device={device} isActive={true} photo={true}/>)}
+      <View style={styles.rightButtonRow}>
+        {supportsCameraFlipping && (<Icon style={styles.button} name="camera" color={Colors.backgroundColor} size={24} touchable={true} onPress={onFlipCameraPressed}/>)}
+        {supportsFlash && (<Icon style={styles.button} name="flash" FontAwesome5={false} color={flash === 'on'
+                ? Colors.primaryColor.background
+                : Colors.backgroundColor} size={24} touchable={true} onPress={onFlashPressed}/>)}
+        {canToggleNightMode && (<Icon style={styles.button} name={enableNightMode ? 'moon' : 'moon-o'} FontAwesome5={enableNightMode ? true : false} color={Colors.backgroundColor} size={24} touchable={true} onPress={() => setEnableNightMode(!enableNightMode)}/>)}
+        <Icon style={styles.button} name={'times'} color={Colors.backgroundColor} size={24} touchable={true} onPress={() => dispatch(disableCamera())}/>
+      </View>
+      <View style={styles.captureButton}>
+        <CaptureButton camera={camera} onMediaCaptured={onMediaCapture} flash={flash} enabled={isEnabled}/>
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    captureButton: {
+        position: 'absolute',
+        top: Dimensions.get('window').height - SAFE_AREA_PADDING.paddingBottom * 2,
+        left: Dimensions.get('window').width / 2 - SAFE_AREA_PADDING.paddingLeft,
+        zIndex: 20,
+    },
+    camera: {
+        height: Dimensions.get('window').height,
+        width: Dimensions.get('window').width,
+        position: 'absolute',
+        top: 0,
+        zIndex: 10,
+    },
+    button: {
+        marginBottom: CONTENT_SPACING,
+        width: BUTTON_SIZE,
+        height: BUTTON_SIZE,
+        borderRadius: BUTTON_SIZE / 2,
+        backgroundColor: 'rgba(140, 140, 140, 0.3)',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    rightButtonRow: {
+        position: 'absolute',
+        right: SAFE_AREA_PADDING.paddingRight,
+        top: SAFE_AREA_PADDING.paddingTop,
+        zIndex: 15,
+    },
+});
+export default Camera;
+//# sourceMappingURL=Camera.js.map

package/lib/components/external/Camera/Camera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/external/Camera/Camera.js"],"names":[],"mappings":"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"}

package/lib/components/external/Camera/CaptureButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Camera, PhotoFile } from 'react-native-vision-camera';
+declare const CaptureButton: ({ camera, onMediaCaptured, flash, enabled, style, }: {
+    camera: React.RefObject<Camera>;
+    onMediaCaptured: (media: PhotoFile) => void;
+    flash: 'off' | 'on';
+    enabled: boolean;
+    style?: any;
+}) => JSX.Element;
+export default CaptureButton;

package/lib/components/external/Camera/CaptureButton.js

@@ -0,0 +1,118 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useCallback, useMemo } from 'react';
+import { TouchableOpacity, StyleSheet, View } from 'react-native';
+import Reanimated, { Easing, useAnimatedStyle, withSpring, withTiming, useSharedValue, withRepeat, } from 'react-native-reanimated';
+const CAPTURE_BUTTON_SIZE = 78;
+const BORDER_WIDTH = CAPTURE_BUTTON_SIZE * 0.1;
+const CaptureButton = ({ camera, onMediaCaptured, flash, enabled, style, }) => {
+    const takePhotoOptions = useMemo(() => ({
+        photoCodec: 'jpeg',
+        qualityPrioritization: 'speed',
+        flash: flash,
+        quality: 90,
+        skipMetadata: false,
+    }), [flash]);
+    const isPressingButton = useSharedValue(false);
+    const takePhoto = useCallback(async () => {
+        try {
+            if (camera.current == null) {
+                throw new Error('Camera ref is null!');
+            }
+            const photo = await camera.current.takePhoto(takePhotoOptions);
+            onMediaCaptured(photo);
+        }
+        catch (e) {
+            console.error('Failed to take photo!', e);
+        }
+    }, [camera, onMediaCaptured, takePhotoOptions]);
+    const shadowStyle = useAnimatedStyle(() => ({
+        transform: [
+            {
+                scale: withSpring(isPressingButton.value ? 1 : 0, {
+                    mass: 1,
+                    damping: 35,
+                    stiffness: 300,
+                }),
+            },
+        ],
+    }), [isPressingButton]);
+    const buttonStyle = useAnimatedStyle(() => {
+        let scale;
+        if (enabled) {
+            if (isPressingButton.value) {
+                scale = withRepeat(withSpring(1, {
+                    stiffness: 100,
+                    damping: 1000,
+                }), -1, true);
+            }
+            else {
+                scale = withSpring(0.9, {
+                    stiffness: 500,
+                    damping: 300,
+                });
+            }
+        }
+        else {
+            scale = withSpring(0.6, {
+                stiffness: 500,
+                damping: 300,
+            });
+        }
+        return {
+            opacity: withTiming(enabled ? 1 : 0.3, {
+                duration: 100,
+                easing: Easing.linear,
+            }),
+            transform: [
+                {
+                    scale: scale,
+                },
+            ],
+        };
+    }, [enabled, isPressingButton]);
+    return (<TouchableOpacity onPress={takePhoto}>
+      <Reanimated.View style={[buttonStyle, style]}>
+        <Reanimated.View style={styles.flex}>
+          <Reanimated.View style={[styles.shadow, shadowStyle]}/>
+          <View style={styles.button}/>
+        </Reanimated.View>
+      </Reanimated.View>
+    </TouchableOpacity>);
+};
+const styles = StyleSheet.create({
+    flex: {
+        flex: 1,
+    },
+    shadow: {
+        position: 'absolute',
+        width: CAPTURE_BUTTON_SIZE,
+        height: CAPTURE_BUTTON_SIZE,
+        borderRadius: CAPTURE_BUTTON_SIZE / 2,
+        backgroundColor: '#e34077',
+    },
+    button: {
+        width: CAPTURE_BUTTON_SIZE,
+        height: CAPTURE_BUTTON_SIZE,
+        borderRadius: CAPTURE_BUTTON_SIZE / 2,
+        borderWidth: BORDER_WIDTH,
+        borderColor: 'white',
+    },
+});
+export default CaptureButton;
+//# sourceMappingURL=CaptureButton.js.map

package/lib/components/external/Camera/CaptureButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CaptureButton.js","sourceRoot":"","sources":["../../../../src/components/external/Camera/CaptureButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,UAAU,EAAE,EACjB,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,cAAc,EACd,UAAU,GACX,MAAM,yBAAyB,CAAC;AAQjC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAC/B,MAAM,YAAY,GAAG,mBAAmB,GAAG,GAAG,CAAC;AAE/C,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,EACN,eAAe,EACf,KAAK,EACL,OAAO,EACP,KAAK,GAON,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACL,UAAU,EAAE,MAAM;QAClB,qBAAqB,EAAE,OAAO;QAC9B,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,KAAK;KACpB,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACvC,IAAI;YACF,IAAI,MAAM,CAAC,OAAO,IAAI,IAAI,EAAE;gBAC1B,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;aACxC;YACD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;YAC/D,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC;SAC3C;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,gBAAgB,CAClC,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;oBAChD,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,EAAE;oBACX,SAAS,EAAE,GAAG;iBACf,CAAC;aACH;SACF;KACF,CAAC,EACF,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,WAAW,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACxC,IAAI,KAAa,CAAC;QAClB,IAAI,OAAO,EAAE;YACX,IAAI,gBAAgB,CAAC,KAAK,EAAE;gBAC1B,KAAK,GAAG,UAAU,CAChB,UAAU,CAAC,CAAC,EAAE;oBACZ,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,IAAI;iBACd,CAAC,EACF,CAAC,CAAC,EACF,IAAI,CACL,CAAC;aACH;iBAAM;gBACL,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBACtB,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,GAAG;iBACb,CAAC,CAAC;aACJ;SACF;aAAM;YACL,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBACtB,SAAS,EAAE,GAAG;gBACd,OAAO,EAAE,GAAG;aACb,CAAC,CAAC;SACJ;QAED,OAAO;YACL,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;gBACrC,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,MAAM,CAAC,MAAM;aACtB,CAAC;YACF,SAAS,EAAE;gBACT;oBACE,KAAK,EAAE,KAAK;iBACb;aACF;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CACnC;MAAA,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAC3C;QAAA,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAClC;UAAA,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,EACrD;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAC7B;QAAA,EAAE,UAAU,CAAC,IAAI,CACnB;MAAA,EAAE,UAAU,CAAC,IAAI,CACnB;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,mBAAmB,GAAG,CAAC;QACrC,eAAe,EAAE,SAAS;KAC3B;IACD,MAAM,EAAE;QACN,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,mBAAmB,GAAG,CAAC;QACrC,WAAW,EAAE,YAAY;QACzB,WAAW,EAAE,OAAO;KACrB;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/lib/components/external/CameraScanner/CameraScanner.d.ts

@@ -0,0 +1,10 @@
+export default CameraScanner;
+declare function CameraScanner({ isActive, onScan, coordinate, onClose, }: {
+    isActive?: boolean;
+    onScan?: (value: any) => void;
+    coordinate?: {
+        x: number;
+        y: number;
+    };
+    onClose?: () => void;
+}): JSX.Element;

package/lib/components/external/CameraScanner/CameraScanner.js

@@ -0,0 +1,87 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import { Dimensions, StyleSheet } from 'react-native';
+import { Camera, useCameraDevices } from 'react-native-vision-camera';
+import { BarcodeFormat, useScanBarcodes } from 'vision-camera-code-scanner';
+import { formatScan } from '../../../utils/formatters';
+import { Icon, useThemeColor } from '@axelor/aos-mobile-ui';
+const CameraScanner = ({ isActive = false, onScan = value => { }, coordinate = { x: 0, y: 0 }, onClose = () => { }, }) => {
+    const positionStyle = useMemo(() => {
+        return getStyles(coordinate);
+    }, [coordinate]);
+    const [hasPermission, setHasPermission] = useState(false);
+    const devices = useCameraDevices();
+    const device = devices.back;
+    const Colors = useThemeColor();
+    const [frameProcessor, barcodes] = useScanBarcodes([BarcodeFormat.ALL_FORMATS], {
+        checkInverted: true,
+    });
+    const handleScan = useCallback(barcode => {
+        if (barcode != null) {
+            onScan({
+                value: formatScan(barcode.displayValue, BarcodeFormat[barcode.format]),
+                type: BarcodeFormat[barcode.format],
+            });
+        }
+    }, [onScan]);
+    useEffect(() => {
+        if (barcodes[0] != null) {
+            handleScan(barcodes[0]);
+        }
+    }, [barcodes, handleScan]);
+    useEffect(() => {
+        if (isActive) {
+            (async () => {
+                const status = await Camera.requestCameraPermission();
+                setHasPermission(status === 'authorized');
+            })();
+        }
+        return () => setHasPermission(false);
+    }, [isActive]);
+    return (device != null &&
+        hasPermission && (<>
+        <Icon name="times" size={24} color={Colors.primaryColor.background} touchable={true} onPress={onClose} style={[styles.icon, positionStyle.icon]}/>
+        <Camera style={[styles.camera, positionStyle.camera]} device={device} isActive={true} frameProcessor={frameProcessor} frameProcessorFps={5}/>
+      </>));
+};
+const getStyles = coordinate => {
+    return StyleSheet.create({
+        camera: {
+            top: coordinate != null ? -coordinate.y : 0,
+        },
+        icon: {
+            top: coordinate != null ? -coordinate.y + 20 : 0,
+        },
+    });
+};
+const styles = StyleSheet.create({
+    camera: {
+        height: Dimensions.get('window').height,
+        width: Dimensions.get('window').width,
+        position: 'absolute',
+        zIndex: 50,
+    },
+    icon: {
+        zIndex: 60,
+        position: 'absolute',
+        right: 30,
+    },
+});
+export default CameraScanner;
+//# sourceMappingURL=CameraScanner.js.map

package/lib/components/external/CameraScanner/CameraScanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraScanner.js","sourceRoot":"","sources":["../../../../src/components/external/CameraScanner/CameraScanner.js"],"names":[],"mappings":"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"}

package/lib/components/external/PlanningView/PlanningView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AgendaItem } from './agenda.helpers';
+interface PlanningProps {
+    numberMonthsAroundToday?: number;
+    loading?: boolean;
+    fetchbyMonth: (param: any) => void;
+    renderItem?: (item: AgendaItem, isFirst: boolean) => React.Component | JSX.Element;
+    itemList?: AgendaItem[];
+}
+declare const PlanningView: ({ numberMonthsAroundToday, renderItem, fetchbyMonth, loading, itemList, }: PlanningProps) => JSX.Element;
+export default PlanningView;

package/lib/components/external/PlanningView/PlanningView.js

@@ -0,0 +1,123 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Text, useThemeColor } from '@axelor/aos-mobile-ui';
+import { Agenda } from 'react-native-calendars';
+import { createAgendaSchedule, getShortName, isToday, mapEntryToItem, } from './agenda.helpers';
+const PlanningView = ({ numberMonthsAroundToday = 12, renderItem, fetchbyMonth, loading = false, itemList = [], }) => {
+    const Colors = useThemeColor();
+    const agendaItems = useMemo(() => createAgendaSchedule(itemList, numberMonthsAroundToday), [itemList, numberMonthsAroundToday]);
+    const [fetchDate, setFetchDate] = useState();
+    const styles = useMemo(() => getStyles(Colors), [Colors]);
+    const renderDate = date => {
+        const today = date && isToday(date) ? styles.today : undefined;
+        if (date) {
+            return (<View style={styles.day}>
+          <Text style={[styles.dayNum, today]}>{date.getDate()}</Text>
+          <Text style={[styles.dayText, today]}>
+            {getShortName(date, 'en')}
+          </Text>
+        </View>);
+        }
+        else {
+            return <View style={styles.day}/>;
+        }
+    };
+    const renderEmptyDate = () => {
+        return <View style={styles.emptyDate}/>;
+    };
+    const renderDayItem = (item, isFirst) => {
+        const agendaItem = mapEntryToItem(item, itemList);
+        if (agendaItem) {
+            if (renderItem) {
+                return renderItem(agendaItem, isFirst);
+            }
+            return (<View style={[styles.dayItem, isFirst ? {} : null]}>
+          <Text>{agendaItem.name}</Text>
+        </View>);
+        }
+    };
+    return (<View style={styles.agendaContainer}>
+      <Agenda items={agendaItems} loadItemsForMonth={date => {
+            setFetchDate(date);
+            fetchbyMonth(date);
+        }} pastScrollRange={numberMonthsAroundToday} futureScrollRange={numberMonthsAroundToday} renderItem={renderDayItem} renderDay={renderDate} renderEmptyDate={renderEmptyDate} onRefresh={() => {
+            console.log('refresh');
+            console.log(fetchDate);
+            fetchbyMonth(fetchDate);
+        }} refreshing={loading} theme={{
+            todayTextColor: Colors.text,
+            calendarBackground: Colors.backgroundColor,
+            indicatorColor: Colors.primaryColor.background,
+            textSectionTitleColor: Colors.placeholderTextColor,
+            dayTextColor: Colors.text,
+            selectedDayTextColor: Colors.text,
+            monthTextColor: Colors.text,
+            selectedDayBackgroundColor: Colors.primaryColor.background_light,
+            backgroundColor: Colors.backgroundColor,
+            dotColor: Colors.primaryColor.background,
+            selectedDotColor: Colors.text,
+            agendaDayTextColor: Colors.text,
+            agendaDayNumColor: Colors.text,
+            agendaTodayColor: Colors.primaryColor.background_light,
+            agendaKnobColor: Colors.secondaryColor.background,
+            todayBackgroundColor: Colors.secondaryColor.background_light,
+        }}/>
+    </View>);
+};
+const getStyles = Colors => StyleSheet.create({
+    agendaContainer: {
+        height: '100%',
+    },
+    emptyDate: {
+        height: 15,
+        flex: 1,
+        paddingTop: 30,
+    },
+    dayItem: {
+        backgroundColor: 'red',
+        flex: 1,
+        borderRadius: 5,
+        padding: 10,
+        marginRight: 10,
+        marginTop: 17,
+    },
+    dayNum: {
+        fontSize: 28,
+        fontWeight: '200',
+        color: Colors.text,
+    },
+    dayText: {
+        fontSize: 14,
+        color: Colors.text,
+        backgroundColor: Colors.background,
+        marginTop: -5,
+    },
+    day: {
+        width: 63,
+        alignItems: 'center',
+        justifyContent: 'flex-start',
+        marginTop: 32,
+    },
+    today: {
+        color: Colors.primaryColor,
+    },
+});
+export default PlanningView;
+//# sourceMappingURL=PlanningView.js.map

package/lib/components/external/PlanningView/PlanningView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanningView.js","sourceRoot":"","sources":["../../../../src/components/external/PlanningView/PlanningView.tsx"],"names":[],"mappings":"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"}

package/lib/components/external/PlanningView/agenda.helpers.d.ts

@@ -0,0 +1,10 @@
+import { AgendaEntry, AgendaSchedule } from 'react-native-calendars';
+export interface AgendaItem {
+    id: number;
+    date: string | Date;
+    [objectKey: string]: object | string | number;
+}
+export declare function mapEntryToItem(agendaItem: AgendaEntry, itemList: AgendaItem[]): AgendaItem;
+export declare function createAgendaSchedule(items: AgendaItem[], monthsAroundDate: number): AgendaSchedule;
+export declare function getShortName(date: any, lang: any): string;
+export declare function isToday(date: any): boolean;

package/lib/components/external/PlanningView/agenda.helpers.js

@@ -0,0 +1,90 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export function mapEntryToItem(agendaItem, itemList) {
+    const itemId = parseInt(agendaItem.name, 10);
+    return itemList.find((item) => item.id === itemId);
+}
+function mapItemToEntry(item) {
+    return { name: '' + item?.id, height: 80, day: (item?.date).toString() };
+}
+function mapItemListToEntryList(items) {
+    return items.map(mapItemToEntry);
+}
+function formatDate(date) {
+    return `${date.getFullYear()}-${(date.getMonth() + 1)
+        .toString()
+        .padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
+}
+function addDays(originDate, days) {
+    var date = new Date(originDate);
+    date.setDate(date.getDate() + days);
+    return date;
+}
+function addMonths(originDate, months) {
+    var date = new Date(originDate);
+    date.setMonth(date.getMonth() + months);
+    return date;
+}
+function getAllDates(startDate, stopDate) {
+    var dateArray = [];
+    const endDate = new Date(stopDate);
+    var currentDate = new Date(startDate);
+    while (currentDate <= endDate) {
+        dateArray.push(new Date(currentDate));
+        currentDate = addDays(currentDate, 1);
+    }
+    return dateArray;
+}
+function getAllDatesFromDate(monthsAroundDate, date) {
+    const startDate = addMonths(date, -monthsAroundDate);
+    const stopDate = addMonths(date, monthsAroundDate);
+    return getAllDates(startDate, stopDate);
+}
+function generateAgendaItems(monthsAroundDate) {
+    const todayDate = new Date();
+    const dateArray = getAllDatesFromDate(monthsAroundDate, todayDate);
+    const agendaItems = {};
+    dateArray.forEach((date) => (agendaItems[formatDate(date)] = []));
+    return agendaItems;
+}
+export function createAgendaSchedule(items, monthsAroundDate) {
+    const agendaSchedule = generateAgendaItems(monthsAroundDate);
+    const agendaItems = mapItemListToEntryList(items);
+    agendaItems.forEach((item) => {
+        const itemDate = formatDate(new Date(item.day));
+        return (agendaSchedule[itemDate] = [...agendaSchedule[itemDate], item]);
+    });
+    return agendaSchedule;
+}
+export function getShortName(date, lang) {
+    return new Intl.DateTimeFormat(lang, { weekday: 'short' }).format(date);
+}
+function sameDate(date1, date2) {
+    if (date1.getDate() === date2.getDate() &&
+        date1.getMonth() === date2.getMonth() &&
+        date1.getFullYear() === date2.getFullYear()) {
+        return true;
+    }
+    return false;
+}
+export function isToday(date) {
+    const d = new Date(date);
+    const today = new Date();
+    return sameDate(d, today);
+}
+//# sourceMappingURL=agenda.helpers.js.map