pixel-react 1.6.2 → 1.6.3
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/.yarn/install-state.gz +0 -0
- package/lib/components/Avatar/types.d.ts +9 -1
- package/lib/components/IconButton/types.d.ts +1 -0
- package/lib/components/TableTree/Components/TableBody.d.ts +4 -0
- package/lib/components/TableTree/Components/TableCell.d.ts +4 -0
- package/lib/components/TableTree/Components/TableHead.d.ts +4 -0
- package/lib/components/TableTree/Components/TableRow.d.ts +4 -0
- package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
- package/lib/components/TableTree/types.d.ts +37 -4
- package/lib/index.d.ts +14 -5
- package/lib/index.esm.js +51 -22
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +51 -22
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/icons/authorization_icon.svg +1 -0
- package/src/assets/icons/backward.svg +10 -0
- package/src/assets/icons/capture_icon.svg +6 -0
- package/src/assets/icons/forward.svg +3 -0
- package/src/assets/icons/project_status_icon.svg +10 -0
- package/src/assets/icons/refresh_icon.svg +4 -0
- package/src/assets/icons/rotate_icon.svg +10 -0
- package/src/assets/icons/swipe_icon.svg +9 -0
- package/src/assets/icons/tap_icon.svg +4 -0
- package/src/components/Avatar/Avatar.scss +4 -0
- package/src/components/Avatar/Avatar.stories.tsx +38 -18
- package/src/components/Avatar/Avatar.tsx +19 -3
- package/src/components/Avatar/types.ts +9 -1
- package/src/components/FileDropzone/FileDropzone.scss +0 -1
- package/src/components/Icon/iconList.ts +16 -0
- package/src/components/IconButton/IconButton.scss +11 -11
- package/src/components/IconButton/IconButton.tsx +2 -1
- package/src/components/IconButton/types.ts +1 -0
- package/src/components/Select/Select.scss +4 -0
- package/src/components/Select/Select.stories.tsx +1 -1
- package/src/components/Select/Select.tsx +1 -0
- package/src/components/TableTree/Components/TableBody.tsx +35 -0
- package/src/components/TableTree/Components/TableCell.tsx +59 -0
- package/src/components/TableTree/Components/TableHead.tsx +39 -0
- package/src/components/TableTree/Components/TableRow.tsx +37 -0
- package/src/components/TableTree/TableTree.scss +8 -5
- package/src/components/TableTree/TableTree.tsx +8 -44
- package/src/components/TableTree/Utils/getAllChildIds.ts +12 -0
- package/src/components/TableTree/Utils/renderSpaces.ts +0 -0
- package/src/components/TableTree/types.ts +42 -4
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/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/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"}
|
package/package.json
CHANGED
@@ -1,3 +1,4 @@
|
|
1
1
|
<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
2
|
<path d="M7.01996 1.20377C8.85437 1.81129 10.7372 2.52661 12.3472 3.151C12.4591 3.88383 12.6126 5.14073 12.6419 6.66013C12.6679 8.39079 12.5248 9.3455 12.4613 9.67831C12.3285 10.1368 12.0497 10.6349 11.6329 11.1587C11.1385 11.7793 10.4653 12.4246 9.6322 13.0762L9.63063 13.0774C8.44655 14.0068 7.35028 14.6059 7.01996 14.7784C6.68964 14.6062 5.59462 14.0084 4.41116 13.0796L4.40959 13.0784C3.57677 12.4271 2.90394 11.7821 2.41049 11.1618C2.01455 10.664 1.74329 10.1889 1.60329 9.74988C1.59954 9.73519 1.59548 9.7205 1.59079 9.7055C1.52829 9.49394 1.32735 8.64173 1.35766 6.54419C1.39079 5.20791 1.51329 4.01414 1.70454 3.14287C3.30957 2.5213 5.1868 1.80941 7.01996 1.20377ZM7.01996 0C6.92589 0 6.83152 0.0150003 6.73995 0.0453134C4.94273 0.63595 3.09926 1.32878 1.22453 2.05504C0.97234 2.15285 0.760773 2.3338 0.62327 2.5538C0.633896 2.55505 0.23795 3.79101 0.170449 6.52075C0.130448 9.25081 0.470455 10.0686 0.459205 10.0696C0.643271 10.6696 0.987652 11.2799 1.4811 11.9005C2.03267 12.5937 2.778 13.3096 3.67833 14.0134C5.16867 15.1831 6.56339 15.8822 6.62183 15.9069C6.74808 15.9688 6.88214 16 7.02027 16C7.15871 16 7.29309 15.9684 7.41934 15.9062C7.47809 15.8816 8.87437 15.1803 10.3641 14.0109C11.2647 13.3065 12.0101 12.5906 12.5619 11.8977C13.0907 11.233 13.4482 10.5808 13.621 9.9402C13.6141 9.93926 13.8642 8.93674 13.8295 6.6395C13.7854 4.34258 13.4654 2.64849 13.4698 2.64693C13.3366 2.38723 13.1032 2.17004 12.8176 2.0591C10.9425 1.33253 9.09875 0.63845 7.30121 0.0459384C7.20902 0.0156253 7.11434 0 7.01996 0Z" fill="currentColor"/>
|
3
|
+
<path d="M7.01901 11.0311C6.6765 11.0311 6.35462 10.898 6.11274 10.6558C5.87055 10.4136 5.73711 10.0918 5.73711 9.74956V8.7486C5.21335 8.35641 4.90021 7.74202 4.8999 7.07045C4.8999 5.91261 5.8418 4.97041 6.99963 4.97009C7.56058 4.97009 8.08809 5.18853 8.48466 5.58511C8.88123 5.98168 9.09998 6.50919 9.09998 7.07013C9.09998 7.72108 8.80092 8.32516 8.30059 8.71923V9.74956C8.30059 10.0921 8.16747 10.4139 7.92527 10.6558C7.68308 10.898 7.3612 11.0311 7.01901 11.0315V11.0311ZM6.99994 6.1573C6.49681 6.1573 6.08743 6.56669 6.08743 7.06982C6.08743 7.41858 6.2818 7.73202 6.59493 7.88765C6.79681 7.98796 6.92432 8.19391 6.92432 8.41922V9.74925C6.92432 9.80112 6.96682 9.84363 7.01869 9.84363C7.05088 9.84363 7.07276 9.82863 7.08526 9.81613C7.09776 9.80363 7.11276 9.78175 7.11276 9.74956V8.40047C7.11276 8.18109 7.2337 7.97953 7.42745 7.8764C7.72652 7.71702 7.91246 7.40827 7.91215 7.07013C7.91215 6.82638 7.81715 6.59731 7.64496 6.42481C7.47245 6.25262 7.24339 6.15762 6.99963 6.15762L6.99994 6.1573Z" fill="currentColor"/>
|
3
4
|
</svg>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g clip-path="url(#clip0_4584_13995)">
|
3
|
+
<path d="M15 8.36263L1 8.36263M1 8.36263L6.25 3M1 8.36263L6.25 13.7253" stroke="currentcolor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
|
4
|
+
</g>
|
5
|
+
<defs>
|
6
|
+
<clipPath id="clip0_4584_13995">
|
7
|
+
<rect width="16" height="16" fill="white" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 16 0)"/>
|
8
|
+
</clipPath>
|
9
|
+
</defs>
|
10
|
+
</svg>
|
@@ -0,0 +1,6 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M3.83333 14V13.5H3C2.72386 13.5 2.5 13.2761 2.5 13V12.1667H2V10.5H2.5V8.83333H2V7.16667H2.5V5.5H2V3.83333H2.5V3C2.5 2.72386 2.72386 2.5 3 2.5H3.83333V2H5.5V2.5H7.16667V2H8.83333V2.5H10.5V2H12.1667V2.5H13C13.2761 2.5 13.5 2.72386 13.5 3V3.83333H14V5.5H13.5V7.16667H14V8.83333H13.5V10.5H14V12.1667H13.5V13C13.5 13.2761 13.2761 13.5 13 13.5H12.1667V14H10.5V13.5H8.83333V14H7.16667V13.5H5.5V14H3.83333Z" stroke="currentcolor" stroke-dasharray="2 2"/>
|
3
|
+
<path d="M11 11H14V12H12V14H11V11Z" fill="currentcolor"/>
|
4
|
+
<rect x="12" y="12" width="2" height="2" fill=""/>
|
5
|
+
<rect x="11.4622" y="12.2595" width="1" height="2.5193" transform="rotate(-49.0426 11.4622 12.2595)" fill="currentcolor"/>
|
6
|
+
</svg>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M1.90479 8.57157H14.0953M14.0953 8.57157L9.52383 12.9797M14.0953 8.57157L9.52383 4.16341" stroke="currentcolor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
|
3
|
+
</svg>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M17.522 3.29551V9.46075C17.522 10.9867 16.8226 12.7579 15.5531 14.4481C14.0737 16.4173 11.8945 18.1555 9.25101 19.4748L8.99975 19.6L8.74849 19.4748C6.10501 18.1555 3.9258 16.4173 2.44637 14.4481C1.17694 12.7579 0.477539 10.9867 0.477539 9.46075V3.29551L4.6237 0.400024H13.3758L17.522 3.29551Z" fill="#00358F"/>
|
3
|
+
<path d="M17.5222 3.29551V9.46075C17.5222 10.9867 16.8228 12.7579 15.5534 14.4481C14.0739 16.4173 11.8947 18.1555 9.25126 19.4748L9 19.6V0.400024H13.376L17.5222 3.29551Z" fill="#012453"/>
|
4
|
+
<path d="M12.6677 2.65015H5.33164L2.72754 4.46859V9.46079C2.72754 11.1765 4.41548 14.5291 8.99966 17.0653C13.5838 14.5291 15.2718 11.1765 15.2718 9.46079V4.46859L12.6677 2.65015Z" fill="#00B3FE"/>
|
5
|
+
<path d="M15.2721 4.46859V9.46079C15.2721 11.1765 13.5842 14.5291 9 17.0653V2.65015H12.668L15.2721 4.46859Z" fill="#0274F9"/>
|
6
|
+
<path d="M12.8447 2.08765H5.15466L2.16504 4.17535V9.46081C2.16504 10.5581 2.72081 11.9524 3.68947 13.286C4.86889 14.9098 6.61084 16.387 8.72742 17.5578L8.99968 17.7085L9.27194 17.5578C11.3885 16.387 13.1305 14.9098 14.3099 13.286C15.2786 11.9524 15.8343 10.5581 15.8343 9.46081V4.17535L12.8447 2.08765ZM14.7093 9.46081C14.7093 10.9575 13.1826 14.0135 8.99968 16.4196C4.81677 14.0135 3.29008 10.9575 3.29008 9.46081V4.76188L5.50867 3.21269H12.4907L14.7093 4.76188V9.46081Z" fill="#EFF5FA"/>
|
7
|
+
<path d="M15.8346 4.17535V9.46081C15.8346 10.5581 15.2789 11.9524 14.3102 13.286C13.1308 14.9098 11.3888 16.387 9.27226 17.5578L9 17.7085V16.4196C13.1829 14.0135 14.7096 10.9575 14.7096 9.46081V4.76188L12.491 3.21269H9V2.08765H12.845L15.8346 4.17535Z" fill="#C6E1EC"/>
|
8
|
+
<path d="M12.591 6.93419L8.99983 10.6251L8.99233 10.633L8.07917 11.5712L5.40869 9.07365L6.1771 8.25199L8.04167 9.99618L8.99233 9.01965L8.99983 9.01177L11.7847 6.14966L12.591 6.93419Z" fill="#EFF5FA"/>
|
9
|
+
<path d="M12.5911 6.93419L9 10.6251V9.01177L11.7849 6.14966L12.5911 6.93419Z" fill="#C6E1EC"/>
|
10
|
+
</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="M14 14C13.8232 14 13.6537 13.9298 13.5286 13.8047C13.4036 13.6797 13.3334 13.5101 13.3334 13.3333V10.6667H10.6667C10.4899 10.6667 10.3203 10.5964 10.1953 10.4714C10.0703 10.3464 10 10.1768 10 10C10 9.82319 10.0703 9.65362 10.1953 9.5286C10.3203 9.40357 10.4899 9.33333 10.6667 9.33333H14C14.1769 9.33333 14.3464 9.40357 14.4714 9.5286C14.5965 9.65362 14.6667 9.82319 14.6667 10V13.3333C14.6667 13.5101 14.5965 13.6797 14.4714 13.8047C14.3464 13.9298 14.1769 14 14 14ZM5.33337 6.66667H2.00004C1.82323 6.66667 1.65366 6.59643 1.52864 6.4714C1.40361 6.34638 1.33337 6.17681 1.33337 6V2.66667C1.33337 2.48986 1.40361 2.32029 1.52864 2.19526C1.65366 2.07024 1.82323 2 2.00004 2C2.17685 2 2.34642 2.07024 2.47145 2.19526C2.59647 2.32029 2.66671 2.48986 2.66671 2.66667V5.33333H5.33337C5.51018 5.33333 5.67975 5.40357 5.80478 5.5286C5.9298 5.65362 6.00004 5.82319 6.00004 6C6.00004 6.17681 5.9298 6.34638 5.80478 6.4714C5.67975 6.59643 5.51018 6.66667 5.33337 6.66667Z" fill="currentcolor"/>
|
3
|
+
<path d="M7.99995 14.6666C6.35977 14.6669 4.77704 14.0626 3.55448 12.9692C2.33192 11.8757 1.55534 10.37 1.37328 8.73997C1.36365 8.65242 1.37136 8.56384 1.39597 8.47927C1.42057 8.3947 1.4616 8.3158 1.51669 8.24709C1.62796 8.10831 1.78981 8.01942 1.96662 7.99997C2.14343 7.98052 2.32072 8.03211 2.4595 8.14338C2.59828 8.25465 2.68717 8.41649 2.70662 8.59331C2.83839 9.79511 3.37458 10.9165 4.22728 11.7736C5.07999 12.6306 6.19859 13.1726 7.3997 13.3105C8.60081 13.4485 9.81315 13.1742 10.8379 12.5327C11.8627 11.8912 12.6392 10.9206 13.0399 9.77997C13.0649 9.69229 13.1077 9.61066 13.1655 9.54014C13.2232 9.46963 13.2949 9.41171 13.376 9.36998C13.457 9.32825 13.5458 9.3036 13.6368 9.29754C13.7277 9.29148 13.819 9.30414 13.9049 9.33475C13.9908 9.36536 14.0695 9.41326 14.1361 9.47549C14.2027 9.53772 14.2559 9.61296 14.2923 9.69655C14.3287 9.78014 14.3476 9.87032 14.3477 9.96149C14.3479 10.0527 14.3294 10.1429 14.2933 10.2266C13.8325 11.5269 12.9798 12.6522 11.8527 13.4474C10.7255 14.2426 9.3794 14.6686 7.99995 14.6666ZM13.96 7.99997C13.7951 8.00097 13.6358 7.94089 13.5127 7.83132C13.3896 7.72174 13.3114 7.57045 13.2933 7.40664C13.1556 6.21059 12.6173 5.09631 11.766 4.24504C10.9146 3.39377 9.80024 2.8556 8.60418 2.71807C7.40812 2.58054 6.20071 2.85174 5.17835 3.48755C4.15599 4.12337 3.37883 5.08639 2.97328 6.21997C2.94829 6.30766 2.90557 6.38928 2.84778 6.4598C2.78999 6.53032 2.71834 6.58823 2.63727 6.62996C2.55621 6.67169 2.46744 6.69635 2.37647 6.70241C2.28549 6.70847 2.19424 6.6958 2.10836 6.66519C2.02247 6.63459 1.94378 6.58669 1.87714 6.52446C1.8105 6.46223 1.75734 6.38699 1.72093 6.30339C1.68453 6.2198 1.66566 6.12963 1.66549 6.03845C1.66532 5.94728 1.68386 5.85703 1.71995 5.7733C2.2219 4.34935 3.19234 3.13796 4.47245 2.33738C5.75255 1.5368 7.2665 1.19445 8.76651 1.36637C10.2665 1.53828 11.6638 2.21428 12.7295 3.28372C13.7953 4.35317 14.4665 5.75271 14.6333 7.2533C14.652 7.42821 14.6009 7.60344 14.491 7.7408C14.3811 7.87817 14.2214 7.96653 14.0466 7.98664L13.96 7.99997Z" fill="currentcolor"/>
|
4
|
+
</svg>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g clip-path="url(#clip0_4584_14070)">
|
3
|
+
<path d="M10.6519 2.47368C11.6114 2.92652 12.437 3.61884 13.0482 4.48336C13.6595 5.34787 14.0358 6.35517 14.1404 7.40732H15.0183C14.8676 5.65951 14.0639 4.03158 12.7661 2.84524C11.4683 1.65889 9.77087 1.00044 8.00915 1H7.62308L9.85681 3.24256L10.6519 2.47368ZM6.34994 3.02288L13.019 9.66362L9.66837 13L2.99933 6.35469L6.34994 3.02288ZM6.34994 1.7643C6.11717 1.76444 5.89398 1.85663 5.72945 2.02059L1.99737 5.73684C1.91524 5.81809 1.85006 5.91471 1.80558 6.02113C1.7611 6.12756 1.73821 6.2417 1.73821 6.35698C1.73821 6.47226 1.7611 6.58639 1.80558 6.69282C1.85006 6.79925 1.91524 6.89587 1.99737 6.97712L9.04789 13.9977C9.21599 14.1591 9.43948 14.2507 9.67297 14.254C9.90574 14.2539 10.1289 14.1617 10.2934 13.9977L14.0209 10.2815C14.1036 10.2005 14.1693 10.104 14.2141 9.99754C14.259 9.89107 14.282 9.77678 14.282 9.66133C14.282 9.54588 14.259 9.43158 14.2141 9.32511C14.1693 9.21864 14.1036 9.12212 14.0209 9.04119L6.97502 2.02059C6.81049 1.85663 6.5873 1.76444 6.35453 1.7643H6.34994ZM5.38015 13.5492C4.4155 13.0955 3.58564 12.4002 2.97174 11.5314C2.35784 10.6626 1.98093 9.65002 1.87787 8.59268H1C1.15074 10.3405 1.95441 11.9684 3.25218 13.1548C4.54996 14.3411 6.24743 14.9996 8.00915 15H8.39523L6.16149 12.7757L5.38015 13.5492Z" fill="currentcolor"/>
|
4
|
+
</g>
|
5
|
+
<defs>
|
6
|
+
<clipPath id="clip0_4584_14070">
|
7
|
+
<rect width="16" height="16" fill="white" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 16 0)"/>
|
8
|
+
</clipPath>
|
9
|
+
</defs>
|
10
|
+
</svg>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M13.5739 9.27756V14.1579C13.5739 15.7274 12.3683 16.9998 10.8829 16.9998H7.97215C7.12796 16.9998 6.31301 16.6363 5.74713 15.9741C5.49034 15.6738 5.24124 15.3119 5.05826 14.8899L2.58107 9.9154C2.3397 9.42873 2.51921 8.8338 2.97317 8.58129C3.6436 8.20962 4.47241 8.48066 4.82454 9.18992L5.60875 10.7642V3.66524C5.60875 3.0696 6.07005 2.5535 6.63437 2.56971C7.16572 2.58611 7.60002 3.04444 7.60002 3.61978V7.92719C7.60002 7.34617 8.04594 6.87711 8.59643 6.87711C9.14374 6.87711 9.59129 7.34373 9.59129 7.92719V8.50175C9.59129 7.9207 10.0372 7.45165 10.5877 7.45165C11.1361 7.45165 11.5826 7.91952 11.5826 8.50175V9.27753C11.5826 8.69649 12.0285 8.22746 12.579 8.22746C13.1274 8.22746 13.5739 8.69533 13.5739 9.27756Z" fill="#ffffff" stroke="currentcolor" stroke-linejoin="round"/>
|
3
|
+
<mask id="path-2-outside-1_8001_33053" maskUnits="userSpaceOnUse" x="-0.573853" y="0" width="6" height="9" fill="currentcolor">
|
4
|
+
<rect fill="white" x="-0.573853" width="6" height="9"/>
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.49785 1.00001C2.57712 0.999346 2.65342 1.0302 2.70996 1.08578L4.51888 2.86463C4.57382 2.92056 4.60459 2.99583 4.60456 3.07423C4.60454 3.15263 4.57372 3.22788 4.51875 3.28378C4.46378 3.33968 4.38906 3.37175 4.31067 3.37309C4.23229 3.37443 4.15651 3.34492 4.09967 3.29093L2.81729 2.02988L2.87005 7.1985L4.14046 5.90189C4.19629 5.84686 4.2715 5.81595 4.3499 5.81583C4.4283 5.81571 4.50361 5.84639 4.55961 5.90126C4.6156 5.95612 4.64781 6.03079 4.64929 6.10917C4.65078 6.18756 4.62141 6.26339 4.56753 6.32033L2.79198 8.1325C2.73649 8.18912 2.66077 8.22139 2.5815 8.2222C2.50222 8.22301 2.42587 8.1923 2.36923 8.13682L0.557056 6.36127C0.50202 6.30544 0.471113 6.23022 0.470994 6.15183C0.470875 6.07343 0.501553 5.99812 0.55642 5.94212C0.611287 5.88612 0.685953 5.85392 0.764337 5.85243C0.84272 5.85095 0.91855 5.88032 0.975494 5.9342L2.25067 7.18361L2.20742 2.02318L0.934648 3.31746C0.878716 3.37239 0.803445 3.40316 0.725047 3.40314C0.64665 3.40311 0.571398 3.3723 0.5155 3.31733C0.459601 3.26236 0.427529 3.18764 0.426191 3.10925C0.424853 3.03086 0.454356 2.95509 0.508345 2.89824L2.2872 1.08932C2.3428 1.0328 2.41857 1.00067 2.49785 1.00001Z"/>
|
6
|
+
</mask>
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.49785 1.00001C2.57712 0.999346 2.65342 1.0302 2.70996 1.08578L4.51888 2.86463C4.57382 2.92056 4.60459 2.99583 4.60456 3.07423C4.60454 3.15263 4.57372 3.22788 4.51875 3.28378C4.46378 3.33968 4.38906 3.37175 4.31067 3.37309C4.23229 3.37443 4.15651 3.34492 4.09967 3.29093L2.81729 2.02988L2.87005 7.1985L4.14046 5.90189C4.19629 5.84686 4.2715 5.81595 4.3499 5.81583C4.4283 5.81571 4.50361 5.84639 4.55961 5.90126C4.6156 5.95612 4.64781 6.03079 4.64929 6.10917C4.65078 6.18756 4.62141 6.26339 4.56753 6.32033L2.79198 8.1325C2.73649 8.18912 2.66077 8.22139 2.5815 8.2222C2.50222 8.22301 2.42587 8.1923 2.36923 8.13682L0.557056 6.36127C0.50202 6.30544 0.471113 6.23022 0.470994 6.15183C0.470875 6.07343 0.501553 5.99812 0.55642 5.94212C0.611287 5.88612 0.685953 5.85392 0.764337 5.85243C0.84272 5.85095 0.91855 5.88032 0.975494 5.9342L2.25067 7.18361L2.20742 2.02318L0.934648 3.31746C0.878716 3.37239 0.803445 3.40316 0.725047 3.40314C0.64665 3.40311 0.571398 3.3723 0.5155 3.31733C0.459601 3.26236 0.427529 3.18764 0.426191 3.10925C0.424853 3.03086 0.454356 2.95509 0.508345 2.89824L2.2872 1.08932C2.3428 1.0328 2.41857 1.00067 2.49785 1.00001Z" fill="currentcolor"/>
|
8
|
+
<path d="M2.70996 1.08578L2.85019 0.943175L2.85017 0.943154L2.70996 1.08578ZM2.49785 1.00001L2.49952 1.2L2.49785 1.00001ZM4.51888 2.86463L4.66159 2.72447L4.65911 2.72203L4.51888 2.86463ZM4.60456 3.07423L4.40456 3.07417V3.07417L4.60456 3.07423ZM4.31067 3.37309L4.31409 3.57306H4.31409L4.31067 3.37309ZM4.09967 3.29093L3.95941 3.43356L3.96193 3.43595L4.09967 3.29093ZM2.81729 2.02988L2.95752 1.88728L2.61236 1.54785L2.6173 2.03192L2.81729 2.02988ZM2.87005 7.1985L2.67006 7.20054L2.67499 7.68336L3.01291 7.33847L2.87005 7.1985ZM4.14046 5.90189L4.00003 5.75944L3.9976 5.76192L4.14046 5.90189ZM4.3499 5.81583L4.3502 6.01583H4.35021L4.3499 5.81583ZM4.55961 5.90126L4.69958 5.7584L4.69958 5.7584L4.55961 5.90126ZM4.64929 6.10917L4.84926 6.10539L4.64929 6.10917ZM4.56753 6.32033L4.71041 6.46032L4.7128 6.4578L4.56753 6.32033ZM2.79198 8.1325L2.93482 8.27249L2.93484 8.27247L2.79198 8.1325ZM2.5815 8.2222L2.57946 8.02221L2.5815 8.2222ZM2.36923 8.13682L2.22926 8.27968L2.22928 8.2797L2.36923 8.13682ZM0.557056 6.36127L0.414603 6.5017L0.417086 6.50413L0.557056 6.36127ZM0.470994 6.15183L0.670994 6.15152L0.470994 6.15183ZM0.55642 5.94212L0.699277 6.08209L0.699278 6.08209L0.55642 5.94212ZM0.764337 5.85243L0.768115 6.0524H0.768116L0.764337 5.85243ZM0.975494 5.9342L1.11549 5.79132L1.11296 5.78893L0.975494 5.9342ZM2.25067 7.18361L2.1107 7.32646L2.4547 7.66351L2.45066 7.18193L2.25067 7.18361ZM2.20742 2.02318L2.40741 2.0215L2.40336 1.53867L2.06482 1.88294L2.20742 2.02318ZM0.934648 3.31746L1.07481 3.46017L1.07725 3.45769L0.934648 3.31746ZM0.725047 3.40314L0.725109 3.20314H0.725109L0.725047 3.40314ZM0.5155 3.31733L0.375268 3.45993L0.375269 3.45993L0.5155 3.31733ZM0.426191 3.10925L0.22622 3.11266L0.426191 3.10925ZM0.508345 2.89824L0.365722 2.75799L0.363328 2.76051L0.508345 2.89824ZM2.2872 1.08932L2.14462 0.949067L2.1446 0.949088L2.2872 1.08932ZM2.85017 0.943154C2.75581 0.850394 2.62848 0.798909 2.49617 0.800018L2.49952 1.2C2.52577 1.19978 2.55103 1.21 2.56975 1.2284L2.85017 0.943154ZM4.65911 2.72203L2.85019 0.943175L2.56973 1.22838L4.37865 3.00723L4.65911 2.72203ZM4.80456 3.07429C4.8046 2.94345 4.75325 2.81783 4.66157 2.72449L4.37619 3.00477C4.39438 3.02329 4.40457 3.04821 4.40456 3.07417L4.80456 3.07429ZM4.66136 3.42401C4.75309 3.33072 4.80452 3.20513 4.80456 3.07429L4.40456 3.07417C4.40455 3.10013 4.39435 3.12504 4.37615 3.14355L4.66136 3.42401ZM4.31409 3.57306C4.44491 3.57083 4.56962 3.5173 4.66136 3.42401L4.37615 3.14355C4.35795 3.16206 4.33321 3.17267 4.30726 3.17312L4.31409 3.57306ZM3.96193 3.43595C4.0568 3.52605 4.18327 3.57529 4.31409 3.57306L4.30726 3.17312C4.28131 3.17356 4.25622 3.16379 4.2374 3.14592L3.96193 3.43595ZM2.67706 2.17248L3.95943 3.43354L4.2399 3.14833L2.95752 1.88728L2.67706 2.17248ZM3.07004 7.19646L3.01728 2.02784L2.6173 2.03192L2.67006 7.20054L3.07004 7.19646ZM3.9976 5.76192L2.7272 7.05853L3.01291 7.33847L4.28332 6.04186L3.9976 5.76192ZM4.3496 5.61583C4.21876 5.61603 4.09323 5.66761 4.00005 5.75946L4.28086 6.04433C4.29935 6.0261 4.32425 6.01587 4.3502 6.01583L4.3496 5.61583ZM4.69958 5.7584C4.60612 5.66683 4.48044 5.61563 4.3496 5.61583L4.35021 6.01583C4.37616 6.01579 4.4011 6.02595 4.41964 6.04412L4.69958 5.7584ZM4.84926 6.10539C4.84679 5.97458 4.79303 5.84997 4.69958 5.7584L4.41964 6.04412C4.43818 6.06228 4.44884 6.087 4.44933 6.11295L4.84926 6.10539ZM4.7128 6.4578C4.80272 6.36276 4.85173 6.23621 4.84926 6.10539L4.44933 6.11295C4.44982 6.13891 4.4401 6.16401 4.42226 6.18287L4.7128 6.4578ZM2.93484 8.27247L4.71038 6.4603L4.42467 6.18036L2.64912 7.99253L2.93484 8.27247ZM2.58354 8.42219C2.71585 8.42084 2.8422 8.36699 2.93482 8.27249L2.64914 7.99251C2.63077 8.01126 2.6057 8.02194 2.57946 8.02221L2.58354 8.42219ZM2.22928 8.2797C2.3238 8.37228 2.45123 8.42354 2.58354 8.42219L2.57946 8.02221C2.55321 8.02247 2.52793 8.01231 2.50918 7.99394L2.22928 8.2797ZM0.417086 6.50413L2.22926 8.27968L2.5092 7.99396L0.697027 6.21841L0.417086 6.50413ZM0.270995 6.15213C0.271193 6.28297 0.322773 6.4085 0.414625 6.50167L0.699488 6.22087C0.681266 6.20238 0.671034 6.17748 0.670994 6.15152L0.270995 6.15213ZM0.413563 5.80215C0.321995 5.89561 0.270796 6.02129 0.270995 6.15213L0.670994 6.15152C0.670955 6.12557 0.681112 6.10063 0.699277 6.08209L0.413563 5.80215ZM0.760558 5.65247C0.629742 5.65494 0.50513 5.7087 0.413562 5.80215L0.699278 6.08209C0.717443 6.06355 0.742164 6.05289 0.768115 6.0524L0.760558 5.65247ZM1.11296 5.78893C1.01793 5.699 0.891373 5.65 0.760557 5.65247L0.768116 6.0524C0.794068 6.05191 0.819174 6.06163 0.838027 6.07947L1.11296 5.78893ZM2.39064 7.04075L1.11546 5.79135L0.835523 6.07706L2.1107 7.32646L2.39064 7.04075ZM2.00743 2.02485L2.05068 7.18528L2.45066 7.18193L2.40741 2.0215L2.00743 2.02485ZM1.07725 3.45769L2.35002 2.16341L2.06482 1.88294L0.792046 3.17723L1.07725 3.45769ZM0.724985 3.60314C0.855824 3.60318 0.981445 3.55183 1.07479 3.46015L0.794505 3.17477C0.775986 3.19296 0.751065 3.20315 0.725109 3.20314L0.724985 3.60314ZM0.375269 3.45993C0.468558 3.55167 0.594146 3.6031 0.724986 3.60314L0.725109 3.20314C0.699153 3.20313 0.674238 3.19293 0.655731 3.17473L0.375269 3.45993ZM0.22622 3.11266C0.228454 3.24348 0.281979 3.36819 0.375268 3.45993L0.655731 3.17473C0.637224 3.15653 0.626605 3.13179 0.626162 3.10584L0.22622 3.11266ZM0.363328 2.76051C0.273225 2.85538 0.223987 2.98184 0.22622 3.11266L0.626162 3.10584C0.625719 3.07988 0.635487 3.0548 0.653362 3.03598L0.363328 2.76051ZM2.1446 0.949088L0.365743 2.75801L0.650947 3.03847L2.4298 1.22955L2.1446 0.949088ZM2.49617 0.800018C2.36386 0.801126 2.23741 0.854739 2.14462 0.949067L2.42978 1.22957C2.44819 1.21086 2.47327 1.20022 2.49952 1.2L2.49617 0.800018Z" fill="currentcolor" mask="url(#path-2-outside-1_8001_33053)"/>
|
9
|
+
</svg>
|
@@ -0,0 +1,4 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<rect x="2.4209" width="4.26667" height="4.26667" rx="2.13333" fill="currentcolor"/>
|
3
|
+
<path d="M11.3333 8.57942V13.2691C11.3333 14.7772 10.1749 16 8.7475 16H5.95043C5.13922 16 4.35611 15.6506 3.81234 15.0143C3.56558 14.7258 3.32621 14.378 3.15038 13.9725L0.769979 9.19234C0.538043 8.7247 0.710535 8.15301 1.14677 7.91036C1.791 7.55321 2.58742 7.81366 2.92579 8.49521L3.67937 10.008V3.18639C3.67937 2.61402 4.12264 2.11808 4.66492 2.13366C5.1755 2.14942 5.59284 2.58985 5.59284 3.1427V7.28182C5.59284 6.7235 6.02133 6.27277 6.55032 6.27277C7.07624 6.27277 7.50631 6.72116 7.50631 7.28182V7.83392C7.50631 7.27558 7.9348 6.82486 8.46379 6.82486C8.99072 6.82486 9.4198 7.27445 9.4198 7.83392V8.5794C9.4198 8.02106 9.8483 7.57036 10.3773 7.57036C10.9042 7.57036 11.3333 8.01995 11.3333 8.57942Z" fill="white" stroke="currentcolor" stroke-linejoin="round"/>
|
4
|
+
</svg>
|
@@ -9,12 +9,12 @@ const meta: Meta<typeof Avatar> = {
|
|
9
9
|
layout: 'centered',
|
10
10
|
},
|
11
11
|
argTypes: {
|
12
|
-
|
13
|
-
|
14
|
-
|
12
|
+
variant: {
|
13
|
+
control: { type: 'radio' },
|
14
|
+
options: ['small', 'medium', 'large'],
|
15
|
+
},
|
15
16
|
},
|
16
|
-
}
|
17
|
-
}
|
17
|
+
};
|
18
18
|
export default meta;
|
19
19
|
|
20
20
|
type Story = StoryObj<typeof meta>;
|
@@ -41,16 +41,36 @@ export const Large: Story = {
|
|
41
41
|
};
|
42
42
|
|
43
43
|
export const CustomAvatarSize: Story = {
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
44
|
+
args: {
|
45
|
+
customAvatarSize: 30,
|
46
|
+
iconName: 'accordion_header_icon',
|
47
|
+
},
|
48
|
+
};
|
49
|
+
|
50
|
+
export const CustomIconSize: Story = {
|
51
|
+
args: {
|
52
|
+
customIconSize: 30,
|
53
|
+
customAvatarSize: 40,
|
54
|
+
iconName: 'accordion_header_icon',
|
55
|
+
},
|
56
|
+
};
|
57
|
+
|
58
|
+
export const WithLabel: Story = {
|
59
|
+
args: {
|
60
|
+
label: 'AB',
|
61
|
+
customAvatarSize: 40,
|
62
|
+
labelFontSize: '16px',
|
63
|
+
backgroundColor: '#E0E0E0',
|
64
|
+
iconColor: '#333',
|
65
|
+
},
|
66
|
+
};
|
67
|
+
|
68
|
+
export const LabelWithCustomSize: Story = {
|
69
|
+
args: {
|
70
|
+
label: 'XY',
|
71
|
+
customAvatarSize: 50,
|
72
|
+
labelFontSize: '20px',
|
73
|
+
backgroundColor: '#F5A623',
|
74
|
+
iconColor: '#FFF',
|
75
|
+
},
|
76
|
+
};
|
@@ -9,15 +9,31 @@ const Avatar: React.FC<AvatarProps> = ({
|
|
9
9
|
iconColor= 'var(--avatar-icon-color)',
|
10
10
|
customAvatarSize,
|
11
11
|
customIconSize,
|
12
|
-
backgroundColor
|
12
|
+
backgroundColor,
|
13
|
+
label,
|
14
|
+
labelFontSize,
|
13
15
|
}) => {
|
14
|
-
|
16
|
+
const truncatedLabel = label?.slice(0, 2);
|
15
17
|
return (
|
16
18
|
<div
|
17
19
|
className={`ff-avatar ff-avatar--${variant}`}
|
18
20
|
style={{ height: `${customAvatarSize}px`, width: `${customAvatarSize}px`, backgroundColor }}
|
19
21
|
>
|
20
|
-
|
22
|
+
{label ? (
|
23
|
+
<span
|
24
|
+
className="ff-avatar-label"
|
25
|
+
style={{ fontSize: labelFontSize || '14px', color: iconColor }}
|
26
|
+
>
|
27
|
+
{truncatedLabel}
|
28
|
+
</span>
|
29
|
+
) : (
|
30
|
+
<Icon
|
31
|
+
name={iconName!}
|
32
|
+
height={customIconSize}
|
33
|
+
width={customIconSize}
|
34
|
+
color={iconColor}
|
35
|
+
/>
|
36
|
+
)}
|
21
37
|
</div>
|
22
38
|
);
|
23
39
|
};
|
@@ -10,7 +10,7 @@ export interface AvatarProps {
|
|
10
10
|
/**
|
11
11
|
* This property specifies the name of the icon to be displayed within the avatar.
|
12
12
|
*/
|
13
|
-
iconName
|
13
|
+
iconName?: string;
|
14
14
|
/**
|
15
15
|
* This property allows you to customize the color of the icon within the avatar.
|
16
16
|
*/
|
@@ -24,4 +24,12 @@ export interface AvatarProps {
|
|
24
24
|
* This property allows you to set a custom size for the icon within the avatar.
|
25
25
|
*/
|
26
26
|
customIconSize?: number;
|
27
|
+
/**
|
28
|
+
* This property specifies the label to display inside the avatar, used as an alternative to the icon.
|
29
|
+
*/
|
30
|
+
label?: string;
|
31
|
+
/**
|
32
|
+
* This property allows you to customize the font size of the label inside the avatar.
|
33
|
+
*/
|
34
|
+
labelFontSize?: string;
|
27
35
|
}
|
@@ -222,6 +222,14 @@ import AddToArchive from '../../assets/icons/add_archive.svg?react';
|
|
222
222
|
import DashboardIcon from '../../assets/icons/dashboard_icon.svg?react'; //TODO:this is temporary icon
|
223
223
|
import InfoUser from '../../assets/icons/info_user.svg?react';
|
224
224
|
import WebServiceIcon from '../../assets/icons/web_service_icon.svg?react';
|
225
|
+
import ProjectStatusIcon from '../../assets/icons/project_status_icon.svg?react';
|
226
|
+
import captureIcon from '../../assets/icons/capture_icon.svg?react';
|
227
|
+
import rotateIcon from '../../assets/icons/rotate_icon.svg?react';
|
228
|
+
import tapIcon from '../../assets/icons/tap_icon.svg?react';
|
229
|
+
import refreshIcon from '../../assets/icons/refresh_icon.svg?react';
|
230
|
+
import swipeIcon from '../../assets/icons/swipe_icon.svg?react';
|
231
|
+
import backward from '../../assets/icons/backward.svg?react';
|
232
|
+
import forward from '../../assets/icons/forward.svg?react';
|
225
233
|
|
226
234
|
Components['success'] = ToastSuccessIcon;
|
227
235
|
Components['alert'] = Alert;
|
@@ -442,5 +450,13 @@ Components['remove_user'] = RemoveUser;
|
|
442
450
|
Components['dashboard_icon'] = DashboardIcon; //TODO:this is temporary icon
|
443
451
|
Components['info_user'] = InfoUser;
|
444
452
|
Components['web_service_icon'] = WebServiceIcon;
|
453
|
+
Components['project_status_icon'] = ProjectStatusIcon;
|
454
|
+
Components['capture_icon'] = captureIcon;
|
455
|
+
Components['backward'] = backward;
|
456
|
+
Components['forward'] = forward;
|
457
|
+
Components['refresh_icon'] = refreshIcon;
|
458
|
+
Components['rotate_icon'] = rotateIcon;
|
459
|
+
Components['tap_icon'] = tapIcon;
|
460
|
+
Components['swipe_icon'] = swipeIcon;
|
445
461
|
|
446
462
|
export default Components;
|
@@ -9,32 +9,32 @@
|
|
9
9
|
cursor: pointer;
|
10
10
|
@include mixins.center-content();
|
11
11
|
gap: 8px;
|
12
|
-
background-color: var(--
|
12
|
+
background-color: var(--hover-color);
|
13
13
|
padding: 2px 8px 2px 2px;
|
14
|
-
border: 1px solid
|
14
|
+
border: 1px solid var(--secondary-icon-color);
|
15
15
|
.button-icon {
|
16
16
|
width: 20px;
|
17
17
|
height: 20px;
|
18
|
-
border: 1px solid
|
18
|
+
border: 1px solid var(--primary-icon-color);
|
19
19
|
border-radius: 50%;
|
20
20
|
@include mixins.center-content();
|
21
|
-
background-color: var(--
|
21
|
+
background-color: var(--secondary-icon-color);
|
22
22
|
.ff-icon-color {
|
23
23
|
path {
|
24
|
-
color: var(--
|
24
|
+
color: var(--primary-icon-color);
|
25
25
|
}
|
26
26
|
}
|
27
27
|
}
|
28
28
|
.icon-name {
|
29
|
-
color: var(--
|
29
|
+
color: var(--secondary-icon-color);
|
30
30
|
@include mixins.center-content();
|
31
31
|
}
|
32
32
|
&:hover {
|
33
|
-
border: 1px solid
|
34
|
-
background-color: var(--
|
33
|
+
border: 1px solid transparent;
|
34
|
+
background-color: var(--secondary-icon-color);
|
35
35
|
.icon-name {
|
36
36
|
font-weight: 600;
|
37
|
-
color: var(--
|
37
|
+
color: var(--primary-icon-color);
|
38
38
|
@include mixins.center-content();
|
39
39
|
}
|
40
40
|
.button-icon {
|
@@ -43,10 +43,10 @@
|
|
43
43
|
border: 1px solid transparent;
|
44
44
|
border-radius: 50%;
|
45
45
|
@include mixins.center-content();
|
46
|
-
background-color: var(--
|
46
|
+
background-color: var(--hover-color);
|
47
47
|
.ff-icon-color {
|
48
48
|
path {
|
49
|
-
color: var(--
|
49
|
+
color: var(--secondary-icon-color);
|
50
50
|
}
|
51
51
|
}
|
52
52
|
}
|
@@ -9,9 +9,10 @@ const IconButton: React.FC<IconButtonProps> = ({
|
|
9
9
|
label,
|
10
10
|
iconName = 'plus_user_icon',
|
11
11
|
onClick,
|
12
|
+
ref,
|
12
13
|
}) => {
|
13
14
|
return (
|
14
|
-
<button onClick={onClick} className={classNames('ff-plus-icon')}>
|
15
|
+
<button onClick={onClick} className={classNames('ff-plus-icon')} ref={ref}>
|
15
16
|
<div className={classNames('button-icon')}>
|
16
17
|
<Icon
|
17
18
|
height={12}
|
@@ -171,6 +171,7 @@ const Select: FC<SelectProps> = ({
|
|
171
171
|
id="select-input-element"
|
172
172
|
className={classNames('ff-select-inputField', {
|
173
173
|
'ff-select-inputField__disabled': disabled,
|
174
|
+
'ff-select-inputField__readonly': disableInput,
|
174
175
|
})}
|
175
176
|
onFocus={handleFocus}
|
176
177
|
value={searchedOption}
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TableBodyProps } from '../types';
|
3
|
+
import TableRow from './TableRow';
|
4
|
+
|
5
|
+
const TableBody = React.memo(
|
6
|
+
({
|
7
|
+
flattenedTreeData,
|
8
|
+
columnsData,
|
9
|
+
selected,
|
10
|
+
select,
|
11
|
+
onRowClick,
|
12
|
+
onToggleExpand,
|
13
|
+
onCheckBoxChange,
|
14
|
+
}: TableBodyProps) => (
|
15
|
+
<tbody>
|
16
|
+
{flattenedTreeData.map(({ node, level }) => {
|
17
|
+
return (
|
18
|
+
<TableRow
|
19
|
+
key={node.id}
|
20
|
+
node={node}
|
21
|
+
level={level}
|
22
|
+
columnsData={columnsData}
|
23
|
+
selected={selected}
|
24
|
+
select={select}
|
25
|
+
onRowClick={onRowClick}
|
26
|
+
onToggleExpand={onToggleExpand}
|
27
|
+
onCheckBoxChange={onCheckBoxChange}
|
28
|
+
/>
|
29
|
+
);
|
30
|
+
})}
|
31
|
+
</tbody>
|
32
|
+
)
|
33
|
+
);
|
34
|
+
|
35
|
+
export default TableBody;
|
@@ -0,0 +1,59 @@
|
|
1
|
+
import { prepareData } from '../../../utils/TableCell/TableCell';
|
2
|
+
import Checkbox from '../../Checkbox';
|
3
|
+
import RadioButton from '../../RadioButton';
|
4
|
+
import { TableCellProps } from '../types';
|
5
|
+
import Arrow from '../../../assets/icons/arrows_down_icon.svg?react';
|
6
|
+
import React from 'react';
|
7
|
+
|
8
|
+
const renderSpaces = (level: number) =>
|
9
|
+
Array.from({ length: level }).map((_, i) => (
|
10
|
+
<span key={i} className="tree-table-space-block" />
|
11
|
+
));
|
12
|
+
|
13
|
+
const TableCell = React.memo(
|
14
|
+
({
|
15
|
+
col,
|
16
|
+
node,
|
17
|
+
level,
|
18
|
+
selected,
|
19
|
+
select,
|
20
|
+
onCheckBoxChange,
|
21
|
+
onToggleExpand,
|
22
|
+
}: TableCellProps) => (
|
23
|
+
<td>
|
24
|
+
{col.isTree && renderSpaces(level + 1)}
|
25
|
+
{col.isTree && (
|
26
|
+
<span
|
27
|
+
className={`tree-table-space-block last-block ${
|
28
|
+
node.isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'
|
29
|
+
} ${node.folder ? '' : 'no-folder'}`}
|
30
|
+
onClick={() => onToggleExpand(node)}
|
31
|
+
>
|
32
|
+
{node.folder && <Arrow />}
|
33
|
+
</span>
|
34
|
+
)}
|
35
|
+
<span className="tree-table-td-content">
|
36
|
+
{col.isTree && select === 'checkbox' && (
|
37
|
+
<Checkbox
|
38
|
+
checked={selected.includes(node.id)}
|
39
|
+
onChange={() => onCheckBoxChange('checkbox', node)}
|
40
|
+
/>
|
41
|
+
)}
|
42
|
+
{col.isTree && select === 'radio' && (
|
43
|
+
<RadioButton
|
44
|
+
name={node.title}
|
45
|
+
checked={selected.includes(node.id)}
|
46
|
+
value={node.id}
|
47
|
+
onChange={() => onCheckBoxChange('radio', node)}
|
48
|
+
/>
|
49
|
+
)}
|
50
|
+
{prepareData(node, col)}
|
51
|
+
</span>
|
52
|
+
{col.actions && (
|
53
|
+
<div className="table-tree-row-action">{col.actions(node)}</div>
|
54
|
+
)}
|
55
|
+
</td>
|
56
|
+
)
|
57
|
+
);
|
58
|
+
|
59
|
+
export default TableCell;
|