pixel-react 1.6.7 → 1.6.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AppHeader/types.d.ts +2 -0
- package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
- package/lib/components/Charts/DashboardDonutChart/types.d.ts +6 -0
- package/lib/components/FileDropzone/RadioFilePreview.d.ts +4 -0
- package/lib/components/FileDropzone/types.d.ts +61 -0
- package/lib/components/MenuOption/types.d.ts +3 -2
- package/lib/components/Search/Search.d.ts +1 -1
- package/lib/components/Search/types.d.ts +4 -0
- package/lib/components/Table/Types.d.ts +1 -1
- package/lib/components/Tabs/types.d.ts +1 -0
- package/lib/index.d.ts +95 -23
- package/lib/index.esm.js +513 -294
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +514 -293
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/FormatString/FormatString.d.ts +1 -0
- package/package.json +1 -1
- package/src/StyleGuide/ColorPalette/colorPaletteList.ts +15 -0
- package/src/assets/Themes/BaseTheme.scss +5 -3
- package/src/assets/Themes/DarkTheme.scss +5 -3
- package/src/assets/icons/window_maximize.svg +1 -2
- package/src/assets/icons/window_restore.svg +4 -0
- package/src/components/AppHeader/AppHeader.scss +33 -0
- package/src/components/AppHeader/AppHeader.stories.tsx +133 -5
- package/src/components/AppHeader/AppHeader.tsx +111 -112
- package/src/components/AppHeader/types.ts +2 -0
- package/src/components/Charts/BarChart/BarChart.scss +4 -1
- package/src/components/Charts/BarChart/BarChart.tsx +23 -9
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +10 -3
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +2 -1
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +54 -25
- package/src/components/Charts/DashboardDonutChart/types.ts +7 -1
- package/src/components/Charts/LineChart/LineChart.scss +13 -9
- package/src/components/Charts/LineChart/LineChart.tsx +6 -2
- package/src/components/DatePicker/DatePicker.scss +11 -0
- package/src/components/DatePicker/DatePicker.stories.tsx +19 -0
- package/src/components/DatePicker/DatePicker.tsx +73 -22
- package/src/components/FileDropzone/Dropzone.tsx +76 -28
- package/src/components/FileDropzone/FileDropzone.scss +30 -2
- package/src/components/FileDropzone/FileDropzone.stories.tsx +125 -4
- package/src/components/FileDropzone/FileDropzone.tsx +46 -13
- package/src/components/FileDropzone/RadioFilePreview.tsx +76 -0
- package/src/components/FileDropzone/types.ts +73 -0
- package/src/components/Icon/iconList.ts +2 -0
- package/src/components/Input/Input.scss +137 -125
- package/src/components/Input/Input.tsx +69 -63
- package/src/components/InputWithDropdown/InputWithDropdown.scss +9 -2
- package/src/components/InputWithDropdown/types.ts +3 -3
- package/src/components/MenuOption/MenuOption.stories.tsx +4 -3
- package/src/components/MenuOption/MenuOption.tsx +1 -1
- package/src/components/MenuOption/types.ts +4 -2
- package/src/components/ModulesChip/ModuleChip.scss +21 -8
- package/src/components/ModulesChip/ModuleChip.stories.tsx +2 -2
- package/src/components/ModulesChip/ModuleChip.tsx +6 -9
- package/src/components/MultiSelect/Dropdown.tsx +12 -5
- package/src/components/MultiSelect/MultiSelect.stories.tsx +12 -9
- package/src/components/MultiSelect/MultiSelect.tsx +10 -9
- package/src/components/PopUpModal/PopUpModal.stories.tsx +1 -1
- package/src/components/Search/Search.stories.tsx +28 -9
- package/src/components/Search/Search.tsx +32 -29
- package/src/components/Search/types.ts +4 -0
- package/src/components/Table/Table.scss +6 -5
- package/src/components/Table/Types.ts +1 -1
- package/src/components/Tabs/Tabs.scss +58 -4
- package/src/components/Tabs/Tabs.stories.tsx +31 -12
- package/src/components/Tabs/Tabs.tsx +27 -18
- package/src/components/Tabs/types.ts +1 -1
- package/src/components/TextArea/Textarea.stories.tsx +1 -1
- package/src/hooks/useFileDropzone.tsx +2 -1
- package/src/index.ts +4 -0
- package/src/utils/FormatString/FormatString.stories.tsx +58 -0
- package/src/utils/FormatString/FormatString.tsx +41 -0
package/lib/tsconfig.tsbuildinfo
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
|
1
|
+
{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export default function formatString(input: string, removeSections?: string[]): string;
|
package/package.json
CHANGED
@@ -262,6 +262,21 @@ const ColorPalette: ColorPaletteType = [
|
|
262
262
|
colorCode: '#5ca700',
|
263
263
|
variable: 'confirm-tick-icon-color',
|
264
264
|
},
|
265
|
+
{
|
266
|
+
name: 'Dynamic card border color',
|
267
|
+
colorCode: '#eeeaf2',
|
268
|
+
variable: ' dynamic-card-border-color',
|
269
|
+
},
|
270
|
+
{
|
271
|
+
name: 'Card header background color',
|
272
|
+
colorCode: '#592f7c1a',
|
273
|
+
variable: 'card-header-bg-color',
|
274
|
+
},
|
275
|
+
{
|
276
|
+
name: "InputWithDropdown's dropdown background color",
|
277
|
+
colorCode: '#71347b27',
|
278
|
+
variable: 'dropdown-bg-color',
|
279
|
+
},
|
265
280
|
{
|
266
281
|
name: 'info modal background color',
|
267
282
|
colorCode:
|
@@ -2,6 +2,7 @@ $base-theme: (
|
|
2
2
|
base-bg-color: #ffffff,
|
3
3
|
button-bg-color: #f6ebff,
|
4
4
|
brand-color: #71347b,
|
5
|
+
dropdown-bg-color: #71347b27,
|
5
6
|
text-color: #1e161f,
|
6
7
|
description-text: #7a7a7a,
|
7
8
|
click-able-text-color: #71347b,
|
@@ -267,9 +268,10 @@ $base-theme: (
|
|
267
268
|
impact-list-text-color: #14041c,
|
268
269
|
impact-list-chip-text-color: #3d3c3e,
|
269
270
|
impact-list-chip-bg-color: #e3ccf5,
|
270
|
-
|
271
|
-
|
272
|
-
table-with-accordion-
|
271
|
+
dynamic-card-border-color: #eeeaf2,
|
272
|
+
card-header-bg-color: #592f7c1a,
|
273
|
+
table-with-accordion-header-primary-bg: #d4b0e426,
|
274
|
+
table-with-accordion-icon-color: #1e161f,
|
273
275
|
);
|
274
276
|
|
275
277
|
:root {
|
@@ -1,6 +1,7 @@
|
|
1
1
|
$dark-theme: (
|
2
2
|
base-bg-color: #1e1a22,
|
3
3
|
brand-color: #71347b,
|
4
|
+
dropdown-bg-color: #71347b27,
|
4
5
|
text-color: #e8e0e9,
|
5
6
|
description-text: #d9d9d9,
|
6
7
|
click-able-text-color: #e8e0e9,
|
@@ -274,9 +275,10 @@ $dark-theme: (
|
|
274
275
|
impact-list-text-color: #14041c,
|
275
276
|
impact-list-chip-text-color: #3d3c3e,
|
276
277
|
impact-list-chip-bg-color: #e3ccf5,
|
277
|
-
|
278
|
-
|
279
|
-
|
278
|
+
dynamic-card-border-color: #eeeaf2,
|
279
|
+
card-header-bg-color: #592f7c1a,
|
280
|
+
table-with-accordion-header-primary-bg: #d4b0e426,
|
281
|
+
table-with-accordion-icon-color: #1e161f,
|
280
282
|
);
|
281
283
|
|
282
284
|
:root {
|
@@ -1,4 +1,3 @@
|
|
1
1
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="
|
3
|
-
<path d="M1.75706 2.85889H11.4181C11.8837 2.86002 12.33 3.04772 12.6593 3.38093C12.9885 3.71414 13.174 4.16575 13.1751 4.63698V14.2221C13.174 14.6933 12.9885 15.145 12.6593 15.4782C12.33 15.8114 11.8837 15.9991 11.4181 16.0002H1.75706C1.2914 15.9991 0.845138 15.8114 0.515867 15.4782C0.186597 15.145 0.00111893 14.6933 0 14.2221V4.63698C0.00111893 4.16575 0.186597 3.71414 0.515867 3.38093C0.845138 3.04772 1.2914 2.86002 1.75706 2.85889ZM1.75706 14.2207H11.4181V4.63698H1.75706V14.2207Z" fill="currentColor"/>
|
2
|
+
<path d="M2.13379 0H13.8662C14.4317 0.00137864 14.9737 0.229908 15.3735 0.635605C15.7734 1.0413 15.9986 1.59115 16 2.16489V13.8351C15.9986 14.4089 15.7734 14.9587 15.3735 15.3644C14.9737 15.7701 14.4317 15.9986 13.8662 16H2.13379C1.56829 15.9986 1.02634 15.7701 0.626474 15.3644C0.226604 14.9587 0.00135883 14.4089 0 13.8351V2.16489C0.00135883 1.59115 0.226604 1.0413 0.626474 0.635605C1.02634 0.229908 1.56829 0.00137864 2.13379 0ZM2.13379 13.8334H13.8662V2.16489H2.13379V13.8334Z" fill="currentColor"/>
|
4
3
|
</svg>
|
@@ -0,0 +1,4 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M4.58189 0H14.2429C14.7086 0.00113232 15.1548 0.188831 15.4841 0.522043C15.8134 0.855255 15.9989 1.30686 16 1.7781V11.3632C15.9989 11.8345 15.8134 12.2861 15.4841 12.6193C15.1548 12.9525 14.7086 13.1402 14.2429 13.1413H4.58189C4.11623 13.1402 3.66997 12.9525 3.3407 12.6193C3.01143 12.2861 2.82595 11.8345 2.82483 11.3632V1.7781C2.82595 1.30686 3.01143 0.855255 3.3407 0.522043C3.66997 0.188831 4.11623 0.00113232 4.58189 0ZM4.58189 11.3618H14.2429V1.7781H4.58189V11.3618Z" fill="currentColor"/>
|
3
|
+
<path d="M1.75706 2.85889H11.4181C11.8837 2.86002 12.33 3.04772 12.6593 3.38093C12.9885 3.71414 13.174 4.16575 13.1751 4.63698V14.2221C13.174 14.6933 12.9885 15.145 12.6593 15.4782C12.33 15.8114 11.8837 15.9991 11.4181 16.0002H1.75706C1.2914 15.9991 0.845138 15.8114 0.515867 15.4782C0.186597 15.145 0.00111893 14.6933 0 14.2221V4.63698C0.00111893 4.16575 0.186597 3.71414 0.515867 3.38093C0.845138 3.04772 1.2914 2.86002 1.75706 2.85889ZM1.75706 14.2207H11.4181V4.63698H1.75706V14.2207Z" fill="currentColor"/>
|
4
|
+
</svg>
|
@@ -17,6 +17,7 @@
|
|
17
17
|
.ff-app-header-nav-bar {
|
18
18
|
display: flex;
|
19
19
|
align-items: center;
|
20
|
+
justify-content: center;
|
20
21
|
background-color: var(--brand-color);
|
21
22
|
transform: translateY(12px);
|
22
23
|
border-radius: 20px;
|
@@ -120,6 +121,7 @@
|
|
120
121
|
.ff-app-header-quickmenu-container {
|
121
122
|
display: flex;
|
122
123
|
align-items: center;
|
124
|
+
overflow: hidden;
|
123
125
|
.ff-app-header-nav-bar-quickmenu-item {
|
124
126
|
margin-right: 6px;
|
125
127
|
.ff-tooltip-container {
|
@@ -142,6 +144,15 @@
|
|
142
144
|
}
|
143
145
|
}
|
144
146
|
}
|
147
|
+
.ff-app-header-nav-bar-item--selected
|
148
|
+
.ff-app-header-quickmenu-container {
|
149
|
+
animation: quickmenu-expand 1s ease forwards;
|
150
|
+
}
|
151
|
+
|
152
|
+
.ff-app-header-nav-bar-item:not(.ff-app-header-nav-bar-item--selected)
|
153
|
+
.ff-app-header-quickmenu-container {
|
154
|
+
animation: quickmenu-collapse 1s ease forwards;
|
155
|
+
}
|
145
156
|
}
|
146
157
|
.more-menu {
|
147
158
|
width: 40px;
|
@@ -180,3 +191,25 @@
|
|
180
191
|
left: 25%;
|
181
192
|
}
|
182
193
|
}
|
194
|
+
|
195
|
+
@keyframes quickmenu-expand {
|
196
|
+
from {
|
197
|
+
max-height: 0;
|
198
|
+
opacity: 0;
|
199
|
+
}
|
200
|
+
to {
|
201
|
+
max-height: 500px; /* Ensure this value covers the full height of your quick menu */
|
202
|
+
opacity: 1;
|
203
|
+
}
|
204
|
+
}
|
205
|
+
|
206
|
+
@keyframes quickmenu-collapse {
|
207
|
+
from {
|
208
|
+
max-height: 500px;
|
209
|
+
opacity: 1;
|
210
|
+
}
|
211
|
+
to {
|
212
|
+
max-height: 0;
|
213
|
+
opacity: 0;
|
214
|
+
}
|
215
|
+
}
|
@@ -4,6 +4,7 @@ import {
|
|
4
4
|
appHeaderMenuItemProps,
|
5
5
|
appHeaderSubMenuItemProps,
|
6
6
|
appHeaderQuickMenuItemProps,
|
7
|
+
appHeaderHiddenMenuItemProps,
|
7
8
|
} from './types';
|
8
9
|
import Icon from '../Icon';
|
9
10
|
import React, { useState } from 'react';
|
@@ -135,6 +136,27 @@ const headerMenuItems = [
|
|
135
136
|
icon: 'approval_pending',
|
136
137
|
},
|
137
138
|
],
|
139
|
+
quickMenuItems: [
|
140
|
+
{ label: 'Elements', path: '#elements', iconName: 'element' },
|
141
|
+
{
|
142
|
+
label: 'Project Elements',
|
143
|
+
path: '#project-element',
|
144
|
+
iconName: 'project_element',
|
145
|
+
},
|
146
|
+
{ label: 'Test Data', path: '#test-data', iconName: 'test_data' },
|
147
|
+
{ label: 'Variables', path: '#variable', iconName: 'variable' },
|
148
|
+
{ label: 'Parameters', path: '#parameters', iconName: 'parameters' },
|
149
|
+
{
|
150
|
+
label: 'Data Provider',
|
151
|
+
path: '#data-provider',
|
152
|
+
iconName: 'data_provider',
|
153
|
+
},
|
154
|
+
{
|
155
|
+
label: 'Web Service',
|
156
|
+
path: '#web-service',
|
157
|
+
iconName: 'web_service_icon',
|
158
|
+
},
|
159
|
+
],
|
138
160
|
},
|
139
161
|
],
|
140
162
|
},
|
@@ -162,6 +184,42 @@ const headerMenuItems = [
|
|
162
184
|
icon: 'approval_pending',
|
163
185
|
},
|
164
186
|
],
|
187
|
+
quickMenuItems: [
|
188
|
+
{ label: 'Elements', path: '#elements', iconName: 'element' },
|
189
|
+
{
|
190
|
+
label: 'Project Elements',
|
191
|
+
path: '#project-element',
|
192
|
+
iconName: 'project_element',
|
193
|
+
},
|
194
|
+
{ label: 'Step Groups', path: '#step-group', iconName: 'step_group' },
|
195
|
+
{ label: 'Test Data', path: '#test-data', iconName: 'test_data' },
|
196
|
+
{ label: 'Variables', path: '#variable', iconName: 'variable' },
|
197
|
+
{
|
198
|
+
label: 'Pre-post Conditions',
|
199
|
+
path: '#pre-post-conditions',
|
200
|
+
iconName: 'pre_post_condition',
|
201
|
+
},
|
202
|
+
{
|
203
|
+
label: 'Data Provider',
|
204
|
+
path: '#data-provider',
|
205
|
+
iconName: 'data_provider',
|
206
|
+
},
|
207
|
+
{
|
208
|
+
label: 'Depends on script',
|
209
|
+
path: '#depends-on-script',
|
210
|
+
iconName: 'depends_on_script',
|
211
|
+
},
|
212
|
+
{
|
213
|
+
label: 'Web Service',
|
214
|
+
path: '#web-service',
|
215
|
+
iconName: 'web_service_icon',
|
216
|
+
},
|
217
|
+
{
|
218
|
+
label: 'Authorization',
|
219
|
+
path: '#authorization',
|
220
|
+
iconName: 'authorization_icon',
|
221
|
+
},
|
222
|
+
],
|
165
223
|
},
|
166
224
|
{
|
167
225
|
label: 'Executions',
|
@@ -183,6 +241,24 @@ const headerMenuItems = [
|
|
183
241
|
icon: 'approval_pending',
|
184
242
|
},
|
185
243
|
],
|
244
|
+
quickMenuItems: [
|
245
|
+
{
|
246
|
+
label: 'Test Data Set',
|
247
|
+
path: '#test-data-set',
|
248
|
+
iconName: 'test_data_set',
|
249
|
+
},
|
250
|
+
{
|
251
|
+
label: 'Variable Set',
|
252
|
+
path: '#variable-set',
|
253
|
+
iconName: 'variable_set',
|
254
|
+
},
|
255
|
+
{
|
256
|
+
label: 'Email Group',
|
257
|
+
path: '#email-group',
|
258
|
+
iconName: 'email_group',
|
259
|
+
},
|
260
|
+
{ label: 'Labels', path: '#labels', iconName: 'label_icon' },
|
261
|
+
],
|
186
262
|
},
|
187
263
|
{
|
188
264
|
label: 'Scheduled Executions',
|
@@ -198,11 +274,8 @@ const headerMenuItems = [
|
|
198
274
|
label: 'Rest API',
|
199
275
|
path: '/webservice/restapi',
|
200
276
|
quickMenuItems: [
|
201
|
-
{
|
202
|
-
|
203
|
-
path: '/webservice/restapi/variable',
|
204
|
-
iconName: 'variable',
|
205
|
-
},
|
277
|
+
{ label: 'Variables', path: '#variable', iconName: 'variable' },
|
278
|
+
{ label: 'History', path: '#history', iconName: 'history' },
|
206
279
|
],
|
207
280
|
},
|
208
281
|
{
|
@@ -309,6 +382,24 @@ const headerMenuItems = [
|
|
309
382
|
icon: 'configuration',
|
310
383
|
},
|
311
384
|
],
|
385
|
+
quickMenuItems: [
|
386
|
+
{ label: 'Variables', path: '#variable', iconName: 'variable' },
|
387
|
+
{
|
388
|
+
label: 'Data Provider',
|
389
|
+
path: '#data-provider',
|
390
|
+
iconName: 'data_provider',
|
391
|
+
},
|
392
|
+
{
|
393
|
+
label: 'Depends on script',
|
394
|
+
path: '#depends-on-script',
|
395
|
+
iconName: 'depends_on_script',
|
396
|
+
},
|
397
|
+
{
|
398
|
+
label: 'Web Service',
|
399
|
+
path: '#web-service',
|
400
|
+
iconName: 'web_service_icon',
|
401
|
+
},
|
402
|
+
],
|
312
403
|
},
|
313
404
|
{
|
314
405
|
label: 'Elements',
|
@@ -335,6 +426,20 @@ const headerMenuItems = [
|
|
335
426
|
icon: 'configuration',
|
336
427
|
},
|
337
428
|
],
|
429
|
+
quickMenuItems: [
|
430
|
+
{ label: 'Parameters', path: '#parameters', iconName: 'parameters' },
|
431
|
+
{ label: 'Variables', path: '#variable', iconName: 'variable' },
|
432
|
+
{
|
433
|
+
label: 'Data Provider',
|
434
|
+
path: '#data-provider',
|
435
|
+
iconName: 'data_provider',
|
436
|
+
},
|
437
|
+
{
|
438
|
+
label: 'Web Service',
|
439
|
+
path: '#web-service',
|
440
|
+
iconName: 'web_service_icon',
|
441
|
+
},
|
442
|
+
],
|
338
443
|
},
|
339
444
|
{
|
340
445
|
label: 'Variables',
|
@@ -376,6 +481,9 @@ export const Controlled: Story = {
|
|
376
481
|
const [selectedMenuItem, setSelectedMenuItem] = useState('Projects');
|
377
482
|
const [selectedSubMenuItem, setSelectedSubMenuItem] = useState('');
|
378
483
|
const [selectedQuickMenuItem, setSelectedQuickMenuItem] = useState('');
|
484
|
+
const [selectedHiddenMenuItems, setSelectedHiddenMenuItems] = useState<
|
485
|
+
appHeaderHiddenMenuItemProps[]
|
486
|
+
>([]);
|
379
487
|
const [selectedProject, setSelectedProject] = useState({
|
380
488
|
label: 'All Projects',
|
381
489
|
value: 'All Projects',
|
@@ -384,9 +492,27 @@ export const Controlled: Story = {
|
|
384
492
|
const handleMenuClick = (item: appHeaderMenuItemProps) => {
|
385
493
|
setSelectedMenuItem(item.label);
|
386
494
|
};
|
495
|
+
|
387
496
|
const handleSubMenuClick = (item: appHeaderSubMenuItemProps) => {
|
388
497
|
setSelectedSubMenuItem(item.label);
|
498
|
+
const selectedMainMenu = headerMenuItems.find(
|
499
|
+
(menu) => menu.label === selectedMenuItem
|
500
|
+
);
|
501
|
+
|
502
|
+
if (selectedMainMenu?.subMenuItems) {
|
503
|
+
const selectedSubMenu = selectedMainMenu.subMenuItems.find(
|
504
|
+
(subMenu) => subMenu.label === item.label
|
505
|
+
) as appHeaderSubMenuItemProps;
|
506
|
+
let hiddenMenuArray: appHeaderHiddenMenuItemProps[] = [];
|
507
|
+
if (selectedSubMenu?.hiddenMenuItems) {
|
508
|
+
hiddenMenuArray = selectedSubMenu.hiddenMenuItems;
|
509
|
+
console.log('Hidden menu items:', hiddenMenuArray);
|
510
|
+
}
|
511
|
+
setSelectedHiddenMenuItems(hiddenMenuArray);
|
512
|
+
console.log('Selected main menu:', selectedSubMenu);
|
513
|
+
}
|
389
514
|
};
|
515
|
+
|
390
516
|
const handleQuickMenuClick = (item: appHeaderQuickMenuItemProps) => {
|
391
517
|
setSelectedQuickMenuItem(item.iconName);
|
392
518
|
};
|
@@ -401,10 +527,12 @@ export const Controlled: Story = {
|
|
401
527
|
<>
|
402
528
|
<div>
|
403
529
|
<AppHeader
|
530
|
+
width='1120px'
|
404
531
|
logoIconName="fireflink_icon"
|
405
532
|
leftContent={headerRightSideContent}
|
406
533
|
rightContent={headerRightSideContent}
|
407
534
|
appHeaderMenuItems={headerMenuItems}
|
535
|
+
appHeaderHiddenMenuItems={selectedHiddenMenuItems}
|
408
536
|
projectsList={projectList}
|
409
537
|
selectedMenu={selectedMenuItem}
|
410
538
|
selectedSubMenu={selectedSubMenuItem}
|