├── .env.sample ├── .gitignore ├── .prettierrc ├── LICENSE ├── README.md ├── craco.config.js ├── package.json ├── public ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── src ├── assets │ └── images │ │ └── base-color-picker.png ├── components │ ├── Canvas │ │ ├── Canvas.tsx │ │ ├── CanvasContext.tsx │ │ ├── CanvasObjects.ts │ │ ├── constants │ │ │ └── contants.ts │ │ ├── handlers │ │ │ ├── index.ts │ │ │ ├── useContainerHandler.ts │ │ │ ├── useCoreHandler.ts │ │ │ ├── useCustomizationHandler.ts │ │ │ ├── useEventsHandler.ts │ │ │ ├── useGuidelinesHandler.ts │ │ │ └── useZoomHandler.ts │ │ ├── hooks │ │ │ ├── index.ts │ │ │ └── useCanvasContext.ts │ │ ├── index.ts │ │ └── utils │ │ │ ├── drawer.ts │ │ │ ├── index.ts │ │ │ └── keyboard.ts │ └── Editor │ │ ├── CanvasArea │ │ ├── CanvasArea.scss │ │ └── CanvasArea.tsx │ │ ├── Editor.scss │ │ ├── Editor.tsx │ │ ├── FooterMenu │ │ ├── FooterMenu.scss │ │ └── FooterMenu.tsx │ │ ├── Navbar │ │ ├── Navbar.scss │ │ ├── Navbar.tsx │ │ └── NavbarIcons.tsx │ │ ├── Panels │ │ ├── ClosePanel.tsx │ │ ├── ImagesPanel │ │ │ └── ImagesPanel.tsx │ │ ├── MusicPanel │ │ │ └── MusicPanel.tsx │ │ ├── ObjectsPanel │ │ │ └── ObjectsPanel.tsx │ │ ├── PanelItem │ │ │ ├── PanelItem.scss │ │ │ └── PanelItem.tsx │ │ ├── Panels.scss │ │ ├── Panels.tsx │ │ ├── PanelsList │ │ │ ├── PanelItemIcon.tsx │ │ │ ├── PanelsList.scss │ │ │ ├── PanelsList.tsx │ │ │ ├── PanelsListItem.tsx │ │ │ └── tabItems.ts │ │ ├── TemplatesPanel │ │ │ └── TemplatesPanel.tsx │ │ ├── TextPanel │ │ │ └── TextPanel.tsx │ │ └── VideosPanel │ │ │ └── VideosPanel.tsx │ │ ├── Toolbox │ │ ├── DefaultToolbox │ │ │ ├── DefaultToobox.scss │ │ │ └── DefaultToolbox.tsx │ │ ├── TextToolbox │ │ │ ├── TextToolbox.scss │ │ │ └── TextToolbox.tsx │ │ ├── Toolbox.scss │ │ └── Toolbox.tsx │ │ └── index.ts ├── i18n │ ├── i18nClient.ts │ ├── index.ts │ └── locales │ │ ├── en-EN.json │ │ └── tr-TR.json ├── index.css ├── index.tsx ├── logo.svg ├── react-app-env.d.ts ├── reportWebVitals.ts ├── services │ └── iconscout.ts ├── setupTests.ts └── theme │ └── colors.scss ├── tsconfig.json ├── tsconfigExtra.json └── yarn.lock /.env.sample: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/.env.sample -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/.prettierrc -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/README.md -------------------------------------------------------------------------------- /craco.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/craco.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/package.json -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/public/robots.txt -------------------------------------------------------------------------------- /src/assets/images/base-color-picker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/assets/images/base-color-picker.png -------------------------------------------------------------------------------- /src/components/Canvas/Canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/Canvas.tsx -------------------------------------------------------------------------------- /src/components/Canvas/CanvasContext.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/CanvasContext.tsx -------------------------------------------------------------------------------- /src/components/Canvas/CanvasObjects.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/CanvasObjects.ts -------------------------------------------------------------------------------- /src/components/Canvas/constants/contants.ts: -------------------------------------------------------------------------------- 1 | export const propertiesToInclude = ['id', 'selectable'] 2 | -------------------------------------------------------------------------------- /src/components/Canvas/handlers/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/index.ts -------------------------------------------------------------------------------- /src/components/Canvas/handlers/useContainerHandler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/useContainerHandler.ts -------------------------------------------------------------------------------- /src/components/Canvas/handlers/useCoreHandler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/useCoreHandler.ts -------------------------------------------------------------------------------- /src/components/Canvas/handlers/useCustomizationHandler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/useCustomizationHandler.ts -------------------------------------------------------------------------------- /src/components/Canvas/handlers/useEventsHandler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/useEventsHandler.ts -------------------------------------------------------------------------------- /src/components/Canvas/handlers/useGuidelinesHandler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/useGuidelinesHandler.ts -------------------------------------------------------------------------------- /src/components/Canvas/handlers/useZoomHandler.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/handlers/useZoomHandler.ts -------------------------------------------------------------------------------- /src/components/Canvas/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/hooks/index.ts -------------------------------------------------------------------------------- /src/components/Canvas/hooks/useCanvasContext.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/hooks/useCanvasContext.ts -------------------------------------------------------------------------------- /src/components/Canvas/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/index.ts -------------------------------------------------------------------------------- /src/components/Canvas/utils/drawer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/utils/drawer.ts -------------------------------------------------------------------------------- /src/components/Canvas/utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from './drawer' 2 | -------------------------------------------------------------------------------- /src/components/Canvas/utils/keyboard.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Canvas/utils/keyboard.ts -------------------------------------------------------------------------------- /src/components/Editor/CanvasArea/CanvasArea.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/CanvasArea/CanvasArea.scss -------------------------------------------------------------------------------- /src/components/Editor/CanvasArea/CanvasArea.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/CanvasArea/CanvasArea.tsx -------------------------------------------------------------------------------- /src/components/Editor/Editor.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Editor.scss -------------------------------------------------------------------------------- /src/components/Editor/Editor.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Editor.tsx -------------------------------------------------------------------------------- /src/components/Editor/FooterMenu/FooterMenu.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/FooterMenu/FooterMenu.scss -------------------------------------------------------------------------------- /src/components/Editor/FooterMenu/FooterMenu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/FooterMenu/FooterMenu.tsx -------------------------------------------------------------------------------- /src/components/Editor/Navbar/Navbar.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Navbar/Navbar.scss -------------------------------------------------------------------------------- /src/components/Editor/Navbar/Navbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Navbar/Navbar.tsx -------------------------------------------------------------------------------- /src/components/Editor/Navbar/NavbarIcons.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Navbar/NavbarIcons.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/ClosePanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/ClosePanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/ImagesPanel/ImagesPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/ImagesPanel/ImagesPanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/MusicPanel/MusicPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/MusicPanel/MusicPanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/ObjectsPanel/ObjectsPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/ObjectsPanel/ObjectsPanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelItem/PanelItem.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelItem/PanelItem.scss -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelItem/PanelItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelItem/PanelItem.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/Panels.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/Panels.scss -------------------------------------------------------------------------------- /src/components/Editor/Panels/Panels.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/Panels.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelsList/PanelItemIcon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelsList/PanelItemIcon.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelsList/PanelsList.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelsList/PanelsList.scss -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelsList/PanelsList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelsList/PanelsList.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelsList/PanelsListItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelsList/PanelsListItem.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/PanelsList/tabItems.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/PanelsList/tabItems.ts -------------------------------------------------------------------------------- /src/components/Editor/Panels/TemplatesPanel/TemplatesPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/TemplatesPanel/TemplatesPanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/TextPanel/TextPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/TextPanel/TextPanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Panels/VideosPanel/VideosPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Panels/VideosPanel/VideosPanel.tsx -------------------------------------------------------------------------------- /src/components/Editor/Toolbox/DefaultToolbox/DefaultToobox.scss: -------------------------------------------------------------------------------- 1 | .editor-toolbox.default { 2 | align-items: center; 3 | display: flex; 4 | } 5 | -------------------------------------------------------------------------------- /src/components/Editor/Toolbox/DefaultToolbox/DefaultToolbox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Toolbox/DefaultToolbox/DefaultToolbox.tsx -------------------------------------------------------------------------------- /src/components/Editor/Toolbox/TextToolbox/TextToolbox.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Toolbox/TextToolbox/TextToolbox.scss -------------------------------------------------------------------------------- /src/components/Editor/Toolbox/TextToolbox/TextToolbox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Toolbox/TextToolbox/TextToolbox.tsx -------------------------------------------------------------------------------- /src/components/Editor/Toolbox/Toolbox.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Toolbox/Toolbox.scss -------------------------------------------------------------------------------- /src/components/Editor/Toolbox/Toolbox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/Toolbox/Toolbox.tsx -------------------------------------------------------------------------------- /src/components/Editor/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/components/Editor/index.ts -------------------------------------------------------------------------------- /src/i18n/i18nClient.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/i18n/i18nClient.ts -------------------------------------------------------------------------------- /src/i18n/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/i18n/index.ts -------------------------------------------------------------------------------- /src/i18n/locales/en-EN.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/i18n/locales/en-EN.json -------------------------------------------------------------------------------- /src/i18n/locales/tr-TR.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/i18n/locales/tr-TR.json -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/index.css -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/logo.svg -------------------------------------------------------------------------------- /src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/reportWebVitals.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/reportWebVitals.ts -------------------------------------------------------------------------------- /src/services/iconscout.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/services/iconscout.ts -------------------------------------------------------------------------------- /src/setupTests.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/setupTests.ts -------------------------------------------------------------------------------- /src/theme/colors.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/src/theme/colors.scss -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfigExtra.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/tsconfigExtra.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bharathreddyza/react-design-editor/HEAD/yarn.lock --------------------------------------------------------------------------------