Commit graph

49 commits

Author SHA1 Message Date
Kiran Ashok
41bce67b1d
hotfix : Console throwing error / warnings related to svgs (#8895)
* fix : fix fill rule clip rule etc to camelcase

* fix : svg width and height made to 100% instead of auto

* fix :: few more svg height and width change in editor

* remove logs
2024-02-22 16:52:54 +05:30
Kiran Ashok
e5d75bd4cf
Feat :: Editor UI revamp (#7275)
* temp commit ::  editor redesign

* fix :: components panel ui

* style updates

* fix :: arrangement widget list

* fix :: light mode widget list

* style fixes query manager

* updates

* updates heaer styles

* global settings fix

* left sidebar states and icon change

* cleanup

* minor fixes :: review

* fix opacity mode toggle

* detailing in hover states , bugfixes

* fix :: coloring whole app , debugger ui

* cleanup

* fix :: revert some changes , fix statistics widget

* feat :: navbar with new layout

* fix :: lint warnings

* cleanup

* cleanup

* minor fixes

* fix :: reusing serchbox

* removed unwanted prop

* Revert "cleanup"

This reverts commit b18abe19fb.

* fix :: icons sidebar

* fix :: padding searchbar

* style fix

* radix :: dark theme for portals

* fix :: icon styles

* fix :: all codehinter styles

* update :: base bg color app

* fix :: viewer color

* minor fixes :: icon left sidebar

* typo

* fix :: styling save message header

* icon :: fix for layout and inspector queries

* fix :: canvas and editor bg

* fix :: release btn style

* fix :: navbar border

* undo redo tooltip

* fix :: page input

* remove released btn icon

* fix :: for icon not loading proper in inspector

* fix :: dark mode toggle icon size

* fix :: share  app ui

* fix :: style fixes , inspector runpy icon

* fix :: ui runpy codehinter

* fix :: inputs in gds connection

* cleanup

* fix :: copilot codehinter ui

* fix :: share modal button

* fix :: canvas bg text

* style fix debugger

* fix :: whole dahsboard layout and border for all codehinters

* fix :: icon fills

* fix :: icon fill color sidebar

* darkmode fill color

* minor style fix

* Widget inspector redesign (#7355)

* Setup Storybook

* Update storybook config

* Add tab and toggle group component

* Created list component

* Properties tab

* update codehinter dropdown components

* Refactor styling

* Inspector header changes

* Fix es lint issue

* Fix

* feat :: styling color picker styles panel

* Fix color picker alignment

* feat :: remove alpha

* Fix UI bugs

* fix :: color picker

* Ui fix

* Backward compatible pagination changes

* fix

* Feedback changes

* UI feedback

* Check fix

* Fix

* fix :: canvas bg popover

* Styles fix

* Fix conflct issues

* minor style fix style tab

* Fix

* review comments fix :: hovering in color picker

* Code review and design feedback

* UI feedback

* Fix UI styles

* Fix pagination issue

* fix :: dark mode issues in select , number input

* fix :: remove extra boreder

* fix :: table column popover ui and component popover inspector

* fix :: datepickre input table column

* fix :: colopicker in table column inspector

* fix :: link column type ui in table

* fix :: column delete ui and delete not triggering

* Fix list item not dragging

* fix :: closing of popover on link column select

* style fix table popover

* Pass dark mode to Event manager button

* fix :: ux event manager

* cleanup

* cleanup

* fix :: delete page modal ui

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>

* style fixes

---------

Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
2023-09-04 13:30:39 +05:30
Kavin Venkatachalam
70ffc1e27b
Kanban Widget 2.0 (#5380)
* Kanban 2.0 init

* Implemented Kanban 2.0

* Moved add card button to the header

* Added debounce functionality

* Added CSA to Kanban

* Formatted Kanban

* Updated default data on Kanban

* Handled undefined data and exposed lastUpdatedCard

* Added lastCardAdded exposed variable in Kanban

* Fixed id bug on Kanban

* Fixed width issue on Kanban

* Fixed dark mode

* Commented onUpdate event for every action

* Rename containerId to columnId in lastCardMovement in Kanban

* Updated min width in kanban card

* Fixed bug on dropping items into cards when first container is empty

* kanban2 docs

* updated info in kanban doc

---------

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
Co-authored-by: Shubhendra <withshubh@gmail.com>
2023-03-24 15:22:25 +05:30
Manish Kushare
ab5fc2c59b
Implementation of bounded box component (#5548) 2023-02-27 11:36:52 +05:30
Kavin Venkatachalam
12a770cbc4
[Feature]: Form Widget (#4595)
* Created form widget

* Fixed the same name issue in defaultChildren

* Dynamically added buttons to the form inspector

* Added data to exposed variable and handled button click

* Added Reset functionality, CSA to the form widget

* Added Form widget icon

* form component docs

Co-authored-by: Shubhendra <withshubh@gmail.com>
2022-12-08 14:41:02 +05:30
Kavin Venkatachalam
3a78cf6155
[Feature]: Icon Widget (#3936)
* Created Icon Widget

* Installed tabler icons

* Updated visibility logic for icon widget

* Added doc for icon widget

* Updated hidden field & moved hidden logic to cx

* Dark theme for icon widget & updated visibility

* Moved visibility logic to useEffect

* Updated visibility CSA label

* Removed resolveWidgetFieldValuekey usage in the Icon widget

* Moved register action to useEffect

* Removed registerActions on useEffect

* Add setIconVisibility to dependency array of registerAction

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-09-27 11:18:32 +05:30
Kavin Venkatachalam
2ffda26f38
[Feature]: Link Widget (#3905)
* Created Link Widget

* Added empty line at the end in theme file

* Fixed overflow issue in Link widget

* Updated visibility in the link widget

* Added doc for link widget

* Updated link widget doc

* Set fxActive on by default for visibility

* Fixed variable typo in link widget

* Updated hidden property

* Updated visibility logic for link widget

* Moved visibility to styles section

* Moved register action to useEffect

* Removed registerActions on useEffect

* Removed dependencies in registerAction function as it is breaking inspector

* updated link doc

* Add clickRef of link component as dependency of registerAction

Co-authored-by: Shubhendra <withshubh@gmail.com>
Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-09-27 11:12:14 +05:30
Kavin Venkatachalam
3932d72d64
[Feature]: Tree Select Widget (#3533)
* Added Tree Select widget

* Updated checkbox-tree package path

* Added checked-path array

* Added checkedpathArray

* Updated docs

* Updated theme file

* Added default values to exposed variables
2022-08-03 19:22:49 +05:30
Sherfin Shamsudeen
3b36d51b87
Rename colorPicker.svg to colorpicker.svg 2022-07-18 16:17:14 +05:30
Sherfin Shamsudeen
3a54cf846d
Rename Html.svg to html.svg 2022-07-18 16:16:46 +05:30
Manish Kushare
a224187f5d
Feature : Color Picker Widget (#3274)
* Feature : Color picker

* added border to the widget,handled theme changes, positioned color picker

* updated widget icon

* Bug fixed : color picker pop-up vanishes, if we don't manoeuvre the cursor surgically.

* changed default color type to color

* fixed bug: app getting crashed for undefined default value, if default value is not valid hex color code, widget will show invalid color instead of crashing

* removed highlighting invalid color with redcolor, for invalid color set exposed values to undefined
2022-06-28 15:43:27 +05:30
Manish Kushare
22f9e1f97c
added HTML-CSS widget (#2938)
* added HTML widget

* removed console

* removed injecting css to the html page

* Shorten the div of default code for HTML widget

* Updated widget icon from tabler icons

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-06-16 17:58:11 +05:30
Arpit
b48fd53ec2
[Feature] Kanban board widget (#3049)
* init kanban board widget

* kanban board

* reverts to beautifully

* kanban UI updates and dnd fixes

* bugfix: when dropped outside the col, should return back to it inital position

* updates min-width of the column

* container and widget styles

* style fixes: column container onDrag

* adds button for new group

* fixes new card overflow

* add btn for adding cards

* groups and cards updated

* add property definition

* improves draggable card position while drag is active

* handle delete group/col

* handle col/group title updates

* handles editing card title

* style fixes for input cursor

* cleanup

* card popover with codehinter fields

* minor card fixes

* updates exposed variable

* simplify boardData into cols and cards

* adds width and min-width style definations

* build board from queries

* handle draggable rbd-id

* removes add group card and delete group option

* fixes typos

* show empty state message

* fixes typos

* removes card extra border color

* fixes column typi and cards updates issue

* adds enableAddCard property defination

* adds accent color options

* default style accent color

* accent color fix

* revets popover with hinter

* fixes card drag and drop

* removes hook

* fixes: state synced with property defination updates(col and cards data)

* fixes: on re-arranging the card via dnd, update the card content

* handles if card columnId is updated

* adds card container layer

* clean up

* dark theme

* fixes card onDrop issue

* renamed the exposed variable data --> lists

* adds custom resolvers to the popover

* handle widget crash when non iterables are passed

* updates default card and col value

* fixes dnd issues for dynamic card values

* refactor: cleanup

* handles empty and undefined cardData

* fixes Height of widget is changing when popover thing is displayed.

* fixes: updating card data in widget inspector

* fixes: updating column data in widget inspector

* fixes adding cards for newly created groups/columns

* clean up

* Add kanban event onCardAdded and expose lastAddedCard

* Add onCardRemoved action and expsed lastRemovedCard variable

* Add events and variables for card movement and selection

* Add card edit feature for kanban widget

* Rename lastAddedRemoved to lastRemovedCard in kanban

* Rename lists to columns on kanban board

* Set max height of kanban column to respond to widget height

* Have "Add description" link if there is no description for Kanban cards

* kanban docs

* Change text from "add +" to "Add card" on kanban

* Validate card data before update

* Add tip about card id type on kanban documentation

* Add default min width and width for kanban

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
Co-authored-by: Shubhendra <withshubh@gmail.com>
2022-06-14 11:06:36 +05:30
Kiran Ashok
bb6fc26f7e
[ Feature ]:: steps widget (#3200)
* tabs event

* completed event firing on selection tab

* steps widget basic structure & code

* active item logic

* logic for currentstep

* logic for steps theme

* event onSelect handled and exposed currentStepId

* fixing tooltip

* logic for colour updated

* updates

* bugfixes and color theme fix

* darkmode fixes

* some bugfixes

* cleanup

* reverting

* reverting unwanted change

* updating green theme

* pr changes : style changes

* pr change :: color style made dynamic :rocket

* style fix 🚀

* docs updated

* bugfix
2022-06-13 17:44:03 +05:30
Kiran Ashok
9b557d11b9
Feature :: Button group widget (#2977)
* button group initial

* updates

* updating value logic

* updating all selection and normal styles

* bugfixes and icon change

* cleanup

* fixing button width

* changing non dynamic styles to theme

* updating padding

* PR changes :: updating with same margin for label

* pr changes :: updating default bg colour for selected

* exposing selected items

* fixing alignment to column

* fixing issue with default active

* updating transition

* initial selected element

* initial selection

* updating with documentation

* intermediate update fixing labels

* fixing multiple edge cases

* cleanup

* updating label

* fixing pending pr issues :: changing default selected as array

* multislection toggle fix

* fixing label padding
2022-06-01 13:50:02 +05:30
Kavin Venkatachalam
b16a74dcf1
[Feature]: PDF Widget (#3035)
* Created PDF Widget

* Added color to page number to support dark mode
2022-05-11 18:51:10 +05:30
Kavin Venkatachalam
7c30a830db
[Feature]: Custom Component Widget (#2960)
* Created custom component widget

* Updated the custom component key

* Added doc for custom component

* Update iframe.html

* Installed HTML parse in dependencies

* Updated script source

* Added scripts to CSP

* Added Skypack to CSP

* Fixed Run Query issue in Viewer
2022-05-10 15:09:09 +05:30
Manish Kushare
817e367fdd
New widget: vertical divider (#2971)
* created VerticalDivider widget

* updated widget icon

* changed the width of the widget container, placed the vertical separator at the center of the widget
2022-05-05 20:03:12 +05:30
Kiran Ashok
58893c5139
[ Feature ] :: svg widget (#2806)
* svg icon

* svg component

* cleanup

* name updated

* name updated

* fixing overflow issue

* dafault image
2022-04-18 19:08:50 +05:30
Kavin Venkatachalam
8ef1160615
[Feature] Timeline Widget (#2755)
* Added timeline widget

* Added dark mode support & ability to hide date

Co-authored-by: Kavin Venkatachalam <kavin@Kavins-MacBook-Pro-2.local>
2022-04-08 17:20:52 +05:30
Muhsin Shah C P
72ca2f5868
Feature/range slider widget (#1919)
* Implemented range slider

* Removed unwanted files and code

* Changed min and max type to number

* Added an icon
2022-03-08 10:02:56 +05:30
Muhsin Shah C P
caa3b67226
Updated widget icons (#2173) 2022-02-07 20:38:26 +05:30
Arpit
980986f03c
Updates the icon for button widget (#2167) 2022-02-07 18:04:29 +05:30
Kiran Ashok
b5bdfcfeac
Feature : statistics widget (#1834)
* feature:ui for statics widget

* feature:assets icons statics widget

* feature:addition to existing ui

* inclusion to existing ui editor

* feature: widget style updations

* cleanup

* cleanup

* resolving merge issue

* feature: statics widget svg updated

* fixing pr comments : bounding box width issue fix to cover widget

* pr comments : fixing naming

* bugfix : pr comments: removing all signs

* pr comment changes : fixing alignment of widget contents

* icon updated

* bugfix : dark mode colour scheme inclusion

* updation icon

* updated filenames , style changes updated

* naming change

* pr review changes : making naming convention same everywhere using camelcase

* updating sign property

* updating statistics docs

* docs updated

* sign display updated : pr changes , code cleanup
2022-01-25 09:32:01 +05:30
Kiran Ashok
a4d7b9bb7e
Spinner widget (#1883)
* adding spinner widget to  editor

* icon updated

* spinner widget properties

* spinner widget styles updated

* updated description of widget

* moved static styles to theme

* pr reveiew changes , cleanup , making bg transparent

* cleanup

* lint error fix
2022-01-24 08:03:20 +05:30
Muhsin Shah C P
0f709706e0
Feature: Circular progressbar (#1887)
* added circular progressbar widget

* added a basic documentation about the widget

* added progress attribute

* bounding issue is solved

* edited the widget doc

* Added new style
- Text color
- Text size

* Changed the documentation
2022-01-22 09:32:37 +05:30
Arpit
0ae92d980d
updates pagination widget icon (#1857) 2022-01-18 15:57:55 +05:30
Arpit
2c70c2bd34
[Feature] pagination widget (#1727)
* feature: pagination widget

* style fixes

* add paginaton svg icon

* updated icon

* update property names

* Merge branch 'develop' into feature/pagination-widget
2022-01-18 11:19:55 +05:30
Muhsin Shah C P
a02d47e88e
Tags widget (#1659)
* implemented tags widget

* added text color option, changed default tags

* added scrollbar & space between tags

* Required changes are added:

- Changed colors of buttons as per the document
- Now scrollbar only shows if it is needed
- Tags height will be static

* Changed documentation

- Added gif file

* Removed text color style option from inspector
 - Changed md text file
2022-01-15 10:41:27 +05:30
Navaneeth Pk
4d6906503b
[WIP] Widget: List view (#1575)
* list view initial commit

* More stuffs

* More stuffs

* Minor changes

* merge fixes

* Minor changes

* Fix misspelt variable name that caused data to not show up

* Merge conflicts

* Fix lint for ListView component

* Update ListView to new API

* Fixes

* Fixes

* Fix radio

* Fix

* Lint fixes

* Set icon for List View widget

* Fix list view within tabs

* Fix

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-01-14 13:57:31 +05:30
Midhun G S
e4d3578563
Timer Widget (#1633)
* Timer Widget

* feature-1632 Fix

* feature-1632 fix

* feature-1632 fixes

* Fix

* Fix

* Fix

* fix

* added default value to the widget

* widget size change

* Reverting last changes
2022-01-03 09:18:56 +05:30
Navaneeth Pk
b888bba389
Feature/better widgets (#1624)
* Change widget icons

* fix

* Fix

* Changes

* Changes

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2021-12-23 22:19:57 +05:30
Navaneeth Pk
354ccd7786
Tabs widget (#1438)
* Feature: Tab widget

* Fix container in container crash

* Container inside tabs

* props

* Fix

* Add icon

* Default tab property

* Fix lint issues with Tabs.jsx

* Introduce tab id to select between tabs

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2021-11-22 21:41:26 +05:30
Arpit
dd94e33c95
Fixes SVG icon for password input widget on the editor (#1412)
* icon updated

* deleted svg file

* icon updated
2021-11-15 21:14:23 +05:30
Arpit
7663147525
Feature: Code editor widget (#1381)
* Code Editor Widget

* code editor docs added

* updated to Code Mirror

* updated to Code Mirror

* Language resources do not need to be importe in @codemirror-v3.x

* code editor docs: updated with language mode info and link

* comment pkg.json for future ref - @uiw/react-codemirror versions

* docs: supported lang

* widget reference sidebar alphabetical order

* removed comment form pkg.json
2021-11-15 12:12:02 +05:30
Arpit
df88790dab
Feature: IFrame widget (#1402)
* feature: iframe widget

* iframe docs - added

* explicitly set frame-src directive

* explicitly set frame-src directive

* typos fixes
2021-11-15 10:09:56 +05:30
Sherfin Shamsudeen
8bbbbfc869
Feature: Calendar widget 🗓 (#1368)
* Insert required boilerplate code for Calendar widget

* Display basic calendar

* Display events on calendar widget

* Pass JS date object as calendar default event date

* Add resource scheduling to Calendar widget

* Add icon for Calendar widget

* Allow configuration of views and default view for calendar

* Add onEventSelect event to Calendar widget

* Accept date as string for Calendar

* Option to disable/enable toolbar in Calendar

* Add default date to Calendar

* Add support for setting color of calendar events

* Set calendar cell size to 50px

* Allow spacious and compact cell sizes for Calendar

* Add support for "select slots" event for calendar

* Add support for custom event tooltip for Calendar

* Add support to not highlight today and now in Calendar

* Add visible border for Calendar events

* Set 14px font size for calendar toolbar

* Add dark mode styles for calendar

* Make calendar view mode controllable with logic

* Add documentation for calendar widget

* Add additional documentation for calendar events

* Expose default view instead of view for calendar

* Add documentation for changes in calendar

* Style updates to calendar

* Increase padding for calendar events
2021-11-04 14:23:50 +05:30
Arpit
a6f99f6fba
Feature: File Picker Widget (#1274)
* File Picker Widget inital commit

* Merged develop

* add file picker icon

* dropzone

* added file picker widget

* does notrequires* babel-import

* fixed styles and removed button to open file selector

* updatedbthe fle picker icon

* style fixes

* added event: onFileSelected

* seperated the concerns and made it more flexible

* fixed handling file types for the picker

* handle - file reject

* file picker description

* text color updates

* Reads contents of the file as a text string

* display list of accepted files

* filepicker docs

* read multiple files-fixed

* style fixes

* added filepicker gif for docs

* typo fixed: docs

* selected files should be inside the widget bound & clear button to clear the selected files

* remove btn for files and selected files should always remain inside the widget bound

* display files bg style and multi-files resolved

* fixed typos
2021-11-04 11:11:10 +05:30
Arpit
cb78a73105
Password input widget (#1172)
* password input widget

* revert: textinput default value
2021-10-21 21:53:11 +05:30
Arpit
6c4f1c48ef
Feature: Divider widget (#970)
* feature: divider widget

* fixes
2021-10-11 14:41:17 +05:30
Navaneeth Pk
d8e643e4cb
Widget: number input (#689) 2021-09-05 11:51:35 +05:30
navaneeth
5601d9e5e0 Update widget icons 2021-09-01 11:04:34 +05:30
Gandharv
64131825d9
Feature: Star rating widget ️ (#535)
* feat: add star rating widget

* add events, properties

* add the number of stars as variable

* fix animation

* add half star logic, properties, definations

* add hover index property

* on dismiss show star outline

* show tooltip on hover + fix half icon display on click

* make text inline

* feat: add import svg as react component

* update star rating component for managing color change

* fix: conflicts

* Delete half-star.svg

* Delete star.svg

* change default color to gold

* fix widget settings events

* add default selection of stars

* change default selection to 5

* css changes

* add star rating onchange fix
2021-08-25 20:44:55 +05:30
Sherfin Shamsudeen
a53cac24b2
Feature: QR scanner widget (#519)
* Add QR code scanner widget

This commit adds QR code scanner widget which
  * Displays a viewfinder that can be activated or deactivated
  * Exposes a variable named lastDetectedValue which holds the
    data contained in the last QR code it was able to scan
  * Defines an event onDetect which is fired whenever a QR code
    is successfully scanned

* Add documentation for QR scanner widget

* Supply missing newline

* Supply missing newline for qrscanner.svg

* Supply missing newlines and semicolons

* Update error modal content

* Remove `active` property from QrScanner

* Add blob: to content security policy

* Disable content security policy

* Add content security policy that allows self, unsafe-eval and blob
2021-08-18 22:15:43 +05:30
Arpit Nath
b7f1f403ee
Feature: toggle switch widget (#500)
* feature: toggle component for widget

* relsolvers for PR

* lable and default size update

* fixes alignment
2021-08-13 20:56:56 +05:30
Arpit Nath
200cd9f402
Feature: radio button widget (#485)
* feature: radio button for widget

* Revert "feature: radio button for widget"

This reverts commit 99cb80be6a.

* radio button for widget

* icon from svg-repo.com

* radio button widget

* remove unwanted comment

* resolves changes

* component description updated

* radio component properties update

* fixed alignment
2021-08-13 12:00:53 +05:30
navaneeth
ab03d55d50 Remove external svg dependencies 2021-05-31 16:08:18 +05:30
navaneeth
2e346f6ff0 Normalize icon colors 2021-05-20 10:36:32 +05:30
navaneeth
f4e4c23c4b Use newly designed icons for widgets 2021-05-20 10:20:48 +05:30