pixel-react 1.8.5 → 1.8.6

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.
Files changed (135) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/DatePicker/types.d.ts +2 -0
  3. package/lib/components/FF_Captcha/Recaptcha.d.ts +2 -1
  4. package/lib/components/FF_Captcha/types.d.ts +11 -2
  5. package/lib/index.d.ts +13 -2
  6. package/lib/index.esm.js +1239 -1012
  7. package/lib/index.esm.js.map +1 -1
  8. package/lib/index.js +1239 -1012
  9. package/lib/index.js.map +1 -1
  10. package/lib/tsconfig.tsbuildinfo +1 -1
  11. package/package.json +3 -3
  12. package/src/components/DatePicker/DatePicker.scss +307 -2
  13. package/src/components/DatePicker/DatePicker.tsx +27 -19
  14. package/src/components/DatePicker/types.ts +4 -0
  15. package/src/components/FF_Captcha/Recaptcha.tsx +19 -9
  16. package/src/components/FF_Captcha/types.ts +12 -4
  17. package/src/components/LazyLoad/LazyLoad.stories.tsx +1 -0
  18. package/src/components/LazyLoad/LazyLoading.tsx +10 -1
  19. package/lib/1fb4472b34e4fe07.css +0 -1
  20. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
  21. package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
  22. package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
  23. package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
  24. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
  25. package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
  26. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
  27. package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
  28. package/lib/components/Button/Button.stories.d.ts +0 -13
  29. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
  30. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
  31. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
  32. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
  33. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
  34. package/lib/components/Chip/Chip.stories.d.ts +0 -14
  35. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
  36. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
  37. package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
  38. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +0 -8
  39. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +0 -4
  40. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
  41. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
  42. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
  43. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
  44. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
  45. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
  46. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
  47. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
  48. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
  49. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
  50. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
  51. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
  52. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -80
  53. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
  54. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -174
  55. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
  56. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
  57. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
  58. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
  59. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
  60. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
  61. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
  62. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
  63. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
  64. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
  65. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
  66. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
  67. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
  68. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
  69. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -178
  70. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
  71. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
  72. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -44
  73. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -19
  74. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
  75. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
  76. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -15
  77. package/lib/components/ExcelFile/Types.d.ts +0 -129
  78. package/lib/components/ExcelFile/index.d.ts +0 -1
  79. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
  80. package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
  81. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
  82. package/lib/components/Form/Form.stories.d.ts +0 -7
  83. package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
  84. package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
  85. package/lib/components/Icon/Icon.stories.d.ts +0 -8
  86. package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
  87. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
  88. package/lib/components/Input/Input.stories.d.ts +0 -9
  89. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
  90. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -11
  91. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
  92. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
  93. package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
  94. package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
  95. package/lib/components/Modal/Modal.stories.d.ts +0 -7
  96. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
  97. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -10
  98. package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
  99. package/lib/components/NLPInput/type.d.ts +0 -70
  100. package/lib/components/Paper/Paper.stories.d.ts +0 -11
  101. package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
  102. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
  103. package/lib/components/Search/Search.stories.d.ts +0 -6
  104. package/lib/components/Select/Select.stories.d.ts +0 -13
  105. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
  106. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
  107. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
  108. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
  109. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
  110. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
  111. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
  112. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
  113. package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
  114. package/lib/components/Table/Table.stories.d.ts +0 -13
  115. package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
  116. package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
  117. package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
  118. package/lib/components/Toast/Toast.stories.d.ts +0 -6
  119. package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
  120. package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
  121. package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
  122. package/lib/components/Typography/Typography.stories.d.ts +0 -10
  123. package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
  124. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
  125. package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
  126. package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
  127. package/lib/utils/debounce/debounce.stories.d.ts +0 -6
  128. package/lib/utils/ffID/ffID.stories.d.ts +0 -6
  129. package/lib/utils/find/findAndInsert.d.ts +0 -7
  130. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  131. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
  132. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
  133. package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
  134. package/lib/utils/throttle/throttle.stories.d.ts +0 -6
  135. package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
@@ -1 +1 @@
1
- {"root":["../src/index.ts","../src/styleguide/colorpalette/colorpalette.tsx","../src/styleguide/colorpalette/colorpalettelist.ts","../src/styleguide/colorpalette/index.ts","../src/styleguide/colorpalette/types.ts","../src/styleguide/typography/typography.tsx","../src/styleguide/typography/typographylist.ts","../src/styleguide/typography/types.ts","../src/assets/utils/functionutils.ts","../src/components/accordion/accordion.tsx","../src/components/accordion/index.ts","../src/components/accordion/types.ts","../src/components/addresourcebutton/addbutton.tsx","../src/components/addresourcebutton/index.ts","../src/components/addresourcebutton/type.ts","../src/components/addresourcebutton/arrowsbutton/arrowsbutton.tsx","../src/components/allprojectsdropdown/allprojectsdropdown.tsx","../src/components/allprojectsdropdown/index.ts","../src/components/allprojectsdropdown/types.ts","../src/components/appheader/appheader.tsx","../src/components/appheader/index.ts","../src/components/appheader/types.ts","../src/components/attachimage/attachimage.tsx","../src/components/attachimage/index.ts","../src/components/attachimage/types.ts","../src/components/attachmentbutton/attachmentbutton.tsx","../src/components/attachmentbutton/index.ts","../src/components/attachmentbutton/types.ts","../src/components/avatar/avatar.tsx","../src/components/avatar/index.ts","../src/components/avatar/types.ts","../src/components/button/button.tsx","../src/components/button/index.ts","../src/components/button/types.ts","../src/components/charts/barchart/barchart.tsx","../src/components/charts/barchart/index.ts","../src/components/charts/barchart/types.ts","../src/components/charts/dashboarddonutchart/dashboarddonutchart.tsx","../src/components/charts/dashboarddonutchart/index.ts","../src/components/charts/dashboarddonutchart/types.ts","../src/components/charts/donutchart/donutchart.tsx","../src/components/charts/donutchart/index.ts","../src/components/charts/donutchart/type.ts","../src/components/charts/iconradialchart/iconradialchart.tsx","../src/components/charts/iconradialchart/index.ts","../src/components/charts/iconradialchart/types.ts","../src/components/charts/linechart/linechart.tsx","../src/components/charts/linechart/index.ts","../src/components/charts/linechart/types.ts","../src/components/charts/multiradialchart/multiradialchart.tsx","../src/components/charts/multiradialchart/index.ts","../src/components/charts/multiradialchart/types.ts","../src/components/charts/piechart/piechart.tsx","../src/components/charts/piechart/index.ts","../src/components/charts/piechart/types.ts","../src/components/charts/radialchart/radialchart.tsx","../src/components/charts/radialchart/index.ts","../src/components/charts/radialchart/types.ts","../src/components/checkbox/checkbox.tsx","../src/components/checkbox/index.ts","../src/components/checkbox/types.ts","../src/components/chip/chip.tsx","../src/components/chip/index.ts","../src/components/chip/types.ts","../src/components/choosefile/choosefile.tsx","../src/components/choosefile/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.tsx","../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/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../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/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/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/formdata/convertformdatatoobject.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/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.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/choosefile/choosefile.tsx","../src/components/choosefile/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.tsx","../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/scriptswitchbutton/scriptswitchbutton.tsx","../src/components/scriptswitchbutton/index.ts","../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/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/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/formdata/convertformdatatoobject.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/keyboardactionutil/usekeyboardactions.tsx","../src/utils/keyboardactionutil/types.ts","../src/utils/throttle/throttle.ts","../src/utils/truncatetext/truncatetext.ts","../src/utils/validatefile/validatefile.ts","../src/validations/regex.ts"],"version":"5.7.2"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.8.5",
4
+ "version": "1.8.6",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -47,8 +47,8 @@
47
47
  "vite": "^5.4.10"
48
48
  },
49
49
  "peerDependencies": {
50
- "react": "^18.2.0",
51
- "react-dom": "^18.2.0"
50
+ "react": "18.2.0",
51
+ "react-dom": "18.2.0"
52
52
  },
53
53
  "scripts": {
54
54
  "storybook": "storybook dev -p 6006",
@@ -85,14 +85,13 @@
85
85
  .ff-date-picker-container {
86
86
  display: flex;
87
87
  flex-direction: column;
88
- position: absolute;
88
+ position: fixed;
89
89
  border-radius: 8px;
90
90
  padding: 4px;
91
91
  box-sizing: border-box;
92
92
  background-color: var(--tab-bg-color);
93
93
  box-shadow: 0 0 12px 0 #00000033;
94
94
  gap: 8px;
95
- z-index: 10;
96
95
 
97
96
  .ff-calendar-container {
98
97
  display: flex;
@@ -721,3 +720,309 @@
721
720
  }
722
721
 
723
722
 
723
+ // Adding react day picker library node modules css here to get the css style available in platform
724
+
725
+ /* Variables declaration */
726
+ /* prettier-ignore */
727
+ .rdp-root {
728
+ --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
729
+ --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
730
+ --rdp-font-family: system-ui; /* The font family used by the calendar. Note that `inherit`does not work here. */
731
+
732
+ --rdp-day-font: inherit; /* The font used for the day cells. */
733
+ --rdp-day-height: 2.75rem; /* The height of the day cells. */
734
+ --rdp-day-width: 2.75rem; /* The width of the day cells. */
735
+
736
+ --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
737
+ --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
738
+ --rdp-day_button-height: var(--rdp-day-height); /* The height of the day cells. */
739
+ --rdp-day_button-width: var(--rdp-day-width); /* The width of the day cells. */
740
+
741
+ --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
742
+ --rdp-selected-font: bold large var(--rdp-font-family); /* The font of the selected days. */
743
+ --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
744
+ --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
745
+ --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
746
+
747
+ --rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
748
+
749
+ --rdp-month_caption-font: bold larger var(--rdp-font-family); /* The font of the month caption. */
750
+ --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
751
+
752
+ --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
753
+ --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
754
+ --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
755
+ --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
756
+
757
+ --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
758
+ --rdp-range_middle-font: normal medium var(--rdp-font-family); /* The font for days in the middle of a range. */
759
+ --rdp-range_middle-foreground-color: white; /* The font for days in the middle of a range. */
760
+ --rdp-range_middle-color: inherit;/* The color of the range text. */
761
+
762
+ --rdp-range_start-color: white; /* The color of the range text. */
763
+ --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
764
+ --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
765
+
766
+ --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
767
+ --rdp-range_end-color: white;/* The color of the range text. */
768
+ --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
769
+
770
+ --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
771
+ --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
772
+ --rdp-week_number-font: 400 small var(--rdp-font-family); /* The font of the week number cells. */
773
+ --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
774
+ --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
775
+ --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
776
+ --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
777
+
778
+ --rdp-weekday-font: 500 smaller var(--rdp-font-family); /* The font of the weekday. */
779
+ --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
780
+ --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
781
+ --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
782
+
783
+ --rdp-gradient-direction: 90deg;
784
+ }
785
+
786
+ .rdp-root[dir="rtl"] {
787
+ --rdp-gradient-direction: -90deg;
788
+ }
789
+
790
+ /* Root of the component. */
791
+ .rdp-root {
792
+ position: relative; /* Required to position the navigation toolbar. */
793
+ box-sizing: border-box;
794
+ }
795
+
796
+ .rdp-root * {
797
+ box-sizing: border-box;
798
+ }
799
+
800
+ .rdp-day {
801
+ width: var(--rdp-day-width);
802
+ height: var(--rdp-day-height);
803
+ font: var(--rdp-day-font);
804
+ text-align: center;
805
+ }
806
+
807
+ .rdp-day_button {
808
+ background: none;
809
+ padding: 0;
810
+ margin: 0;
811
+ cursor: pointer;
812
+ font: inherit;
813
+ color: inherit;
814
+ justify-content: center;
815
+ align-items: center;
816
+ display: flex;
817
+
818
+ width: var(--rdp-day_button-width);
819
+ height: var(--rdp-day_button-height);
820
+ border: var(--rdp-day_button-border);
821
+ border-radius: var(--rdp-day_button-border-radius);
822
+ }
823
+
824
+ .rdp-day_button:disabled {
825
+ cursor: revert;
826
+ }
827
+
828
+ .rdp-caption_label {
829
+ z-index: 1;
830
+
831
+ position: relative;
832
+ display: inline-flex;
833
+ align-items: center;
834
+
835
+ white-space: nowrap;
836
+ border: 0;
837
+ }
838
+
839
+ .rdp-button_next,
840
+ .rdp-button_previous {
841
+ border: none;
842
+ background: none;
843
+ padding: 0;
844
+ margin: 0;
845
+ cursor: pointer;
846
+ font: inherit;
847
+ color: inherit;
848
+ -moz-appearance: none;
849
+ -webkit-appearance: none;
850
+ display: inline-flex;
851
+ align-items: center;
852
+ justify-content: center;
853
+ position: relative;
854
+ appearance: none;
855
+
856
+ width: var(--rdp-nav_button-width);
857
+ height: var(--rdp-nav_button-height);
858
+ }
859
+
860
+ .rdp-button_next:disabled,
861
+ .rdp-button_previous:disabled {
862
+ cursor: revert;
863
+
864
+ opacity: var(--rdp-nav_button-disabled-opacity);
865
+ }
866
+
867
+ .rdp-chevron {
868
+ display: inline-block;
869
+ fill: var(--rdp-accent-color);
870
+ }
871
+
872
+ .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
873
+ transform: rotate(180deg);
874
+ }
875
+
876
+ .rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
877
+ transform: rotate(180deg);
878
+ transform-origin: 50%;
879
+ }
880
+
881
+ .rdp-dropdowns {
882
+ position: relative;
883
+ display: inline-flex;
884
+ align-items: center;
885
+ gap: var(--rdp-dropdown-gap);
886
+ }
887
+ .rdp-dropdown {
888
+ z-index: 2;
889
+
890
+ /* Reset */
891
+ opacity: 0;
892
+ appearance: none;
893
+ position: absolute;
894
+ inset-block-start: 0;
895
+ inset-block-end: 0;
896
+ inset-inline-start: 0;
897
+ width: 100%;
898
+ margin: 0;
899
+ padding: 0;
900
+ cursor: inherit;
901
+ border: none;
902
+ line-height: inherit;
903
+ }
904
+
905
+ .rdp-dropdown_root {
906
+ position: relative;
907
+ display: inline-flex;
908
+ align-items: center;
909
+ }
910
+
911
+ .rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
912
+ opacity: var(--rdp-disabled-opacity);
913
+ }
914
+
915
+ .rdp-month_caption {
916
+ display: flex;
917
+ align-content: center;
918
+ height: var(--rdp-nav-height);
919
+ font: var(--rdp-month_caption-font);
920
+ }
921
+
922
+ .rdp-months {
923
+ position: relative;
924
+ display: flex;
925
+ flex-wrap: wrap;
926
+ gap: var(--rdp-months-gap);
927
+ max-width: fit-content;
928
+ }
929
+
930
+ .rdp-month_grid {
931
+ border-collapse: collapse;
932
+ }
933
+
934
+ .rdp-nav {
935
+ position: absolute;
936
+ inset-block-start: 0;
937
+ inset-inline-end: 0;
938
+
939
+ display: flex;
940
+ align-items: center;
941
+
942
+ height: var(--rdp-nav-height);
943
+ }
944
+
945
+ .rdp-weekday {
946
+ opacity: var(--rdp-weekday-opacity);
947
+ padding: var(--rdp-weekday-padding);
948
+ font: var(--rdp-weekday-font);
949
+ text-align: var(--rdp-weekday-text-align);
950
+ text-transform: var(--rdp-weekday-text-transform);
951
+ }
952
+
953
+ .rdp-week_number {
954
+ opacity: var(--rdp-week_number-opacity);
955
+ font: var(--rdp-week_number-font);
956
+ height: var(--rdp-week_number-height);
957
+ width: var(--rdp-week_number-width);
958
+ border: var(--rdp-week_number-border);
959
+ border-radius: var(--rdp-week_number-border-radius);
960
+ text-align: var(--rdp-weeknumber-text-align);
961
+ }
962
+
963
+ /* DAY MODIFIERS */
964
+ .rdp-today:not(.rdp-outside) {
965
+ color: var(--rdp-today-color);
966
+ }
967
+
968
+ .rdp-selected {
969
+ font: var(--rdp-selected-font);
970
+ }
971
+
972
+ .rdp-selected .rdp-day_button {
973
+ border: var(--rdp-selected-border);
974
+ }
975
+
976
+ .rdp-outside {
977
+ opacity: var(--rdp-outside-opacity);
978
+ }
979
+
980
+ .rdp-disabled {
981
+ opacity: var(--rdp-disabled-opacity);
982
+ }
983
+
984
+ .rdp-hidden {
985
+ visibility: hidden;
986
+ color: var(--rdp-range_start-color);
987
+ }
988
+
989
+ .rdp-range_start {
990
+ background: var(--rdp-range_start-background);
991
+ }
992
+
993
+ .rdp-range_start .rdp-day_button {
994
+ background-color: var(--rdp-range_start-date-background-color);
995
+ color: var(--rdp-range_start-color);
996
+ }
997
+
998
+ .rdp-range_middle {
999
+ background-color: var(--rdp-range_middle-background-color);
1000
+ font: var(--rdp-range_middle-font);
1001
+ }
1002
+
1003
+ .rdp-range_middle .rdp-day_button {
1004
+ border-color: transparent;
1005
+ border: unset;
1006
+ border-radius: unset;
1007
+ color: var(--rdp-range_middle-color);
1008
+ }
1009
+
1010
+ .rdp-range_end {
1011
+ background: var(--rdp-range_end-background);
1012
+ color: var(--rdp-range_end-color);
1013
+ }
1014
+
1015
+ .rdp-range_end .rdp-day_button {
1016
+ color: var(--rdp-range_start-color);
1017
+ background-color: var(--rdp-range_end-date-background-color);
1018
+ }
1019
+
1020
+ .rdp-range_start.rdp-range_end {
1021
+ background: revert;
1022
+ }
1023
+
1024
+ .rdp-focusable {
1025
+ cursor: pointer;
1026
+ }
1027
+
1028
+
@@ -27,6 +27,8 @@ const CustomDatePicker: React.FC<DatePickerProps> = ({
27
27
  error,
28
28
  helperText = '',
29
29
  dateOnly = false,
30
+ className,
31
+ zIndex = 10,
30
32
  }) => {
31
33
  const [timeValue, setTimeValue] = useState<string>('');
32
34
  const [selectedDate, setSelectedDate] = useState<Date | undefined>();
@@ -36,17 +38,21 @@ const CustomDatePicker: React.FC<DatePickerProps> = ({
36
38
  new Date()
37
39
  );
38
40
  const [view, setView] = useState<string>('days');
41
+
42
+ const selectedDateRef = useRef<Date | undefined>(undefined);
39
43
  const [startYear, setStartYear] = useState(() => {
40
44
  const currentYear =
41
45
  selectedMonth?.getFullYear() ?? new Date().getFullYear();
42
46
  return currentYear - (currentYear % 12); // Set to the first year in the 12-year range
43
47
  });
44
- const [datePickerPosition, setDatePickerPosition] = useState<
45
- 'top' | 'bottom'
46
- >('bottom');
48
+
47
49
  const pickerRef = useRef<HTMLDivElement>(null); // Ref to track the picker
48
50
  const containerRef = useRef<HTMLDivElement>(null);
49
51
 
52
+ useEffect(() => {
53
+ selectedDateRef.current = selectedDate;
54
+ }, [selectedDate]);
55
+
50
56
  useEffect(() => {
51
57
  if (value) {
52
58
  setTimeValue(formatTimeStr(value));
@@ -79,30 +85,32 @@ const CustomDatePicker: React.FC<DatePickerProps> = ({
79
85
  const adjustPosition = () => {
80
86
  if (containerRef.current && pickerRef.current) {
81
87
  const relativeRect = containerRef.current.getBoundingClientRect();
82
- const absoluteRect = pickerRef.current.getBoundingClientRect();
88
+ const pickerHeight = pickerRef.current.offsetHeight;
89
+ const spacing = 5; // spacing in pixels
83
90
 
84
91
  const spaceBelow = window.innerHeight - relativeRect.bottom;
85
92
  const spaceAbove = relativeRect.top;
86
93
 
87
- // Check if there is more space above than below
88
- if (
89
- spaceBelow < absoluteRect.height &&
90
- spaceAbove >= absoluteRect.height
91
- ) {
92
- setDatePickerPosition('top');
93
- } else {
94
- setDatePickerPosition('bottom');
94
+ let top = relativeRect.bottom + window.scrollY + spacing; // Default position to below
95
+ if (spaceBelow < pickerHeight && spaceAbove >= pickerHeight) {
96
+ top = relativeRect.top + window.scrollY - pickerHeight - spacing; // Place above
95
97
  }
98
+
99
+ // Horizontal position: align to container with optional adjustments
100
+ const left = relativeRect.left + window.scrollX;
101
+
102
+ pickerRef.current.style.top = `${top}px`;
103
+ pickerRef.current.style.left = `${left}px`;
96
104
  }
97
105
  };
98
106
 
99
- // Initial check
107
+ // Initial adjustment
100
108
  adjustPosition();
101
109
 
102
- // Adjust position on window resize
110
+ // Recalculate on resize
103
111
  window.addEventListener('resize', adjustPosition);
104
112
  return () => window.removeEventListener('resize', adjustPosition);
105
- }, []);
113
+ }, [isPickerOpen]);
106
114
 
107
115
  const calendarStyle = {
108
116
  '--rdp-day-width': calendarWidth ? `${calendarWidth / 7 - 4}px` : undefined,
@@ -143,7 +151,8 @@ const CustomDatePicker: React.FC<DatePickerProps> = ({
143
151
  };
144
152
 
145
153
  const handleSave = () => {
146
- onChange(selectedDate);
154
+ console.log('selectedDate1', selectedDateRef.current);
155
+ onChange(selectedDateRef.current);
147
156
  resetAndCloseDatePicker();
148
157
  };
149
158
 
@@ -370,7 +379,7 @@ const CustomDatePicker: React.FC<DatePickerProps> = ({
370
379
  };
371
380
 
372
381
  return (
373
- <div className="ff-date-picker" ref={containerRef}>
382
+ <div className={`ff-date-picker ${className}`} ref={containerRef}>
374
383
  <div className="ff-datepicker-input-container">
375
384
  <div className="ff-input-with-icon ff-date-input-field">
376
385
  <Icon
@@ -423,8 +432,7 @@ const CustomDatePicker: React.FC<DatePickerProps> = ({
423
432
  className="ff-date-picker-container"
424
433
  ref={pickerRef}
425
434
  style={{
426
- top: datePickerPosition === 'top' ? 'auto' : '110%',
427
- bottom: datePickerPosition === 'top' ? '110%' : 'auto',
435
+ zIndex,
428
436
  }}
429
437
  >
430
438
  <div className="ff-calendar-container">
@@ -63,6 +63,10 @@ export interface DatePickerProps {
63
63
  * Select only date .
64
64
  */
65
65
  dateOnly?: boolean;
66
+
67
+ className?: string;
68
+
69
+ zIndex?: number;
66
70
  }
67
71
 
68
72
  export type DateValue = Date | undefined;
@@ -1,14 +1,27 @@
1
- import { useState, forwardRef } from 'react';
1
+ import React, { useState, forwardRef, ComponentType, Ref } from 'react';
2
2
  import ReCAPTCHA from 'react-google-recaptcha';
3
3
  import { RecaptchaProps } from './types';
4
4
  import './Recaptcha.scss';
5
5
  import classNames from 'classnames';
6
6
  import Typography from '../Typography';
7
-
7
+ // Extend the props to include React.RefAttributes
8
+ const FixedReCAPTCHA = ReCAPTCHA as unknown as ComponentType<
9
+ {
10
+ sitekey: string;
11
+ onChange: (token: string | null) => void;
12
+ className?: string;
13
+ theme?: 'light' | 'dark';
14
+ size?: 'compact' | 'normal' | 'invisible';
15
+ tabindex?: number;
16
+ badge?: 'bottomright' | 'bottomleft' | 'inline';
17
+ } & React.RefAttributes<ReCAPTCHA>
18
+ >;
8
19
  const Recaptcha = forwardRef<ReCAPTCHA, RecaptchaProps>(
9
- ({ onVerify, className = '', error: externalError, sitekey, ...props }, ref) => {
20
+ (
21
+ { onVerify, className = '', error: externalError, sitekey, ...props },
22
+ ref: Ref<ReCAPTCHA>
23
+ ) => {
10
24
  const [internalError, setInternalError] = useState<string | null>(null);
11
-
12
25
  const handleChange = (token: string | null) => {
13
26
  if (token) {
14
27
  setInternalError(null);
@@ -17,12 +30,10 @@ const Recaptcha = forwardRef<ReCAPTCHA, RecaptchaProps>(
17
30
  setInternalError('Please complete the CAPTCHA');
18
31
  }
19
32
  };
20
-
21
33
  const error = externalError || internalError;
22
-
23
34
  return (
24
35
  <div className={classNames('ff-recaptcha-wrapper', className)}>
25
- <ReCAPTCHA
36
+ <FixedReCAPTCHA
26
37
  ref={ref}
27
38
  sitekey={sitekey}
28
39
  onChange={handleChange}
@@ -37,5 +48,4 @@ const Recaptcha = forwardRef<ReCAPTCHA, RecaptchaProps>(
37
48
  );
38
49
  }
39
50
  );
40
-
41
- export default Recaptcha;
51
+ export default Recaptcha;
@@ -1,7 +1,16 @@
1
1
  import { ComponentProps } from 'react';
2
- import ReCAPTCHA from 'react-google-recaptcha';
3
-
4
- export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
2
+ // Fix ReCAPTCHA type by casting to a compatible type
3
+ type FixedReCAPTCHA = React.ComponentType<{
4
+ sitekey: string;
5
+ onChange: (token: string | null) => void;
6
+ className?: string;
7
+ theme?: 'light' | 'dark';
8
+ size?: 'compact' | 'normal' | 'invisible';
9
+ tabindex?: number;
10
+ badge?: 'bottomright' | 'bottomleft' | 'inline';
11
+ }>;
12
+ export interface RecaptchaProps
13
+ extends Omit<ComponentProps<FixedReCAPTCHA>, 'onChange'> {
5
14
  /**
6
15
  * Callback function that receives the verification token
7
16
  */
@@ -19,4 +28,3 @@ export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, '
19
28
  */
20
29
  sitekey: string;
21
30
  }
22
-
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import { Meta, StoryObj } from '@storybook/react';
2
3
  import LazyLoading from './LazyLoading';
3
4