@react-native-ohos/flash-list 1.6.4-rc.1

package/dist/viewability/ViewabilityManager.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var ViewabilityHelper_1 = tslib_1.__importDefault(require("./ViewabilityHelper"));
+/**
+ * Manager for viewability tracking. It holds multiple viewability callback pairs and keeps them updated.
+ */
+var ViewabilityManager = /** @class */ (function () {
+    function ViewabilityManager(flashListRef) {
+        var _this = this;
+        var _a;
+        this.viewabilityHelpers = [];
+        this.hasInteracted = false;
+        this.dispose = function () {
+            _this.viewabilityHelpers.forEach(function (viewabilityHelper) {
+                return viewabilityHelper.dispose();
+            });
+        };
+        this.onVisibleIndicesChanged = function (all) {
+            _this.updateViewableItems(all);
+        };
+        this.recordInteraction = function () {
+            if (_this.hasInteracted) {
+                return;
+            }
+            _this.hasInteracted = true;
+            _this.viewabilityHelpers.forEach(function (viewabilityHelper) {
+                viewabilityHelper.hasInteracted = true;
+            });
+            _this.updateViewableItems();
+        };
+        this.updateViewableItems = function (newViewableIndices) {
+            var _a, _b, _c, _d;
+            var listSize = (_b = (_a = _this.flashListRef.recyclerlistview_unsafe) === null || _a === void 0 ? void 0 : _a.getRenderedSize()) !== null && _b !== void 0 ? _b : _this.flashListRef.props.estimatedListSize;
+            if (listSize === undefined || !_this.shouldListenToVisibleIndices) {
+                return;
+            }
+            var scrollOffset = ((_d = (_c = _this.flashListRef.recyclerlistview_unsafe) === null || _c === void 0 ? void 0 : _c.getCurrentScrollOffset()) !== null && _d !== void 0 ? _d : 0) - _this.flashListRef.firstItemOffset;
+            _this.viewabilityHelpers.forEach(function (viewabilityHelper) {
+                var _a;
+                viewabilityHelper.updateViewableItems((_a = _this.flashListRef.props.horizontal) !== null && _a !== void 0 ? _a : false, scrollOffset, listSize, function (index) { var _a; return (_a = _this.flashListRef.recyclerlistview_unsafe) === null || _a === void 0 ? void 0 : _a.getLayout(index); }, newViewableIndices);
+            });
+        };
+        /**
+         * Creates a new `ViewabilityHelper` instance with `onViewableItemsChanged` callback and `ViewabilityConfig`
+         * @returns `ViewabilityHelper` instance
+         */
+        this.createViewabilityHelper = function (viewabilityConfig, onViewableItemsChanged) {
+            var mapViewToken = function (index, isViewable) {
+                var _a;
+                var item = (_a = _this.flashListRef.props.data) === null || _a === void 0 ? void 0 : _a[index];
+                var key = item === undefined || _this.flashListRef.props.keyExtractor === undefined
+                    ? index.toString()
+                    : _this.flashListRef.props.keyExtractor(item, index);
+                return {
+                    index: index,
+                    isViewable: isViewable,
+                    item: item,
+                    key: key,
+                    timestamp: Date.now(),
+                };
+            };
+            return new ViewabilityHelper_1.default(viewabilityConfig, function (indices, newlyVisibleIndices, newlyNonvisibleIndices) {
+                onViewableItemsChanged === null || onViewableItemsChanged === void 0 ? void 0 : onViewableItemsChanged({
+                    viewableItems: indices.map(function (index) { return mapViewToken(index, true); }),
+                    changed: tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(newlyVisibleIndices.map(function (index) { return mapViewToken(index, true); })), false), tslib_1.__read(newlyNonvisibleIndices.map(function (index) {
+                        return mapViewToken(index, false);
+                    })), false),
+                });
+            });
+        };
+        this.flashListRef = flashListRef;
+        if (flashListRef.props.onViewableItemsChanged !== null &&
+            flashListRef.props.onViewableItemsChanged !== undefined) {
+            this.viewabilityHelpers.push(this.createViewabilityHelper(flashListRef.props.viewabilityConfig, flashListRef.props.onViewableItemsChanged));
+        }
+        ((_a = flashListRef.props.viewabilityConfigCallbackPairs) !== null && _a !== void 0 ? _a : []).forEach(function (pair) {
+            _this.viewabilityHelpers.push(_this.createViewabilityHelper(pair.viewabilityConfig, pair.onViewableItemsChanged));
+        });
+    }
+    Object.defineProperty(ViewabilityManager.prototype, "shouldListenToVisibleIndices", {
+        /**
+         * @returns true if the viewability manager has any viewability callback pairs registered.
+         */
+        get: function () {
+            return this.viewabilityHelpers.length > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return ViewabilityManager;
+}());
+exports.default = ViewabilityManager;
+//# sourceMappingURL=ViewabilityManager.js.map

package/dist/viewability/ViewabilityManager.js.map

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

package/harmony/flash_list/BuildProfile.ets

@@ -0,0 +1,5 @@
+export default class BuildProfile { 
+	static readonly HAR_VERSION = '1.6.3-0.2.9-rc.0';
+	static readonly BUILD_MODE_NAME = 'debug';
+	static readonly DEBUG = true;
+}

package/harmony/flash_list/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2022-present, Shopify Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/harmony/flash_list/build-profile.json5

@@ -0,0 +1,8 @@
+{
+  "apiType": "stageMode",
+  "targets": [
+    {
+      "name": "default"
+    }
+  ]
+}

package/harmony/flash_list/hvigorfile.ts

@@ -0,0 +1 @@
+export { harTasks } from '@ohos/hvigor-ohos-plugin';

package/harmony/flash_list/index.ets

@@ -0,0 +1,29 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { RNOHPackage } from "@rnoh/react-native-openharmony";
+export * from './src/main/ets/RNAutoLayoutView'
+export * from './src/main/ets/RNAutoLayoutShadow'
+export * from "./src/main/ets/RNCellContainer"
+
+export default class FlashListPackage extends RNOHPackage {}

package/harmony/flash_list/obfuscation-rules.txt

@@ -0,0 +1,18 @@
+# Define project specific obfuscation rules here.
+# You can include the obfuscation configuration files in the current module's build-profile.json5.
+#
+# For more details, see
+#   https://gitee.com/openharmony/arkcompiler_ets_frontend/blob/master/arkguard/README.md
+
+# Obfuscation options:
+# -disable-obfuscation: disable all obfuscations
+# -enable-property-obfuscation: obfuscate the property names
+# -enable-toplevel-obfuscation: obfuscate the names in the global scope
+# -compact: remove unnecessary blank spaces and all line feeds
+# -remove-log: remove all console.* statements
+# -print-namecache: print the name cache that contains the mapping from the old names to new names
+# -apply-namecache: reuse the given cache file
+
+# Keep options:
+# -keep-property-name: specifies property names that you want to keep
+# -keep-global-name: specifies names that you want to keep in the global scope

package/harmony/flash_list/oh-package-lock.json5

@@ -0,0 +1,17 @@
+{
+  "meta": {
+    "stableOrder": false
+  },
+  "lockfileVersion": 3,
+  "ATTENTION": "THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.",
+  "specifiers": {
+    "rnoh@../rnoh": "rnoh@../rnoh"
+  },
+  "packages": {
+    "rnoh@../rnoh": {
+      "name": "rnoh",
+      "resolved": "../rnoh",
+      "registryType": "local"
+    }
+  }
+}

package/harmony/flash_list/oh-package.json5

@@ -0,0 +1,13 @@
+{
+  "name": "@react-native-ohos/flash-list",
+  "version": "1.6.4-rc.1",
+  "description": "FlashList is a more performant FlatList replacement",
+  "main": "index.ets",
+  "author": "Huawei",
+  "license": "MIT",
+  "devDependencies": {
+  },
+  "dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony"
+  },
+}

package/harmony/flash_list/src/main/cpp/AutoLayoutNode.cpp

@@ -0,0 +1,63 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+#include "AutoLayoutNode.h"
+#include <memory>
+#include <glog/logging.h>
+
+namespace rnoh {
+
+AutoLayoutNode::AutoLayoutNode()
+    : ArkUINode(NativeNodeApi::getInstance()->createNode(ArkUI_NodeType::ARKUI_NODE_STACK)) {
+    maybeThrow(NativeNodeApi::getInstance()->registerNodeEvent(m_nodeHandle, NODE_EVENT_ON_APPEAR, 0, this));
+}
+
+void AutoLayoutNode::insertChild(ArkUINode &child, std::size_t index) {
+    maybeThrow(NativeNodeApi::getInstance()->insertChildAt(m_nodeHandle, child.getArkUINodeHandle(), index));
+}
+
+void AutoLayoutNode::removeChild(ArkUINode &child) {
+    maybeThrow(NativeNodeApi::getInstance()->removeChild(m_nodeHandle, child.getArkUINodeHandle()));
+}
+
+void AutoLayoutNode::onNodeEvent(ArkUI_NodeEventType eventType, EventArgs &eventArgs) {
+    if (eventType == ArkUI_NodeEventType::NODE_EVENT_ON_APPEAR) {
+        m_autoLayoutNodeDelegate->onAppear();
+    }
+}
+
+void AutoLayoutNode::setAutoLayoutNodeDelegate(AutoLayoutNodeDelegate *scrollNodeDelegate) {
+    m_autoLayoutNodeDelegate = scrollNodeDelegate;
+}
+
+AutoLayoutNode::~AutoLayoutNode() {
+    NativeNodeApi::getInstance()->unregisterNodeEvent(m_nodeHandle, NODE_EVENT_ON_APPEAR);
+}
+
+void AutoLayoutNode::setAlign(int32_t align) {
+    ArkUI_NumberValue value[] = {{.i32 = align}};
+    ArkUI_AttributeItem item = {.value = value, .size = 1};
+    maybeThrow(NativeNodeApi::getInstance()->setAttribute(m_nodeHandle, NODE_STACK_ALIGN_CONTENT, &item));
+}
+} // namespace rnoh

package/harmony/flash_list/src/main/cpp/AutoLayoutNode.h

@@ -0,0 +1,57 @@
+#ifndef AUTO_LAYOUT_NODE_H
+#define AUTO_LAYOUT_NODE_H
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+#pragma once
+
+#include "RNOH/arkui/ArkUINode.h"
+#include "RNOH/arkui/NativeNodeApi.h"
+
+namespace rnoh {
+
+class AutoLayoutNodeDelegate {
+public:
+    virtual ~AutoLayoutNodeDelegate() = default;
+    virtual void onAppear(){};
+    virtual void emitBlankAreaEvent(){};
+};
+
+class AutoLayoutNode : public ArkUINode {
+protected:
+    AutoLayoutNodeDelegate *m_autoLayoutNodeDelegate;
+
+public:
+    AutoLayoutNode();
+    ~AutoLayoutNode() override;
+
+    void insertChild(ArkUINode &child, std::size_t index);
+    void removeChild(ArkUINode &child);
+    void onNodeEvent(ArkUI_NodeEventType eventType, EventArgs &eventArgs) override;
+    void setAutoLayoutNodeDelegate(AutoLayoutNodeDelegate *autoLayoutNodeDelegate);
+    void setAlign(int32_t align);
+};
+
+} // namespace rnoh
+#endif

package/harmony/flash_list/src/main/cpp/AutoLayoutShadow.cpp

@@ -0,0 +1,140 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+#include <react/renderer/components/view/ViewProps.h>
+#include <glog/logging.h>
+#include <sys/param.h>
+#include <thread>
+#include "AutoLayoutShadow.h"
+#include <random>
+
+namespace rnoh {
+
+/**checks for overlaps or gaps.between adjacent items and then applies a correction (Only Grid layouts with varying
+ * spans) Performance: RecyclerListView renders very small number of views and this is not going to trigger multiple
+ * layouts on Android side. Not expecting any major perf issu.*/
+void AutoLayoutShadow::clearGapsAndOverlaps(std::vector<CellContainerComponentInstance::Shared> sortedItems) {
+    if (sortedItems.empty()) {
+        return;
+    }
+    Float maxBound = 0;
+    Float minBound = INT_MAX;
+    Float maxBoundNeighbour = 0;
+    lastMaxBoundOverall = 0;
+    for (int i = 0; i < sortedItems.size() - 1; i++) {
+        auto cell = sortedItems[i];
+        auto neighbour = sortedItems[i + 1];
+        std::optional<facebook::react::LayoutMetrics> neighbourMetrics;
+        // Only apply correction if the next cell is consecutive.
+        bool isNeighbourConsecutive = neighbour->getIndex() == cell->getIndex() + 1;
+        if (isWithinBounds(cell->getLayoutMetrics())) {
+            if (!horizontal) {
+                maxBound = MAX(maxBound, cell->getBottom());
+                minBound = MIN(minBound, cell->getTop());
+                maxBoundNeighbour = maxBound;
+                if (isNeighbourConsecutive) {
+                    neighbourMetrics = neighbour->getLayoutMetrics();
+                    if (cell->getLeft() < neighbour->getLeft()) {
+                        if (cell->getRight() != neighbour->getLeft()) {
+                            neighbourMetrics.value().frame.origin.x = cell->getRight();
+                        }
+                        if (cell->getTop() != neighbour->getTop()) {
+                            neighbourMetrics.value().frame.origin.y = cell->getTop();
+                        }
+                    } else {
+                        neighbourMetrics.value().frame.origin.y = maxBound;
+                    }
+                }
+                if (isWithinBounds(*neighbourMetrics)) {
+                    float bottom = neighbourMetrics->frame.origin.y + neighbourMetrics->frame.size.height;
+                    maxBoundNeighbour = MAX(maxBound, bottom);
+                }
+            } else {
+                maxBound = MAX(maxBound, cell->getRight());
+                minBound = MIN(minBound, cell->getLeft());
+                maxBoundNeighbour = maxBound;
+                if (isNeighbourConsecutive) {
+                    neighbourMetrics = neighbour->getLayoutMetrics();
+                    if (cell->getTop() < neighbour->getTop()) {
+                        if (cell->getBottom() != neighbour->getTop()) {
+                            neighbourMetrics.value().frame.origin.y = cell->getBottom();
+                        }
+                        if (cell->getLeft() != neighbour->getLeft()) {
+                            neighbourMetrics.value().frame.origin.x = cell->getLeft();
+                        }
+                    } else {
+                        neighbourMetrics.value().frame.origin.x = maxBound;
+                    }
+                }
+                if (isWithinBounds(*neighbourMetrics)) {
+                    float right = neighbourMetrics->frame.origin.x + neighbourMetrics->frame.size.width;
+                    maxBoundNeighbour = MAX(maxBound, right);
+                }
+            }
+        }
+        if (horizontal) {
+            lastMaxBoundOverall = MAX(lastMaxBoundOverall, cell->getRight());
+            float right = neighbourMetrics->frame.origin.x + neighbourMetrics->frame.size.width;
+            lastMaxBoundOverall = MAX(lastMaxBoundOverall, neighbour->getRight());
+        } else {
+            lastMaxBoundOverall = MAX(lastMaxBoundOverall, cell->getBottom());
+            float bottom = neighbourMetrics->frame.origin.y + neighbourMetrics->frame.size.height;
+            lastMaxBoundOverall = MAX(lastMaxBoundOverall, bottom);
+        }
+        cell->setLayout(cell->getLayoutMetrics());
+        neighbour->setLayout(neighbourMetrics ? neighbourMetrics.value() : neighbour->getLayoutMetrics());
+    }
+    lastMaxBound = maxBoundNeighbour;
+    lastMinBound = minBound;
+}
+
+/** Offset provider by react can be one frame behind the real one, it's important that this method is called with
+ * offset taken directly from scrollview object*/
+Float AutoLayoutShadow::computeBlankFromGivenOffset(Float actualScrollOffset, Float distanceFromWindowStart,
+                                                    Float distanceFromWindowEnd) {
+    blankOffsetAtStart = lastMinBound - actualScrollOffset - distanceFromWindowStart;
+    blankOffsetAtEnd = actualScrollOffset + windowSize - renderOffset - lastMaxBound - distanceFromWindowEnd;
+    return MAX(blankOffsetAtStart, blankOffsetAtEnd);
+}
+
+/**It's importance to aviod correcting views outside the render window. An item that isn't being recycled might
+ * still remain in the view tree. If views outside get considered then gaps between unused items will cause
+ * algorithm to fail.*/
+bool AutoLayoutShadow::isWithinBounds(const facebook::react::LayoutMetrics& metrics) {
+    auto boundsStart = scrollOffset - renderOffset;
+    auto boundsEnd = scrollOffset + windowSize;
+    float top = metrics.frame.origin.y;
+    float bottom = metrics.frame.origin.y + metrics.frame.size.height;
+    float left = metrics.frame.origin.x;
+    float right = metrics.frame.origin.x + metrics.frame.size.width;
+
+    if (!this->horizontal) {
+        return (top >= boundsStart || bottom >= boundsStart) &&
+               (top <= boundsEnd || bottom <= boundsEnd);
+    } else {
+        return (left >= boundsStart || right >= boundsStart) &&
+               (left <= boundsEnd || right <= boundsEnd);
+    }
+}
+} // namespace rnoh

package/harmony/flash_list/src/main/cpp/AutoLayoutShadow.h

@@ -0,0 +1,66 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+//
+// Created on 5/3/2024.
+//
+// Node APIs are not fully supported. To solve the compilation error of the interface cannot be found,
+// please include "napi/native_api.h".
+
+#ifndef HARMONY_AUTOLAYOUTSHADOW_H
+#define HARMONY_AUTOLAYOUTSHADOW_H
+
+#include "react/renderer/graphics/Float.h"
+#include "CellContainerComponentInstance.h"
+
+using namespace facebook;
+using namespace react;
+
+namespace rnoh {
+
+class AutoLayoutShadow {
+private:
+    Float lastMaxBound; // Tracks where the last pixel is drawn in the visible window
+    Float lastMinBound; // Tracks where first pixel is drawn in the visible window
+    bool isWithinBounds(const facebook::react::LayoutMetrics& metrics);
+
+public:
+    bool horizontal{false};
+    Float scrollOffset{0};
+    Float offsetFromStart{0};
+    Float windowSize{0};
+    Float renderOffset{0};
+    Float blankOffsetAtStart{0};  // Tracks blank area from the top
+    Float blankOffsetAtEnd{0};    // Tracks blank area from the bottom
+    Float lastMaxBoundOverall{0}; // Tracks where the last pixel is drawn in the overall
+
+    AutoLayoutShadow(){};
+    ~AutoLayoutShadow(){};
+    void clearGapsAndOverlaps(std::vector<CellContainerComponentInstance::Shared> sortedItems);
+    Float computeBlankFromGivenOffset(Float actualScrollOffset, Float distanceFromWindowStart,
+                                      Float distanceFromWindowEnd);
+};
+} // namespace rnoh
+
+#endif // HARMONY_AUTOLAYOUTSHADOW_H