How to use the react-dnd-html5-backend.NativeTypes.TEXT function in react-dnd-html5-backend

To help you get started, we’ve selected a few react-dnd-html5-backend examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github flow-typed / flow-typed / definitions / npm / react-dnd-html5-backend_v2.x.x / test_react-dnd-html5-backend.js View on Github external
// @flow

import { getEmptyImage, NativeTypes } from "react-dnd-html5-backend";

(getEmptyImage(): Image);
// $ExpectError
(getEmptyImage(): number);

var a: $npm$reactDnd$NativeTypes = NativeTypes.FILE;
var a: $npm$reactDnd$NativeTypes = NativeTypes.URL;
var a: $npm$reactDnd$NativeTypes = NativeTypes.TEXT;
// $ExpectError
var a: $npm$reactDnd$NativeTypes = NativeTypes.NOPE;
// $ExpectError
var a: $npm$reactDnd$NativeTypes = "FILE";
github react-page / react-page / packages / core / src / index.ts View on Github external
const nativeTypes = (editor: Editor) =>
  editor.plugins.hasNativePlugin()
    ? [NativeTypes.URL, NativeTypes.FILE, NativeTypes.TEXT]
    : [];
github react-page / react-page / packages / core / src / index.js View on Github external
const nativeTypes = (editor: Editor) =>
  editor.plugins.hasNativePlugin()
    ? [NativeTypes.URL, NativeTypes.FILE, NativeTypes.TEXT]
    : []
github mydraft-cc / ui / src / wireframes / components / EditorView.tsx View on Github external
if (item.offset) {
                x += item.offset.x;
                y += item.offset.y;
            }

            const itemType = monitor.getItemType();

            switch (itemType) {
                case 'DND_ICON':
                    dispatch(addIcon(selectedDiagramId, item.text, item.fontFamily, x, y));
                    break;
                case 'DND_ASSET':
                    dispatch(addVisual(selectedDiagramId, item['shape'], x, y));
                    break;
                case NativeTypes.TEXT:
                    dispatch(addVisual(selectedDiagramId, 'Label', x, y, { TEXT: item.text }));
                    break;
                case NativeTypes.FILE: {
                    const files = item.files as File[];

                    for (let file of files) {
                        if (file.type.indexOf('image') === 0) {
                            const reader = new FileReader();

                            reader.onload = (loadedFile: any) => {
                                const imageSource: string = loadedFile.target.result;
                                const imageElement = document.createElement('img');

                                imageElement.onload = () => {
                                    dispatch(addImage(selectedDiagramId, imageSource, x, y, imageElement.width, imageElement.height));
                                };

react-dnd-html5-backend

HTML5 backend for React DnD

MIT
Latest version published 2 years ago

Package Health Score

86 / 100
Full package analysis

Similar packages