pixel-react 1.6.9 → 1.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Charts/LineChart/types.d.ts +1 -0
- package/lib/components/Chip/types.d.ts +1 -1
- package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts +5 -0
- package/lib/components/ConditionalDropdown/OptionsDropdown.d.ts +5 -0
- package/lib/components/ConditionalDropdown/index.d.ts +1 -0
- package/lib/components/ConditionalDropdown/types.d.ts +145 -0
- package/lib/components/DownloadClient/type.d.ts +19 -27
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +8 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +2 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +13 -6
- package/lib/components/LabelEditTextField/types.d.ts +1 -0
- package/lib/components/MachineInputField/types.d.ts +1 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +2 -1
- package/lib/components/MiniModal/types.d.ts +1 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
- package/lib/components/MultiSelect/dropdownTypes.d.ts +1 -0
- package/lib/components/NLPInput/NlpInput.d.ts +2 -2
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.d.ts +6 -3
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts +1 -1
- package/lib/components/NLPInput/sampleData.d.ts +104 -0
- package/lib/components/NLPInput/types.d.ts +80 -0
- package/lib/components/ProgressBar/ProgressBar.d.ts +5 -0
- package/lib/components/ProgressBar/index.d.ts +1 -0
- package/lib/components/ProgressBar/types.d.ts +12 -0
- package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/types.d.ts +7 -1
- package/lib/components/TableTree/TableTree.d.ts +2 -2
- package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
- package/lib/components/TableTree/types.d.ts +1 -1
- package/lib/hooks/useIntersectionObserver.d.ts +9 -0
- package/lib/index.d.ts +112 -59
- package/lib/index.esm.js +1251 -662
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1252 -662
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/functionCheck/functionCheck.d.ts +2 -0
- package/lib/utils/getSequentialPayload/types.d.ts +1 -0
- package/package.json +1 -1
- package/src/StyleGuide/ColorPalette/colorPaletteList.ts +5 -0
- package/src/assets/Themes/BaseTheme.scss +20 -2
- package/src/assets/Themes/DarkTheme.scss +19 -2
- package/src/assets/icons/ai_search.svg +9 -0
- package/src/assets/icons/help_icon.svg +10 -0
- package/src/assets/icons/ios_icon.svg +11 -0
- package/src/assets/icons/plus_round_icon.svg +38 -0
- package/src/assets/icons/tick_icon.svg +2 -2
- package/src/assets/styles/_colors.scss +1 -1
- package/src/components/AttachmentButton/AttachmentButton.tsx +1 -1
- package/src/components/Charts/LineChart/LineChart.stories.tsx +7 -3
- package/src/components/Charts/LineChart/LineChart.tsx +10 -1
- package/src/components/Charts/LineChart/types.ts +1 -0
- package/src/components/Checkbox/Checkbox.scss +3 -1
- package/src/components/Checkbox/Checkbox.stories.tsx +32 -77
- package/src/components/Checkbox/Checkbox.tsx +3 -4
- package/src/components/Chip/Chip.scss +15 -5
- package/src/components/Chip/Chip.stories.tsx +10 -1
- package/src/components/Chip/Chip.tsx +5 -1
- package/src/components/Chip/types.ts +1 -1
- package/src/components/{AddVariables/AddVariables.scss → ConditionalDropdown/ConditionalDropdown.scss} +4 -0
- package/src/components/{AddVariables/AddVariables.stories.tsx → ConditionalDropdown/ConditionalDropdown.stories.tsx} +75 -10
- package/src/components/{AddVariables/AddVariables.tsx → ConditionalDropdown/ConditionalDropdown.tsx} +63 -33
- package/src/components/ConditionalDropdown/OptionsDropdown.tsx +44 -0
- package/src/components/ConditionalDropdown/index.ts +1 -0
- package/src/components/{AddVariables → ConditionalDropdown}/types.ts +62 -5
- package/src/components/DownloadClient/DownloadClient.scss +51 -64
- package/src/components/DownloadClient/DownloadClient.stories.tsx +6 -6
- package/src/components/DownloadClient/DownloadClient.tsx +60 -51
- package/src/components/DownloadClient/type.ts +32 -40
- package/src/components/EditTextField/EditTextField.scss +1 -1
- package/src/components/EditTextField/EditTextField.tsx +14 -20
- package/src/components/Excel/ExcelFile/ExcelFile.scss +3 -2
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +37 -21
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +12 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +2 -34
- package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +26 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +7 -7
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +13 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +53 -26
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +81 -14
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +17 -6
- package/src/components/Excel/ExcelFile.stories.tsx +4 -4
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +36 -19
- package/src/components/Excel/dataConversion.ts +43 -20
- package/src/components/FileDropzone/FileDropzone.stories.tsx +5 -19
- package/src/components/FileDropzone/FileDropzone.tsx +24 -4
- package/src/components/Form/Forms.tsx +0 -2
- package/src/components/Icon/iconList.ts +9 -0
- package/src/components/LabelEditTextField/LabelEditTextField.scss +1 -1
- package/src/components/LabelEditTextField/LabelEditTextField.tsx +29 -36
- package/src/components/LabelEditTextField/types.ts +1 -0
- package/src/components/MachineInputField/MachineInputField.scss +1 -5
- package/src/components/MachineInputField/MachineInputField.stories.tsx +6 -5
- package/src/components/MachineInputField/MachineInputField.tsx +14 -14
- package/src/components/MachineInputField/types.ts +2 -0
- package/src/components/MenuOption/MenuOption.scss +7 -7
- package/src/components/MenuOption/MenuOption.stories.tsx +83 -28
- package/src/components/MenuOption/MenuOption.tsx +9 -13
- package/src/components/MenuOption/types.ts +3 -2
- package/src/components/MiniModal/MiniModal.scss +0 -1
- package/src/components/MiniModal/MiniModal.stories.tsx +6 -1
- package/src/components/MiniModal/MiniModal.tsx +3 -1
- package/src/components/MiniModal/types.ts +1 -0
- package/src/components/MultiSelect/Dropdown.scss +3 -4
- package/src/components/MultiSelect/Dropdown.tsx +34 -7
- package/src/components/MultiSelect/MultiSelect.scss +1 -0
- package/src/components/MultiSelect/MultiSelect.tsx +3 -0
- package/src/components/MultiSelect/MultiSelectTypes.ts +3 -1
- package/src/components/MultiSelect/dropdownTypes.ts +2 -0
- package/src/components/NLPInput/NLPInput.scss +77 -21
- package/src/components/NLPInput/NlpInput.stories.tsx +43 -109
- package/src/components/NLPInput/NlpInput.tsx +95 -59
- package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +6 -4
- package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +86 -35
- package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +220 -80
- package/src/components/NLPInput/sampleData.ts +162 -0
- package/src/components/NLPInput/{type.tsx → types.tsx} +23 -11
- package/src/components/ProgressBar/ProgressBar.scss +46 -0
- package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -0
- package/src/components/ProgressBar/ProgressBar.tsx +61 -0
- package/src/components/ProgressBar/index.ts +1 -0
- package/src/components/ProgressBar/types.ts +12 -0
- package/src/components/Search/Search.tsx +9 -1
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +13 -2
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +36 -19
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +120 -32
- package/src/components/SequentialConnectingBranch/components/Branches/types.ts +7 -0
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +8 -0
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +7 -0
- package/src/components/SequentialConnectingBranch/types.ts +7 -5
- package/src/components/Table/Table.scss +1 -0
- package/src/components/TableTree/Components/TableBody.tsx +3 -1
- package/src/components/TableTree/TableTree.stories.tsx +4 -7
- package/src/components/TableTree/TableTree.tsx +27 -181
- package/src/components/TableTree/Utils/getAllChildIds.ts +2 -0
- package/src/components/TableTree/data.ts +45 -0
- package/src/components/TableTree/types.ts +4 -4
- package/src/hooks/useIntersectionObserver.tsx +56 -0
- package/src/index.ts +4 -2
- package/src/utils/functionCheck/functionCheck.ts +8 -0
- package/src/utils/getSequentialPayload/types.ts +1 -0
- package/src/components/AddVariables/index.ts +0 -1
package/lib/tsconfig.tsbuildinfo
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/addvariables/addvariables.tsx","../src/components/addvariables/index.ts","../src/components/addvariables/types.ts","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/connectingbranch/connectingbranch.tsx","../src/components/connectingbranch/data.ts","../src/components/connectingbranch/index.ts","../src/components/connectingbranch/types.ts","../src/components/connectingbranch/branchcomponents/machineinstances.tsx","../src/components/createvariable/createvariableslider.tsx","../src/components/createvariable/index.ts","../src/components/createvariable/types.ts","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/downloadclient/downloadclient.tsx","../src/components/downloadclient/index.ts","../src/components/downloadclient/type.ts","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/edittextfield/edittextfield.tsx","../src/components/edittextfield/index.ts","../src/components/edittextfield/types.ts","../src/components/editor/editor.tsx","../src/components/editor/variabledropdown.tsx","../src/components/editor/constants.ts","../src/components/editor/index.ts","../src/components/editor/types.ts","../src/components/excel/types.ts","../src/components/excel/dataconversion.ts","../src/components/excel/index.ts","../src/components/excel/colorbarselector/colorbarselector.tsx","../src/components/excel/excelcontextmenu/excelcontextmenu.tsx","../src/components/excel/excelfile/excelfile.tsx","../src/components/excel/excelfile/excelfilecomponents/activecell.tsx","../src/components/excel/excelfile/excelfilecomponents/cell.tsx","../src/components/excel/excelfile/excelfilecomponents/columnindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/copied.tsx","../src/components/excel/excelfile/excelfilecomponents/cornerindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/dataeditor.tsx","../src/components/excel/excelfile/excelfilecomponents/dataviewer.tsx","../src/components/excel/excelfile/excelfilecomponents/floatingrect.tsx","../src/components/excel/excelfile/excelfilecomponents/headerrow.tsx","../src/components/excel/excelfile/excelfilecomponents/row.tsx","../src/components/excel/excelfile/excelfilecomponents/rowindicator.tsx","../src/components/excel/excelfile/excelfilecomponents/selected.tsx","../src/components/excel/excelfile/excelfilecomponents/spreadsheet.tsx","../src/components/excel/excelfile/excelfilecomponents/table.tsx","../src/components/excel/excelfile/excelfilecomponents/actions.ts","../src/components/excel/excelfile/excelfilecomponents/aremodelsequal.ts","../src/components/excel/excelfile/excelfilecomponents/context.ts","../src/components/excel/excelfile/excelfilecomponents/index.ts","../src/components/excel/excelfile/excelfilecomponents/matrix.ts","../src/components/excel/excelfile/excelfilecomponents/point-range.ts","../src/components/excel/excelfile/excelfilecomponents/point.ts","../src/components/excel/excelfile/excelfilecomponents/reducer.ts","../src/components/excel/excelfile/excelfilecomponents/reducerfunctions.ts","../src/components/excel/excelfile/excelfilecomponents/selection.ts","../src/components/excel/excelfile/excelfilecomponents/types.ts","../src/components/excel/excelfile/excelfilecomponents/use-dispatch.ts","../src/components/excel/excelfile/excelfilecomponents/use-selector.ts","../src/components/excel/excelfile/excelfilecomponents/util.ts","../src/components/excel/excelfile/excelfilecomponents/engine/engine.ts","../src/components/excel/excelfile/excelfilecomponents/engine/formula.ts","../src/components/excel/excelfile/excelfilecomponents/engine/index.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-graph.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-hash.ts","../src/components/excel/excelfile/excelfilecomponents/engine/point-set.ts","../src/components/excel/excelfile/excelfilecomponents/typings/fast-formula-parser.d.ts","../src/components/excel/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.tsx","../src/components/expandablemenu/index.ts","../src/components/expandablemenu/types.ts","../src/components/ff_captcha/recaptcha.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/fieldset/fieldset.tsx","../src/components/fieldset/index.ts","../src/components/fieldset/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.tsx","../src/components/filedropzone/filepreview.tsx","../src/components/filedropzone/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/type.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/getsequentialpayload/getsequentialpayload.ts","../src/utils/getsequentialpayload/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
|
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/comment/comments.tsx","../src/components/comment/index.ts","../src/components/comment/type.ts","../src/components/comment/comment/comment.tsx","../src/components/comment/comment/usenode.ts","../src/components/conditionaldropdown/conditionaldropdown.tsx","../src/components/conditionaldropdown/optionsdropdown.tsx","../src/components/conditionaldropdown/index.ts","../src/components/conditionaldropdown/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/radiofilepreview.tsx","../src/components/filedropzone/index.ts","../src/components/filedropzone/types.ts","../src/components/form/form.ts","../src/components/form/forms.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/moduleschip/modulechip.tsx","../src/components/moduleschip/index.ts","../src/components/moduleschip/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.tsx","../src/components/multiselect/multiselecttypes.ts","../src/components/multiselect/dropdowntypes.ts","../src/components/multiselect/index.ts","../src/components/nlpinput/nlpinput.tsx","../src/components/nlpinput/index.ts","../src/components/nlpinput/sampledata.ts","../src/components/nlpinput/types.tsx","../src/components/nlpinput/components/nlpdropdown/nlpdropdowntype.ts","../src/components/nlpinput/components/nlpdropdown/nlpdropdown.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/phoneinput/phoneinput.tsx","../src/components/phoneinput/index.ts","../src/components/phoneinput/types.ts","../src/components/popupmodal/popupmodal.tsx","../src/components/popupmodal/types.ts","../src/components/progressbar/progressbar.tsx","../src/components/progressbar/index.ts","../src/components/progressbar/types.ts","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown.tsx","../src/components/select/components/types.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.tsx","../src/components/sequentialconnectingbranch/index.ts","../src/components/sequentialconnectingbranch/types.ts","../src/components/sequentialconnectingbranch/components/addbrowsermodal/addbrowsermodal.tsx","../src/components/sequentialconnectingbranch/components/addbrowsermodal/types.ts","../src/components/sequentialconnectingbranch/components/branches/branches.tsx","../src/components/sequentialconnectingbranch/components/branches/types.ts","../src/components/sequentialconnectingbranch/components/connectingbranches/connectingbranches.tsx","../src/components/sequentialconnectingbranch/components/connectingbranches/types.ts","../src/components/sequentialconnectingbranch/components/datasetlistmodal/datasetlistmodal.tsx","../src/components/sequentialconnectingbranch/components/datasetlistmodal/types.ts","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/statuscard/statuscard.tsx","../src/components/statuscard/index.ts","../src/components/statuscard/types.ts","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabletree/types.ts","../src/components/tabletree/components/tablebody.tsx","../src/components/tabletree/components/tablecell.tsx","../src/components/tabletree/components/tablehead.tsx","../src/components/tabletree/components/tablerow.tsx","../src/components/tabletree/utils/getallchildids.ts","../src/components/tabletree/utils/renderspaces.ts","../src/components/tablewithaccordion/tablewithaccordion.tsx","../src/components/tablewithaccordion/data.ts","../src/components/tablewithaccordion/index.ts","../src/components/tablewithaccordion/types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.tsx","../src/components/textarea/types.ts","../src/components/textarea/index.tsx","../src/components/themeprovider/themeprovider.tsx","../src/components/themeprovider/index.ts","../src/components/themeprovider/types.ts","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toastify/toastify.tsx","../src/components/toastify/index.ts","../src/components/toastify/types.ts","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/toggleswitch/toggleswitch.tsx","../src/components/toggleswitch/index.ts","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.tsx","../src/components/variableinput/index.ts","../src/components/variableinput/types.ts","../src/hooks/useclickoutside.tsx","../src/hooks/usefiledropzone.tsx","../src/hooks/useintersectionobserver.tsx","../src/hooks/useportalposition.tsx","../src/hooks/usetheme.tsx","../src/hooks/keyboardevents/useesckeyevent.tsx","../src/utils/formatstring/formatstring.tsx","../src/utils/tablecell/tablecell.ts","../src/utils/capitalize/capitalize.tsx","../src/utils/checkduplicates/checkduplicates.ts","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.ts","../src/utils/downloadfile/savefilefromblob.ts","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.ts","../src/utils/functioncheck/functioncheck.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
@@ -289,6 +289,11 @@ const ColorPalette: ColorPaletteType = [
|
|
289
289
|
'linear-gradient(94.23deg,rgba(228, 37, 37, 0.4) 16.33%,rgba(201, 0, 0, 0.4) 80.07%) ',
|
290
290
|
variable: 'alert-modal-background-color',
|
291
291
|
},
|
292
|
+
{
|
293
|
+
name: 'Progress bar bg color',
|
294
|
+
colorCode: 'rgba(240, 240, 240, 1)',
|
295
|
+
variable: 'ff-progress-bar-bg-color',
|
296
|
+
},
|
292
297
|
];
|
293
298
|
|
294
299
|
export default ColorPalette;
|
@@ -84,8 +84,8 @@ $base-theme: (
|
|
84
84
|
|
85
85
|
ff-error-light: #e42525,
|
86
86
|
ff-chips-fill-color: #f9d5ff,
|
87
|
-
ff-chips-blur-color: #
|
88
|
-
ff-chip-bg: #
|
87
|
+
ff-chips-blur-color: #5757571a,
|
88
|
+
ff-chip-bg: #ffffffe5,
|
89
89
|
ff-chip-text-color: #1e161f,
|
90
90
|
ff-mini-modal-footer-background: #aeb0c0,
|
91
91
|
input-default-border-color: #a3a3a3,
|
@@ -180,6 +180,19 @@ $base-theme: (
|
|
180
180
|
ff-paper-background-color: #f5f5f5,
|
181
181
|
ff-paper-dark-background-color: #d1c4e9,
|
182
182
|
sub-header-primary: #301349,
|
183
|
+
nlp-border-color: #efefef,
|
184
|
+
nlp-input-placeholder-color: #9a90a1,
|
185
|
+
nlp-background-color: #592f7c0f,
|
186
|
+
nlp-color: #592f7c,
|
187
|
+
nlp-pe-background: #2e9ee80f,
|
188
|
+
nlp-pe-color: #2e9ee8,
|
189
|
+
nlp-step-group-background: #ee670d0f,
|
190
|
+
nlp-step-group-color: #ee670d,
|
191
|
+
nlp-hover-color: #f7ebff,
|
192
|
+
nlp-button-color: #efe1f9,
|
193
|
+
nlp-option-color:#3C3838,
|
194
|
+
|
195
|
+
|
183
196
|
primary-icon-color: #ffffff,
|
184
197
|
secondary-icon-color: #71347b,
|
185
198
|
disabled-primary-color: #f9f9f9,
|
@@ -247,8 +260,12 @@ $base-theme: (
|
|
247
260
|
ff-machine-inactive-status-color: #c50303,
|
248
261
|
ff-machine-running-status-color: #2055de,
|
249
262
|
ff-machine-active-status-color: #4caf50,
|
263
|
+
ff-progress-bar-bg-color : #F0F0F0,
|
264
|
+
ff-machine-partial-public-status-color: #ea850e,
|
250
265
|
//ExcelSheet
|
251
266
|
excel-sheet-button-color: #e9b5ff,
|
267
|
+
excel-sheet-border:#0a0d272a,
|
268
|
+
|
252
269
|
icon-hover-color: #f7ecf8,
|
253
270
|
ff-search-icon-hover-color: #f7ecf8,
|
254
271
|
ff-search-filed-bg-color: #ffffff,
|
@@ -270,6 +287,7 @@ $base-theme: (
|
|
270
287
|
impact-list-chip-bg-color: #e3ccf5,
|
271
288
|
dynamic-card-border-color: #eeeaf2,
|
272
289
|
card-header-bg-color: #592f7c1a,
|
290
|
+
|
273
291
|
table-with-accordion-header-primary-bg: #d4b0e426,
|
274
292
|
table-with-accordion-icon-color: #1e161f,
|
275
293
|
);
|
@@ -87,8 +87,8 @@ $dark-theme: (
|
|
87
87
|
|
88
88
|
ff-error-light: #e42525,
|
89
89
|
ff-chips-fill-color: #f9d5ff,
|
90
|
-
ff-chips-blur-color: #
|
91
|
-
ff-chip-bg: #
|
90
|
+
ff-chips-blur-color: #5757571a,
|
91
|
+
ff-chip-bg: #ffffffe5,
|
92
92
|
ff-chip-text-color: #1e161f,
|
93
93
|
ff-mini-modal-footer-background: #aeb0c0,
|
94
94
|
input-default-border-color: #a3a3a3,
|
@@ -123,6 +123,7 @@ $dark-theme: (
|
|
123
123
|
menu-option-icon-color: #ffffff,
|
124
124
|
menu-option-icon-clicked: #71347b,
|
125
125
|
delete-text-color: #c50303,
|
126
|
+
ff-progress-bar-bg-color : #F0F0F0,
|
126
127
|
|
127
128
|
status-success-bg-color: #c6efcd,
|
128
129
|
status-success-text-color: #016102,
|
@@ -172,6 +173,18 @@ $dark-theme: (
|
|
172
173
|
ff-paper-background-color: #f5f5f5,
|
173
174
|
ff-paper-dark-background-color: #d1c4e9,
|
174
175
|
sub-header-primary: #301349,
|
176
|
+
nlp-border-color: #efefef,
|
177
|
+
nlp-input-placeholder-color: #9a90a1,
|
178
|
+
nlp-background-color: #592f7c0f,
|
179
|
+
nlp-color: #592f7c,
|
180
|
+
nlp-pe-background: #2e9ee80f,
|
181
|
+
nlp-pe-color: #2e9ee8,
|
182
|
+
nlp-step-group-background: #ee670d0f,
|
183
|
+
nlp-step-group-color: #ee670d,
|
184
|
+
nlp-hover-color: #f7ebff,
|
185
|
+
nlp-button-color: #efe1f9,
|
186
|
+
nlp-option-color:#3C3838,
|
187
|
+
|
175
188
|
|
176
189
|
primary-icon-color: #ffffff,
|
177
190
|
secondary-icon-color: #71347b,
|
@@ -231,7 +244,11 @@ $dark-theme: (
|
|
231
244
|
ff-editor-gutter-color: #ded5e5,
|
232
245
|
ff-line-number-bg: #592f7c,
|
233
246
|
ff-line-number-color: #ffffff,
|
247
|
+
|
248
|
+
//Excel
|
234
249
|
excel-sheet-button-color: #e9b5ff,
|
250
|
+
excel-sheet-border:#cfd1e271,
|
251
|
+
|
235
252
|
icon-hover-color: #f7ecf8,
|
236
253
|
ff-editor-border-color: #f0e7f4,
|
237
254
|
ff-icon-hover-bg-color: #f7ecf8,
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3333 7.33319C15.5101 7.33319 15.6797 7.26298 15.8047 7.138C15.9297 7.01298 15.9999 6.84344 15.9999 6.66667C15.9999 6.48989 15.9297 6.32035 15.8047 6.19533L14.2 4.59067C14.5033 4.11545 14.6652 3.56376 14.6667 3C14.6667 2.40666 14.4907 1.82664 14.1611 1.33329C13.8314 0.839943 13.3629 0.455426 12.8147 0.228363C12.2666 0.00129984 11.6634 -0.0581102 11.0814 0.0576455C10.4995 0.173401 9.96492 0.459124 9.54536 0.878682C9.1258 1.29824 8.84008 1.83279 8.72432 2.41473C8.60857 2.99667 8.66798 3.59987 8.89504 4.14805C9.1221 4.69623 9.50662 5.16477 9.99997 5.49441C10.4933 5.82405 11.0733 6 11.6667 6C12.2304 5.9985 12.7821 5.83664 13.2573 5.53333L14.862 7.138C14.987 7.26298 15.1566 7.33319 15.3333 7.33319ZM12.5926 4.38578C12.3185 4.56892 11.9963 4.66667 11.6667 4.66667C11.2247 4.66667 10.8007 4.49107 10.4882 4.17851C10.1756 3.86595 10 3.44203 10 3C10 2.67037 10.0978 2.34813 10.2809 2.07405C10.464 1.79997 10.7243 1.58635 11.0289 1.4602C11.3334 1.33406 11.6685 1.30105 11.9918 1.36536C12.3151 1.42967 12.6121 1.5884 12.8452 1.82149C13.0783 2.05458 13.237 2.35155 13.3013 2.67485C13.3656 2.99815 13.3326 3.33326 13.2065 3.63781C13.0803 3.94235 12.8667 4.20265 12.5926 4.38578ZM12.6667 12V8C12.6667 7.632 12.368 7.33333 12 7.33333C11.632 7.33333 11.3333 7.632 11.3333 8V12C11.3333 12.368 11.632 12.6667 12 12.6667C12.368 12.6667 12.6667 12.368 12.6667 12ZM9.76733 11.8307L7.72 4.478C7.60867 3.99933 7.30933 3.61933 6.918 3.45533C6.50533 3.282 6.07067 3.294 5.692 3.48867C5.32067 3.67867 5.054 4.02 4.96 4.42533L2.89933 11.8307C2.78267 12.2507 3.09867 12.6667 3.53467 12.6667C3.83 12.6667 4.08933 12.4707 4.16933 12.1867L4.598 10.6667H8.06867L8.49733 12.1867C8.578 12.4707 8.83667 12.6667 9.132 12.6667C9.56867 12.6667 9.884 12.2507 9.76733 11.8307ZM6.40667 4.77667L7.69267 9.33333H4.97467L6.26067 4.77667C6.27933 4.70067 6.38733 4.70067 6.40667 4.77667ZM14.6673 8.81352C14.6673 8.44552 14.966 8.14685 15.334 8.14685C15.702 8.14685 16 8.44552 16 8.81352V12.6667C16 14.5047 14.5047 16 12.6667 16H3.33333C1.49533 16 0 14.5047 0 12.6667V3.33333C0 1.49533 1.49533 1.78835e-10 3.33333 1.78835e-10H7.66667C8.03467 1.78835e-10 8.33333 0.298667 8.33333 0.666667C8.33333 1.03467 8.03467 1.33333 7.66667 1.33333H3.33333C2.23067 1.33333 1.33333 2.23067 1.33333 3.33333V12.6667C1.33333 13.7693 2.23067 14.6667 3.33333 14.6667H12.6673C13.77 14.6667 14.6673 13.7693 14.6673 12.6667V8.81352Z" fill="url(#paint0_linear_3689_48586)"/>
|
3
|
+
<defs>
|
4
|
+
<linearGradient id="paint0_linear_3689_48586" x1="11.9232" y1="-1.40302" x2="11.9232" y2="16" gradientUnits="userSpaceOnUse">
|
5
|
+
<stop stop-color="#592F7C"/>
|
6
|
+
<stop offset="1" stop-color="#E22BD3"/>
|
7
|
+
</linearGradient>
|
8
|
+
</defs>
|
9
|
+
</svg>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g clip-path="url(#clip0_613_49273)">
|
3
|
+
<path d="M15.4386 7.15569L14 5.71702V4.56969C14 3.46702 13.1026 2.56969 12 2.56969H10.8526L9.41463 1.13169C8.65863 0.376352 7.3413 0.376352 6.58596 1.13169L5.14729 2.56969H3.99996C2.89729 2.56969 1.99996 3.46702 1.99996 4.56969V5.71702L0.561295 7.15569C-0.217372 7.93569 -0.217372 9.20369 0.561295 9.98369L1.99996 11.4224V12.5697C1.99996 13.6724 2.89729 14.5697 3.99996 14.5697H5.14729L6.5853 16.0077C6.9633 16.385 7.4653 16.5937 7.99996 16.5937C8.53463 16.5937 9.03663 16.3857 9.41396 16.0077L10.8526 14.5697H12C13.1026 14.5697 14 13.6724 14 12.5697V11.4224L15.4386 9.98369C16.2173 9.20369 16.2173 7.93569 15.4386 7.15569ZM9.96796 6.87969C10.1166 7.72769 9.7133 8.57502 8.96396 8.98902C8.83863 9.05769 8.66596 9.36435 8.66596 9.57302V9.90302C8.66596 10.2717 8.3673 10.5697 7.9993 10.5697C7.6313 10.5697 7.33263 10.2717 7.33263 9.90302V9.57302C7.33263 8.88435 7.75729 8.13102 8.31996 7.82102C8.5133 7.71502 8.71663 7.46435 8.65463 7.11035C8.60863 6.84902 8.38663 6.62702 8.12596 6.58169C7.92196 6.54369 7.72463 6.59569 7.5713 6.72569C7.4193 6.85235 7.33263 7.03902 7.33263 7.23702C7.33263 7.60569 7.03396 7.90369 6.66596 7.90369C6.29796 7.90369 5.9993 7.60569 5.9993 7.23702C5.9993 6.64435 6.25996 6.08569 6.71396 5.70435C7.1673 5.32302 7.76596 5.16169 8.35596 5.26902C9.16196 5.40969 9.82596 6.07169 9.96796 6.87969ZM8.9993 12.2364C8.9993 12.7884 8.5513 13.2364 7.9993 13.2364C7.4473 13.2364 6.9993 12.7884 6.9993 12.2364C6.9993 11.6844 7.4473 11.2364 7.9993 11.2364C8.5513 11.2364 8.9993 11.6844 8.9993 12.2364Z" fill="currentColor"/>
|
4
|
+
</g>
|
5
|
+
<defs>
|
6
|
+
<clipPath id="clip0_613_49273">
|
7
|
+
<rect width="16" height="16" fill="white" transform="translate(0 0.56958)"/>
|
8
|
+
</clipPath>
|
9
|
+
</defs>
|
10
|
+
</svg>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g clip-path="url(#clip0_613_49232)">
|
3
|
+
<path d="M5.8036 0.56958C5.3771 0.59908 4.8786 0.872078 4.58811 1.22758C4.32311 1.55007 4.10511 2.02907 4.19011 2.49457C4.65611 2.50907 5.1376 2.22957 5.4166 1.86807C5.6776 1.53157 5.8751 1.05558 5.8036 0.56958Z" fill="black"/>
|
4
|
+
<path d="M7.4891 3.25363C7.07961 2.74014 6.50411 2.44214 5.96061 2.44214C5.24312 2.44214 4.93962 2.78564 4.44112 2.78564C3.92712 2.78564 3.53663 2.44314 2.91613 2.44314C2.30663 2.44314 1.65764 2.81564 1.24614 3.45263C0.667643 4.34963 0.766642 6.03612 1.70414 7.47261C2.03963 7.98661 2.48763 8.5646 3.07363 8.5696C3.59513 8.5746 3.74213 8.23511 4.44862 8.23161C5.15512 8.22761 5.28912 8.5741 5.80961 8.5686C6.39611 8.5641 6.86861 7.92361 7.2041 7.40961C7.4446 7.04111 7.5341 6.85561 7.7206 6.43962C6.36411 5.92312 6.14661 3.99413 7.4891 3.25363Z" fill="currentColor"/>
|
5
|
+
</g>
|
6
|
+
<defs>
|
7
|
+
<clipPath id="clip0_613_49232">
|
8
|
+
<rect width="8" height="8" fill="white" transform="translate(0.303955 0.56958)"/>
|
9
|
+
</clipPath>
|
10
|
+
</defs>
|
11
|
+
</svg>
|
@@ -0,0 +1,38 @@
|
|
1
|
+
<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<g filter="url(#filter0_ddii_1383_25738)">
|
3
|
+
<path d="M22 13C22 18.5228 17.5228 23 12 23C6.47715 23 2 18.5228 2 13C2 7.47715 6.47715 3 12 3C17.5228 3 22 7.47715 22 13Z" fill="url(#paint0_linear_1383_25738)"/>
|
4
|
+
</g>
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8V9.49994C11 10.8806 9.88074 11.9999 8.50006 11.9999H7C6.44772 11.9999 6 12.4476 6 12.9999C6 13.5522 6.44772 13.9999 7 13.9999H8.5C9.88071 13.9999 11 15.1192 11 16.4999V18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18V16.4999C13 15.1192 14.1193 13.9999 15.5 13.9999H17C17.5523 13.9999 18 13.5522 18 12.9999C18 12.4476 17.5523 11.9999 17 11.9999H15.4999C14.1193 11.9999 13 10.8806 13 9.49994V8Z" fill="#71347B"/>
|
6
|
+
<defs>
|
7
|
+
<filter id="filter0_ddii_1383_25738" x="0" y="0" width="26" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
8
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
9
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
10
|
+
<feOffset dx="1" dy="1"/>
|
11
|
+
<feGaussianBlur stdDeviation="1.5"/>
|
12
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.442507 0 0 0 0 0.202278 0 0 0 0 0.481615 0 0 0 0.2 0"/>
|
13
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1383_25738"/>
|
14
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
15
|
+
<feOffset dx="1" dy="-1"/>
|
16
|
+
<feGaussianBlur stdDeviation="1"/>
|
17
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.141176 0 0 0 0 0.0745098 0 0 0 0 0.196078 0 0 0 0.1 0"/>
|
18
|
+
<feBlend mode="normal" in2="effect1_dropShadow_1383_25738" result="effect2_dropShadow_1383_25738"/>
|
19
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1383_25738" result="shape"/>
|
20
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
21
|
+
<feOffset dx="-1" dy="-1"/>
|
22
|
+
<feGaussianBlur stdDeviation="1"/>
|
23
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
24
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.905882 0 0 0 0 0.956863 0 0 0 1 0"/>
|
25
|
+
<feBlend mode="normal" in2="shape" result="effect3_innerShadow_1383_25738"/>
|
26
|
+
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
27
|
+
<feOffset dx="1" dy="1"/>
|
28
|
+
<feGaussianBlur stdDeviation="1"/>
|
29
|
+
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
|
30
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.556863 0 0 0 0 0.294118 0 0 0 0 0.776471 0 0 0 0.3 0"/>
|
31
|
+
<feBlend mode="normal" in2="effect3_innerShadow_1383_25738" result="effect4_innerShadow_1383_25738"/>
|
32
|
+
</filter>
|
33
|
+
<linearGradient id="paint0_linear_1383_25738" x1="2" y1="3" x2="22" y2="23" gradientUnits="userSpaceOnUse">
|
34
|
+
<stop offset="1" stop-color="#F0E7F4"/>
|
35
|
+
<stop stop-color="#F7EBFF"/>
|
36
|
+
</linearGradient>
|
37
|
+
</defs>
|
38
|
+
</svg>
|
@@ -1,5 +1,5 @@
|
|
1
|
-
<svg width="
|
1
|
+
<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
2
|
<path
|
3
|
-
d="
|
3
|
+
d="M9.69161 2.11266L4.42845 7.37582C4.22286 7.58141 3.95354 7.68421 3.68421 7.68421C3.41488 7.68421 3.14556 7.58141 2.93997 7.37582L0.308388 4.74424C-0.102796 4.33306 -0.102796 3.66694 0.308388 3.25576C0.719572 2.84457 1.38569 2.84457 1.79687 3.25576L3.68421 5.14309L8.20312 0.624177C8.61431 0.212993 9.28043 0.212993 9.69161 0.624177C10.1028 1.03536 10.1028 1.70148 9.69161 2.11266Z"
|
4
4
|
fill="currentColor" />
|
5
5
|
</svg>
|
@@ -81,7 +81,7 @@ $ff-success: #079455;
|
|
81
81
|
$ff-warning: #f79009;
|
82
82
|
$ff-error-light: #e42525;
|
83
83
|
$ff-chips-fill-color: #f9d5ff;
|
84
|
-
$ff-chips-blur-color: #
|
84
|
+
$ff-chips-blur-color: #57575766;
|
85
85
|
$hovered-add-button-color: #fce9ff; // TODO: Change the color variable name
|
86
86
|
$arrows-button-border-color: #ded1e5; // TODO: Change the color variable name
|
87
87
|
$add-icon-hover-color: #431b4a; ////TODO: color need to be add into style guide
|
@@ -67,7 +67,7 @@ const AttachmentButton: React.FC<AttachmentUploaderProps> = ({
|
|
67
67
|
|
68
68
|
return (
|
69
69
|
<div>
|
70
|
-
<Typography fontWeight="semi-bold">{label}</Typography>
|
70
|
+
<Typography fontWeight="semi-bold" lineHeight='18px'>{label}</Typography>
|
71
71
|
{(!showSelectedFiles || selectedFiles.length === 0) && (
|
72
72
|
<Button
|
73
73
|
variant={buttonVariant}
|
@@ -38,14 +38,14 @@ export const DefaultLineChart: StoryObj<LineChartProps> = {
|
|
38
38
|
},
|
39
39
|
{
|
40
40
|
date: '29 Oct',
|
41
|
-
totalMemory:
|
41
|
+
totalMemory: 100,
|
42
42
|
},
|
43
43
|
{
|
44
|
-
date: '
|
44
|
+
date: '3 Nov',
|
45
45
|
totalMemory: 10.12,
|
46
46
|
},
|
47
47
|
{
|
48
|
-
date: '
|
48
|
+
date: '23 Nov',
|
49
49
|
totalMemory: 10.1,
|
50
50
|
},
|
51
51
|
],
|
@@ -60,6 +60,7 @@ export const DefaultLineChart: StoryObj<LineChartProps> = {
|
|
60
60
|
xAxisColor: '#D9D9D9',
|
61
61
|
yAxisColor: '#252C37',
|
62
62
|
numberSize: '10px',
|
63
|
+
proportionalSpacing :false,
|
63
64
|
},
|
64
65
|
render: (args) => (
|
65
66
|
<div className="linechart-container">
|
@@ -153,6 +154,8 @@ export const multiLineScriptsChart: StoryObj<LineChartProps> = {
|
|
153
154
|
yAxisColor: '#252C37',
|
154
155
|
yAxisLabelColor: '#252C37',
|
155
156
|
textSize: '12px',
|
157
|
+
proportionalSpacing :false,
|
158
|
+
|
156
159
|
},
|
157
160
|
render: (args) => (
|
158
161
|
<div className="linechart-container">
|
@@ -246,6 +249,7 @@ export const multiLineDefectsChart: StoryObj<LineChartProps> = {
|
|
246
249
|
yAxisLabelColor: '#252C37',
|
247
250
|
textSize: '12px',
|
248
251
|
fontWeight: 'semi-bold',
|
252
|
+
proportionalSpacing :false,
|
249
253
|
},
|
250
254
|
render: (args) => (
|
251
255
|
<div className="linechart-container">
|
@@ -25,6 +25,7 @@ const LineChart: React.FC<LineChartProps> = ({
|
|
25
25
|
textSize,
|
26
26
|
fontWeight,
|
27
27
|
numberSize,
|
28
|
+
proportionalSpacing,
|
28
29
|
}) => {
|
29
30
|
const margin = 40;
|
30
31
|
const xMax = width - margin * 2;
|
@@ -36,6 +37,7 @@ const LineChart: React.FC<LineChartProps> = ({
|
|
36
37
|
const xKey = isDefaultLineChart ? 'date' : 'date';
|
37
38
|
const yKey = isDefaultLineChart ? 'totalMemory' : 'value';
|
38
39
|
const xScale = (x: string) => {
|
40
|
+
if (proportionalSpacing) {
|
39
41
|
const date = new Date(x);
|
40
42
|
const time = date.getTime();
|
41
43
|
const minDate = new Date(
|
@@ -49,7 +51,14 @@ const LineChart: React.FC<LineChartProps> = ({
|
|
49
51
|
((time - minDate.getTime()) / (maxDate.getTime() - minDate.getTime())) *
|
50
52
|
xMax
|
51
53
|
);
|
52
|
-
}
|
54
|
+
} else {
|
55
|
+
const index = data[0].data.findIndex((point: any) => point[xKey] === x);
|
56
|
+
if (index === -1) return 0;
|
57
|
+
const totalPoints = data[0].data.length;
|
58
|
+
return (index / (totalPoints - 1)) * xMax;
|
59
|
+
}
|
60
|
+
};
|
61
|
+
|
53
62
|
|
54
63
|
const yScale = (y: number) => yMax - (y * yMax) / 1024;
|
55
64
|
|
@@ -19,7 +19,9 @@
|
|
19
19
|
position: relative;
|
20
20
|
@include mixins.center-content;
|
21
21
|
@include mixins.transition(border-color, background-color);
|
22
|
-
|
22
|
+
.ff-tick-icon {
|
23
|
+
padding: 2px !important; // I used important because icon component have some issue with padding because of that
|
24
|
+
}
|
23
25
|
&::before {
|
24
26
|
content: '';
|
25
27
|
width: 9px;
|
@@ -1,6 +1,7 @@
|
|
1
|
-
import React, { useState } from 'react';
|
2
1
|
import { Meta, StoryObj } from '@storybook/react';
|
3
2
|
import Checkbox from './Checkbox';
|
3
|
+
import { useState } from 'react';
|
4
|
+
import React from 'react';
|
4
5
|
|
5
6
|
const meta: Meta<typeof Checkbox> = {
|
6
7
|
component: Checkbox,
|
@@ -15,109 +16,63 @@ export default meta;
|
|
15
16
|
|
16
17
|
type Story = StoryObj<typeof meta>;
|
17
18
|
|
18
|
-
const useCheckboxState = (initialState = false) => {
|
19
|
-
const [checked, setChecked] = useState(initialState);
|
20
|
-
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
21
|
-
setChecked(event.target.checked);
|
22
|
-
};
|
23
|
-
return { checked, handleChange };
|
24
|
-
};
|
25
|
-
|
26
|
-
// Story: Default Checkbox
|
27
19
|
export const Default: Story = {
|
28
20
|
render: () => {
|
29
|
-
const
|
30
|
-
return <Checkbox label="Default Checkbox" checked={checked} onChange={handleChange} />;
|
31
|
-
},
|
32
|
-
};
|
21
|
+
const [checked, setChecked] = useState(true); // Default starts as checked
|
33
22
|
|
34
|
-
|
35
|
-
|
36
|
-
render: () => {
|
37
|
-
const { checked, handleChange } = useCheckboxState();
|
38
|
-
const [partial, setPartial] = useState(true);
|
39
|
-
|
40
|
-
const handlePartialChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
41
|
-
setPartial(!event.target.checked);
|
42
|
-
handleChange(event);
|
23
|
+
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
24
|
+
setChecked(event.target.checked);
|
43
25
|
};
|
44
26
|
|
45
27
|
return (
|
46
28
|
<Checkbox
|
47
|
-
label="
|
48
|
-
|
29
|
+
label="Default Checkbox"
|
30
|
+
id="default-checkbox"
|
31
|
+
name="default"
|
49
32
|
checked={checked}
|
50
|
-
onChange={
|
33
|
+
onChange={handleChange}
|
51
34
|
/>
|
52
35
|
);
|
53
36
|
},
|
54
37
|
};
|
55
38
|
|
56
|
-
|
57
|
-
export const Disabled: Story = {
|
58
|
-
args: {
|
59
|
-
label: 'Disabled Checkbox',
|
60
|
-
disabled: true,
|
61
|
-
},
|
62
|
-
};
|
63
|
-
|
64
|
-
// Story: Checkbox Variants
|
65
|
-
export const Variants: Story = {
|
39
|
+
export const Partial: Story = {
|
66
40
|
render: () => {
|
67
|
-
const
|
68
|
-
const initialStates = variants.reduce((acc, variant) => ({ ...acc, [variant]: false }), {});
|
69
|
-
const [checkedStates, setCheckedStates] = useState(initialStates);
|
41
|
+
const [checked, setChecked] = useState(true); // Default starts as checked
|
70
42
|
|
71
|
-
const handleChange = (
|
72
|
-
|
43
|
+
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
44
|
+
setChecked(event.target.checked);
|
73
45
|
};
|
74
46
|
|
75
47
|
return (
|
76
|
-
<
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
/>
|
85
|
-
))}
|
86
|
-
</div>
|
48
|
+
<Checkbox
|
49
|
+
label="Partial Checkbox"
|
50
|
+
id="partial-checkbox"
|
51
|
+
name="partial"
|
52
|
+
partial={true}
|
53
|
+
checked={checked}
|
54
|
+
onChange={handleChange}
|
55
|
+
/>
|
87
56
|
);
|
88
57
|
},
|
89
58
|
};
|
90
59
|
|
91
|
-
// Story: Controlled Checkbox
|
92
60
|
export const Controlled: Story = {
|
93
61
|
render: () => {
|
94
|
-
const
|
95
|
-
return <Checkbox label="Controlled Checkbox" checked={checked} onChange={handleChange} />;
|
96
|
-
},
|
97
|
-
};
|
62
|
+
const [checked, setChecked] = useState(false);
|
98
63
|
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
const { checked: defaultChecked, handleChange: handleDefaultChange } = useCheckboxState();
|
103
|
-
const { checked: partialChecked, handleChange: handlePartialChange } = useCheckboxState(true);
|
104
|
-
const variants = ['passed', 'failed', 'warning', 'skipped', 'flaky'] as const;
|
64
|
+
const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
|
65
|
+
setChecked(event.target.checked);
|
66
|
+
};
|
105
67
|
|
106
68
|
return (
|
107
|
-
<
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
<Checkbox label="Disabled Checkbox" disabled />
|
115
|
-
<div style={{ display: 'flex', gap: '16px' }}>
|
116
|
-
{variants.map((variant) => (
|
117
|
-
<Checkbox key={variant} label={variant} variant={variant} />
|
118
|
-
))}
|
119
|
-
</div>
|
120
|
-
</div>
|
69
|
+
<Checkbox
|
70
|
+
label={checked ? 'Checked! Click to uncheck.' : 'Click here to check.'}
|
71
|
+
id="controlled-checkbox"
|
72
|
+
name="controlled"
|
73
|
+
checked={checked}
|
74
|
+
onChange={handleChange}
|
75
|
+
/>
|
121
76
|
);
|
122
77
|
},
|
123
78
|
};
|