pixel-react 1.6.3 → 1.6.5
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/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/AttachImage/AttachImage.d.ts +1 -6
- package/lib/components/AttachImage/types.d.ts +8 -0
- package/lib/components/CreateVariable/CreateVariableSlider.d.ts +5 -0
- package/lib/components/CreateVariable/index.d.ts +1 -0
- package/lib/components/CreateVariable/types.d.ts +56 -0
- package/lib/components/Drawer/Types.d.ts +13 -0
- package/lib/components/MiniModal/types.d.ts +7 -0
- package/lib/components/Select/components/types.d.ts +1 -0
- package/lib/components/Select/types.d.ts +2 -0
- package/lib/components/TableTree/TableTree copy.d.ts +25 -0
- package/lib/components/TableTree/types.d.ts +1 -1
- package/lib/index.d.ts +103 -2
- package/lib/index.esm.js +549 -308
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +549 -307
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/icons/download_file_icon.svg +2 -9
- package/src/components/AttachImage/AttachImage.stories.tsx +2 -0
- package/src/components/AttachImage/AttachImage.tsx +5 -9
- package/src/components/AttachImage/types.ts +25 -18
- package/src/components/Charts/DonutChart/DonutChart.tsx +8 -3
- package/src/components/Charts/RadialChart/RadialChart.scss +4 -0
- package/src/components/Charts/RadialChart/RadialChart.tsx +51 -45
- package/src/components/CreateVariable/CreateVariableSlider.scss +18 -0
- package/src/components/CreateVariable/CreateVariableSlider.stories.tsx +66 -0
- package/src/components/CreateVariable/CreateVariableSlider.tsx +95 -0
- package/src/components/CreateVariable/index.ts +1 -0
- package/src/components/CreateVariable/types.ts +58 -0
- package/src/components/Drawer/Drawer.scss +1 -1
- package/src/components/Drawer/Drawer.stories.tsx +0 -1
- package/src/components/Drawer/Drawer.tsx +4 -1
- package/src/components/Drawer/Types.ts +13 -0
- package/src/components/MiniModal/MiniModal.scss +0 -4
- package/src/components/MiniModal/MiniModal.stories.tsx +3 -2
- package/src/components/MiniModal/MiniModal.tsx +28 -10
- package/src/components/MiniModal/types.ts +7 -0
- package/src/components/Select/Select.scss +16 -0
- package/src/components/Select/Select.stories.tsx +49 -0
- package/src/components/Select/Select.tsx +33 -7
- package/src/components/Select/components/Dropdown.scss +9 -0
- package/src/components/Select/components/Dropdown.tsx +20 -6
- package/src/components/Select/components/types.ts +1 -0
- package/src/components/Select/types.ts +12 -2
- package/src/components/TableTree/TableTree.tsx +10 -4
- package/src/components/TableTree/types.ts +1 -1
- package/src/index.ts +2 -0
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
- package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
- package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
- package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
- package/lib/components/Button/Button.stories.d.ts +0 -13
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
- package/lib/components/Chip/Chip.stories.d.ts +0 -14
- package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
- package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
- package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +0 -8
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -80
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -174
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -178
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -44
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -19
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -15
- package/lib/components/ExcelFile/Types.d.ts +0 -129
- package/lib/components/ExcelFile/index.d.ts +0 -1
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
- package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
- package/lib/components/Form/Form.stories.d.ts +0 -7
- package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
- package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
- package/lib/components/Icon/Icon.stories.d.ts +0 -8
- package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
- package/lib/components/Input/Input.stories.d.ts +0 -9
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -11
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
- package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
- package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
- package/lib/components/Modal/Modal.stories.d.ts +0 -7
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -10
- package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
- package/lib/components/Paper/Paper.stories.d.ts +0 -11
- package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
- package/lib/components/Search/Search.stories.d.ts +0 -6
- package/lib/components/Select/Select.stories.d.ts +0 -13
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
- package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
- package/lib/components/Table/Table.stories.d.ts +0 -13
- package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
- package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
- package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
- package/lib/components/Toast/Toast.stories.d.ts +0 -6
- package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
- package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
- package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
- package/lib/components/Typography/Typography.stories.d.ts +0 -10
- package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
- package/lib/utils/debounce/debounce.stories.d.ts +0 -6
- package/lib/utils/ffID/ffID.stories.d.ts +0 -6
- package/lib/utils/find/findAndInsert.d.ts +0 -7
- package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
- package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
- package/lib/utils/throttle/throttle.stories.d.ts +0 -6
- package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
- /package/lib/components/{ExcelFile → Excel}/ContextMenu/ContextMenu.d.ts +0 -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/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/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/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/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/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/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/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/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/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/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/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.7.2"}
|
package/package.json
CHANGED
@@ -1,10 +1,3 @@
|
|
1
|
-
<svg width="
|
2
|
-
<
|
3
|
-
<path d="M11.1796 5.30667L9.786 3.85417C9.2568 3.30333 8.5536 3 7.806 3H6C4.8972 3 4 3.93458 4 5.08333V10.9167C4 12.0654 4.8972 13 6 13H10C11.1028 13 12 12.0654 12 10.9167V7.36875C12 6.58917 11.7084 5.8575 11.1796 5.30667ZM10.614 5.89625C10.7412 6.02833 10.8488 6.17542 10.936 6.33375H9.1996C8.9788 6.33375 8.7996 6.14667 8.7996 5.91708V4.10792C8.9516 4.19875 9.0928 4.31083 9.22 4.44333L10.6136 5.89583L10.614 5.89625ZM11.2 10.9171C11.2 11.6062 10.6616 12.1671 10 12.1671H6C5.3384 12.1671 4.8 11.6062 4.8 10.9171V5.08333C4.8 4.39417 5.3384 3.83333 6 3.83333H7.806C7.8712 3.83333 7.936 3.83667 8 3.84292V5.91667C8 6.60583 8.5384 7.16667 9.2 7.16667H11.1908C11.1968 7.23333 11.2 7.30083 11.2 7.36875V10.9171ZM9.4828 9.71083C9.6392 9.87333 9.6392 10.1371 9.4828 10.3L8.8376 10.9725C8.6068 11.2129 8.3032 11.3333 8 11.3333C7.6968 11.3333 7.3932 11.2129 7.1624 10.9725L6.5172 10.3C6.3608 10.1371 6.3608 9.87333 6.5172 9.71083C6.6736 9.54792 6.9264 9.54792 7.0828 9.71083L7.6 10.2496V8.41708C7.6 8.18708 7.7788 8.00042 8 8.00042C8.2212 8.00042 8.4 8.18708 8.4 8.41708V10.2496L8.9172 9.71083C9.0736 9.54792 9.3264 9.54792 9.4828 9.71083Z" fill="currentColor"/>
|
4
|
-
</g>
|
5
|
-
<defs>
|
6
|
-
<clipPath id="clip0_1306_9986">
|
7
|
-
<path d="M0 4C0 1.79086 1.79086 0 4 0H12C14.2091 0 16 1.79086 16 4V12C16 14.2091 14.2091 16 12 16H4C1.79086 16 0 14.2091 0 12V4Z" fill="white"/>
|
8
|
-
</clipPath>
|
9
|
-
</defs>
|
1
|
+
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M12.0873 3.69067L9.85758 1.36667C9.01086 0.485333 7.88574 0 6.68958 0H3.79998C2.0355 0 0.599976 1.49533 0.599976 3.33333V12.6667C0.599976 14.5047 2.0355 16 3.79998 16H10.2C11.9645 16 13.4 14.5047 13.4 12.6667V6.99C13.4 5.74267 12.9334 4.572 12.0873 3.69067ZM11.1824 4.634C11.3859 4.84533 11.5581 5.08067 11.6976 5.334H8.91934C8.56606 5.334 8.27934 5.03467 8.27934 4.66733V1.77267C8.52254 1.918 8.74846 2.09733 8.95198 2.30933L11.1817 4.63333L11.1824 4.634ZM12.12 12.6673C12.12 13.77 11.2585 14.6673 10.2 14.6673H3.79998C2.74142 14.6673 1.87998 13.77 1.87998 12.6673V3.33333C1.87998 2.23067 2.74142 1.33333 3.79998 1.33333H6.68958C6.7939 1.33333 6.89758 1.33867 6.99998 1.34867V4.66667C6.99998 5.76933 7.86142 6.66667 8.91998 6.66667H12.1053C12.1149 6.77333 12.12 6.88133 12.12 6.99V12.6673ZM9.37246 10.7373C9.62269 10.9973 9.62269 11.4193 9.37246 11.68L8.34014 12.756C7.97086 13.1407 7.4851 13.3333 6.99998 13.3333C6.51486 13.3333 6.0291 13.1407 5.65982 12.756L4.6275 11.68C4.37726 11.4193 4.37726 10.9973 4.6275 10.7373C4.87774 10.4767 5.28222 10.4767 5.53246 10.7373L6.35998 11.5993V8.66733C6.35998 8.29933 6.64606 8.00067 6.99998 8.00067C7.3539 8.00067 7.63998 8.29933 7.63998 8.66733V11.5993L8.4675 10.7373C8.71774 10.4767 9.12222 10.4767 9.37246 10.7373Z" fill="#71347B"/>
|
10
3
|
</svg>
|
@@ -2,23 +2,19 @@ import React from 'react';
|
|
2
2
|
import './AttachImage.scss';
|
3
3
|
import Icon from '../Icon/Icon';
|
4
4
|
import Tooltip from '../Tooltip';
|
5
|
-
|
6
|
-
export interface AttachImageProps {
|
7
|
-
imageSrc: string;
|
8
|
-
onExpandClick: () => void;
|
9
|
-
onDeleteClick: () => void;
|
10
|
-
onDownloadClick: () => void;
|
11
|
-
}
|
5
|
+
import { AttachImageProps } from './types';
|
12
6
|
|
13
7
|
const AttachImage: React.FC<AttachImageProps> = ({
|
14
8
|
imageSrc,
|
15
9
|
onExpandClick,
|
16
10
|
onDeleteClick,
|
17
11
|
onDownloadClick,
|
12
|
+
height = '75px',
|
13
|
+
width = '79px',
|
18
14
|
}) => {
|
19
15
|
return (
|
20
|
-
<div className="ff-attach-image-container">
|
21
|
-
<div className="ff-image-wrapper">
|
16
|
+
<div className="ff-attach-image-container" style={{ height, width }}>
|
17
|
+
<div className="ff-image-wrapper" style={{ height, width }}>
|
22
18
|
<img src={imageSrc} alt="Attached" />
|
23
19
|
<div className="ff-hover-icons">
|
24
20
|
<div className="ff-top-icons">
|
@@ -1,19 +1,26 @@
|
|
1
1
|
export interface AttachImageProps {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
2
|
+
/**
|
3
|
+
* The image source to display.
|
4
|
+
*/
|
5
|
+
imageSrc: string;
|
6
|
+
/**
|
7
|
+
* Function triggered when the expand icon is clicked.
|
8
|
+
*/
|
9
|
+
onExpandClick: () => void;
|
10
|
+
/**
|
11
|
+
* Function triggered when the delete icon is clicked.
|
12
|
+
*/
|
13
|
+
onDeleteClick: () => void;
|
14
|
+
/**
|
15
|
+
* Function triggered when the download icon is clicked.
|
16
|
+
*/
|
17
|
+
onDownloadClick: () => void;
|
18
|
+
/**
|
19
|
+
* Custom height for the component.
|
20
|
+
*/
|
21
|
+
height?: string;
|
22
|
+
/**
|
23
|
+
* Custom width for the component.
|
24
|
+
*/
|
25
|
+
width?: string;
|
26
|
+
}
|
@@ -51,8 +51,7 @@ const DonutChart: React.FC<DonutChartProps> = ({
|
|
51
51
|
// Calculate angles and gaps
|
52
52
|
const TOTAL_GAP_ANGLE = gapAngle * nonZeroValues.length;
|
53
53
|
let remainingAngle = 2 * Math.PI - TOTAL_GAP_ANGLE;
|
54
|
-
let currentAngle = Math.PI / 2;
|
55
|
-
|
54
|
+
let currentAngle = -Math.PI / 2;
|
56
55
|
const MIN_PERCENTAGE = 1;
|
57
56
|
const MIN_ANGLE = (MIN_PERCENTAGE / 100) * (2 * Math.PI);
|
58
57
|
let minAngleTotal = 0;
|
@@ -98,7 +97,11 @@ const DonutChart: React.FC<DonutChartProps> = ({
|
|
98
97
|
strokeWidth={lineWidth}
|
99
98
|
onMouseEnter={() => handleMouseEnter(normalizedStatus)}
|
100
99
|
onMouseLeave={handleMouseLeave}
|
101
|
-
strokeOpacity={
|
100
|
+
strokeOpacity={
|
101
|
+
hoveredStatus === null || hoveredStatus === normalizedStatus
|
102
|
+
? 0.8
|
103
|
+
: 0.3
|
104
|
+
}
|
102
105
|
/>
|
103
106
|
{/* Hover effect */}
|
104
107
|
{hoveredStatus === normalizedStatus && (
|
@@ -129,6 +132,8 @@ const DonutChart: React.FC<DonutChartProps> = ({
|
|
129
132
|
? 'ff-highlighted'
|
130
133
|
: 'ff-fade'
|
131
134
|
}`}
|
135
|
+
onMouseEnter={() => handleMouseEnter(statusKey)}
|
136
|
+
onMouseLeave={handleMouseLeave}
|
132
137
|
>
|
133
138
|
<div className="ff-status-label">
|
134
139
|
<div
|
@@ -6,6 +6,7 @@ import {
|
|
6
6
|
ArcResult,
|
7
7
|
ArcAnglesResult,
|
8
8
|
} from './types';
|
9
|
+
import Tooltip from '../../Tooltip';
|
9
10
|
|
10
11
|
const useColorMappings = () =>
|
11
12
|
useMemo(() => {
|
@@ -117,54 +118,59 @@ const RadialChart: React.FC<RadialChartProps> = ({
|
|
117
118
|
calculateArcAngles(status.value, total, currentAngle, radius);
|
118
119
|
currentAngle = endAngle;
|
119
120
|
return (
|
120
|
-
<
|
121
|
-
|
122
|
-
|
123
|
-
height={svgSize}
|
124
|
-
viewBox={`0 0 ${svgSize} ${svgSize}`}
|
125
|
-
onClick={() => onClick(status)}
|
126
|
-
role="img"
|
127
|
-
aria-label={`${status.status}: ${Math.round(percentage * 100)}%`}
|
121
|
+
<Tooltip
|
122
|
+
title={`${status.status}: ${Math.round(percentage * 100)}%`}
|
123
|
+
zIndex={1000}
|
128
124
|
>
|
129
|
-
<
|
130
|
-
|
131
|
-
|
132
|
-
}
|
125
|
+
<svg
|
126
|
+
key={status.status}
|
127
|
+
width={svgSize}
|
128
|
+
height={svgSize}
|
129
|
+
viewBox={`0 0 ${svgSize} ${svgSize}`}
|
130
|
+
onClick={() => onClick(status)}
|
131
|
+
role="img"
|
132
|
+
aria-label={`${status.status}: ${Math.round(percentage * 100)}%`}
|
133
133
|
>
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
stroke={
|
139
|
-
backgroundColorMapping[
|
140
|
-
normalizedStatus as keyof typeof colorMapping
|
141
|
-
]
|
142
|
-
}
|
143
|
-
strokeWidth={lineWidth}
|
144
|
-
/>
|
145
|
-
{/* Status Arc */}
|
146
|
-
<path
|
147
|
-
d={foregroundArcPath}
|
148
|
-
fill="none"
|
149
|
-
stroke={
|
150
|
-
colorMapping[normalizedStatus as keyof typeof colorMapping]
|
151
|
-
}
|
152
|
-
strokeWidth={lineWidth}
|
153
|
-
/>
|
154
|
-
{/* Percentage Text */}
|
155
|
-
<text
|
156
|
-
x="0"
|
157
|
-
y="0"
|
158
|
-
fill={
|
159
|
-
colorMapping[normalizedStatus as keyof typeof colorMapping]
|
160
|
-
}
|
161
|
-
textAnchor="middle"
|
162
|
-
dominantBaseline="central"
|
134
|
+
<g
|
135
|
+
transform={`translate(${radius + lineWidth}, ${
|
136
|
+
radius + lineWidth
|
137
|
+
})`}
|
163
138
|
>
|
164
|
-
{
|
165
|
-
|
166
|
-
|
167
|
-
|
139
|
+
{/* Background Circle */}
|
140
|
+
<path
|
141
|
+
d={backgroundArcPath}
|
142
|
+
fill="none"
|
143
|
+
stroke={
|
144
|
+
backgroundColorMapping[
|
145
|
+
normalizedStatus as keyof typeof colorMapping
|
146
|
+
]
|
147
|
+
}
|
148
|
+
strokeWidth={lineWidth}
|
149
|
+
/>
|
150
|
+
{/* Status Arc */}
|
151
|
+
<path
|
152
|
+
d={foregroundArcPath}
|
153
|
+
fill="none"
|
154
|
+
stroke={
|
155
|
+
colorMapping[normalizedStatus as keyof typeof colorMapping]
|
156
|
+
}
|
157
|
+
strokeWidth={lineWidth}
|
158
|
+
/>
|
159
|
+
{/* Percentage Text */}
|
160
|
+
<text
|
161
|
+
x="0"
|
162
|
+
y="0"
|
163
|
+
fill={
|
164
|
+
colorMapping[normalizedStatus as keyof typeof colorMapping]
|
165
|
+
}
|
166
|
+
textAnchor="middle"
|
167
|
+
dominantBaseline="central"
|
168
|
+
>
|
169
|
+
{`${Math.round(percentage * 100)}%`}
|
170
|
+
</text>
|
171
|
+
</g>
|
172
|
+
</svg>
|
173
|
+
</Tooltip>
|
168
174
|
);
|
169
175
|
})}
|
170
176
|
</div>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
.ff-create-variable-slider {
|
2
|
+
padding: 8px;
|
3
|
+
display: flex;
|
4
|
+
flex-direction: column;
|
5
|
+
gap: 8px;
|
6
|
+
.ff-hide-value-content {
|
7
|
+
display: flex;
|
8
|
+
align-items: center;
|
9
|
+
}
|
10
|
+
}
|
11
|
+
|
12
|
+
.ff-create-slider-footer {
|
13
|
+
width: 100%;
|
14
|
+
gap: 8px;
|
15
|
+
display: flex;
|
16
|
+
align-items: center;
|
17
|
+
justify-content: flex-end;
|
18
|
+
}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import { useState } from 'react';
|
3
|
+
import CreateVariableSlider from './CreateVariableSlider';
|
4
|
+
import { CreateVariableProps } from './types';
|
5
|
+
import React from 'react';
|
6
|
+
|
7
|
+
const meta: Meta<typeof CreateVariableSlider> = {
|
8
|
+
title: 'Components/CreateVariableSlider',
|
9
|
+
component: CreateVariableSlider,
|
10
|
+
};
|
11
|
+
|
12
|
+
export default meta;
|
13
|
+
type Story = StoryObj<typeof CreateVariableSlider>;
|
14
|
+
|
15
|
+
export const WithState: Story = {
|
16
|
+
render: (args) => {
|
17
|
+
const [variableName, setVariableName] = useState('');
|
18
|
+
const [value, setValue] = useState('');
|
19
|
+
const [selectedVariableType, setSelectedVariableType] = useState({
|
20
|
+
label: 'Local Variable',
|
21
|
+
value: 'LOCAL',
|
22
|
+
});
|
23
|
+
const [hideValue, setHideValue] = useState(false);
|
24
|
+
|
25
|
+
const variableTypeList = [
|
26
|
+
{ label: 'Local Variable', value: 'LOCAL' },
|
27
|
+
{ label: 'Global Variable', value: 'GLOBAL' },
|
28
|
+
{ label: 'Project Environment Variable', value: 'PROJECT_ENVIRONMENT' },
|
29
|
+
];
|
30
|
+
const handleNameChange = (value) => {
|
31
|
+
setVariableName(value);
|
32
|
+
};
|
33
|
+
const handleValueChange = (value) => {
|
34
|
+
setValue(value);
|
35
|
+
};
|
36
|
+
const handleTypeChange = (value) => {
|
37
|
+
setSelectedVariableType(value);
|
38
|
+
};
|
39
|
+
const handleSubmit = () => {
|
40
|
+
let variable = {
|
41
|
+
name: variableName,
|
42
|
+
value,
|
43
|
+
type: selectedVariableType.value,
|
44
|
+
hideValue,
|
45
|
+
};
|
46
|
+
console.log('Variable :', variable);
|
47
|
+
};
|
48
|
+
|
49
|
+
return (
|
50
|
+
<CreateVariableSlider
|
51
|
+
{...args}
|
52
|
+
isOpen={true} // Ensures the drawer is open for interaction
|
53
|
+
variableName={variableName}
|
54
|
+
value={value}
|
55
|
+
selectedVariableType={selectedVariableType}
|
56
|
+
hideValue={hideValue}
|
57
|
+
variableTypesList={variableTypeList}
|
58
|
+
onNameChange={handleNameChange}
|
59
|
+
onValueChange={handleValueChange}
|
60
|
+
onVariableTypeChange={handleTypeChange}
|
61
|
+
onHideChange={setHideValue}
|
62
|
+
handleSubmit={handleSubmit}
|
63
|
+
/>
|
64
|
+
);
|
65
|
+
},
|
66
|
+
};
|
@@ -0,0 +1,95 @@
|
|
1
|
+
import { type FC, type JSX } from 'react';
|
2
|
+
import Drawer from '../Drawer';
|
3
|
+
import { CreateVariableProps } from './types';
|
4
|
+
import Input from '../Input';
|
5
|
+
import Select from '../Select';
|
6
|
+
import './CreateVariableSlider.scss';
|
7
|
+
import Checkbox from '../Checkbox';
|
8
|
+
import Icon from '../Icon';
|
9
|
+
import Button from '../Button';
|
10
|
+
import Tooltip from '../Tooltip';
|
11
|
+
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
12
|
+
|
13
|
+
const CreateVariableSlider: FC<CreateVariableProps> = ({
|
14
|
+
isOpen,
|
15
|
+
variableTypesList = [],
|
16
|
+
onClose,
|
17
|
+
onNameChange,
|
18
|
+
onValueChange,
|
19
|
+
variableName,
|
20
|
+
value,
|
21
|
+
onVariableTypeChange,
|
22
|
+
selectedVariableType,
|
23
|
+
hideValue = false,
|
24
|
+
onHideChange,
|
25
|
+
handleSubmit,
|
26
|
+
}): JSX.Element => {
|
27
|
+
const FooterContent: FC = (): JSX.Element => {
|
28
|
+
return (
|
29
|
+
<div className="ff-create-slider-footer">
|
30
|
+
<Button onClick={onClose} label="Cancel" variant="tertiary" />
|
31
|
+
<Button
|
32
|
+
variant="primary"
|
33
|
+
label="create"
|
34
|
+
type="submit"
|
35
|
+
onClick={handleSubmit}
|
36
|
+
disabled={checkEmpty(variableName) || checkEmpty(value)}
|
37
|
+
/>
|
38
|
+
</div>
|
39
|
+
);
|
40
|
+
};
|
41
|
+
return (
|
42
|
+
<Drawer
|
43
|
+
onClose={onClose}
|
44
|
+
isOpen={isOpen}
|
45
|
+
title="Create Variable"
|
46
|
+
width="284px"
|
47
|
+
height="222px"
|
48
|
+
top="35%"
|
49
|
+
right={8}
|
50
|
+
isFooterRequired={true}
|
51
|
+
overlay
|
52
|
+
footerContent={<FooterContent />}
|
53
|
+
>
|
54
|
+
<div className="ff-create-variable-slider">
|
55
|
+
<Input
|
56
|
+
label="Variable Name"
|
57
|
+
required
|
58
|
+
type="text"
|
59
|
+
name="variable name"
|
60
|
+
value={variableName}
|
61
|
+
onChange={(event) => onNameChange(event.target.value)}
|
62
|
+
/>
|
63
|
+
<Select
|
64
|
+
label="Variable Type"
|
65
|
+
required
|
66
|
+
onChange={(option: any) => onVariableTypeChange(option)}
|
67
|
+
selectedOption={selectedVariableType}
|
68
|
+
optionsList={variableTypesList}
|
69
|
+
optionZIndex={99999}
|
70
|
+
/>
|
71
|
+
<Input
|
72
|
+
label="Variable Value"
|
73
|
+
required
|
74
|
+
type="text"
|
75
|
+
name="value"
|
76
|
+
value={value}
|
77
|
+
onChange={(event) => onValueChange(event.target.value)}
|
78
|
+
/>
|
79
|
+
<div className="ff-hide-value-content">
|
80
|
+
<Checkbox
|
81
|
+
onChange={(event) => onHideChange(event.target.checked)}
|
82
|
+
name="hide value"
|
83
|
+
label="Hide Value"
|
84
|
+
checked={hideValue}
|
85
|
+
/>
|
86
|
+
<Tooltip title="Once the value is hidden, it cannot be undone">
|
87
|
+
<Icon name="info" width={12} height={12} />
|
88
|
+
</Tooltip>
|
89
|
+
</div>
|
90
|
+
</div>
|
91
|
+
</Drawer>
|
92
|
+
);
|
93
|
+
};
|
94
|
+
|
95
|
+
export default CreateVariableSlider;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './CreateVariableSlider';
|
@@ -0,0 +1,58 @@
|
|
1
|
+
export type variableType = 'LOCAL' | 'GLOBAL' | 'GROUP' | 'PROJECT_ENVIRONMENT';
|
2
|
+
|
3
|
+
export type DynamicObj = {
|
4
|
+
[key: string]: any;
|
5
|
+
};
|
6
|
+
|
7
|
+
export interface CreateVariableProps {
|
8
|
+
/**
|
9
|
+
* Open Create variable Slider
|
10
|
+
*/
|
11
|
+
isOpen: boolean;
|
12
|
+
/**
|
13
|
+
* Value for the variable name
|
14
|
+
*/
|
15
|
+
variableName: string;
|
16
|
+
/**
|
17
|
+
* Value for the variable to be created
|
18
|
+
*/
|
19
|
+
value: string;
|
20
|
+
/**
|
21
|
+
* List for the variable types
|
22
|
+
*/
|
23
|
+
variableTypesList: DynamicObj[];
|
24
|
+
/**
|
25
|
+
* Selected variable type
|
26
|
+
*/
|
27
|
+
selectedVariableType: DynamicObj;
|
28
|
+
/**
|
29
|
+
* Function to handle variable type change
|
30
|
+
* @param option
|
31
|
+
* @returns
|
32
|
+
*/
|
33
|
+
onVariableTypeChange: (option: DynamicObj) => void;
|
34
|
+
/**
|
35
|
+
* Function to handle close
|
36
|
+
*/
|
37
|
+
onClose?: () => void;
|
38
|
+
/**
|
39
|
+
* onChange of name
|
40
|
+
*/
|
41
|
+
onNameChange: (value: string | boolean) => void;
|
42
|
+
/**
|
43
|
+
* onChange of value
|
44
|
+
*/
|
45
|
+
onValueChange: (value: string | boolean) => void;
|
46
|
+
/**
|
47
|
+
* Hide value
|
48
|
+
*/
|
49
|
+
hideValue: boolean;
|
50
|
+
/**
|
51
|
+
* onChange for hide value
|
52
|
+
*/
|
53
|
+
onHideChange: (value: boolean) => void;
|
54
|
+
/**
|
55
|
+
* Function to handle submit
|
56
|
+
*/
|
57
|
+
handleSubmit: () => void;
|
58
|
+
}
|
@@ -19,7 +19,6 @@
|
|
19
19
|
right: 0;
|
20
20
|
bottom: 0;
|
21
21
|
top: 87px;
|
22
|
-
min-width: 450px;
|
23
22
|
background-color: var(--primary-button-text-color);
|
24
23
|
z-index: 999;
|
25
24
|
transform: translateX(100%);
|
@@ -123,6 +122,7 @@
|
|
123
122
|
z-index: 1000;
|
124
123
|
background-color: var(--base-bg-color);
|
125
124
|
transform: translateY(3px);
|
125
|
+
border-radius: 0 0 4px 4px;
|
126
126
|
|
127
127
|
.button-container {
|
128
128
|
display: flex;
|