@developer_tribe/react-builder 1.0.5 → 1.0.7

package/src/utils/nodeTree.ts

@@ -0,0 +1,99 @@
+import type { Node, NodeData } from '../types/Node';
+
+export function deleteNodeFromTree(root: Node, target: Node): Node {
+  if (root === null || root === undefined) return root;
+  if (typeof root === 'string') return root;
+
+  if (Array.isArray(root)) {
+    let changed = false;
+    const nextChildren: Node[] = [];
+    for (const child of root) {
+      if (child === target) {
+        changed = true;
+        continue;
+      }
+      const nextChild = deleteNodeFromTree(child, target);
+      if (nextChild !== child) changed = true;
+      nextChildren.push(nextChild);
+    }
+    return changed ? nextChildren : root;
+  }
+
+  const data = root as any;
+  if ('children' in data) {
+    const prev = data.children as Node;
+    if (!prev) return root;
+
+    if (Array.isArray(prev)) {
+      let changed = false;
+      const nextChildren: Node[] = [];
+      for (const child of prev) {
+        if (child === target) {
+          changed = true;
+          continue;
+        }
+        const nextChild = deleteNodeFromTree(child, target);
+        if (nextChild !== child) changed = true;
+        nextChildren.push(nextChild);
+      }
+      if (changed) {
+        return { ...data, children: nextChildren } as Node;
+      }
+      return root;
+    }
+
+    if (prev === target) {
+      return { ...data, children: '' } as Node;
+    }
+
+    const nextChild = deleteNodeFromTree(prev, target);
+    if (nextChild !== prev) {
+      return { ...data, children: nextChild } as Node;
+    }
+  }
+
+  return root;
+}
+
+export function isNodeRecord(node: Node): node is NodeData {
+  return (
+    node !== null &&
+    node !== undefined &&
+    typeof node === 'object' &&
+    !Array.isArray(node)
+  );
+}
+
+export function nodeHasChild(parent: NodeData, potentialChild: Node): boolean {
+  const { children } = parent;
+  if (!children) return false;
+  if (Array.isArray(children)) {
+    return children.some((child) => child === potentialChild);
+  }
+  return children === potentialChild;
+}
+
+export function findNodeByKey(root: Node, key?: string): Node | null {
+  if (!key) return null;
+  if (root === null || root === undefined) return null;
+  if (typeof root === 'string') return null;
+
+  if (Array.isArray(root)) {
+    for (const child of root) {
+      const found = findNodeByKey(child, key);
+      if (found) return found;
+    }
+    return null;
+  }
+
+  const nodeData = root as NodeData;
+  if (nodeData.key === key) {
+    return nodeData;
+  }
+
+  if (nodeData.children) {
+    return findNodeByKey(nodeData.children as Node, key);
+  }
+
+  return null;
+}

package/dist/build-components/PaywallSubscriButton/PaywallSubscriButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { PaywallSubscriButtonComponentProps } from './PaywallSubscriButtonProps.generated';
-declare function PaywallSubscriButton({ node }: PaywallSubscriButtonComponentProps): null;
-declare const _default: React.MemoExoticComponent<typeof PaywallSubscriButton>;
-export default _default;

package/dist/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.d.ts

@@ -1,50 +0,0 @@
-import type { NodeData } from '../../types/Node';
-export type FontWeightOptionType = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-export type FlexDirectionOptionType = 'row' | 'column';
-export type AlignItemsOptionType = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
-export type JustifyContentOptionType = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
-export type PositionOptionType = 'relative' | 'absolute';
-export interface PaywallSubscriButtonPropsGenerated {
-    child: string;
-    attributes: {
-        color?: string;
-        fontSize?: string;
-        fontWeight?: FontWeightOptionType;
-        scrollable?: boolean;
-        flexDirection?: FlexDirectionOptionType;
-        alignItems?: AlignItemsOptionType;
-        justifyContent?: JustifyContentOptionType;
-        gap?: string;
-        padding?: string;
-        paddingHorizontal?: string;
-        paddingVertical?: string;
-        paddingTop?: string;
-        paddingBottom?: string;
-        paddingLeft?: string;
-        paddingRight?: string;
-        margin?: string;
-        marginVertical?: string;
-        marginTop?: string;
-        marginBottom?: string;
-        marginLeft?: string;
-        marginRight?: string;
-        backgroundColor?: string;
-        borderRadius?: string;
-        width?: string;
-        minWidth?: string;
-        maxWidth?: string;
-        height?: string;
-        minHeight?: string;
-        maxHeight?: string;
-        flex?: number;
-        position?: PositionOptionType;
-        top?: string;
-        bottom?: string;
-        left?: string;
-        right?: string;
-        zIndex?: number;
-    };
-}
-export interface PaywallSubscriButtonComponentProps {
-    node: NodeData<PaywallSubscriButtonPropsGenerated['attributes']>;
-}

package/src/build-components/PaywallSubscriButton/PaywallSubscriButton.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { PaywallSubscriButtonComponentProps } from './PaywallSubscriButtonProps.generated';
-import useNode from '../useNode';
-
-function PaywallSubscriButton({ node }: PaywallSubscriButtonComponentProps) {
-  node = useNode(node);
-  return null;
-}
-
-export default React.memo(PaywallSubscriButton);

package/src/build-components/PaywallSubscriButton/PaywallSubscriButtonProps.generated.ts

@@ -1,77 +0,0 @@
-/* AUTO-GENERATED FILE - DO NOT EDIT */
-
-import type { NodeData } from '../../types/Node';
-
-export type FontWeightOptionType =
-  | 'normal'
-  | 'bold'
-  | '100'
-  | '200'
-  | '300'
-  | '400'
-  | '500'
-  | '600'
-  | '700'
-  | '800'
-  | '900';
-export type FlexDirectionOptionType = 'row' | 'column';
-export type AlignItemsOptionType =
-  | 'flex-start'
-  | 'center'
-  | 'flex-end'
-  | 'stretch'
-  | 'baseline';
-export type JustifyContentOptionType =
-  | 'flex-start'
-  | 'center'
-  | 'flex-end'
-  | 'space-between'
-  | 'space-around'
-  | 'space-evenly';
-export type PositionOptionType = 'relative' | 'absolute';
-
-export interface PaywallSubscriButtonPropsGenerated {
-  child: string;
-  attributes: {
-    color?: string;
-    fontSize?: string;
-    fontWeight?: FontWeightOptionType;
-    scrollable?: boolean;
-    flexDirection?: FlexDirectionOptionType;
-    alignItems?: AlignItemsOptionType;
-    justifyContent?: JustifyContentOptionType;
-    gap?: string;
-    padding?: string;
-    paddingHorizontal?: string;
-    paddingVertical?: string;
-    paddingTop?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    paddingRight?: string;
-    margin?: string;
-    marginVertical?: string;
-    marginTop?: string;
-    marginBottom?: string;
-    marginLeft?: string;
-    marginRight?: string;
-    backgroundColor?: string;
-    borderRadius?: string;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
-    flex?: number;
-    position?: PositionOptionType;
-    top?: string;
-    bottom?: string;
-    left?: string;
-    right?: string;
-    zIndex?: number;
-  };
-}
-
-export interface PaywallSubscriButtonComponentProps {
-  node: NodeData<PaywallSubscriButtonPropsGenerated['attributes']>;
-}

package/src/build-components/PaywallSubscriButton/pattern.json

@@ -1,27 +0,0 @@
-{
-  "schemaVersion": 1,
-  "allowUnknownAttributes": false,
-  "pattern": {
-    "type": "PaywallSubscriButton",
-    "children": "string",
-    "extends": "Button",
-    "attributes": {}
-  },
-  "defaults": {
-    "paddingHorizontal": "20@s",
-    "paddingVertical": "12@vs",
-    "borderRadius": "12@s",
-    "backgroundColor": "#1C1C1E",
-    "color": "cornflowerblue",
-    "fontSize": "16@fs",
-    "fontWeight": "700",
-    "justifyContent": "center",
-    "alignItems": "center"
-  },
-  "meta": {
-    "desiredParent": [">PaywallProvider"],
-    "label": "Paywall Subscribe Button",
-    "description": "Paywall subscribe call-to-action button. Extends Button.",
-    "attributes": {}
-  }
-}