iguazio.dashboard-react-controls 3.2.21 → 3.2.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionsMenu/ActionsMenu.d.ts +17 -10
- package/dist/components/ActionsMenu/ActionsMenu.d.ts.map +1 -1
- package/dist/components/Backdrop/Backdrop.d.ts +8 -7
- package/dist/components/Backdrop/Backdrop.d.ts.map +1 -1
- package/dist/components/BlockerSpy/BlockerSpy.d.ts +4 -3
- package/dist/components/BlockerSpy/BlockerSpy.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts +16 -15
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.stories.d.ts +69 -7
- package/dist/components/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/ChipForm/ChipForm.d.ts +20 -12
- package/dist/components/ChipForm/ChipForm.d.ts.map +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +21 -20
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.stories.d.ts +22 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.stories.d.ts.map +1 -1
- package/dist/components/CopyToClipboard/CopyToClipboard.d.ts +11 -10
- package/dist/components/CopyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/components/ErrorMessage/ErrorMessage.d.ts +5 -4
- package/dist/components/ErrorMessage/ErrorMessage.d.ts.map +1 -1
- package/dist/components/FormCheckBox/FormCheckBox.d.ts +13 -12
- package/dist/components/FormCheckBox/FormCheckBox.d.ts.map +1 -1
- package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts +8 -1
- package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts.map +1 -1
- package/dist/components/FormChipCell/FormChip/FormChip.d.ts +24 -23
- package/dist/components/FormChipCell/FormChip/FormChip.d.ts.map +1 -1
- package/dist/components/FormChipCell/FormChipCell.d.ts +30 -29
- package/dist/components/FormChipCell/FormChipCell.d.ts.map +1 -1
- package/dist/components/FormChipCell/FormChipCellView.d.ts +29 -28
- package/dist/components/FormChipCell/FormChipCellView.d.ts.map +1 -1
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts +16 -7
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts.map +1 -1
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts +26 -18
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts.map +1 -1
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts +5 -4
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts.map +1 -1
- package/dist/components/FormCombobox/FormCombobox.d.ts +44 -39
- package/dist/components/FormCombobox/FormCombobox.d.ts.map +1 -1
- package/dist/components/FormCombobox/FormCombobox.stories.d.ts +58 -6
- package/dist/components/FormCombobox/FormCombobox.stories.d.ts.map +1 -1
- package/dist/components/FormInput/FormInput.d.ts +77 -1
- package/dist/components/FormInput/FormInput.d.ts.map +1 -1
- package/dist/components/FormInput/FormInput.stories.d.ts +86 -8
- package/dist/components/FormInput/FormInput.stories.d.ts.map +1 -1
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.d.ts +12 -11
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.d.ts.map +1 -1
- package/dist/components/FormKeyValueTable/FormKeyValueTable.d.ts +41 -37
- package/dist/components/FormKeyValueTable/FormKeyValueTable.d.ts.map +1 -1
- package/dist/components/FormOnChange/FormOnChange.d.ts +4 -3
- package/dist/components/FormOnChange/FormOnChange.d.ts.map +1 -1
- package/dist/components/FormRadio/FormRadio.d.ts +10 -9
- package/dist/components/FormRadio/FormRadio.d.ts.map +1 -1
- package/dist/components/FormRadio/FormRadio.stories.d.ts +8 -1
- package/dist/components/FormRadio/FormRadio.stories.d.ts.map +1 -1
- package/dist/components/FormSelect/FormSelect.d.ts +44 -34
- package/dist/components/FormSelect/FormSelect.d.ts.map +1 -1
- package/dist/components/FormSelect/FormSelect.stories.d.ts +36 -4
- package/dist/components/FormSelect/FormSelect.stories.d.ts.map +1 -1
- package/dist/components/FormTextarea/FormTextarea.d.ts +31 -30
- package/dist/components/FormTextarea/FormTextarea.d.ts.map +1 -1
- package/dist/components/FormTextarea/FormTextarea.stories.d.ts +26 -3
- package/dist/components/FormTextarea/FormTextarea.stories.d.ts.map +1 -1
- package/dist/components/FormToggle/FormToggle.d.ts +14 -13
- package/dist/components/FormToggle/FormToggle.d.ts.map +1 -1
- package/dist/components/LoadButton/LoadButton.d.ts +8 -7
- package/dist/components/LoadButton/LoadButton.d.ts.map +1 -1
- package/dist/components/LoadButton/LoadButton.stories.d.ts +29 -3
- package/dist/components/LoadButton/LoadButton.stories.d.ts.map +1 -1
- package/dist/components/Loader/Loader.d.ts +14 -1
- package/dist/components/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Loader/LoaderForSuspenseFallback.d.ts +2 -1
- package/dist/components/Loader/LoaderForSuspenseFallback.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts +19 -18
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/PopUpDialog/PopUpDialog.d.ts +22 -20
- package/dist/components/PopUpDialog/PopUpDialog.d.ts.map +1 -1
- package/dist/components/ReadOnlyChips/ReadOnlyChips.d.ts +5 -4
- package/dist/components/ReadOnlyChips/ReadOnlyChips.d.ts.map +1 -1
- package/dist/components/RoundedIcon/RoundedIcon.d.ts +15 -14
- package/dist/components/RoundedIcon/RoundedIcon.d.ts.map +1 -1
- package/dist/components/RoundedIcon/RoundedIcon.stories.d.ts +13 -2
- package/dist/components/RoundedIcon/RoundedIcon.stories.d.ts.map +1 -1
- package/dist/components/TableCell/TableCell.d.ts +20 -19
- package/dist/components/TableCell/TableCell.d.ts.map +1 -1
- package/dist/components/TabsSlider/TabsSlider.d.ts +18 -12
- package/dist/components/TabsSlider/TabsSlider.d.ts.map +1 -1
- package/dist/components/Tip/Tip.d.ts +7 -6
- package/dist/components/Tip/Tip.d.ts.map +1 -1
- package/dist/components/Tip/Tip.stories.d.ts +6 -1
- package/dist/components/Tip/Tip.stories.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +17 -16
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +16 -2
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts +6 -5
- package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts.map +1 -1
- package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts +6 -5
- package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts.map +1 -1
- package/dist/components/Wizard/Wizard.d.ts +16 -15
- package/dist/components/Wizard/Wizard.d.ts.map +1 -1
- package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts +13 -6
- package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts.map +1 -1
- package/dist/elements/ActionsMenuItem/ActionsMenuItem.d.ts +7 -6
- package/dist/elements/ActionsMenuItem/ActionsMenuItem.d.ts.map +1 -1
- package/dist/elements/FormActionButton/FormActionButton.d.ts +13 -12
- package/dist/elements/FormActionButton/FormActionButton.d.ts.map +1 -1
- package/dist/elements/FormRowActions/FormRowActions.d.ts +14 -13
- package/dist/elements/FormRowActions/FormRowActions.d.ts.map +1 -1
- package/dist/elements/OptionsMenu/OptionsMenu.d.ts +7 -6
- package/dist/elements/OptionsMenu/OptionsMenu.d.ts.map +1 -1
- package/dist/elements/SelectOption/SelectOption.d.ts +20 -10
- package/dist/elements/SelectOption/SelectOption.d.ts.map +1 -1
- package/dist/elements/TableHead/TableHead.d.ts +8 -7
- package/dist/elements/TableHead/TableHead.d.ts.map +1 -1
- package/dist/elements/TableLinkCell/TableLinkCell.d.ts +15 -14
- package/dist/elements/TableLinkCell/TableLinkCell.d.ts.map +1 -1
- package/dist/elements/TableTypeCell/TableTypeCell.d.ts +5 -4
- package/dist/elements/TableTypeCell/TableTypeCell.d.ts.map +1 -1
- package/dist/elements/ValidationTemplate/ValidationTemplate.d.ts +4 -3
- package/dist/elements/ValidationTemplate/ValidationTemplate.d.ts.map +1 -1
- package/dist/hooks/useDetails.hook.d.ts +35 -29
- package/dist/hooks/useDetails.hook.d.ts.map +1 -1
- package/dist/hooks/useDetailsHeader.hook.d.ts +59 -44
- package/dist/hooks/useDetailsHeader.hook.d.ts.map +1 -1
- package/dist/hooks/useFormTable.hook.d.ts +5 -5
- package/dist/hooks/useTable.hook.d.ts +42 -32
- package/dist/hooks/useTable.hook.d.ts.map +1 -1
- package/dist/images/activeFilter.svg +6 -0
- package/dist/images/activeFilter.svg.mjs +6 -0
- package/dist/images/activeFilter.svg.mjs.map +1 -0
- package/dist/images/calendar-chevron.svg +3 -0
- package/dist/images/calendar-chevron.svg.mjs +6 -0
- package/dist/images/calendar-chevron.svg.mjs.map +1 -0
- package/dist/images/check.svg +3 -0
- package/dist/images/check.svg.mjs +6 -0
- package/dist/images/check.svg.mjs.map +1 -0
- package/dist/images/clock.svg.mjs +6 -0
- package/dist/images/clock.svg.mjs.map +1 -0
- package/dist/images/double-check.svg +3 -0
- package/dist/images/filter-2.svg +5 -0
- package/dist/images/filter-2.svg.mjs +6 -0
- package/dist/images/filter-2.svg.mjs.map +1 -0
- package/dist/images/refresh-2.svg +3 -0
- package/dist/images/refresh-2.svg.mjs +6 -0
- package/dist/images/refresh-2.svg.mjs.map +1 -0
- package/dist/images/search2-icon.svg +3 -0
- package/dist/images/select.svg +3 -0
- package/dist/images/select.svg.mjs +6 -0
- package/dist/images/select.svg.mjs.map +1 -0
- package/dist/images/sort-arrow.svg +3 -0
- package/dist/images/sort-arrow.svg.mjs +6 -0
- package/dist/images/sort-arrow.svg.mjs.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.d.ts +10 -0
- package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.d.ts.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.mjs +103 -0
- package/dist/nextGenComponents/components/CustomRangePicker/CustomRangePicker.mjs.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.d.ts +14 -0
- package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.d.ts.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.mjs +115 -0
- package/dist/nextGenComponents/components/CustomRangePicker/DateTimePickerPanel.mjs.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.d.ts +14 -0
- package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.d.ts.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.mjs +109 -0
- package/dist/nextGenComponents/components/CustomRangePicker/MaskedInput.mjs.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/TimePickerInput.d.ts +8 -0
- package/dist/nextGenComponents/components/CustomRangePicker/TimePickerInput.d.ts.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/TimePickerInput.mjs +109 -0
- package/dist/nextGenComponents/components/CustomRangePicker/TimePickerInput.mjs.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/index.d.ts +2 -0
- package/dist/nextGenComponents/components/CustomRangePicker/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/CustomRangePicker/index.mjs +5 -0
- package/dist/nextGenComponents/components/CustomRangePicker/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.d.ts +29 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.d.ts.map +1 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.mjs +223 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.mjs.map +1 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.utils.d.ts +11 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.utils.d.ts.map +1 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.utils.mjs +17 -0
- package/dist/nextGenComponents/components/DataTable/DataTable.utils.mjs.map +1 -0
- package/dist/nextGenComponents/components/DataTable/checkboxColumn.d.ts +4 -0
- package/dist/nextGenComponents/components/DataTable/checkboxColumn.d.ts.map +1 -0
- package/dist/nextGenComponents/components/DataTable/checkboxColumn.mjs +30 -0
- package/dist/nextGenComponents/components/DataTable/checkboxColumn.mjs.map +1 -0
- package/dist/nextGenComponents/components/DataTable/index.d.ts +2 -0
- package/dist/nextGenComponents/components/DataTable/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/DataTable/index.mjs +5 -0
- package/dist/nextGenComponents/components/DataTable/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.d.ts +11 -0
- package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.d.ts.map +1 -0
- package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.mjs +53 -0
- package/dist/nextGenComponents/components/DetailsPanel/DetailsPanel.mjs.map +1 -0
- package/dist/nextGenComponents/components/DetailsPanel/index.d.ts +2 -0
- package/dist/nextGenComponents/components/DetailsPanel/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/DetailsPanel/index.mjs +5 -0
- package/dist/nextGenComponents/components/DetailsPanel/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.d.ts +8 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.d.ts.map +1 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.mjs +20 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/EllipsisTooltip.mjs.map +1 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/index.d.ts +2 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/index.mjs +5 -0
- package/dist/nextGenComponents/components/EllipsisTooltip/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/FilterPopover/FilterPopover.d.ts +10 -0
- package/dist/nextGenComponents/components/FilterPopover/FilterPopover.d.ts.map +1 -0
- package/dist/nextGenComponents/components/FilterPopover/FilterPopover.mjs +157 -0
- package/dist/nextGenComponents/components/FilterPopover/FilterPopover.mjs.map +1 -0
- package/dist/nextGenComponents/components/FilterPopover/index.d.ts +2 -0
- package/dist/nextGenComponents/components/FilterPopover/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/FilterPopover/index.mjs +5 -0
- package/dist/nextGenComponents/components/FilterPopover/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/Loader/Loader.d.ts +16 -0
- package/dist/nextGenComponents/components/Loader/Loader.d.ts.map +1 -0
- package/dist/nextGenComponents/components/Loader/Loader.mjs +62 -0
- package/dist/nextGenComponents/components/Loader/Loader.mjs.map +1 -0
- package/dist/nextGenComponents/components/Loader/index.d.ts +3 -0
- package/dist/nextGenComponents/components/Loader/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/Loader/index.mjs +5 -0
- package/dist/nextGenComponents/components/Loader/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.d.ts +15 -0
- package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.d.ts.map +1 -0
- package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.mjs +113 -0
- package/dist/nextGenComponents/components/MultiSelectField/MultiSelectField.mjs.map +1 -0
- package/dist/nextGenComponents/components/MultiSelectField/index.d.ts +3 -0
- package/dist/nextGenComponents/components/MultiSelectField/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/MultiSelectField/index.mjs +6 -0
- package/dist/nextGenComponents/components/MultiSelectField/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/PaginationControls/PaginationControls.d.ts +17 -0
- package/dist/nextGenComponents/components/PaginationControls/PaginationControls.d.ts.map +1 -0
- package/dist/nextGenComponents/components/PaginationControls/PaginationControls.mjs +106 -0
- package/dist/nextGenComponents/components/PaginationControls/PaginationControls.mjs.map +1 -0
- package/dist/nextGenComponents/components/PaginationControls/index.d.ts +3 -0
- package/dist/nextGenComponents/components/PaginationControls/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/PaginationControls/index.mjs +5 -0
- package/dist/nextGenComponents/components/PaginationControls/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/RefreshButton/RefreshButton.d.ts +5 -0
- package/dist/nextGenComponents/components/RefreshButton/RefreshButton.d.ts.map +1 -0
- package/dist/nextGenComponents/components/RefreshButton/RefreshButton.mjs +20 -0
- package/dist/nextGenComponents/components/RefreshButton/RefreshButton.mjs.map +1 -0
- package/dist/nextGenComponents/components/RefreshButton/index.d.ts +2 -0
- package/dist/nextGenComponents/components/RefreshButton/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/RefreshButton/index.mjs +5 -0
- package/dist/nextGenComponents/components/RefreshButton/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/RowActions/ActionMenu/ActionMenu.d.ts +8 -0
- package/dist/nextGenComponents/components/RowActions/ActionMenu/ActionMenu.d.ts.map +1 -0
- package/dist/nextGenComponents/components/RowActions/ActionMenu/ActionMenu.mjs +58 -0
- package/dist/nextGenComponents/components/RowActions/ActionMenu/ActionMenu.mjs.map +1 -0
- package/dist/nextGenComponents/components/RowActions/RowActions.d.ts +8 -0
- package/dist/nextGenComponents/components/RowActions/RowActions.d.ts.map +1 -0
- package/dist/nextGenComponents/components/RowActions/RowActions.mjs +19 -0
- package/dist/nextGenComponents/components/RowActions/RowActions.mjs.map +1 -0
- package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.d.ts +9 -0
- package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.d.ts.map +1 -0
- package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.mjs +27 -0
- package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.mjs.map +1 -0
- package/dist/nextGenComponents/components/RowActions/index.d.ts +5 -0
- package/dist/nextGenComponents/components/RowActions/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/RowActions/index.mjs +9 -0
- package/dist/nextGenComponents/components/RowActions/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/StatsCard/StatsCard.d.ts +47 -0
- package/dist/nextGenComponents/components/StatsCard/StatsCard.d.ts.map +1 -0
- package/dist/nextGenComponents/components/StatsCard/StatsCard.mjs +75 -0
- package/dist/nextGenComponents/components/StatsCard/StatsCard.mjs.map +1 -0
- package/dist/nextGenComponents/components/StatsCard/index.d.ts +2 -0
- package/dist/nextGenComponents/components/StatsCard/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/StatsCard/index.mjs +5 -0
- package/dist/nextGenComponents/components/StatsCard/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.d.ts +4 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.d.ts.map +1 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.mjs +106 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.mjs.map +1 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/index.d.ts +2 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/index.mjs +5 -0
- package/dist/nextGenComponents/components/TimeFilterDropdown/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/index.d.ts +32 -0
- package/dist/nextGenComponents/components/index.d.ts.map +1 -0
- package/dist/nextGenComponents/components/index.mjs +83 -0
- package/dist/nextGenComponents/components/index.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/button.d.ts +14 -0
- package/dist/nextGenComponents/components/ui/button.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/button.mjs +56 -0
- package/dist/nextGenComponents/components/ui/button.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/calendar.d.ts +29 -0
- package/dist/nextGenComponents/components/ui/calendar.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/calendar.mjs +157 -0
- package/dist/nextGenComponents/components/ui/calendar.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/card.d.ts +9 -0
- package/dist/nextGenComponents/components/ui/card.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/card.mjs +50 -0
- package/dist/nextGenComponents/components/ui/card.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/checkbox.d.ts +8 -0
- package/dist/nextGenComponents/components/ui/checkbox.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/checkbox.mjs +33 -0
- package/dist/nextGenComponents/components/ui/checkbox.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/dropdown-menu.d.ts +28 -0
- package/dist/nextGenComponents/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/dropdown-menu.mjs +131 -0
- package/dist/nextGenComponents/components/ui/dropdown-menu.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/input.d.ts +4 -0
- package/dist/nextGenComponents/components/ui/input.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/input.mjs +33 -0
- package/dist/nextGenComponents/components/ui/input.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/pagination.d.ts +25 -0
- package/dist/nextGenComponents/components/ui/pagination.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/pagination.mjs +93 -0
- package/dist/nextGenComponents/components/ui/pagination.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/popover.d.ts +7 -0
- package/dist/nextGenComponents/components/ui/popover.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/popover.mjs +24 -0
- package/dist/nextGenComponents/components/ui/popover.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/scroll-area.d.ts +6 -0
- package/dist/nextGenComponents/components/ui/scroll-area.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/scroll-area.mjs +39 -0
- package/dist/nextGenComponents/components/ui/scroll-area.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/select.d.ts +14 -0
- package/dist/nextGenComponents/components/ui/select.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/select.mjs +117 -0
- package/dist/nextGenComponents/components/ui/select.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/separator.d.ts +5 -0
- package/dist/nextGenComponents/components/ui/separator.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/separator.mjs +25 -0
- package/dist/nextGenComponents/components/ui/separator.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/tabs.d.ts +8 -0
- package/dist/nextGenComponents/components/ui/tabs.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/tabs.mjs +56 -0
- package/dist/nextGenComponents/components/ui/tabs.mjs.map +1 -0
- package/dist/nextGenComponents/components/ui/tooltip.d.ts +8 -0
- package/dist/nextGenComponents/components/ui/tooltip.d.ts.map +1 -0
- package/dist/nextGenComponents/components/ui/tooltip.mjs +24 -0
- package/dist/nextGenComponents/components/ui/tooltip.mjs.map +1 -0
- package/dist/nextGenComponents/constants/index.d.ts +41 -0
- package/dist/nextGenComponents/constants/index.d.ts.map +1 -0
- package/dist/nextGenComponents/constants/index.mjs +49 -0
- package/dist/nextGenComponents/constants/index.mjs.map +1 -0
- package/dist/nextGenComponents/hooks/useClickOutside.d.ts +3 -0
- package/dist/nextGenComponents/hooks/useClickOutside.d.ts.map +1 -0
- package/dist/nextGenComponents/hooks/useClickOutside.mjs +22 -0
- package/dist/nextGenComponents/hooks/useClickOutside.mjs.map +1 -0
- package/dist/nextGenComponents/index.d.ts +4 -0
- package/dist/nextGenComponents/index.d.ts.map +1 -0
- package/dist/nextGenComponents/index.mjs +103 -0
- package/dist/nextGenComponents/index.mjs.map +1 -0
- package/dist/nextGenComponents/lib/utils.d.ts +3 -0
- package/dist/nextGenComponents/lib/utils.d.ts.map +1 -0
- package/dist/nextGenComponents/lib/utils.mjs +7 -0
- package/dist/nextGenComponents/lib/utils.mjs.map +1 -0
- package/dist/nextGenComponents/stores/tableStore.d.ts +22 -0
- package/dist/nextGenComponents/stores/tableStore.d.ts.map +1 -0
- package/dist/nextGenComponents/stores/tableStore.mjs +36 -0
- package/dist/nextGenComponents/stores/tableStore.mjs.map +1 -0
- package/dist/nextGenComponents/types/table/filter.d.ts +21 -0
- package/dist/nextGenComponents/types/table/filter.d.ts.map +1 -0
- package/dist/nextGenComponents/types/table/rowAction.d.ts +13 -0
- package/dist/nextGenComponents/types/table/rowAction.d.ts.map +1 -0
- package/dist/nextGenComponents/types/table/timeFilter.d.ts +23 -0
- package/dist/nextGenComponents/types/table/timeFilter.d.ts.map +1 -0
- package/dist/nextGenComponents/utils/date.utils.d.ts +24 -0
- package/dist/nextGenComponents/utils/date.utils.d.ts.map +1 -0
- package/dist/nextGenComponents/utils/date.utils.mjs +79 -0
- package/dist/nextGenComponents/utils/date.utils.mjs.map +1 -0
- package/dist/nextGenComponents/utils/tableFilters.utils.d.ts +7 -0
- package/dist/nextGenComponents/utils/tableFilters.utils.d.ts.map +1 -0
- package/dist/nextGenComponents/utils/tableFilters.utils.mjs +7 -0
- package/dist/nextGenComponents/utils/tableFilters.utils.mjs.map +1 -0
- package/dist/reducers/notificationReducer.d.ts +1 -1
- package/dist/types.d.ts +148 -31
- package/dist/types.d.ts.map +1 -1
- package/dist/utils/chips.util.d.ts +2 -2
- package/dist/utils/chips.util.d.ts.map +1 -1
- package/dist/utils/common.util.d.ts +1 -1
- package/dist/utils/common.util.d.ts.map +1 -1
- package/dist/utils/datetime.util.d.ts +3 -3
- package/dist/utils/datetime.util.d.ts.map +1 -1
- package/dist/utils/generateChipsList.util.d.ts +1 -1
- package/dist/utils/notification.util.d.ts +1 -1
- package/dist/utils/notification.util.d.ts.map +1 -1
- package/dist/utils/proxyServerConfig.util.d.ts +4 -4
- package/package.json +33 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PaginationControls.mjs","sources":["../../../../src/lib/nextGenComponents/components/PaginationControls/PaginationControls.tsx"],"sourcesContent":["import { ChevronsLeft, ChevronsRight } from 'lucide-react'\n\nimport {\n Pagination,\n PaginationContent,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious\n} from '@/components/ui/pagination'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'\nimport { cn } from '@/lib/utils'\n\nexport type PaginationConfig = {\n currentPage: number\n totalPages: number\n currentBatch: number\n hasPrevBatch: boolean\n hasNextBatch: boolean\n batchSize: number\n onPageChange: (page: number) => void\n onPrevBatch: () => void\n onNextBatch: () => void\n}\n\nexport type PaginationControlsProps = PaginationConfig & {\n className?: string\n}\n\nconst PaginationControls = ({\n currentPage,\n totalPages,\n currentBatch,\n hasPrevBatch,\n hasNextBatch,\n batchSize,\n onPageChange,\n onPrevBatch,\n onNextBatch,\n className\n}: PaginationControlsProps) => {\n const canPrevPage = currentPage > 1\n const canNextPage = currentPage < totalPages\n\n const pageNumbers = Array.from({ length: totalPages }, (_, i) => i + 1)\n const pageOffset = (currentBatch - 1) * batchSize\n\n const disabledCls = 'pointer-events-none opacity-30'\n\n const prevBatchStart = (currentBatch - 2) * batchSize + 1\n const prevBatchEnd = (currentBatch - 1) * batchSize\n const nextBatchStart = currentBatch * batchSize + 1\n const nextBatchEnd = (currentBatch + 1) * batchSize\n\n return (\n <TooltipProvider>\n <div\n className={cn('flex items-center justify-center gap-4 pt-2', className)}\n data-testid=\"pagination-controls\"\n >\n <Pagination>\n <PaginationContent>\n {/* Previous Batch Arrow */}\n <PaginationItem>\n <Tooltip>\n <TooltipTrigger asChild>\n <PaginationLink\n href=\"#\"\n aria-disabled={!hasPrevBatch}\n className={cn(!hasPrevBatch && disabledCls)}\n onClick={e => {\n e.preventDefault()\n if (hasPrevBatch) onPrevBatch()\n }}\n data-testid=\"pagination-prev-batch\"\n >\n <ChevronsLeft className=\"h-4 w-4\" />\n </PaginationLink>\n </TooltipTrigger>\n <TooltipContent>\n {hasPrevBatch\n ? `Previous pages ${prevBatchStart}-${prevBatchEnd}`\n : 'No previous pages'}\n </TooltipContent>\n </Tooltip>\n </PaginationItem>\n\n <PaginationItem>\n <Tooltip>\n <TooltipTrigger asChild>\n <PaginationPrevious\n href=\"#\"\n aria-disabled={!canPrevPage}\n className={cn(!canPrevPage && disabledCls)}\n onClick={e => {\n e.preventDefault()\n if (canPrevPage) onPageChange(currentPage - 1)\n }}\n data-testid=\"pagination-prev-page\"\n />\n </TooltipTrigger>\n <TooltipContent>Previous page</TooltipContent>\n </Tooltip>\n </PaginationItem>\n\n {pageNumbers.map(page => (\n <PaginationItem key={page}>\n <PaginationLink\n href=\"#\"\n isActive={page === currentPage}\n onClick={e => {\n e.preventDefault()\n onPageChange(page)\n }}\n data-testid={`pagination-page-${page + pageOffset}`}\n >\n {page + pageOffset}\n </PaginationLink>\n </PaginationItem>\n ))}\n\n <PaginationItem>\n <Tooltip>\n <TooltipTrigger asChild>\n <PaginationNext\n href=\"#\"\n aria-disabled={!canNextPage}\n className={cn(!canNextPage && disabledCls)}\n onClick={e => {\n e.preventDefault()\n if (canNextPage) onPageChange(currentPage + 1)\n }}\n data-testid=\"pagination-next-page\"\n />\n </TooltipTrigger>\n <TooltipContent>Next page</TooltipContent>\n </Tooltip>\n </PaginationItem>\n\n <PaginationItem>\n <Tooltip>\n <TooltipTrigger asChild>\n <PaginationLink\n href=\"#\"\n aria-disabled={!hasNextBatch}\n className={cn(!hasNextBatch && disabledCls)}\n onClick={e => {\n e.preventDefault()\n if (hasNextBatch) onNextBatch()\n }}\n data-testid=\"pagination-next-batch\"\n >\n <ChevronsRight className=\"h-4 w-4\" />\n </PaginationLink>\n </TooltipTrigger>\n <TooltipContent>\n {hasNextBatch ? `Next pages ${nextBatchStart}-${nextBatchEnd}` : 'No more pages'}\n </TooltipContent>\n </Tooltip>\n </PaginationItem>\n </PaginationContent>\n </Pagination>\n </div>\n </TooltipProvider>\n )\n}\n\nexport default PaginationControls\n"],"names":["PaginationControls","currentPage","totalPages","currentBatch","hasPrevBatch","hasNextBatch","batchSize","onPageChange","onPrevBatch","onNextBatch","className","canPrevPage","canNextPage","pageNumbers","_","i","pageOffset","disabledCls","prevBatchStart","prevBatchEnd","nextBatchStart","nextBatchEnd","TooltipProvider","jsx","cn","Pagination","jsxs","PaginationContent","PaginationItem","Tooltip","TooltipTrigger","PaginationLink","ChevronsLeft","TooltipContent","PaginationPrevious","page","e","PaginationNext","ChevronsRight"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/PaginationControls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RefreshButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/RefreshButton/RefreshButton.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,4CAW3D,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import e from "../../../images/refresh-2.svg.mjs";
|
|
3
|
+
import { Button as i } from "../ui/button.mjs";
|
|
4
|
+
import { REFRESH_BUTTON_TITLE as o } from "../../constants/index.mjs";
|
|
5
|
+
const a = ({ onClick: r }) => /* @__PURE__ */ t(
|
|
6
|
+
i,
|
|
7
|
+
{
|
|
8
|
+
onClick: r,
|
|
9
|
+
title: o,
|
|
10
|
+
tooltip: o,
|
|
11
|
+
variant: "rounded",
|
|
12
|
+
size: "icon",
|
|
13
|
+
"data-testid": "entity-table-refresh-button",
|
|
14
|
+
children: /* @__PURE__ */ t(e, {})
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
export {
|
|
18
|
+
a as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=RefreshButton.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RefreshButton.mjs","sources":["../../../../src/lib/nextGenComponents/components/RefreshButton/RefreshButton.tsx"],"sourcesContent":["import Refresh from '../../../images/refresh-2.svg?react'\nimport { Button } from '@/components/ui/button'\nimport { REFRESH_BUTTON_TITLE } from '@/constants'\n\nconst RefreshButton = ({ onClick }: { onClick?: () => void }) => (\n <Button\n onClick={onClick}\n title={REFRESH_BUTTON_TITLE}\n tooltip={REFRESH_BUTTON_TITLE}\n variant=\"rounded\"\n size=\"icon\"\n data-testid=\"entity-table-refresh-button\"\n >\n <Refresh />\n </Button>\n)\n\nexport default RefreshButton\n"],"names":["RefreshButton","onClick","jsx","Button","REFRESH_BUTTON_TITLE","Refresh"],"mappings":";;;;AAIA,MAAMA,IAAgB,CAAC,EAAE,SAAAC,EAAA,MACvB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAAF;AAAA,IACA,OAAOG;AAAA,IACP,SAASA;AAAA,IACT,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,eAAY;AAAA,IAEZ,4BAACC,GAAA,CAAA,CAAQ;AAAA,EAAA;AACX;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/RefreshButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ActionMenuItem } from '@/types/table/rowAction';
|
|
3
|
+
type ActionMenuProps = {
|
|
4
|
+
items: ActionMenuItem[];
|
|
5
|
+
};
|
|
6
|
+
declare const ActionMenu: FC<ActionMenuProps>;
|
|
7
|
+
export default ActionMenu;
|
|
8
|
+
//# sourceMappingURL=ActionMenu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/lib/nextGenComponents/components/RowActions/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAU1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAA;CACxB,CAAA;AACD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA0DnC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsxs as a, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { EllipsisVertical as c } from "lucide-react";
|
|
3
|
+
import { Button as p } from "../../ui/button.mjs";
|
|
4
|
+
import { DropdownMenu as g, DropdownMenuTrigger as m, DropdownMenuContent as u, DropdownMenuItem as h } from "../../ui/dropdown-menu.mjs";
|
|
5
|
+
import { MORE_ACTIONS as f } from "../../../constants/index.mjs";
|
|
6
|
+
const N = ({ items: r }) => {
|
|
7
|
+
const n = r.filter((e) => !e.hidden);
|
|
8
|
+
return n.length ? /* @__PURE__ */ a(g, { children: [
|
|
9
|
+
/* @__PURE__ */ t(m, { asChild: !0, children: /* @__PURE__ */ t(
|
|
10
|
+
p,
|
|
11
|
+
{
|
|
12
|
+
variant: "rounded",
|
|
13
|
+
size: "icon",
|
|
14
|
+
tooltip: f,
|
|
15
|
+
onClick: (e) => e.stopPropagation(),
|
|
16
|
+
"data-testid": "action-menu-trigger",
|
|
17
|
+
className: `
|
|
18
|
+
transition-opacity
|
|
19
|
+
opacity-0 group-hover:opacity-100
|
|
20
|
+
data-[state=open]:opacity-100
|
|
21
|
+
data-[state=open]:bg-igz-gray-light
|
|
22
|
+
`,
|
|
23
|
+
children: /* @__PURE__ */ t(c, {})
|
|
24
|
+
}
|
|
25
|
+
) }),
|
|
26
|
+
/* @__PURE__ */ t(
|
|
27
|
+
u,
|
|
28
|
+
{
|
|
29
|
+
align: "end",
|
|
30
|
+
className: "border border-igz-gray-light shadow-md rounded-md",
|
|
31
|
+
onClick: (e) => e.stopPropagation(),
|
|
32
|
+
children: n.map((e) => {
|
|
33
|
+
const o = e.icon, i = "flex cursor-pointer items-center justify-between px-2 py-2 text-15px", s = e.variant === "danger" ? "text-red-600 focus:text-red-600" : "text-igz-primary", l = [i, s, e.className].filter(Boolean).join(" ");
|
|
34
|
+
return /* @__PURE__ */ t(
|
|
35
|
+
h,
|
|
36
|
+
{
|
|
37
|
+
className: l,
|
|
38
|
+
disabled: e.disabled,
|
|
39
|
+
onClick: (d) => {
|
|
40
|
+
d.stopPropagation(), e.disabled || e.onClick();
|
|
41
|
+
},
|
|
42
|
+
"data-testid": `action-menu-item-${e.label}`,
|
|
43
|
+
children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
|
|
44
|
+
o && /* @__PURE__ */ t(o, { className: "h-4 w-4" }),
|
|
45
|
+
/* @__PURE__ */ t("span", { children: e.label })
|
|
46
|
+
] })
|
|
47
|
+
},
|
|
48
|
+
e.label
|
|
49
|
+
);
|
|
50
|
+
})
|
|
51
|
+
}
|
|
52
|
+
)
|
|
53
|
+
] }) : null;
|
|
54
|
+
};
|
|
55
|
+
export {
|
|
56
|
+
N as default
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=ActionMenu.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionMenu.mjs","sources":["../../../../../src/lib/nextGenComponents/components/RowActions/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import { EllipsisVertical } from 'lucide-react'\nimport { FC } from 'react'\n\nimport { Button } from '@/components/ui/button'\nimport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem\n} from '@/components/ui/dropdown-menu'\nimport { MORE_ACTIONS } from '@/constants'\nimport { ActionMenuItem } from '@/types/table/rowAction'\n\ntype ActionMenuProps = {\n items: ActionMenuItem[]\n}\nconst ActionMenu: FC<ActionMenuProps> = ({ items }) => {\n const visibleItems = items.filter(item => !item.hidden)\n if (!visibleItems.length) return null\n\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button\n variant=\"rounded\"\n size=\"icon\"\n tooltip={MORE_ACTIONS}\n onClick={e => e.stopPropagation()}\n data-testid=\"action-menu-trigger\"\n className=\"\n transition-opacity\n opacity-0 group-hover:opacity-100\n data-[state=open]:opacity-100\n data-[state=open]:bg-igz-gray-light\n \"\n >\n <EllipsisVertical />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n align=\"end\"\n className=\"border border-igz-gray-light shadow-md rounded-md\"\n onClick={e => e.stopPropagation()}\n >\n {visibleItems.map(item => {\n const ItemIcon = item.icon\n const baseClasses = 'flex cursor-pointer items-center justify-between px-2 py-2 text-15px'\n const variantClasses =\n item.variant === 'danger' ? 'text-red-600 focus:text-red-600' : 'text-igz-primary'\n const mergedClasses = [baseClasses, variantClasses, item.className]\n .filter(Boolean)\n .join(' ')\n\n return (\n <DropdownMenuItem\n key={item.label}\n className={mergedClasses}\n disabled={item.disabled}\n onClick={event => {\n event.stopPropagation()\n if (!item.disabled) item.onClick()\n }}\n data-testid={`action-menu-item-${item.label}`}\n >\n <div className=\"flex items-center gap-2\">\n {ItemIcon && <ItemIcon className=\"h-4 w-4\" />}\n <span>{item.label}</span>\n </div>\n </DropdownMenuItem>\n )\n })}\n </DropdownMenuContent>\n </DropdownMenu>\n )\n}\n\nexport default ActionMenu\n"],"names":["ActionMenu","items","visibleItems","item","DropdownMenu","jsx","DropdownMenuTrigger","Button","MORE_ACTIONS","EllipsisVertical","DropdownMenuContent","ItemIcon","baseClasses","variantClasses","mergedClasses","DropdownMenuItem","event","jsxs"],"mappings":";;;;;AAgBA,MAAMA,IAAkC,CAAC,EAAE,OAAAC,QAAY;AACrD,QAAMC,IAAeD,EAAM,OAAO,CAAAE,MAAQ,CAACA,EAAK,MAAM;AACtD,SAAKD,EAAa,2BAGfE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAO,IAC1B,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAASC;AAAA,QACT,SAAS,CAAA,MAAK,EAAE,gBAAA;AAAA,QAChB,eAAY;AAAA,QACZ,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOV,4BAACC,GAAA,CAAA,CAAiB;AAAA,MAAA;AAAA,IAAA,GAEtB;AAAA,IACA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,CAAA,MAAK,EAAE,gBAAA;AAAA,QAEf,UAAAR,EAAa,IAAI,CAAAC,MAAQ;AACxB,gBAAMQ,IAAWR,EAAK,MAChBS,IAAc,wEACdC,IACJV,EAAK,YAAY,WAAW,oCAAoC,oBAC5DW,IAAgB,CAACF,GAAaC,GAAgBV,EAAK,SAAS,EAC/D,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,iBACE,gBAAAE;AAAA,YAACU;AAAA,YAAA;AAAA,cAEC,WAAWD;AAAA,cACX,UAAUX,EAAK;AAAA,cACf,SAAS,CAAAa,MAAS;AAChB,gBAAAA,EAAM,gBAAA,GACDb,EAAK,YAAUA,EAAK,QAAA;AAAA,cAC3B;AAAA,cACA,eAAa,oBAAoBA,EAAK,KAAK;AAAA,cAE3C,UAAA,gBAAAc,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,gBAAAN,KAAY,gBAAAN,EAACM,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,gBAC3C,gBAAAN,EAAC,QAAA,EAAM,UAAAF,EAAK,MAAA,CAAM;AAAA,cAAA,EAAA,CACpB;AAAA,YAAA;AAAA,YAZKA,EAAK;AAAA,UAAA;AAAA,QAehB,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF,IAtD+B;AAwDnC;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ActionMenuItem } from '@/types/table/rowAction';
|
|
3
|
+
type RowActionsProps = {
|
|
4
|
+
actions: ActionMenuItem[];
|
|
5
|
+
};
|
|
6
|
+
declare const RowActions: FC<RowActionsProps>;
|
|
7
|
+
export default RowActions;
|
|
8
|
+
//# sourceMappingURL=RowActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RowActions.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/RowActions/RowActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAKxD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAenC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import l from "./ActionMenu/ActionMenu.mjs";
|
|
3
|
+
import r from "./SingleActionButton/SingleActionButton.mjs";
|
|
4
|
+
const d = ({ actions: o }) => {
|
|
5
|
+
var n;
|
|
6
|
+
const i = o.filter((t) => !t.hidden).filter((t) => !t.disabled);
|
|
7
|
+
return (n = o[0]) != null && n.singleActionAsIcon && i.length === 1 ? /* @__PURE__ */ e(
|
|
8
|
+
r,
|
|
9
|
+
{
|
|
10
|
+
icon: i[0].icon,
|
|
11
|
+
onClick: i[0].onClick,
|
|
12
|
+
tooltip: i[0].tooltip
|
|
13
|
+
}
|
|
14
|
+
) : /* @__PURE__ */ e(l, { items: o });
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
d as default
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=RowActions.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RowActions.mjs","sources":["../../../../src/lib/nextGenComponents/components/RowActions/RowActions.tsx"],"sourcesContent":["import { FC } from 'react'\n\nimport { ActionMenuItem } from '@/types/table/rowAction'\n\nimport ActionMenu from './ActionMenu/ActionMenu'\nimport SingleActionButton from './SingleActionButton/SingleActionButton'\n\ntype RowActionsProps = {\n actions: ActionMenuItem[]\n}\n\nconst RowActions: FC<RowActionsProps> = ({ actions }) => {\n const visible = actions.filter(a => !a.hidden)\n const enabled = visible.filter(a => !a.disabled)\n\n if (actions[0]?.singleActionAsIcon && enabled.length === 1) {\n return (\n <SingleActionButton\n icon={enabled[0].icon}\n onClick={enabled[0].onClick}\n tooltip={enabled[0].tooltip}\n />\n )\n }\n\n return <ActionMenu items={actions} />\n}\n\nexport default RowActions\n"],"names":["RowActions","actions","enabled","a","_a","jsx","SingleActionButton","ActionMenu"],"mappings":";;;AAWA,MAAMA,IAAkC,CAAC,EAAE,SAAAC,QAAc;;AAEvD,QAAMC,IADUD,EAAQ,OAAO,CAAAE,MAAK,CAACA,EAAE,MAAM,EACrB,OAAO,CAAAA,MAAK,CAACA,EAAE,QAAQ;AAE/C,UAAIC,IAAAH,EAAQ,CAAC,MAAT,QAAAG,EAAY,sBAAsBF,EAAQ,WAAW,IAErD,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMJ,EAAQ,CAAC,EAAE;AAAA,MACjB,SAASA,EAAQ,CAAC,EAAE;AAAA,MACpB,SAASA,EAAQ,CAAC,EAAE;AAAA,IAAA;AAAA,EAAA,IAKnB,gBAAAG,EAACE,GAAA,EAAW,OAAON,EAAA,CAAS;AACrC;"}
|
package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ComponentType, FC, SVGProps } from 'react';
|
|
2
|
+
type SingleActionButtonProps = {
|
|
3
|
+
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
4
|
+
onClick: () => void;
|
|
5
|
+
tooltip?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const SingleActionButton: FC<SingleActionButtonProps>;
|
|
8
|
+
export default SingleActionButton;
|
|
9
|
+
//# sourceMappingURL=SingleActionButton.d.ts.map
|
package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleActionButton.d.ts","sourceRoot":"","sources":["../../../../../src/lib/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAInD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;IAC7C,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqBnD,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.mjs
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Button as a } from "../../ui/button.mjs";
|
|
3
|
+
const c = ({ icon: t, onClick: o, tooltip: i }) => /* @__PURE__ */ n(
|
|
4
|
+
a,
|
|
5
|
+
{
|
|
6
|
+
type: "button",
|
|
7
|
+
variant: "rounded",
|
|
8
|
+
size: "icon",
|
|
9
|
+
tooltip: i,
|
|
10
|
+
"data-testid": "single-action-button",
|
|
11
|
+
className: `
|
|
12
|
+
flex h-8 w-8 min-w-0 items-center justify-center p-0
|
|
13
|
+
rounded-full hover:bg-igz-gray-light
|
|
14
|
+
transition-opacity
|
|
15
|
+
opacity-0 group-hover:opacity-100
|
|
16
|
+
ml-auto
|
|
17
|
+
`,
|
|
18
|
+
onClick: (e) => {
|
|
19
|
+
e.stopPropagation(), o();
|
|
20
|
+
},
|
|
21
|
+
children: t && /* @__PURE__ */ n(t, { className: "h-5 w-5 text-igz-secondary" })
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
export {
|
|
25
|
+
c as default
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=SingleActionButton.mjs.map
|
package/dist/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.mjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleActionButton.mjs","sources":["../../../../../src/lib/nextGenComponents/components/RowActions/SingleActionButton/SingleActionButton.tsx"],"sourcesContent":["import { ComponentType, FC, SVGProps } from 'react'\n\nimport { Button } from '@/components/ui/button'\n\ntype SingleActionButtonProps = {\n icon?: ComponentType<SVGProps<SVGSVGElement>>\n onClick: () => void\n tooltip?: string\n}\n\nconst SingleActionButton: FC<SingleActionButtonProps> = ({ icon: Icon, onClick, tooltip }) => (\n <Button\n type=\"button\"\n variant=\"rounded\"\n size=\"icon\"\n tooltip={tooltip}\n data-testid=\"single-action-button\"\n className=\"\n flex h-8 w-8 min-w-0 items-center justify-center p-0\n rounded-full hover:bg-igz-gray-light\n transition-opacity\n opacity-0 group-hover:opacity-100\n ml-auto\n \"\n onClick={e => {\n e.stopPropagation()\n onClick()\n }}\n >\n {Icon && <Icon className=\"h-5 w-5 text-igz-secondary\" />}\n </Button>\n)\n\nexport default SingleActionButton\n"],"names":["SingleActionButton","Icon","onClick","tooltip","jsx","Button"],"mappings":";;AAUA,MAAMA,IAAkD,CAAC,EAAE,MAAMC,GAAM,SAAAC,GAAS,SAAAC,QAC9E,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,SAAAF;AAAA,IACA,eAAY;AAAA,IACZ,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOV,SAAS,CAAA,MAAK;AACZ,QAAE,gBAAA,GACFD,EAAA;AAAA,IACF;AAAA,IAEC,UAAAD,KAAQ,gBAAAG,EAACH,GAAA,EAAK,WAAU,6BAAA,CAA6B;AAAA,EAAA;AACxD;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as RowActions } from './RowActions';
|
|
2
|
+
export { default as ActionMenu } from './ActionMenu/ActionMenu';
|
|
3
|
+
export { default as SingleActionButton } from './SingleActionButton/SingleActionButton';
|
|
4
|
+
export type { ActionMenuItem } from '@/types/table/rowAction';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/RowActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AACvF,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as e } from "./RowActions.mjs";
|
|
2
|
+
import { default as f } from "./ActionMenu/ActionMenu.mjs";
|
|
3
|
+
import { default as r } from "./SingleActionButton/SingleActionButton.mjs";
|
|
4
|
+
export {
|
|
5
|
+
f as ActionMenu,
|
|
6
|
+
e as RowActions,
|
|
7
|
+
r as SingleActionButton
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { type FunctionComponent, type ReactNode, type SVGProps } from 'react';
|
|
2
|
+
type StatsCardProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
variant?: 'default' | 'compact';
|
|
6
|
+
onClick?: () => void;
|
|
7
|
+
};
|
|
8
|
+
type HeaderProps = {
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
title?: string;
|
|
11
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
|
|
12
|
+
showTimestamp?: boolean;
|
|
13
|
+
timestampLabel?: string;
|
|
14
|
+
};
|
|
15
|
+
type RowProps = {
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
};
|
|
18
|
+
type MainCounterProps = {
|
|
19
|
+
children: ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
id?: string;
|
|
22
|
+
onClick?: () => void;
|
|
23
|
+
};
|
|
24
|
+
type SecondaryCounterProps = {
|
|
25
|
+
children: ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
};
|
|
28
|
+
type DetailsProps = {
|
|
29
|
+
children: ReactNode;
|
|
30
|
+
className?: string;
|
|
31
|
+
};
|
|
32
|
+
type CompactProps = {
|
|
33
|
+
icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
|
|
34
|
+
value: ReactNode;
|
|
35
|
+
tooltipLabel?: string;
|
|
36
|
+
className?: string;
|
|
37
|
+
};
|
|
38
|
+
declare const StatsCard: (({ children, className, variant, onClick }: Readonly<StatsCardProps>) => import("react/jsx-runtime").JSX.Element) & {
|
|
39
|
+
Header: ({ children, title, icon: Icon, showTimestamp, timestampLabel }: Readonly<HeaderProps>) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
Row: ({ children }: Readonly<RowProps>) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
MainCounter: ({ children, className, id, onClick }: Readonly<MainCounterProps>) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
SecondaryCounter: ({ children, className }: Readonly<SecondaryCounterProps>) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
Details: ({ children, className }: Readonly<DetailsProps>) => import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
Compact: ({ icon: Icon, value, tooltipLabel, className }: Readonly<CompactProps>) => import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
};
|
|
46
|
+
export default StatsCard;
|
|
47
|
+
//# sourceMappingURL=StatsCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/StatsCard/StatsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQ7E,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAuBD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;IACjD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AA0BD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAMD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAcD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAeD,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAwBD,QAAA,MAAM,SAAS,+CAnIZ,QAAQ,CAAC,cAAc,CAAC;6EA8BxB,QAAQ,CAAC,WAAW,CAAC;wBAsBG,QAAQ,CAAC,QAAQ,CAAC;wDAWc,QAAQ,CAAC,gBAAgB,CAAC;gDAiBlC,QAAQ,CAAC,qBAAqB,CAAC;uCASxC,QAAQ,CAAC,YAAY,CAAC;8DAoBC,QAAQ,CAAC,YAAY,CAAC;CA6BrF,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { jsx as a, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import l from "../../../images/clock.svg.mjs";
|
|
3
|
+
import "../index.mjs";
|
|
4
|
+
import { TooltipProvider as o, Tooltip as p, TooltipTrigger as c, TooltipContent as m } from "../ui/tooltip.mjs";
|
|
5
|
+
import { STATS_CARD_TIMESTAMP as x } from "../../constants/index.mjs";
|
|
6
|
+
import { cn as d } from "../../lib/utils.mjs";
|
|
7
|
+
import { Card as f, CardHeader as u, CardTitle as h, CardContent as g } from "../ui/card.mjs";
|
|
8
|
+
const N = ({
|
|
9
|
+
children: e,
|
|
10
|
+
className: t,
|
|
11
|
+
variant: r = "default",
|
|
12
|
+
onClick: s
|
|
13
|
+
}) => /* @__PURE__ */ a(
|
|
14
|
+
f,
|
|
15
|
+
{
|
|
16
|
+
className: d(
|
|
17
|
+
"border bg-card text-card-foreground",
|
|
18
|
+
r === "default" && "flex-1 rounded-lg shadow-stat-card",
|
|
19
|
+
r === "compact" && "rounded-md w-fit",
|
|
20
|
+
t
|
|
21
|
+
),
|
|
22
|
+
onClick: s,
|
|
23
|
+
children: e
|
|
24
|
+
}
|
|
25
|
+
), b = ({
|
|
26
|
+
children: e,
|
|
27
|
+
title: t,
|
|
28
|
+
icon: r,
|
|
29
|
+
showTimestamp: s = !0,
|
|
30
|
+
timestampLabel: i = x
|
|
31
|
+
}) => /* @__PURE__ */ n(u, { className: "flex justify-between items-center gap-x-2 flex-row pt-4 px-5", children: [
|
|
32
|
+
/* @__PURE__ */ n(h, { className: "flex items-center gap-x-1 text-[15px] capitalize font-medium leading-[normal]", children: [
|
|
33
|
+
r && /* @__PURE__ */ a(r, { className: "shrink-0 w-4 h-4" }),
|
|
34
|
+
/* @__PURE__ */ a("span", { children: t })
|
|
35
|
+
] }),
|
|
36
|
+
s && /* @__PURE__ */ n("span", { className: "flex items-center gap-x-1 text-xs text-[#7F7989] truncate max-[1300px]:hidden group-data-[pinned=false]/sidebar-wrapper:max-[1300px]:flex group-data-[pinned=false]/sidebar-wrapper:max-[1100px]:hidden", children: [
|
|
37
|
+
/* @__PURE__ */ a(l, { className: "h-2.5 w-2.5" }),
|
|
38
|
+
i
|
|
39
|
+
] }),
|
|
40
|
+
e
|
|
41
|
+
] }), w = ({ children: e }) => /* @__PURE__ */ a("div", { className: "flex items-baseline justify-between px-5", children: e }), C = ({ children: e, className: t, id: r, onClick: s }) => /* @__PURE__ */ a(
|
|
42
|
+
g,
|
|
43
|
+
{
|
|
44
|
+
className: d("flex justify-center pb-12 text-[27px] font-bold", t),
|
|
45
|
+
"data-testid": r,
|
|
46
|
+
onClick: s,
|
|
47
|
+
children: e
|
|
48
|
+
}
|
|
49
|
+
), T = ({ children: e, className: t }) => /* @__PURE__ */ a("div", { className: d("text-[15px] font-medium", t), children: e }), y = ({ children: e, className: t }) => /* @__PURE__ */ a(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: d(
|
|
53
|
+
"mt-4 max-[1250px]:hidden group-data-[pinned=false]/sidebar-wrapper:max-[1250px]:block group-data-[pinned=false]/sidebar-wrapper:max-[1100px]:hidden",
|
|
54
|
+
t
|
|
55
|
+
),
|
|
56
|
+
children: e
|
|
57
|
+
}
|
|
58
|
+
), S = ({ icon: e, value: t, tooltipLabel: r, className: s }) => /* @__PURE__ */ n("div", { className: d("flex items-center gap-x-2 px-4 py-2.5", s), children: [
|
|
59
|
+
e && r ? /* @__PURE__ */ a(o, { children: /* @__PURE__ */ n(p, { delayDuration: 300, children: [
|
|
60
|
+
/* @__PURE__ */ a(c, { type: "button", className: "cursor-default", children: /* @__PURE__ */ a(e, { className: "shrink-0 w-5 h-5" }) }),
|
|
61
|
+
/* @__PURE__ */ a(m, { children: /* @__PURE__ */ a("p", { children: r }) })
|
|
62
|
+
] }) }) : e && /* @__PURE__ */ a(e, { className: "shrink-0 w-5 h-5" }),
|
|
63
|
+
/* @__PURE__ */ a("span", { className: "text-xl font-semibold leading-none", children: t })
|
|
64
|
+
] }), P = Object.assign(N, {
|
|
65
|
+
Header: b,
|
|
66
|
+
Row: w,
|
|
67
|
+
MainCounter: C,
|
|
68
|
+
SecondaryCounter: T,
|
|
69
|
+
Details: y,
|
|
70
|
+
Compact: S
|
|
71
|
+
});
|
|
72
|
+
export {
|
|
73
|
+
P as default
|
|
74
|
+
};
|
|
75
|
+
//# sourceMappingURL=StatsCard.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatsCard.mjs","sources":["../../../../src/lib/nextGenComponents/components/StatsCard/StatsCard.tsx"],"sourcesContent":["import { type FunctionComponent, type ReactNode, type SVGProps } from 'react'\n\nimport Clock from '../../../images/clock.svg?react'\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'\nimport { STATS_CARD_TIMESTAMP } from '@/constants'\nimport { cn } from '@/lib/utils'\n\ntype StatsCardProps = {\n children: ReactNode\n className?: string\n variant?: 'default' | 'compact'\n onClick?: () => void\n}\n\nconst StatsCardBase = ({\n children,\n className,\n variant = 'default',\n onClick\n}: Readonly<StatsCardProps>) => {\n return (\n <Card\n className={cn(\n 'border bg-card text-card-foreground',\n variant === 'default' && 'flex-1 rounded-lg shadow-stat-card',\n variant === 'compact' && 'rounded-md w-fit',\n className\n )}\n onClick={onClick}\n >\n {children}\n </Card>\n )\n}\n\ntype HeaderProps = {\n children?: ReactNode\n title?: string\n icon?: FunctionComponent<SVGProps<SVGSVGElement>>\n showTimestamp?: boolean\n timestampLabel?: string\n}\n\nconst Header = ({\n children,\n title,\n icon: Icon,\n showTimestamp = true,\n timestampLabel = STATS_CARD_TIMESTAMP\n}: Readonly<HeaderProps>) => {\n return (\n <CardHeader className=\"flex justify-between items-center gap-x-2 flex-row pt-4 px-5\">\n <CardTitle className=\"flex items-center gap-x-1 text-[15px] capitalize font-medium leading-[normal]\">\n {Icon && <Icon className=\"shrink-0 w-4 h-4\" />}\n <span>{title}</span>\n </CardTitle>\n {showTimestamp && (\n <span className=\"flex items-center gap-x-1 text-xs text-[#7F7989] truncate max-[1300px]:hidden group-data-[pinned=false]/sidebar-wrapper:max-[1300px]:flex group-data-[pinned=false]/sidebar-wrapper:max-[1100px]:hidden\">\n <Clock className=\"h-2.5 w-2.5\" />\n {timestampLabel}\n </span>\n )}\n {children}\n </CardHeader>\n )\n}\n\ntype RowProps = {\n children: ReactNode\n}\n\nconst Row = ({ children }: Readonly<RowProps>) => {\n return <div className=\"flex items-baseline justify-between px-5\">{children}</div>\n}\n\ntype MainCounterProps = {\n children: ReactNode\n className?: string\n id?: string\n onClick?: () => void\n}\n\nconst MainCounter = ({ children, className, id, onClick }: Readonly<MainCounterProps>) => {\n return (\n <CardContent\n className={cn('flex justify-center pb-12 text-[27px] font-bold', className)}\n data-testid={id}\n onClick={onClick}\n >\n {children}\n </CardContent>\n )\n}\n\ntype SecondaryCounterProps = {\n children: ReactNode\n className?: string\n}\n\nconst SecondaryCounter = ({ children, className }: Readonly<SecondaryCounterProps>) => {\n return <div className={cn('text-[15px] font-medium', className)}>{children}</div>\n}\n\ntype DetailsProps = {\n children: ReactNode\n className?: string\n}\n\nconst Details = ({ children, className }: Readonly<DetailsProps>) => {\n return (\n <div\n className={cn(\n 'mt-4 max-[1250px]:hidden group-data-[pinned=false]/sidebar-wrapper:max-[1250px]:block group-data-[pinned=false]/sidebar-wrapper:max-[1100px]:hidden',\n className\n )}\n >\n {children}\n </div>\n )\n}\n\ntype CompactProps = {\n icon?: FunctionComponent<SVGProps<SVGSVGElement>>\n value: ReactNode\n tooltipLabel?: string\n className?: string\n}\n\nconst Compact = ({ icon: Icon, value, tooltipLabel, className }: Readonly<CompactProps>) => {\n return (\n <div className={cn('flex items-center gap-x-2 px-4 py-2.5', className)}>\n {Icon && tooltipLabel ? (\n <TooltipProvider>\n <Tooltip delayDuration={300}>\n <TooltipTrigger type=\"button\" className=\"cursor-default\">\n <Icon className=\"shrink-0 w-5 h-5\" />\n </TooltipTrigger>\n <TooltipContent>\n <p>{tooltipLabel}</p>\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n ) : (\n Icon && <Icon className=\"shrink-0 w-5 h-5\" />\n )}\n <span className=\"text-xl font-semibold leading-none\">{value}</span>\n </div>\n )\n}\n\nconst StatsCard = Object.assign(StatsCardBase, {\n Header,\n Row,\n MainCounter,\n SecondaryCounter,\n Details,\n Compact\n})\n\nexport default StatsCard\n"],"names":["StatsCardBase","children","className","variant","onClick","jsx","Card","cn","Header","title","Icon","showTimestamp","timestampLabel","STATS_CARD_TIMESTAMP","jsxs","CardHeader","CardTitle","Clock","Row","MainCounter","id","CardContent","SecondaryCounter","Details","Compact","value","tooltipLabel","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","StatsCard"],"mappings":";;;;;;;AAeA,MAAMA,IAAgB,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC;AACF,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ,MAAY,aAAa;AAAA,MACzBA,MAAY,aAAa;AAAA,MACzBD;AAAA,IAAA;AAAA,IAEF,SAAAE;AAAA,IAEC,UAAAH;AAAA,EAAA;AAAA,GAaDO,IAAS,CAAC;AAAA,EACd,UAAAP;AAAA,EACA,OAAAQ;AAAA,EACA,MAAMC;AAAA,EACN,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiBC;AACnB,MAEI,gBAAAC,EAACC,GAAA,EAAW,WAAU,gEACpB,UAAA;AAAA,EAAA,gBAAAD,EAACE,GAAA,EAAU,WAAU,iFAClB,UAAA;AAAA,IAAAN,KAAQ,gBAAAL,EAACK,GAAA,EAAK,WAAU,mBAAA,CAAmB;AAAA,IAC5C,gBAAAL,EAAC,UAAM,UAAAI,EAAA,CAAM;AAAA,EAAA,GACf;AAAA,EACCE,KACC,gBAAAG,EAAC,QAAA,EAAK,WAAU,2MACd,UAAA;AAAA,IAAA,gBAAAT,EAACY,GAAA,EAAM,WAAU,cAAA,CAAc;AAAA,IAC9BL;AAAA,EAAA,GACH;AAAA,EAEDX;AAAA,GACH,GAQEiB,IAAM,CAAC,EAAE,UAAAjB,QACN,gBAAAI,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAJ,EAAA,CAAS,GAUvEkB,IAAc,CAAC,EAAE,UAAAlB,GAAU,WAAAC,GAAW,IAAAkB,GAAI,SAAAhB,QAE5C,gBAAAC;AAAA,EAACgB;AAAA,EAAA;AAAA,IACC,WAAWd,EAAG,mDAAmDL,CAAS;AAAA,IAC1E,eAAakB;AAAA,IACb,SAAAhB;AAAA,IAEC,UAAAH;AAAA,EAAA;AAAA,GAUDqB,IAAmB,CAAC,EAAE,UAAArB,GAAU,WAAAC,0BAC5B,OAAA,EAAI,WAAWK,EAAG,2BAA2BL,CAAS,GAAI,UAAAD,GAAS,GAQvEsB,IAAU,CAAC,EAAE,UAAAtB,GAAU,WAAAC,QAEzB,gBAAAG;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAGD,UAAAD;AAAA,EAAA;AAAA,GAYDuB,IAAU,CAAC,EAAE,MAAMd,GAAM,OAAAe,GAAO,cAAAC,GAAc,WAAAxB,0BAE/C,OAAA,EAAI,WAAWK,EAAG,yCAAyCL,CAAS,GAClE,UAAA;AAAA,EAAAQ,KAAQgB,IACP,gBAAArB,EAACsB,GAAA,EACC,UAAA,gBAAAb,EAACc,GAAA,EAAQ,eAAe,KACtB,UAAA;AAAA,IAAA,gBAAAvB,EAACwB,GAAA,EAAe,MAAK,UAAS,WAAU,kBACtC,UAAA,gBAAAxB,EAACK,GAAA,EAAK,WAAU,mBAAA,CAAmB,EAAA,CACrC;AAAA,IACA,gBAAAL,EAACyB,GAAA,EACC,UAAA,gBAAAzB,EAAC,KAAA,EAAG,aAAa,EAAA,CACnB;AAAA,EAAA,GACF,GACF,IAEAK,KAAQ,gBAAAL,EAACK,GAAA,EAAK,WAAU,oBAAmB;AAAA,EAE7C,gBAAAL,EAAC,QAAA,EAAK,WAAU,sCAAsC,UAAAoB,EAAA,CAAM;AAAA,GAC9D,GAIEM,IAAY,OAAO,OAAO/B,GAAe;AAAA,EAC7C,QAAAQ;AAAA,EACA,KAAAU;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAG;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AACF,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/StatsCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { TimeFilterDropdownProps } from '@/types/table/timeFilter';
|
|
2
|
+
declare const TimeFilterDropdown: ({ value, defaultValue, onChange, onCustomRange, initialCustomRange, presetDateRange, options, startTimeOnly, className, triggerClassName }: TimeFilterDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default TimeFilterDropdown;
|
|
4
|
+
//# sourceMappingURL=TimeFilterDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeFilterDropdown.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,uBAAuB,EAAmB,MAAM,0BAA0B,CAAA;AAGnF,QAAA,MAAM,kBAAkB,GAAI,4IAWzB,uBAAuB,4CA2GzB,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as i } from "react";
|
|
3
|
+
import j from "../../../images/check.svg.mjs";
|
|
4
|
+
import E from "../../../images/select.svg.mjs";
|
|
5
|
+
import "../CustomRangePicker/index.mjs";
|
|
6
|
+
import { DropdownMenu as k, DropdownMenuTrigger as $, DropdownMenuContent as P, DropdownMenuItem as K } from "../ui/dropdown-menu.mjs";
|
|
7
|
+
import { TIME_FILTER_CUSTOM_VALUE as s, DEFAULT_TIME_FILTER_OPTIONS as q, TIME_FILTER_FALLBACK_LABEL as G, START_TIME_LABEL as H, TIME_FILTER_RESET_VALUE as J } from "../../constants/index.mjs";
|
|
8
|
+
import { cn as x } from "../../lib/utils.mjs";
|
|
9
|
+
import { formatCustomRangeLabel as Q } from "../../utils/date.utils.mjs";
|
|
10
|
+
import V from "../CustomRangePicker/CustomRangePicker.mjs";
|
|
11
|
+
const ro = ({
|
|
12
|
+
value: T,
|
|
13
|
+
defaultValue: _ = "any",
|
|
14
|
+
onChange: f,
|
|
15
|
+
onCustomRange: p,
|
|
16
|
+
initialCustomRange: l,
|
|
17
|
+
presetDateRange: e,
|
|
18
|
+
options: d = q,
|
|
19
|
+
startTimeOnly: c = !1,
|
|
20
|
+
className: A,
|
|
21
|
+
triggerClassName: w
|
|
22
|
+
}) => {
|
|
23
|
+
var L;
|
|
24
|
+
const [M, S] = i(_), [t, m] = i(
|
|
25
|
+
l != null && l.since ? l : null
|
|
26
|
+
), u = T ?? (t ? s : M), v = t ? Q(t.since, t.until) : "", N = u === s && !!v, F = ((L = d.find((o) => o.value === u)) == null ? void 0 : L.label) ?? G, h = N ? v : F, [O, n] = i(!1), [y, I] = i(!1), b = (o) => {
|
|
27
|
+
if (o === s) {
|
|
28
|
+
n(!0);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
n(!1), m(null), S(o), f == null || f(o);
|
|
32
|
+
}, B = (o) => {
|
|
33
|
+
m(o), p == null || p(o), I(!1), n(!1);
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */ a(
|
|
36
|
+
k,
|
|
37
|
+
{
|
|
38
|
+
open: y,
|
|
39
|
+
onOpenChange: (o) => {
|
|
40
|
+
I(o), o || n(!1);
|
|
41
|
+
},
|
|
42
|
+
children: [
|
|
43
|
+
/* @__PURE__ */ a(
|
|
44
|
+
$,
|
|
45
|
+
{
|
|
46
|
+
className: x(
|
|
47
|
+
"inline-flex h-10 border-solid border-[#ccc] items-center justify-between gap-2 rounded border bg-background px-3 text-sm font-normal shadow-sm hover:bg-[#f5f5f5] transition-colors cursor-pointer",
|
|
48
|
+
"focus-visible:outline-none text-[#4B4760]",
|
|
49
|
+
c ? "w-[220px]" : "w-[180px]",
|
|
50
|
+
w
|
|
51
|
+
),
|
|
52
|
+
"data-testid": "time-filter-trigger",
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ r("span", { className: "truncate", children: c ? H + h : h }),
|
|
55
|
+
/* @__PURE__ */ r(E, { className: "size-4 opacity-70 w-3.5 h-2" })
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
),
|
|
59
|
+
/* @__PURE__ */ r(
|
|
60
|
+
P,
|
|
61
|
+
{
|
|
62
|
+
align: "end",
|
|
63
|
+
sideOffset: 8,
|
|
64
|
+
className: x(
|
|
65
|
+
c ? "min-w-[220px]" : "min-w-[180px]",
|
|
66
|
+
"text-[#4B4760]",
|
|
67
|
+
A
|
|
68
|
+
),
|
|
69
|
+
children: O ? /* @__PURE__ */ r(
|
|
70
|
+
V,
|
|
71
|
+
{
|
|
72
|
+
onApply: B,
|
|
73
|
+
singleDate: c,
|
|
74
|
+
onReset: () => b(J),
|
|
75
|
+
initialRange: t ?? e ?? void 0
|
|
76
|
+
},
|
|
77
|
+
`${(t == null ? void 0 : t.since) ?? (e == null ? void 0 : e.since) ?? ""}-${(t == null ? void 0 : t.until) ?? (e == null ? void 0 : e.until) ?? ""}`
|
|
78
|
+
) : d.map((o) => {
|
|
79
|
+
const z = o.value === s ? !!t : u === o.value;
|
|
80
|
+
return /* @__PURE__ */ a(
|
|
81
|
+
K,
|
|
82
|
+
{
|
|
83
|
+
onSelect: (U) => {
|
|
84
|
+
o.value === s && U.preventDefault(), b(o.value);
|
|
85
|
+
},
|
|
86
|
+
className: "relative text-[15px] h-[50px] p-4 data-[highlighted]:bg-igz-accent-hover cursor-pointer",
|
|
87
|
+
"data-testid": `time-filter-option-${o.value}`,
|
|
88
|
+
children: [
|
|
89
|
+
o.label,
|
|
90
|
+
z && !o.rightIcon && /* @__PURE__ */ r(j, { className: "absolute right-2 top-1/2 -translate-y-1/2 size-4" }),
|
|
91
|
+
o.rightIcon === "chevron" && /* @__PURE__ */ r(E, { className: "absolute right-2 top-1/2 -translate-y-1/2 size-4 opacity-70 -rotate-90" })
|
|
92
|
+
]
|
|
93
|
+
},
|
|
94
|
+
o.value
|
|
95
|
+
);
|
|
96
|
+
})
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
]
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
};
|
|
103
|
+
export {
|
|
104
|
+
ro as default
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=TimeFilterDropdown.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeFilterDropdown.mjs","sources":["../../../../src/lib/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.tsx"],"sourcesContent":["import { useState } from 'react'\n\nimport Check from '../../../images/check.svg?react'\nimport Select from '../../../images/select.svg?react'\nimport CustomRangePicker from '@/components/CustomRangePicker'\nimport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem\n} from '@/components/ui/dropdown-menu'\nimport {\n TIME_FILTER_CUSTOM_VALUE,\n TIME_FILTER_RESET_VALUE,\n TIME_FILTER_FALLBACK_LABEL,\n DEFAULT_TIME_FILTER_OPTIONS,\n START_TIME_LABEL\n} from '@/constants'\nimport { cn } from '@/lib/utils'\nimport { TimeFilterDropdownProps, TimeFilterValue } from '@/types/table/timeFilter'\nimport { formatCustomRangeLabel } from '@/utils/date.utils'\n\nconst TimeFilterDropdown = ({\n value,\n defaultValue = 'any',\n onChange,\n onCustomRange,\n initialCustomRange,\n presetDateRange,\n options = DEFAULT_TIME_FILTER_OPTIONS,\n startTimeOnly = false,\n className,\n triggerClassName\n}: TimeFilterDropdownProps) => {\n const [internal, setInternal] = useState<TimeFilterValue>(defaultValue)\n const [appliedRange, setAppliedRange] = useState<{ since: string; until: string } | null>(\n initialCustomRange?.since ? initialCustomRange : null\n )\n const effectiveInternal = appliedRange ? TIME_FILTER_CUSTOM_VALUE : internal\n const selected = value ?? effectiveInternal\n\n const customLabel = appliedRange\n ? formatCustomRangeLabel(appliedRange.since, appliedRange.until)\n : ''\n const isCustomActive = selected === TIME_FILTER_CUSTOM_VALUE && !!customLabel\n const presetLabel = options.find(i => i.value === selected)?.label ?? TIME_FILTER_FALLBACK_LABEL\n const currentLabel = isCustomActive ? customLabel : presetLabel\n\n const [isCustomOpen, setIsCustomOpen] = useState(false)\n const [isOpen, setIsOpen] = useState(false)\n\n const handleSelect = (selectedValue: TimeFilterValue) => {\n if (selectedValue === TIME_FILTER_CUSTOM_VALUE) {\n setIsCustomOpen(true)\n return\n }\n\n setIsCustomOpen(false)\n setAppliedRange(null)\n setInternal(selectedValue)\n onChange?.(selectedValue)\n }\n\n const handleCustomApply = (range: { since: string; until: string }) => {\n setAppliedRange(range)\n onCustomRange?.(range)\n setIsOpen(false)\n setIsCustomOpen(false)\n }\n\n return (\n <DropdownMenu\n open={isOpen}\n onOpenChange={open => {\n setIsOpen(open)\n if (!open) setIsCustomOpen(false)\n }}\n >\n <DropdownMenuTrigger\n className={cn(\n 'inline-flex h-10 border-solid border-[#ccc] items-center justify-between gap-2 rounded border bg-background px-3 text-sm font-normal shadow-sm hover:bg-[#f5f5f5] transition-colors cursor-pointer',\n 'focus-visible:outline-none text-[#4B4760]',\n startTimeOnly ? 'w-[220px]' : 'w-[180px]',\n triggerClassName\n )}\n data-testid=\"time-filter-trigger\"\n >\n <span className=\"truncate\">\n {startTimeOnly ? START_TIME_LABEL + currentLabel : currentLabel}\n </span>\n <Select className=\"size-4 opacity-70 w-3.5 h-2\" />\n </DropdownMenuTrigger>\n\n <DropdownMenuContent\n align=\"end\"\n sideOffset={8}\n className={cn(\n startTimeOnly ? 'min-w-[220px]' : 'min-w-[180px]',\n 'text-[#4B4760]',\n className\n )}\n >\n {isCustomOpen ? (\n <CustomRangePicker\n key={`${appliedRange?.since ?? presetDateRange?.since ?? ''}-${appliedRange?.until ?? presetDateRange?.until ?? ''}`}\n onApply={handleCustomApply}\n singleDate={startTimeOnly}\n onReset={() => handleSelect(TIME_FILTER_RESET_VALUE)}\n initialRange={appliedRange ?? presetDateRange ?? undefined}\n />\n ) : (\n options.map(item => {\n const isActive =\n item.value === TIME_FILTER_CUSTOM_VALUE ? !!appliedRange : selected === item.value\n return (\n <DropdownMenuItem\n key={item.value}\n onSelect={e => {\n if (item.value === TIME_FILTER_CUSTOM_VALUE) e.preventDefault()\n handleSelect(item.value)\n }}\n className=\"relative text-[15px] h-[50px] p-4 data-[highlighted]:bg-igz-accent-hover cursor-pointer\"\n data-testid={`time-filter-option-${item.value}`}\n >\n {item.label}\n\n {isActive && !item.rightIcon && (\n <Check className=\"absolute right-2 top-1/2 -translate-y-1/2 size-4\" />\n )}\n\n {item.rightIcon === 'chevron' && (\n <Select className=\"absolute right-2 top-1/2 -translate-y-1/2 size-4 opacity-70 -rotate-90\" />\n )}\n </DropdownMenuItem>\n )\n })\n )}\n </DropdownMenuContent>\n </DropdownMenu>\n )\n}\n\nexport default TimeFilterDropdown\n"],"names":["TimeFilterDropdown","value","defaultValue","onChange","onCustomRange","initialCustomRange","presetDateRange","options","DEFAULT_TIME_FILTER_OPTIONS","startTimeOnly","className","triggerClassName","internal","setInternal","useState","appliedRange","setAppliedRange","selected","TIME_FILTER_CUSTOM_VALUE","customLabel","formatCustomRangeLabel","isCustomActive","presetLabel","_a","i","TIME_FILTER_FALLBACK_LABEL","currentLabel","isCustomOpen","setIsCustomOpen","isOpen","setIsOpen","handleSelect","selectedValue","handleCustomApply","range","jsxs","DropdownMenu","open","DropdownMenuTrigger","cn","jsx","START_TIME_LABEL","Select","DropdownMenuContent","CustomRangePicker","TIME_FILTER_RESET_VALUE","item","isActive","DropdownMenuItem","e","Check"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/TimeFilterDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}
|