pixel-react 1.2.0 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/components/InputWithDropdown/types.d.ts +1 -1
- package/lib/components/LabelEditTextField/LabelEditTextField.d.ts +5 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
- package/lib/components/LabelEditTextField/index.d.ts +1 -0
- package/lib/components/LabelEditTextField/types.d.ts +38 -0
- package/lib/components/Select/Select.d.ts +1 -1
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +1 -1
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +2 -0
- package/lib/components/Select/types.d.ts +11 -4
- package/lib/index.d.ts +56 -8
- package/lib/index.esm.js +318 -124
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +318 -123
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getSelectOptionValue/getSelectOptionValue.d.ts +8 -0
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +8 -1
- package/src/assets/Themes/DarkTheme.scss +17 -8
- package/src/components/AppHeader/AppHeader.scss +5 -2
- package/src/components/Drawer/Drawer.scss +0 -1
- package/src/components/Drawer/Drawer.tsx +1 -1
- package/src/components/Icon/Icons.scss +1 -0
- package/src/components/InputWithDropdown/types.ts +1 -1
- package/src/components/LabelEditTextField/LabelEditTextField.scss +85 -0
- package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +136 -0
- package/src/components/LabelEditTextField/LabelEditTextField.tsx +207 -0
- package/src/components/LabelEditTextField/index.ts +1 -0
- package/src/components/LabelEditTextField/types.ts +38 -0
- package/src/components/Select/Select.stories.tsx +5 -3
- package/src/components/Select/Select.tsx +13 -5
- package/src/components/Select/components/Dropdown/Dropdown.tsx +3 -1
- package/src/components/Select/components/Dropdown/dropdownTypes.ts +3 -0
- package/src/components/Select/types.ts +12 -5
- package/src/index.ts +2 -0
- package/src/utils/getSelectOptionValue/getSelectOptionValue.ts +31 -0
package/lib/tsconfig.tsbuildinfo
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.stories.tsx","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.stories.tsx","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.stories.tsx","../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.stories.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.stories.tsx","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachmentbutton/attachmentbutton.stories.tsx","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.stories.tsx","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.stories.tsx","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/piechart/piechart.stories.tsx","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.stories.tsx","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.stories.tsx","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/draganddrop/draganddrop.stories.tsx","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/excelfile/changeexcelstyles.tsx","../src/components/excelfile/excelfile.stories.tsx","../src/components/excelfile/importexcelstyles.tsx","../src/components/excelfile/types.ts","../src/components/excelfile/index.ts","../src/components/excelfile/colorbarselector/colorbarselector.tsx","../src/components/excelfile/contextmenu/contextmenu.tsx","../src/components/excelfile/excelfile/excelfile.tsx","../src/components/excelfile/excelfile/excel/activecell.tsx","../src/components/excelfile/excelfile/excel/cell.tsx","../src/components/excelfile/excelfile/excel/columnindicator.tsx","../src/components/excelfile/excelfile/excel/copied.tsx","../src/components/excelfile/excelfile/excel/cornerindicator.tsx","../src/components/excelfile/excelfile/excel/dataeditor.tsx","../src/components/excelfile/excelfile/excel/dataviewer.tsx","../src/components/excelfile/excelfile/excel/floatingrect.tsx","../src/components/excelfile/excelfile/excel/headerrow.tsx","../src/components/excelfile/excelfile/excel/row.tsx","../src/components/excelfile/excelfile/excel/rowindicator.tsx","../src/components/excelfile/excelfile/excel/selected.tsx","../src/components/excelfile/excelfile/excel/spreadsheet.tsx","../src/components/excelfile/excelfile/excel/table.tsx","../src/components/excelfile/excelfile/excel/actions.ts","../src/components/excelfile/excelfile/excel/aremodelsequal.ts","../src/components/excelfile/excelfile/excel/context.ts","../src/components/excelfile/excelfile/excel/index.ts","../src/components/excelfile/excelfile/excel/matrix.ts","../src/components/excelfile/excelfile/excel/point-range.ts","../src/components/excelfile/excelfile/excel/point.ts","../src/components/excelfile/excelfile/excel/reducer.ts","../src/components/excelfile/excelfile/excel/selection.ts","../src/components/excelfile/excelfile/excel/types.ts","../src/components/excelfile/excelfile/excel/use-dispatch.ts","../src/components/excelfile/excelfile/excel/use-selector.ts","../src/components/excelfile/excelfile/excel/util.ts","../src/components/excelfile/excelfile/excel/engine/engine.ts","../src/components/excelfile/excelfile/excel/engine/formula.ts","../src/components/excelfile/excelfile/excel/engine/index.ts","../src/components/excelfile/excelfile/excel/engine/point-graph.ts","../src/components/excelfile/excelfile/excel/engine/point-hash.ts","../src/components/excelfile/excelfile/excel/engine/point-set.ts","../src/components/excelfile/excelfile/excel/typings/fast-formula-parser.d.ts","../src/components/excelfile/excelsheetbar/excelsheetbar.tsx","../src/components/excelfile/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.stories.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/captcha.stories.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.stories.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.stories.tsx","../src/components/form/form.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.stories.tsx","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.stories.tsx","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.stories.tsx","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.stories.tsx","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.stories.tsx","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.stories.tsx","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/lazyload/lazyload.stories.tsx","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.stories.tsx","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.stories.tsx","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.stories.tsx","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.stories.tsx","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.stories.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.stories.tsx","../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.stories.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/radiobutton/radiobutton.stories.tsx","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.stories.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.stories.tsx","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown/dropdown.tsx","../src/components/select/components/dropdown/dropdowntypes.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.stories.tsx","../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.stories.tsx","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.stories.tsx","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.stories.tsx","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.stories.tsx","../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.stories.tsx","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toggle/toggle.stories.tsx","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.stories.tsx","../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/checkempty/checkempty.stories.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.stories.tsx","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.stories.tsx","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.stories.tsx","../src/utils/debounce/debounce.ts","../src/utils/ffid/ffid.stories.tsx","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.stories.tsx","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.stories.tsx","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.stories.tsx","../src/utils/getextension/getextension.ts","../src/utils/throttle/throttle.stories.tsx","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.stories.tsx","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
|
1
|
+
{"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.stories.tsx","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.stories.tsx","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.stories.tsx","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.stories.tsx","../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.stories.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.stories.tsx","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachmentbutton/attachmentbutton.stories.tsx","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/button/button.stories.tsx","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.stories.tsx","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.stories.tsx","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/piechart/piechart.stories.tsx","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.stories.tsx","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.stories.tsx","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.stories.tsx","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/datepicker/datepicker.stories.tsx","../src/components/datepicker/datepicker.tsx","../src/components/datepicker/timepicker.tsx","../src/components/datepicker/index.ts","../src/components/datepicker/types.ts","../src/components/draganddrop/draganddrop.stories.tsx","../src/components/draganddrop/draganddrop.ts","../src/components/draganddrop/draganddroplist.tsx","../src/components/draganddrop/index.ts","../src/components/drawer/drawer.stories.tsx","../src/components/drawer/drawer.tsx","../src/components/drawer/types.ts","../src/components/drawer/index.ts","../src/components/excelfile/changeexcelstyles.tsx","../src/components/excelfile/excelfile.stories.tsx","../src/components/excelfile/importexcelstyles.tsx","../src/components/excelfile/types.ts","../src/components/excelfile/index.ts","../src/components/excelfile/colorbarselector/colorbarselector.tsx","../src/components/excelfile/contextmenu/contextmenu.tsx","../src/components/excelfile/excelfile/excelfile.tsx","../src/components/excelfile/excelfile/excel/activecell.tsx","../src/components/excelfile/excelfile/excel/cell.tsx","../src/components/excelfile/excelfile/excel/columnindicator.tsx","../src/components/excelfile/excelfile/excel/copied.tsx","../src/components/excelfile/excelfile/excel/cornerindicator.tsx","../src/components/excelfile/excelfile/excel/dataeditor.tsx","../src/components/excelfile/excelfile/excel/dataviewer.tsx","../src/components/excelfile/excelfile/excel/floatingrect.tsx","../src/components/excelfile/excelfile/excel/headerrow.tsx","../src/components/excelfile/excelfile/excel/row.tsx","../src/components/excelfile/excelfile/excel/rowindicator.tsx","../src/components/excelfile/excelfile/excel/selected.tsx","../src/components/excelfile/excelfile/excel/spreadsheet.tsx","../src/components/excelfile/excelfile/excel/table.tsx","../src/components/excelfile/excelfile/excel/actions.ts","../src/components/excelfile/excelfile/excel/aremodelsequal.ts","../src/components/excelfile/excelfile/excel/context.ts","../src/components/excelfile/excelfile/excel/index.ts","../src/components/excelfile/excelfile/excel/matrix.ts","../src/components/excelfile/excelfile/excel/point-range.ts","../src/components/excelfile/excelfile/excel/point.ts","../src/components/excelfile/excelfile/excel/reducer.ts","../src/components/excelfile/excelfile/excel/selection.ts","../src/components/excelfile/excelfile/excel/types.ts","../src/components/excelfile/excelfile/excel/use-dispatch.ts","../src/components/excelfile/excelfile/excel/use-selector.ts","../src/components/excelfile/excelfile/excel/util.ts","../src/components/excelfile/excelfile/excel/engine/engine.ts","../src/components/excelfile/excelfile/excel/engine/formula.ts","../src/components/excelfile/excelfile/excel/engine/index.ts","../src/components/excelfile/excelfile/excel/engine/point-graph.ts","../src/components/excelfile/excelfile/excel/engine/point-hash.ts","../src/components/excelfile/excelfile/excel/engine/point-set.ts","../src/components/excelfile/excelfile/excel/typings/fast-formula-parser.d.ts","../src/components/excelfile/excelsheetbar/excelsheetbar.tsx","../src/components/excelfile/exceltoolbar/exceltoolbar.tsx","../src/components/expandablemenu/expandablemenu.stories.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/captcha.stories.tsx","../src/components/ff_captcha/index.ts","../src/components/ff_captcha/types.ts","../src/components/filedropzone/dropzone.tsx","../src/components/filedropzone/filedropzone.stories.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.stories.tsx","../src/components/form/form.tsx","../src/components/form/index.ts","../src/components/form/types.ts","../src/components/gridlayout/gridlayout.stories.tsx","../src/components/gridlayout/gridlayout.tsx","../src/components/gridlayout/index.ts","../src/components/gridlayout/types.ts","../src/components/highlighttext/highlighttext.stories.tsx","../src/components/highlighttext/highlighttext.tsx","../src/components/highlighttext/index.ts","../src/components/highlighttext/types.ts","../src/components/icon/icon.stories.tsx","../src/components/icon/icon.tsx","../src/components/icon/iconlist.ts","../src/components/icon/index.ts","../src/components/icon/types.ts","../src/components/iconbutton/iconbutton.stories.tsx","../src/components/iconbutton/iconbutton.tsx","../src/components/iconbutton/index.ts","../src/components/iconbutton/types.ts","../src/components/iconradiogroup/iconradiogroup.stories.tsx","../src/components/iconradiogroup/iconradiogroup.tsx","../src/components/iconradiogroup/index.ts","../src/components/iconradiogroup/type.ts","../src/components/input/input.stories.tsx","../src/components/input/input.tsx","../src/components/input/index.ts","../src/components/input/types.ts","../src/components/inputwithdropdown/inputwithdropdown.stories.tsx","../src/components/inputwithdropdown/inputwithdropdown.tsx","../src/components/inputwithdropdown/index.ts","../src/components/inputwithdropdown/types.ts","../src/components/labeledittextfield/labeledittextfield.stories.tsx","../src/components/labeledittextfield/labeledittextfield.tsx","../src/components/labeledittextfield/index.ts","../src/components/labeledittextfield/types.ts","../src/components/lazyload/lazyload.stories.tsx","../src/components/lazyload/lazyload.ts","../src/components/lazyload/lazyloading.tsx","../src/components/lazyload/index.ts","../src/components/machineinputfield/machineinputfield.stories.tsx","../src/components/machineinputfield/machineinputfield.tsx","../src/components/machineinputfield/index.ts","../src/components/machineinputfield/types.ts","../src/components/menuoption/menuoption.stories.tsx","../src/components/menuoption/menuoption.tsx","../src/components/menuoption/index.ts","../src/components/menuoption/types.ts","../src/components/minimodal/minimodal.stories.tsx","../src/components/minimodal/minimodal.tsx","../src/components/minimodal/index.ts","../src/components/minimodal/types.ts","../src/components/modal/modal.stories.tsx","../src/components/modal/modal.tsx","../src/components/modal/index.tsx","../src/components/modal/types.ts","../src/components/multiselect/dropdown.tsx","../src/components/multiselect/multiselect.stories.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.stories.tsx","../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.stories.tsx","../src/components/paper/paper.tsx","../src/components/paper/index.ts","../src/components/paper/types.ts","../src/components/radiobutton/radiobutton.stories.tsx","../src/components/radiobutton/radiobutton.tsx","../src/components/radiobutton/index.ts","../src/components/radiobutton/radiobuttontypes.tsx","../src/components/radiogroup/radiogroup.stories.tsx","../src/components/radiogroup/radiogroup.tsx","../src/components/radiogroup/index.ts","../src/components/radiogroup/radiogrouptypes.tsx","../src/components/search/search.stories.tsx","../src/components/search/search.tsx","../src/components/search/index.ts","../src/components/search/types.ts","../src/components/select/select.stories.tsx","../src/components/select/select.tsx","../src/components/select/index.ts","../src/components/select/types.ts","../src/components/select/components/dropdown/dropdown.tsx","../src/components/select/components/dropdown/dropdowntypes.ts","../src/components/sequentialconnectingbranch/sequentialconnectingbranch.stories.tsx","../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.stories.tsx","../src/components/statedropdown/statedropdown.tsx","../src/components/statedropdown/statedropdowntypes.tsx","../src/components/statedropdown/index.ts","../src/components/statusbutton/statusbutton.stories.tsx","../src/components/statusbutton/statusbutton.tsx","../src/components/statusbutton/index.ts","../src/components/statusbutton/types.ts","../src/components/table/table.stories.tsx","../src/components/table/table.tsx","../src/components/table/types.ts","../src/components/table/index.ts","../src/components/tabletree/tabletree.stories.tsx","../src/components/tabletree/tabletree.tsx","../src/components/tabletree/data.ts","../src/components/tabletree/index.ts","../src/components/tabs/tabs.stories.tsx","../src/components/tabs/tabs.tsx","../src/components/tabs/index.ts","../src/components/tabs/types.ts","../src/components/textarea/textarea.stories.tsx","../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.stories.tsx","../src/components/toast/toast.tsx","../src/components/toast/index.ts","../src/components/toast/types.ts","../src/components/toggle/toggle.stories.tsx","../src/components/toggle/toggle.tsx","../src/components/toggle/index.ts","../src/components/toggle/types.ts","../src/components/tooltip/tooltip.stories.tsx","../src/components/tooltip/tooltip.tsx","../src/components/tooltip/index.ts","../src/components/tooltip/types.ts","../src/components/typography/typography.stories.tsx","../src/components/typography/typography.tsx","../src/components/typography/index.ts","../src/components/typography/types.ts","../src/components/variableinput/variableinput.stories.tsx","../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/checkempty/checkempty.stories.tsx","../src/utils/checkempty/checkempty.ts","../src/utils/comparearrays/comparearrays.stories.tsx","../src/utils/comparearrays/comparearrays.ts","../src/utils/compareobjects/compareobjects.stories.tsx","../src/utils/compareobjects/compareobjects.ts","../src/utils/debounce/debounce.stories.tsx","../src/utils/debounce/debounce.ts","../src/utils/ffid/ffid.stories.tsx","../src/utils/ffid/ffid.ts","../src/utils/findandinsert/findandinsert.stories.tsx","../src/utils/findandinsert/findandinsert.ts","../src/utils/getencrypteddata/getencrypteddata.stories.tsx","../src/utils/getencrypteddata/getencrypteddata.ts","../src/utils/getextension/getextension.stories.tsx","../src/utils/getextension/getextension.ts","../src/utils/getselectoptionvalue/getselectoptionvalue.ts","../src/utils/throttle/throttle.stories.tsx","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.stories.tsx","../src/utils/truncatetext/truncatetext.ts"],"version":"5.6.3"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
type DynamicValues = any;
|
2
|
+
interface dynamicObject {
|
3
|
+
[key: string]: DynamicValues;
|
4
|
+
}
|
5
|
+
type accessorType = string | undefined;
|
6
|
+
export declare const getLabel: (option: dynamicObject, accessor?: accessorType) => any;
|
7
|
+
export declare const getValue: (option: dynamicObject, accessor?: accessorType) => any;
|
8
|
+
export {};
|
package/package.json
CHANGED
@@ -200,8 +200,15 @@ $base-theme: (
|
|
200
200
|
linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
|
201
201
|
ff-delete-button-attachment: #a91224,
|
202
202
|
email-table-border-color: #959595,
|
203
|
+
|
204
|
+
label-edit-text-label-color: #71347b,
|
205
|
+
label-edit-text-background-color: #ffffff,
|
206
|
+
label-edit-error-text: #e42525,
|
207
|
+
label-edit-confirm-icon: #0dad66,
|
208
|
+
label-edit-cancel-icon: #e42525,
|
209
|
+
delete-icon-color: #e42525,
|
203
210
|
ff-icon-hover-fill-color: #f7ebff,
|
204
|
-
ff-icon-color-dark-variant: #
|
211
|
+
ff-icon-color-dark-variant: #ffffff,
|
205
212
|
);
|
206
213
|
:root {
|
207
214
|
@each $key, $value in $base-theme {
|
@@ -189,19 +189,28 @@ $dark-theme: (
|
|
189
189
|
modal-header-text-color: #ffc600,
|
190
190
|
switch-license-text-color: #61296a,
|
191
191
|
switch-license-header-text-color: #610b86,
|
192
|
-
dotted-border-color
|
193
|
-
select-license-header-text-color
|
194
|
-
in-active-button-color
|
195
|
-
button-background-gradient-color
|
196
|
-
ff-app-header-menu-border-bottom-color:#FFFFFF,
|
197
|
-
ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592F7C 0%, #741EBB 100%),
|
192
|
+
dotted-border-color: #000000,
|
193
|
+
select-license-header-text-color: #5f2868,
|
194
|
+
in-active-button-color: #808080,
|
195
|
+
button-background-gradient-color: #9c1ebb,
|
198
196
|
details-page-value-color: #808080,
|
197
|
+
|
198
|
+
label-edit-text-label-color: #71347b,
|
199
|
+
label-edit-text-background-color: #ffffff,
|
200
|
+
label-edit-error-text: #e42525,
|
201
|
+
label-edit-confirm-icon: #0dad66,
|
202
|
+
label-edit-cancel-icon: #e42525,
|
203
|
+
delete-icon-color: #e42525,
|
204
|
+
|
205
|
+
ff-app-header-menu-border-bottom-color: #ffffff,
|
206
|
+
ff-app-header-submenu-border-bottom-color:
|
207
|
+
linear-gradient(90deg, #592f7c 0%, #741ebb 100%),
|
199
208
|
table-header-text-color: #252c37,
|
200
209
|
table-column-text-color: #200624,
|
201
210
|
ff-delete-button-attachment: #a91224,
|
202
211
|
email-table-border-color: #959595,
|
203
|
-
ff-icon-hover-fill-color
|
204
|
-
ff-icon-color-dark-variant: #
|
212
|
+
ff-icon-hover-fill-color: #f7ecf8,
|
213
|
+
ff-icon-color-dark-variant: #ffffff,
|
205
214
|
);
|
206
215
|
:root {
|
207
216
|
@each $key, $value in $dark-theme {
|
@@ -8,7 +8,7 @@
|
|
8
8
|
.ff-app-header-left-container {
|
9
9
|
display: flex;
|
10
10
|
.ff-app-header-logo-icon {
|
11
|
-
padding:
|
11
|
+
padding: 4px;
|
12
12
|
height: 24px;
|
13
13
|
}
|
14
14
|
}
|
@@ -43,7 +43,9 @@
|
|
43
43
|
border-radius: 4px;
|
44
44
|
transition: width 0.15s ease-in-out;
|
45
45
|
}
|
46
|
-
|
46
|
+
.ff-app-header-nav-bar-item-label{
|
47
|
+
white-space: nowrap;
|
48
|
+
}
|
47
49
|
&--selected {
|
48
50
|
padding: 3px;
|
49
51
|
background-color: var(--primary-icon-color);
|
@@ -52,6 +54,7 @@
|
|
52
54
|
background-color: var(--brand-color);
|
53
55
|
border-radius: 20px;
|
54
56
|
padding: 4px 8px;
|
57
|
+
|
55
58
|
}
|
56
59
|
:last-child{
|
57
60
|
margin-right: 3px;
|
@@ -74,7 +74,7 @@ export interface InputWithDropdownProps {
|
|
74
74
|
/**
|
75
75
|
* onChange handler for dropdown changes
|
76
76
|
*/
|
77
|
-
onDropdownChangeHandler?: (option:
|
77
|
+
onDropdownChangeHandler?: (option: any) => void;
|
78
78
|
|
79
79
|
/**
|
80
80
|
* onInputBlurHandler action for input field
|
@@ -0,0 +1,85 @@
|
|
1
|
+
@use '../../assets/styles/fonts' as *;
|
2
|
+
|
3
|
+
.ff-label-edit-text-field {
|
4
|
+
display: flex;
|
5
|
+
flex-direction: column;
|
6
|
+
position: relative;
|
7
|
+
width: 100%;
|
8
|
+
.ff-label-text-field {
|
9
|
+
display: flex;
|
10
|
+
gap: 10px;
|
11
|
+
}
|
12
|
+
.ff-label-text-field-with-dropdown,
|
13
|
+
.ff-label-text-field-without-dropdown {
|
14
|
+
position: relative;
|
15
|
+
display: flex;
|
16
|
+
align-items: center;
|
17
|
+
}
|
18
|
+
.ff-label {
|
19
|
+
position: absolute;
|
20
|
+
top: 0;
|
21
|
+
left: 10px;
|
22
|
+
transform: translateY(-50%);
|
23
|
+
transition: all 0.2s ease;
|
24
|
+
color: var(--label-edit-text-label-color);
|
25
|
+
background: var(--label-edit-text-background-color);
|
26
|
+
padding: 0 4px;
|
27
|
+
@extend .font-size-8;
|
28
|
+
}
|
29
|
+
.ff-textfield-label {
|
30
|
+
@extend .ff-label;
|
31
|
+
top: 5px;
|
32
|
+
}
|
33
|
+
|
34
|
+
.display-text {
|
35
|
+
padding: 4px;
|
36
|
+
border-radius: 4px;
|
37
|
+
cursor: pointer;
|
38
|
+
display: flex;
|
39
|
+
align-items: center;
|
40
|
+
}
|
41
|
+
|
42
|
+
.ff-text-field,
|
43
|
+
.dropdown {
|
44
|
+
border: 1px solid var(--label-edit-text-label-color);
|
45
|
+
outline: none;
|
46
|
+
width: fit-content;
|
47
|
+
@extend .fontSm;
|
48
|
+
}
|
49
|
+
.ff-text-field {
|
50
|
+
padding: 0 4px;
|
51
|
+
border-radius: 4px;
|
52
|
+
}
|
53
|
+
.ff-text-dropdown-field {
|
54
|
+
flex: 2;
|
55
|
+
border: 1px solid var(--label-edit-text-label-color);
|
56
|
+
border-radius: 4px 0 0 4px;
|
57
|
+
border-right: none;
|
58
|
+
border-width: thin;
|
59
|
+
padding-left: 5px;
|
60
|
+
@extend .fontSm;
|
61
|
+
&:focus-visible {
|
62
|
+
outline: none;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
.dropdown {
|
66
|
+
border-radius: 0 4px 4px 0;
|
67
|
+
flex: 1;
|
68
|
+
height: inherit;
|
69
|
+
}
|
70
|
+
|
71
|
+
.ff-icon-container {
|
72
|
+
display: flex;
|
73
|
+
gap: 8px;
|
74
|
+
align-items: center;
|
75
|
+
.confirm-icon,
|
76
|
+
.cancel-icon {
|
77
|
+
cursor: pointer;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
.error-text {
|
82
|
+
margin: 0;
|
83
|
+
color: var(--label-edit-error-text);
|
84
|
+
}
|
85
|
+
}
|
@@ -0,0 +1,136 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import LabelEditTextField from './LabelEditTextField';
|
3
|
+
import '../../assets/styles/_colors.scss';
|
4
|
+
import './LabelEditTextField.scss';
|
5
|
+
|
6
|
+
const meta: Meta<typeof LabelEditTextField> = {
|
7
|
+
title: 'Components/LabelEditTextField',
|
8
|
+
component: LabelEditTextField,
|
9
|
+
parameters: {
|
10
|
+
layout: 'centered',
|
11
|
+
},
|
12
|
+
tags: ['autodocs'],
|
13
|
+
};
|
14
|
+
|
15
|
+
type Story = StoryObj<typeof LabelEditTextField>;
|
16
|
+
export const textField: Story = {
|
17
|
+
render: () => {
|
18
|
+
const handleConfirmAction = (inputValue: string) => {
|
19
|
+
//DEMO: we are getting that value from LabelEditTextField
|
20
|
+
console.log('Confirmed input value:', inputValue);
|
21
|
+
};
|
22
|
+
return (
|
23
|
+
<LabelEditTextField
|
24
|
+
label="Add Module"
|
25
|
+
text="Verify The Function Of Categories For" //it might be state
|
26
|
+
confirmIcon={{
|
27
|
+
name: 'update_icon',
|
28
|
+
onClick: () => {},
|
29
|
+
}}
|
30
|
+
cancelIcon={{
|
31
|
+
name: 'close',
|
32
|
+
onClick: () => {},
|
33
|
+
}}
|
34
|
+
width="300px"
|
35
|
+
height="22px"
|
36
|
+
confirmAction={handleConfirmAction}
|
37
|
+
/>
|
38
|
+
);
|
39
|
+
},
|
40
|
+
};
|
41
|
+
export const textFieldWithOutLabel: Story = {
|
42
|
+
render: () => {
|
43
|
+
const handleConfirmAction = (inputValue: string) => {
|
44
|
+
//DEMO: we are getting that value from LabelEditTextField
|
45
|
+
console.log('Confirmed input value:', inputValue);
|
46
|
+
};
|
47
|
+
return (
|
48
|
+
<LabelEditTextField
|
49
|
+
text="Verify The Function Of Categories For" //it might be state
|
50
|
+
confirmIcon={{
|
51
|
+
name: 'update_icon',
|
52
|
+
onClick: () => {},
|
53
|
+
}}
|
54
|
+
cancelIcon={{
|
55
|
+
name: 'close',
|
56
|
+
onClick: () => {},
|
57
|
+
}}
|
58
|
+
width="300px"
|
59
|
+
height="22px"
|
60
|
+
confirmAction={handleConfirmAction}
|
61
|
+
/>
|
62
|
+
);
|
63
|
+
},
|
64
|
+
};
|
65
|
+
export const textFieldWithDropdown: Story = {
|
66
|
+
render: () => {
|
67
|
+
const handleConfirmAction = (inputValue: string, dropdownValue: string) => {
|
68
|
+
//DEMO: we are getting that value from LabelEditTextField
|
69
|
+
console.log(
|
70
|
+
'Confirmed input value and dropdown value:',
|
71
|
+
inputValue,
|
72
|
+
dropdownValue
|
73
|
+
);
|
74
|
+
};
|
75
|
+
return (
|
76
|
+
<LabelEditTextField
|
77
|
+
label="Add Module"
|
78
|
+
text="Verify The Function Of Categories For"
|
79
|
+
confirmIcon={{
|
80
|
+
name: 'update_icon',
|
81
|
+
onClick: () => {},
|
82
|
+
}}
|
83
|
+
cancelIcon={{
|
84
|
+
name: 'close',
|
85
|
+
onClick: () => {},
|
86
|
+
}}
|
87
|
+
variant="textFieldWithDropdown"
|
88
|
+
dropdownData={[
|
89
|
+
{ id: 1, value: 'web', label: 'Web & Mobile' },
|
90
|
+
{ id: 2, value: 'desktop', label: 'Desktop' },
|
91
|
+
]}
|
92
|
+
width="300px"
|
93
|
+
height="22px"
|
94
|
+
confirmAction={handleConfirmAction}
|
95
|
+
/>
|
96
|
+
);
|
97
|
+
},
|
98
|
+
};
|
99
|
+
export const textFieldWithHighlight: Story = {
|
100
|
+
render: () => {
|
101
|
+
const handleConfirmAction = (inputValue: string, dropdownValue: string) => {
|
102
|
+
//DEMO: we are getting that value from LabelEditTextField
|
103
|
+
|
104
|
+
console.log(
|
105
|
+
'Confirmed input value and dropdown value:',
|
106
|
+
inputValue,
|
107
|
+
dropdownValue
|
108
|
+
);
|
109
|
+
};
|
110
|
+
return (
|
111
|
+
<LabelEditTextField
|
112
|
+
label="Add Module"
|
113
|
+
text="Verify The Function Of Categories For"
|
114
|
+
highlightText="The Function"
|
115
|
+
confirmIcon={{
|
116
|
+
name: 'update_icon',
|
117
|
+
onClick: () => {},
|
118
|
+
}}
|
119
|
+
cancelIcon={{
|
120
|
+
name: 'close',
|
121
|
+
onClick: () => {},
|
122
|
+
}}
|
123
|
+
variant="textFieldWithDropdown"
|
124
|
+
dropdownData={[
|
125
|
+
{ id: 1, value: 'web', label: 'Web & Mobile' },
|
126
|
+
{ id: 2, value: 'desktop', label: 'Desktop' },
|
127
|
+
]}
|
128
|
+
width="400px"
|
129
|
+
height="22px"
|
130
|
+
confirmAction={handleConfirmAction}
|
131
|
+
/>
|
132
|
+
);
|
133
|
+
},
|
134
|
+
};
|
135
|
+
|
136
|
+
export default meta;
|