Functions — github.com/core7s/react-design-editor

hub / github.com/core7s/react-design-editor / functions

Functions336 in github.com/core7s/react-design-editor

⨍ Functions 336◇ Types & classes 63

↓ 29 callersMethodrender

()

src/components/Resizable/resizer.tsx:102

↓ 16 callersFunctionuseDesignEditorContext

()

src/hooks/useDesignEditorContext.ts:4

↓ 12 callersFunctionuseSetIsSidebarOpen

()

src/hooks/useSetIsSidebarOpen.tsx:4

↓ 11 callersFunctionloadFonts

(fonts: FontItem[])

src/utils/fonts.ts:30

↓ 10 callersFunctionuseAppContext

()

src/hooks/useAppContext.tsx:4

↓ 9 callersFunctiongetDefaultTemplate

({ width, height }: IFrame)

src/constants/design-editor.ts:26

↓ 6 callersFunctionhandleChange

(key: string, value: any)

src/views/DesignEditor/components/Panels/panelItems/Common/Shadow.tsx:45

↓ 6 callersFunctionhasDirection

(dir: 'top' | 'right' | 'bottom' | 'left', target: string)

src/components/Resizable/index.tsx:133

↓ 5 callersFunctionaddObject

()

src/views/DesignEditor/components/Panels/panelItems/Text.tsx:18

↓ 5 callersFunctionuseEditorType

()

src/hooks/useEditorType.tsx:4

↓ 4 callersFunctionclamp

(n: number, min: number, max: number)

src/components/Resizable/index.tsx:131

↓ 4 callersFunctiongetPixelSize

( size: undefined | string | number, parentSize: number, innerWidth: number, innerHeight: number, )

src/components/Resizable/index.tsx:184

↓ 4 callersFunctionhandleChange

(type: string, value: any)

src/views/DesignEditor/components/Panels/panelItems/Common/Outline.tsx:37

↓ 4 callersFunctionhandleGradientColorChange

(index: number, color: string)

src/views/DesignEditor/components/Panels/panelItems/Common/Gradient.tsx:69

↓ 4 callersFunctionisTouchEvent

(event: MouseEvent | TouchEvent)

src/components/Resizable/index.tsx:137

↓ 3 callersFunctiongetStringSize

(n: number | string)

src/components/Resizable/index.tsx:158

↓ 3 callersFunctionhandleChange

(type: string, value: any)

src/views/DesignEditor/components/Panels/panelItems/Customize.tsx:38

↓ 3 callersFunctionhandleChange

(key: string, value: any)

src/views/DesignEditor/components/Panels/panelItems/TextProperties.tsx:66

↓ 3 callersFunctionhandleChange

(key: any, value: any)

src/views/DesignEditor/components/Panels/panelItems/Common/Gradient.tsx:24

↓ 3 callersFunctionloadTemplateFonts

(design: IScene)

src/utils/fonts.ts:23

↓ 3 callersFunctionloadVideoEditorAssets

(payload: IScene)

src/utils/video.ts:49

↓ 3 callersFunctionmakeDownload

(data: Object)

src/views/DesignEditor/components/Navbar/Navbar.tsx:137

↓ 3 callersFunctiononChange

(size: number)

src/views/DesignEditor/components/Toolbox/Text.tsx:327

↓ 3 callersFunctionuseContextMenuTimelineRequest

()

src/hooks/useContextMenuTimelineRequest.ts:4

↓ 3 callersFunctionuseOnClickOutside

( ref: React.RefObject<HTMLElement>, handler: Handler | null, { document = currentDocument } = {} )

src/hooks/useOnClickOutside.tsx:25

↓ 2 callersFunctioncaptureFrame

(video: HTMLVideoElement)

src/utils/video.ts:22

↓ 2 callersMethodcreateSizeForCssProperty

(newSize: number | string, kind: 'width' | 'height')

src/components/Resizable/index.tsx:534

↓ 2 callersFunctionfindClosestSnap

(n: number, snapArray: number[], snapGap: number = 0)

src/components/Resizable/index.tsx:148

↓ 2 callersFunctionfindSceneIndexByTime

(scenes: IScene[], time: number)

src/views/DesignEditor/utils/scenes.ts:3

↓ 2 callersMethodgetFonts

()

src/services/api.ts:234

↓ 2 callersMethodgetParentSize

()

src/components/Resizable/index.tsx:428

↓ 2 callersFunctiongetTextProperties

(object: Required<IStaticText>, fonts: any[])

src/views/DesignEditor/utils/text.ts:4

↓ 2 callersFunctionhandleChange

(type: string, value: any)

src/views/DesignEditor/components/Footer/Presentation/Common.tsx:35

↓ 2 callersFunctionhandleChange

(type: string, value: any)

src/views/DesignEditor/components/Footer/Graphic/Common.tsx:35

↓ 2 callersFunctionhandleChange

(type: string, value: number[])

src/views/DesignEditor/components/Toolbox/Text.tsx:453

↓ 2 callersFunctionhandleDropFiles

(files: FileList)

src/views/DesignEditor/components/Panels/panelItems/Uploads.tsx:20

↓ 2 callersFunctionloadVideoResource

(videoSrc: string)

src/utils/video.ts:3

↓ 2 callersMethodonResizeStart

(event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>, direction: Direction)

src/components/Resizable/index.tsx:677

↓ 2 callersFunctionsnap

(n: number, size: number)

src/components/Resizable/index.tsx:132

↓ 2 callersMethodunbindEvents

()

src/components/Resizable/index.tsx:474

↓ 2 callersFunctionupdateMediaQuery

(value: number)

src/Container.tsx:16

↓ 2 callersFunctionuseAppDispatch

()

src/store/store.ts:11

↓ 2 callersFunctionuseDesignEditorScenes

()

src/hooks/useDesignEditorScenes.tsx:4

↓ 1 callersFunctionaddImageToCanvas

(props: Partial<ILayer>)

src/views/DesignEditor/components/Panels/panelItems/Uploads.tsx:52

↓ 1 callersFunctionapplyEffect

(name: string)

src/views/DesignEditor/components/Panels/panelItems/TextEffects.tsx:93

↓ 1 callersMethodbindEvents

()

src/components/Resizable/index.tsx:461

↓ 1 callersFunctioncalculateNewMax

( parentSize: { width: number; height: number }, innerWidth: number, innerHeight: number, maxWidth?: s

src/components/Resizable/index.tsx:210

↓ 1 callersMethodcalculateNewMaxFromBoundary

(maxWidth?: number, maxHeight?: number)

src/components/Resizable/index.tsx:543

↓ 1 callersMethodcalculateNewSizeFromAspectRatio

( newWidth: number, newHeight: number, max: { width?: number; height?: number }, min: { width?

src/components/Resizable/index.tsx:618

↓ 1 callersMethodcalculateNewSizeFromDirection

(clientX: number, clientY: number)

src/components/Resizable/index.tsx:582

↓ 1 callersFunctioncaptureDuration

(video: HTMLVideoElement)

src/utils/video.ts:43

↓ 1 callersFunctioncaptureDuration

(video: HTMLVideoElement)

src/views/DesignEditor/components/Panels/panelItems/Videos.tsx:52

↓ 1 callersFunctioncaptureFrame

(video: HTMLVideoElement)

src/views/DesignEditor/components/Panels/panelItems/Videos.tsx:31

↓ 1 callersFunctionchangeBackgroundColor

(color: string)

src/views/DesignEditor/components/Panels/panelItems/Customize.tsx:33

↓ 1 callersFunctionchangeBackgroundColor

(prev: string, next: string)

src/views/DesignEditor/components/Toolbox/Vector.tsx:24

↓ 1 callersFunctiongetAddOptions

(event: HandledEventsType)

src/hooks/useOnClickOutside.tsx:17

↓ 1 callersFunctiongetFontsFromObjects

(objects: Partial<ILayer>[])

src/utils/fonts.ts:4

↓ 1 callersFunctiongetGradientOptions

(object: any)

src/views/DesignEditor/components/Panels/panelItems/Common/Gradient.tsx:47

↓ 1 callersFunctiongetMaxTime

(scenes: IScene[])

src/views/DesignEditor/utils/scenes.ts:16

↓ 1 callersFunctiongetPexelsVideos

(query: string)

src/services/pexels.ts:11

↓ 1 callersMethodgetPixabayResources

()

src/services/api.ts:245

↓ 1 callersFunctiongetPixabayVideos

(query: string)

src/services/pixabay.ts:27

↓ 1 callersFunctiongetSelectionMetadata

(selection: any)

src/utils/object-options.ts:1

↓ 1 callersMethodgetSignedURLForUpload

(props: { name: string })

src/services/api.ts:33

↓ 1 callersFunctiongetTextOptions

(selection: any)

src/utils/object-options.ts:14

↓ 1 callersMethodgetUploads

()

src/services/api.ts:55

↓ 1 callersFunctionhandleAsComponentHandler

()

src/views/DesignEditor/components/ContextMenu/ContextMenu.tsx:16

↓ 1 callersFunctionhandleDropFiles

(files: FileList)

src/views/DesignEditor/components/Panels/panelItems/Graphics.tsx:30

↓ 1 callersFunctionhandleFontFamilyChange

(x: any)

src/views/DesignEditor/components/Panels/panelItems/FontSelector.tsx:39

↓ 1 callersFunctionhandleInputChange

(name: string)

src/views/DesignEditor/components/Navbar/DesignTitle.tsx:19

↓ 1 callersFunctionisMouseEvent

(event: MouseEvent | TouchEvent)

src/components/Resizable/index.tsx:141

↓ 1 callersFunctionloadFonts

()

src/Container.tsx:52

↓ 1 callersFunctionloadGraphicTemplate

(payload: IDesign)

src/views/DesignEditor/components/Navbar/Navbar.tsx:157

↓ 1 callersFunctionloadPexelsVideos

()

src/views/DesignEditor/components/Panels/panelItems/Videos.tsx:68

↓ 1 callersFunctionloadPresentationTemplate

(payload: IDesign)

src/views/DesignEditor/components/Navbar/Navbar.tsx:179

↓ 1 callersFunctionloadVideoResource

(videoSrc: string)

src/views/DesignEditor/components/Panels/panelItems/Videos.tsx:12

↓ 1 callersFunctionloadVideoTemplate

(payload: IDesign)

src/views/DesignEditor/components/Navbar/Navbar.tsx:200

↓ 1 callersFunctionparseGraphicJSON

()

src/views/DesignEditor/components/Navbar/Navbar.tsx:33

↓ 1 callersFunctionparsePresentationJSON

()

src/views/DesignEditor/components/Navbar/Navbar.tsx:67

↓ 1 callersFunctionparseVideoJSON

()

src/views/DesignEditor/components/Navbar/Navbar.tsx:103

↓ 1 callersMethodrenderResizer

()

src/components/Resizable/index.tsx:886

↓ 1 callersMethodsetBoundingClientRect

()

src/components/Resizable/index.tsx:649

↓ 1 callersFunctiontoBase64

(file: File)

src/utils/data.ts:1

↓ 1 callersFunctionuniqueFilename

(name: string)

src/utils/unique.ts:9

↓ 1 callersFunctionuniqueId

()

src/utils/unique.ts:5

↓ 1 callersFunctionupdateOptions

(object: any)

src/views/DesignEditor/components/Panels/panelItems/Common/Shadow.tsx:36

↓ 1 callersFunctionupdateOptions

(object: any)

src/views/DesignEditor/components/Panels/panelItems/Common/Outline.tsx:32

↓ 1 callersMethodupdateUploadFile

(props: { name: string })

src/services/api.ts:44

↓ 1 callersFunctionuseIsSidebarOpen

()

src/hooks/useIsSidebarOpen.tsx:4

FunctionAdd

({ size }: { size: number })

src/components/Icons/Add.tsx:1

FunctionAddCircleOutline

({ size }: { size: number })

src/components/Icons/AddCircleOutline.tsx:1

FunctionAlignBottom

({ size }: { size: number })

src/components/Icons/AlignBottom.tsx:1

FunctionAlignCenter

({ size }: { size: number })

src/components/Icons/AlignCenter.tsx:1

FunctionAlignLeft

({ size }: { size: number })

src/components/Icons/AlignLeft.tsx:1

FunctionAlignMiddle

({ size }: { size: number })

src/components/Icons/AlignMiddle.tsx:1

FunctionAlignRight

({ size }: { size: number })

src/components/Icons/AlignRight.tsx:1

FunctionAlignTop

({ size }: { size: number })

src/components/Icons/AlignTop.tsx:1

FunctionAngleDoubleLeft

({ size }: { size: number })

src/components/Icons/AngleDoubleLeft.tsx:1

FunctionAppProvider

({ children }: { children: React.ReactNode })

src/contexts/AppContext.tsx:39

FunctionArrowBackOutline

({ size }: { size: number })

src/components/Icons/ArrowBackOutline.tsx:1

next →1–100 of 336, ranked by callers