react-native-sortables/dist/module/debug/providers/DebugOutlet.js

Powerful Sortable Components for Flexible Content Reordering in React Native

"use strict";

import React from "react";
import { memo, useCallback, useState } from 'react';
import { DebugComponentType } from '../../types/debug';
import { DebugCross, DebugLine, DebugRect } from '../components';
import { useDebugContext } from './DebugProvider';
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
const DebugOutlet = /*#__PURE__*/memo(function DebugOutlet() {
  const [debugViews, setDebugViews] = useState({});
  const {
    useObserver
  } = useDebugContext() ?? {};
  const observer = useCallback(views => {
    setDebugViews(views);
  }, []);
  useObserver?.(observer);
  return /*#__PURE__*/_jsx(_Fragment, {
    children: Object.entries(debugViews).map(([key, {
      props,
      type
    }]) => {
      switch (type) {
        case DebugComponentType.CROSS:
          return /*#__PURE__*/_jsx(DebugCross, {
            props: props
          }, key);
        case DebugComponentType.LINE:
          return /*#__PURE__*/_jsx(DebugLine, {
            props: props
          }, key);
        case DebugComponentType.RECT:
          return /*#__PURE__*/_jsx(DebugRect, {
            props: props
          }, key);
      }
    })
  });
});
export default DebugOutlet;
//# sourceMappingURL=DebugOutlet.js.map