@react-native-ohos/react-native-safe-area-context 4.7.5-rc.1

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/EventEmitters.h

@@ -0,0 +1,62 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateEventEmitterH.js
+ */
+#ifndef SAFEAREAVIEWEVENTEMITTERS_H
+#define SAFEAREAVIEWEVENTEMITTERS_H
+#pragma once
+
+#include <react/renderer/components/view/ViewEventEmitter.h>
+
+
+namespace facebook {
+namespace react {
+class RNCSafeAreaViewEventEmitter : public ViewEventEmitter {
+public:
+    using ViewEventEmitter::ViewEventEmitter;
+
+    struct OnSafeAreaValueChangeSafeAreaViewInsetsValue {
+        Float top;
+        Float left;
+        Float bottom;
+        Float right;
+    };
+
+    struct OnSafeAreaValueChange {
+        OnSafeAreaValueChangeSafeAreaViewInsetsValue safeAreaViewInsetsValue;
+    };
+    void onSafeAreaValueChange(OnSafeAreaValueChange value) const;
+};
+
+class RNCSafeAreaProviderEventEmitter : public ViewEventEmitter {
+public:
+    using ViewEventEmitter::ViewEventEmitter;
+
+    struct OnInsetsChangeInsets {
+        double top;
+        double right;
+        double bottom;
+        double left;
+    };
+
+    struct OnInsetsChangeFrame {
+        double x;
+        double y;
+        double width;
+        double height;
+    };
+
+    struct OnInsetsChange {
+        OnInsetsChangeInsets insets;
+        OnInsetsChangeFrame frame;
+    };
+    void onInsetsChange(OnInsetsChange value) const;
+};
+} // namespace react
+} // namespace facebook
+#endif

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/Props.cpp

@@ -0,0 +1,33 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GeneratePropsCpp.js
+ */
+
+#include <react/renderer/components/react_native_safe_area_context/Props.h>
+#include <react/renderer/core/PropsParserContext.h>
+#include <react/renderer/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+RNCSafeAreaViewProps::RNCSafeAreaViewProps(
+    const PropsParserContext &context,
+    const RNCSafeAreaViewProps &sourceProps,
+    const RawProps &rawProps): ViewProps(context, sourceProps, rawProps),
+
+    mode(convertRawProp(context, rawProps, "mode", sourceProps.mode, {RNCSafeAreaViewMode::Padding})),
+    edges(convertRawProp(context, rawProps, "edges", sourceProps.edges, {})),
+    isFirstRefresh(convertRawProp(context, rawProps, "isFirstRefresh", sourceProps.isFirstRefresh, {false}))
+    {}
+RNCSafeAreaProviderProps::RNCSafeAreaProviderProps(
+    const PropsParserContext &context,
+    const RNCSafeAreaProviderProps &sourceProps,
+    const RawProps &rawProps): ViewProps(context, sourceProps, rawProps)
+    {}
+} // namespace react
+} // namespace facebook

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/Props.h

@@ -0,0 +1,99 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GeneratePropsH.js
+ */
+#pragma once
+
+#include <react/renderer/components/view/ViewProps.h>
+#include <react/renderer/core/PropsParserContext.h>
+#include <react/renderer/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+enum class RNCSafeAreaViewMode { Padding, Margin };
+
+static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, RNCSafeAreaViewMode &result)
+{
+    auto string = (std::string)value;
+    if (string == "padding") {
+        result = RNCSafeAreaViewMode::Padding;
+        return;
+    }
+    if (string == "margin") {
+        result = RNCSafeAreaViewMode::Margin;
+        return;
+    }
+    abort();
+}
+
+static inline std::string toString(const RNCSafeAreaViewMode &value)
+{
+    switch (value) {
+        case RNCSafeAreaViewMode::Padding: return "padding";
+        case RNCSafeAreaViewMode::Margin: return "margin";
+    }
+}
+struct RNCSafeAreaViewEdgesStruct {
+    std::string top;
+    std::string right;
+    std::string bottom;
+    std::string left;
+};
+
+static inline void fromRawValue(const PropsParserContext& context,
+    const RawValue &value, RNCSafeAreaViewEdgesStruct &result)
+{
+    auto map = (butter::map<std::string, RawValue>)value;
+    auto tmp_top = map.find("top");
+    if (tmp_top != map.end()) {
+        fromRawValue(context, tmp_top->second, result.top);
+    }
+    auto tmp_right = map.find("right");
+    if (tmp_right != map.end()) {
+        fromRawValue(context, tmp_right->second, result.right);
+    }
+    auto tmp_bottom = map.find("bottom");
+    if (tmp_bottom != map.end()) {
+        fromRawValue(context, tmp_bottom->second, result.bottom);
+    }
+    auto tmp_left = map.find("left");
+    if (tmp_left != map.end()) {
+        fromRawValue(context, tmp_left->second, result.left);
+    }
+}
+
+static inline std::string toString(const RNCSafeAreaViewEdgesStruct &value)
+{
+    return "[Object RNCSafeAreaViewEdgesStruct]";
+}
+
+class RNCSafeAreaViewProps final : public ViewProps {
+public:
+    RNCSafeAreaViewProps() = default;
+    RNCSafeAreaViewProps(const PropsParserContext& context,
+        const RNCSafeAreaViewProps &sourceProps, const RawProps &rawProps);
+
+#pragma mark - Props
+
+    RNCSafeAreaViewMode mode{RNCSafeAreaViewMode::Padding};
+    RNCSafeAreaViewEdgesStruct edges{};
+    bool isFirstRefresh{false};
+};
+
+class RNCSafeAreaProviderProps final : public ViewProps {
+public:
+    RNCSafeAreaProviderProps() = default;
+    RNCSafeAreaProviderProps(const PropsParserContext& context,
+        const RNCSafeAreaProviderProps &sourceProps,
+        const RawProps &rawProps);
+
+#pragma mark - Props
+};
+} // namespace react
+} // namespace facebook

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/ShadowNodes.cpp

@@ -0,0 +1,18 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateShadowNodeCpp.js
+ */
+
+#include <react/renderer/components/react_native_safe_area_context/ShadowNodes.h>
+
+namespace facebook {
+namespace react {
+    const char RNCSafeAreaProviderComponentName[] = "RNCSafeAreaProvider";
+    const char RNCSafeAreaViewComponentName[] = "RNCSafeAreaView";
+} // namespace react
+} // namespace facebook

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/ShadowNodes.h

@@ -0,0 +1,29 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateShadowNodeH.js
+ */
+
+#pragma once
+
+#include <react/renderer/components/react_native_safe_area_context/EventEmitters.h>
+#include <react/renderer/components/react_native_safe_area_context/Props.h>
+#include <react/renderer/components/react_native_safe_area_context/States.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <jsi/jsi.h>
+
+namespace facebook {
+namespace react {
+    JSI_EXPORT extern const char RNCSafeAreaProviderComponentName[32];
+    JSI_EXPORT extern const char RNCSafeAreaViewComponentName[32];
+    using RNCSafeAreaProviderShadowNode =
+        ConcreteViewShadowNode<RNCSafeAreaProviderComponentName,
+        RNCSafeAreaProviderProps, RNCSafeAreaProviderEventEmitter>;
+    using RNCSafeAreaViewShadowNode = ConcreteViewShadowNode<RNCSafeAreaViewComponentName, RNCSafeAreaViewProps,
+        RNCSafeAreaViewEventEmitter>;
+} // namespace react
+} // namespace facebook

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/States.cpp

@@ -0,0 +1,15 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateStateCpp.js
+ */
+#include <react/renderer/components/react_native_safe_area_context/States.h>
+
+namespace facebook {
+namespace react {
+}
+}

package/harmony/safe_area/src/main/cpp/generated/react/renderer/components/react_native_safe_area_context/States.h

@@ -0,0 +1,20 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateStateH.js
+ */
+#pragma once
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <react/renderer/mapbuffer/MapBufferBuilder.h>
+#endif
+
+namespace facebook {
+namespace react {
+}
+}

package/harmony/safe_area/src/main/ets/Logger.ts

@@ -0,0 +1,64 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2023 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 hilog from '@ohos.hilog';
+
+class Logger {
+  private domain: number;
+  private prefix: string;
+  private format: string = '%{public}s, %{public}s';
+  private isDebug: boolean;
+
+  /**
+   * constructor.
+   *
+   * @param Prefix Identifies the log tag.
+   * @param domain Domain Indicates the service domain, which is a hexadecimal integer ranging from 0x0 to 0xFFFFF.
+   */
+  constructor(prefix: string = 'MyApp', domain: number = 0xFF00, isDebug = false) {
+    this.prefix = prefix;
+    this.domain = domain;
+    this.isDebug = isDebug;
+  }
+
+  debug(...args: string[]): void {
+    if (this.isDebug) {
+      hilog.debug(this.domain, this.prefix, this.format, args);
+    }
+  }
+
+  info(...args: string[]): void {
+    hilog.info(this.domain, this.prefix, this.format, args);
+  }
+
+  warn(...args: string[]): void {
+    hilog.warn(this.domain, this.prefix, this.format, args);
+  }
+
+  error(...args: string[]): void {
+    hilog.error(this.domain, this.prefix, this.format, args);
+  }
+}
+
+export default new Logger('[RNOH]SafeAreaProvider', 0xFF00, true)

package/harmony/safe_area/src/main/ets/SafeAreaProvider.ets

@@ -0,0 +1,128 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2023 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 {
+  Descriptor,
+  ComponentBuilderContext,
+  RNComponentFactory,
+  RNOHContext,
+  ViewRawProps,
+  ViewBaseProps,
+  ViewDescriptorWrapperBase,
+  RNViewManager,
+  ViewBaseDescriptor
+} from '@rnoh/react-native-openharmony'
+
+import { SafeAreaViewTurboModule } from "./SafeViewTurboModule"
+import { Event, Tag } from './common/SafeAreaType';
+import Logger from './Logger'
+import { SafeAreaProviderModifier } from './SafeAreaProviderModifier'
+
+export const SAFE_AREA_PROVIDER_TYPE: string = "RNCSafeAreaProvider"
+
+export interface SafeAreaProviderProps extends ViewBaseProps {}
+
+export interface SafeAreaProviderState {}
+
+export interface SafeAreaProviderRawProps extends ViewRawProps {}
+
+export type SafeAreaProviderDescriptor = Descriptor<"RNCSafeAreaProvider", SafeAreaProviderProps, SafeAreaProviderState, SafeAreaProviderRawProps>
+
+export class SafeAreaProviderDescriptorWrapper extends ViewDescriptorWrapperBase<"RNCSafeAreaProvider", SafeAreaProviderProps, SafeAreaProviderState, SafeAreaProviderRawProps> {
+}
+
+@Component
+export struct SafeAreaProvider {
+  ctx!: RNOHContext
+  tag: number = 0
+  @BuilderParam buildCustomComponent: (componentBuilderContext: ComponentBuilderContext) => void
+  private componentManager!: RNViewManager
+  @State descriptor: SafeAreaProviderDescriptor = {} as SafeAreaProviderDescriptor
+  @State descriptorWrapper: SafeAreaProviderDescriptorWrapper | undefined = undefined
+  private unregisterDescriptorChangesListener?: () => void = undefined
+  private unregisterComponentManager?: () => void = undefined
+
+  onInsetsChange() {
+    const safeAreaViewTurboModule = this.ctx.rnInstance.getTurboModule<SafeAreaViewTurboModule>("RNCSafeAreaContext")
+    const safeAreaInsets = safeAreaViewTurboModule.getSafeAreaInsets();
+    safeAreaInsets.then((data: Event) => {
+      this.ctx.rnInstance.emitComponentEvent(this.descriptor.tag, SAFE_AREA_PROVIDER_TYPE, {
+        type: "onInsetsChange",
+        insets: data.insets,
+        frame: {
+          x: this.descriptor.layoutMetrics.frame.origin.x,
+          y: this.descriptor.layoutMetrics.frame.origin.y,
+          width: this.descriptor.layoutMetrics.frame.size.width,
+          height: this.descriptor.layoutMetrics.frame.size.height
+        },
+      })
+    })
+  }
+
+  aboutToAppear() {
+    this.descriptor = this.ctx.descriptorRegistry.getDescriptor<SafeAreaProviderDescriptor>(this.tag)
+    if (this.descriptor) {
+      this.setDescriptor(this.descriptor)
+    }
+    this.unregisterDescriptorChangesListener = this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
+      (newDescriptor) => {
+        this.setDescriptor(newDescriptor as SafeAreaProviderDescriptor)
+      }
+    )
+    this.initComponent();
+    this.onInsetsChange()
+  }
+
+  aboutToDisappear() {
+    this.unregisterDescriptorChangesListener?.()
+    this.unregisterComponentManager?.()
+  }
+
+  initComponent() {
+    if (!this.componentManager) {
+      this.componentManager = new RNViewManager(this.tag, this.ctx)
+    }
+    this.unregisterComponentManager = this.ctx.componentManagerRegistry.registerComponentManager(this.tag, this.componentManager)
+    const parentTag = this.descriptor.parentTag;
+    this.componentManager.setParentTag(parentTag);
+  }
+
+  private setDescriptor(descriptor: SafeAreaProviderDescriptor) {
+    this.descriptorWrapper = new SafeAreaProviderDescriptorWrapper(descriptor)
+    Logger.info('descriptorWrapper' + JSON.stringify(this.descriptorWrapper))
+  }
+
+  build() {
+    Stack() {
+      ForEach(this.descriptorWrapper?.childrenTags, (childrenTag: Tag) => {
+        RNComponentFactory({
+          ctx: this.ctx,
+          tag: childrenTag,
+          buildCustomComponent: this.buildCustomComponent
+        })
+      }, (tag: Tag) => tag.toString())
+    }
+    .attributeModifier(SafeAreaProviderModifier.getInstance().setDescriptor(this.descriptorWrapper))
+  }
+}

package/harmony/safe_area/src/main/ets/SafeAreaProviderModifier.ets

@@ -0,0 +1,121 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2023 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 { TransformMatrix } from '@rnoh/react-native-openharmony';
+import { SafeAreaProviderDescriptorWrapper } from './SafeAreaProvider';
+import matrix4 from '@ohos.matrix4';
+
+export class SafeAreaProviderModifier implements AttributeModifier<StackAttribute> {
+  private constructor() {
+  }
+
+  private static instance: SafeAreaProviderModifier;
+  protected descriptorWrapper: SafeAreaProviderDescriptorWrapper | undefined = undefined
+
+  public static getInstance(): SafeAreaProviderModifier {
+    if (!SafeAreaProviderModifier.instance) {
+      SafeAreaProviderModifier.instance = new SafeAreaProviderModifier();
+    }
+    return SafeAreaProviderModifier.instance;
+  }
+
+  setDescriptor(descriptorWrapper: SafeAreaProviderDescriptorWrapper | undefined): SafeAreaProviderModifier {
+    this.descriptorWrapper = descriptorWrapper;
+    return SafeAreaProviderModifier.instance;
+  }
+
+  getHitTestMode() {
+    switch (this.descriptorWrapper?.pointerEvents) {
+      case "none":
+        return HitTestMode.None
+      case "box-none":
+        return HitTestMode.None
+      case "box-only":
+        return HitTestMode.Block
+      default:
+        return HitTestMode.Default
+    }
+  }
+
+  getBorderStyle(): BorderStyle {
+    switch (this.descriptorWrapper?.borderStyle) {
+      case "dashed":
+        return BorderStyle.Dashed
+      case "dotted":
+        return BorderStyle.Dotted
+      default:
+        return BorderStyle.Solid
+    }
+  }
+
+  getTransform(): undefined | matrix4.Matrix4Transit {
+    const descriptorWrapper = this.descriptorWrapper
+    if (!descriptorWrapper) {
+      return undefined
+    }
+    const rawTransformationMatrix = descriptorWrapper.rawTransformationMatrix.slice()
+    rawTransformationMatrix[12] = vp2px(rawTransformationMatrix[12]);
+    rawTransformationMatrix[13] = vp2px(rawTransformationMatrix[13]);
+    rawTransformationMatrix[14] = vp2px(rawTransformationMatrix[14]);
+    return matrix4.init(rawTransformationMatrix as TransformMatrix)
+  }
+
+  applyNormalAttribute(instance: StackAttribute): void {
+    instance.width(this.descriptorWrapper?.width);
+    instance.height(this.descriptorWrapper?.height);
+    instance.position(this.descriptorWrapper?.positionRelativeToParent);
+
+    if (this.descriptorWrapper?.backgroundColor !== '#00000000') {
+      instance.backgroundColor(this.descriptorWrapper?.backgroundColor)
+    }
+    if (JSON.stringify(this.descriptorWrapper?.borderWidth) !== '{}') {
+      instance.borderWidth(this.descriptorWrapper?.borderWidth)
+    }
+    if (JSON.stringify(this.descriptorWrapper?.borderColor) !== '{"top":"#00000000","left":"#00000000","right":"#00000000","bottom":"#00000000"}') {
+      instance.borderColor(this.descriptorWrapper?.borderColor)
+    }
+    if (JSON.stringify(this.descriptorWrapper?.borderRadius) !== '{}') {
+      instance.borderRadius(this.descriptorWrapper?.borderRadius)
+    }
+    if (this.descriptorWrapper?.borderStyle === 'dashed' || this.descriptorWrapper?.borderStyle === 'dotted') {
+      instance.borderStyle(this.getBorderStyle())
+    }
+    if (this.descriptorWrapper?.opacity !== 1) {
+      instance.opacity(this.descriptorWrapper?.opacity)
+    }
+    // if (this.descriptorWrapper?.transformStringify !== '[1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]') {
+    //   instance.transform(this.getTransform())
+    // }
+    if (this.descriptorWrapper?.isClipping) {
+      instance.clip(this.descriptorWrapper?.isClipping)
+    }
+    let hitTestBehavior: HitTestMode = this.getHitTestMode();
+    if (hitTestBehavior !== HitTestMode.Default) {
+      instance.hitTestBehavior(hitTestBehavior)
+    }
+    if (this.descriptorWrapper?.shadow) {
+      instance.shadow(this.descriptorWrapper?.shadow)
+    }
+  }
+}