@m4l/components 9.4.24 → 9.4.26
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/components/AccountPopover/AccountPopover.js +2 -2
- package/components/AccountPopover/slots/AccountPopoverSlots.d.ts +3 -3
- package/components/AccountPopover/slots/AccountPopoverSlots.js +7 -7
- package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js +1 -1
- package/components/ActionsGroup/ActionsGroup.js +2 -2
- package/components/ActionsGroup/constants.js +3 -3
- package/components/ActionsGroup/slots/ActionsGroupSlots.d.ts +1 -1
- package/components/ActionsGroup/slots/ActionsGroupSlots.js +4 -4
- package/components/ActionsGroup/subcomponents/ActionIconButton/ActionIconButton.js +1 -1
- package/components/AppBar/AppBar.js +1 -1
- package/components/BaseModule/BaseModule.js +1 -1
- package/components/Card/Card.js +1 -1
- package/components/Card/constants.js +3 -3
- package/components/Card/slots/CardSlots.js +1 -1
- package/components/CheckableList/CheckableList.js +2 -2
- package/components/CheckableList/constants.js +3 -3
- package/components/CheckableList/hooks/useCheckableListRender.js +1 -1
- package/components/CheckableList/slots/styled.d.ts +4 -4
- package/components/CheckableList/slots/styled.js +16 -16
- package/components/Chip/Chip.js +1 -1
- package/components/Chip/constants.js +3 -3
- package/components/Chip/slots/ChipSlots.d.ts +1 -1
- package/components/Chip/slots/ChipSlots.js +1 -1
- package/components/Color/Color.js +1 -1
- package/components/CommonActions/components/ActionFormCancel/constanst.js +1 -1
- package/components/CommonActions/components/ActionFormIntro/constanst.js +1 -1
- package/components/CommonActions/components/ActionFormSubmitProgrammatic/constanst.js +1 -1
- package/components/ContainerFlow/ContainerFlow.js +1 -1
- package/components/ContainerFlow/constants.js +4 -4
- package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.js +1 -1
- package/components/ContainerFlow/slots/ContainerFlowSlots.js +1 -1
- package/components/DaysOfMonthPicker/DaysOfMonthPicker.js +2 -2
- package/components/DaysOfMonthPicker/constants.js +3 -3
- package/components/DaysOfMonthPicker/hooks/useDaysOfMonthPicker/useDaysOfMonthPicker.js +2 -2
- package/components/DaysOfMonthPicker/slots/DaysOfMonthPickerSlots.js +4 -4
- package/components/DaysOfWeekPicker/DaysOfWeekPicker.js +1 -1
- package/components/DaysOfWeekPicker/constants.js +3 -3
- package/components/DaysOfWeekPicker/slots/DaysOfWeekPickerSlots.js +1 -1
- package/components/DynamicFilter/DynamicFilter.js +1 -1
- package/components/DynamicFilter/constants.js +7 -7
- package/components/DynamicFilter/helpers/frontEndHelpers.js +2 -2
- package/components/DynamicFilter/slots/dynamicFilterSlots.js +7 -7
- package/components/DynamicFilter/store/DynamicFilterContext.js +2 -2
- package/components/DynamicFilter/store/DynamicFilterStore.js +1 -1
- package/components/DynamicFilter/store/useDynamicFilterStore.js +1 -1
- package/components/DynamicFilter/subcomponents/DynamicFilterBase/DynamicFilterBase.js +4 -4
- package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/helpers.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/DateTimeFilter/index.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/helpers.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/index.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/helpers.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/helpers.js +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.js +1 -1
- package/components/DynamicFilter/subcomponents/InputFilter/InputFilter.js +1 -1
- package/components/DynamicFilter/subcomponents/PopoverFilter/PopoverFilter.js +1 -1
- package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.js +1 -1
- package/components/DynamicSort/DynamicSort.js +1 -1
- package/components/DynamicSort/constants.js +2 -2
- package/components/DynamicSort/slots/DynamicSortSlots.js +11 -11
- package/components/DynamicSort/store/DynamicSortContext.js +2 -2
- package/components/DynamicSort/store/DynamicSortStore.js +1 -1
- package/components/DynamicSort/store/useDynamicSortStore.js +1 -1
- package/components/DynamicSort/subcomponents/AppliedSorts/AppliedSorts.js +2 -2
- package/components/DynamicSort/subcomponents/DynamicSortBase/DynamicSortBase.js +4 -4
- package/components/DynamicSort/subcomponents/InputSort/InputSort.js +1 -1
- package/components/DynamicSort/subcomponents/PopoverSort/PopoverSort.js +1 -1
- package/components/DynamicSort/subcomponents/SortActions/SortActions.js +1 -1
- package/components/EditLabel/slots/EditLabelSlots.d.ts +1 -1
- package/components/FormContainer/FormContainer.js +1 -1
- package/components/FormContainer/constants.js +3 -3
- package/components/FormContainer/slots/FormContainerSlots.js +1 -1
- package/components/GridLayout/GridLayout.js +2 -2
- package/components/GridLayout/constants.js +8 -8
- package/components/GridLayout/subcomponents/GridItem/index.js +2 -2
- package/components/GridLayout/subcomponents/Responsive/helper.js +1 -1
- package/components/GridLayout/subcomponents/Responsive/index.js +2 -2
- package/components/GridLayout/subcomponents/Responsive/responsiveUtils.js +1 -1
- package/components/GridLayout/subcomponents/withSizeProvider/index.js +1 -1
- package/components/GridLayout/utils.js +11 -11
- package/components/HelperError/constant.js +1 -1
- package/components/HelperError/slots/HelperErrorSlots.d.ts +1 -1
- package/components/Icon/Icon.js +2 -2
- package/components/Icon/Icon.styles.js +1 -1
- package/components/Icon/constants.js +4 -4
- package/components/Icon/slots/IconSlots.js +1 -1
- package/components/Image/Image.js +3 -3
- package/components/Image/constant.js +3 -3
- package/components/Image/slots/ImageSlots.js +4 -4
- package/components/Image/subcomponents/IntersectComponent/index.js +3 -3
- package/components/ImageText/ImageText.js +2 -2
- package/components/ImageText/constants.js +4 -4
- package/components/ImageText/slots/ImageTextSlots.d.ts +2 -2
- package/components/ImageText/slots/ImageTextSlots.js +1 -1
- package/components/Label/constants.js +1 -1
- package/components/Label/slots/LabelSlots.d.ts +2 -2
- package/components/LanguagePopover/LanguagePopover.js +2 -2
- package/components/LinearProgressIndeterminate/LinearProgressIndeterminate.js +2 -2
- package/components/LoadingError/LoadingError.js +2 -2
- package/components/LoadingError/slots/LoadingErrorSlots.d.ts +1 -1
- package/components/MFIsolationApp/MFIsolationApp.js +3 -3
- package/components/MFIsolationApp/slots/MFIsolationAppSlots.d.ts +2 -2
- package/components/MFIsolationAppStorybook/MFIsolationAppStorybook.js +2 -2
- package/components/MFLoader/MFLoader.js +1 -1
- package/components/MFLoader/classes/index.js +3 -3
- package/components/MFLoader/subcomponents/ProggessLoadingMF/index.js +1 -1
- package/components/MenuActions/MenuActions.js +1 -1
- package/components/MenuActions/constants.js +4 -4
- package/components/MenuActions/slots/MenuActionsSlots.js +1 -1
- package/components/NoItemPrivileges/NoItemPrivileges.js +1 -1
- package/components/NoItemPrivileges/constants.js +3 -3
- package/components/NoItemPrivileges/slots/NoItemPrivilegesSlots.js +1 -1
- package/components/NoItemSelected/NoItemSelected.js +1 -1
- package/components/NoItemSelected/constant.js +3 -3
- package/components/NoItemSelected/slots/NoItemSelectedSlots.js +1 -1
- package/components/NumberInput/NumberInput.js +2 -2
- package/components/NumberInput/hooks/useNumberInput/useNumberInput.js +0 -2
- package/components/ObjectLogs/constants.js +3 -3
- package/components/ObjectLogs/slots/ObjectLogsSlots.d.ts +1 -1
- package/components/ObjectLogs/slots/ObjectLogsSlots.js +1 -1
- package/components/ObjectLogs/subcomponents/DetailDialog/index.js +1 -1
- package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js +2 -2
- package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js +2 -2
- package/components/PDFViewer/PDFViewer.js +2 -2
- package/components/Pager/Pager.js +2 -2
- package/components/Pager/slots/PagerSlots.d.ts +3 -3
- package/components/Pager/slots/PagerSlots.js +3 -3
- package/components/Pager/subcomponents/PagerActions/PagerActions.js +1 -1
- package/components/PaperForm/PaperForm.js +1 -1
- package/components/PaperForm/slots/PaperFormSlots.d.ts +1 -1
- package/components/PrintingSystem/PrintingSystem.js +3 -3
- package/components/PrintingSystem/slots/PrintingSystemSlots.js +13 -13
- package/components/PrintingSystem/subcomponents/GridNode/index.js +1 -1
- package/components/PrintingSystem/subcomponents/PageNode/index.js +1 -1
- package/components/PrintingSystem/subcomponents/PaperNode/index.js +1 -1
- package/components/PrintingSystem/subcomponents/PropertyValueNode/index.js +1 -1
- package/components/PropertyValue/PropertyValue.js +2 -2
- package/components/PropertyValue/slots/PropertyValueSlots.d.ts +1 -1
- package/components/ScrollBar/ScrollBar.js +1 -1
- package/components/ScrollBar/constants.js +3 -3
- package/components/ScrollBar/slots/ScrollBarSlots.js +1 -1
- package/components/SettingsLayout/SettingsLayout.js +1 -1
- package/components/SettingsLayout/constants.js +5 -5
- package/components/SettingsLayout/slots/SettingsLayoutSlots.d.ts +1 -1
- package/components/SettingsLayout/slots/SettingsLayoutSlots.js +8 -8
- package/components/SettingsLayout/subcomponents/SettingColorPresets/SettingColorPresets.js +1 -1
- package/components/SettingsLayout/subcomponents/SettingDirection/SettingDirection.js +1 -1
- package/components/SettingsLayout/subcomponents/SettingFullscreen/SettingFullscreen.js +1 -1
- package/components/SettingsLayout/subcomponents/SettingItem/SettingItem.js +1 -1
- package/components/SettingsLayout/subcomponents/SettingItemColor/SettingItemColor.js +1 -1
- package/components/SettingsLayout/subcomponents/SettingMode/SettingMode.js +1 -1
- package/components/SettingsLayout/subcomponents/SettingsLayoutBase/SettingsLayoutBase.js +1 -1
- package/components/SideBar/SideBar.js +2 -2
- package/components/SideBar/constants.js +2 -2
- package/components/SideBar/context/sideBarContext/index.js +3 -3
- package/components/SideBar/hooks/useSideBar/index.js +1 -1
- package/components/SideBar/slots/SideBarSlots.js +15 -15
- package/components/SideBar/subcomponents/ContentComponent/index.js +1 -1
- package/components/SideBar/subcomponents/FooterComponent/index.js +1 -1
- package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.js +1 -1
- package/components/SideBar/subcomponents/SideBarDesktop/index.js +2 -2
- package/components/SideBar/subcomponents/SideBarMobile/index.js +1 -1
- package/components/SideBar/subcomponents/TreeGroupItems/index.js +1 -1
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/AdormentIcon.js +1 -1
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/ArrowIcon/index.js +2 -2
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js +1 -1
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/NodeMenuItemMain.js +1 -1
- package/components/Stepper/Stepper.js +4 -4
- package/components/Stepper/Stepper.styles.js +22 -9
- package/components/Stepper/constants.js +2 -2
- package/components/Stepper/helpers/findAllVisibleStepsBefore/index.d.ts +19 -0
- package/components/Stepper/helpers/findAllVisibleStepsBefore/index.js +22 -0
- package/components/Stepper/helpers/findStepIndexByKey/index.d.ts +8 -0
- package/components/Stepper/helpers/findStepIndexByKey/index.js +6 -0
- package/components/Stepper/helpers/index.d.ts +2 -0
- package/components/Stepper/hooks/useInitialStepKey/index.d.ts +5 -0
- package/components/Stepper/hooks/useInitialStepKey/index.js +44 -0
- package/components/Stepper/hooks/useStepper/index.js +1 -1
- package/components/Stepper/slots/StepperEnum.d.ts +1 -0
- package/components/Stepper/slots/StepperEnum.js +3 -2
- package/components/Stepper/slots/StepperSlot.d.ts +7 -4
- package/components/Stepper/slots/StepperSlot.js +23 -18
- package/components/Stepper/store/StepperContext/index.js +6 -4
- package/components/Stepper/store/StepperStore/index.js +71 -1
- package/components/Stepper/store/types.d.ts +12 -2
- package/components/Stepper/subcomponents/ContentArea/index.js +3 -1
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperIcon/index.js +1 -1
- package/components/Stepper/subcomponents/ContentArea/subcomponents/WrapperTitle/index.js +1 -1
- package/components/Stepper/subcomponents/StepArea/index.js +2 -2
- package/components/Stepper/subcomponents/StepArea/subcomponents/Inidicator/index.js +1 -1
- package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js +1 -1
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.js +1 -1
- package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.js +1 -1
- package/components/Stepper/types.d.ts +22 -0
- package/components/TabsNavigator/TabsNavigator.js +2 -2
- package/components/TabsNavigator/TabsNavigator.styles.js +1 -1
- package/components/TabsNavigator/constants.js +4 -4
- package/components/TabsNavigator/helpers/getFinalTabs/getFinalTabs.js +1 -1
- package/components/TabsNavigator/slots/TabsNavigatorSlots.d.ts +2 -2
- package/components/TabsNavigator/slots/TabsNavigatorSlots.js +8 -8
- package/components/TabsNavigator/subcomponents/TabNavigatorClusterComponent/TabNavigatorClusterComponent.js +2 -2
- package/components/TabsNavigator/subcomponents/TabNavigatorComponent/TabNavigatorComponent.js +2 -2
- package/components/TabsNavigator/subcomponents/TextMarquee/TextMarquee.js +2 -2
- package/components/ToastContainer/ToastContainer.js +2 -2
- package/components/ToastContainer/ToastContainer.styles.js +1 -1
- package/components/ToastContainer/constants.js +2 -2
- package/components/ToastContainer/slots/toastContainerSlots.d.ts +2 -2
- package/components/ToastContainer/slots/toastContainerSlots.js +1 -1
- package/components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js +1 -1
- package/components/WindowBase/WindowBase.js +4 -4
- package/components/WindowBase/constants.js +1 -1
- package/components/WindowBase/slots/WindowBaseSlots.d.ts +2 -2
- package/components/WindowBase/slots/WindowBaseSlots.js +9 -9
- package/components/WindowBase/subcomponents/Component/index.js +1 -1
- package/components/WindowBase/subcomponents/EditionInfo/EditionInfo.js +1 -1
- package/components/WindowBase/subcomponents/Header/HeaderWindowBase.js +1 -1
- package/components/WindowConfirm/WindowConfirm.js +4 -4
- package/components/WindowConfirm/slots/WindowConfirmSlots.js +7 -7
- package/components/WindowConfirm/subcomponents/MessageIllustration/MessageIllustration.js +1 -1
- package/components/areas/components/AreasAdmin/AreasAdmin.js +3 -3
- package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +1 -1
- package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.js +16 -16
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js +2 -2
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/AreaChipMobile.js +1 -1
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js +1 -1
- package/components/areas/components/AreasViewer/AreasViewer.js +4 -4
- package/components/areas/components/AreasViewer/classes/index.js +1 -1
- package/components/areas/components/AreasViewer/slots/AreasViewerSlots.js +3 -3
- package/components/areas/components/AreasViewer/subcomponents/Area/Area.js +1 -1
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/Window.js +2 -2
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/WindowModal.js +1 -1
- package/components/areas/constants.js +2 -2
- package/components/areas/contexts/AreasContext/index.js +2 -2
- package/components/areas/contexts/AreasContext/store.js +2 -2
- package/components/areas/hooks/useAreas/index.js +1 -1
- package/components/commercial/TopBar/TopBar.js +2 -2
- package/components/commercial/TopBar/component/ConteinItem/index.js +1 -1
- package/components/commercial/TopBar/component/ConteinItem/subcomponets/NavItem/index.js +1 -1
- package/components/commercial/TopBar/context/index.js +2 -2
- package/components/commercial/TopBar/hook/topBarContext/index.js +1 -1
- package/components/datagrids/Datagrid.styles.js +27 -0
- package/components/datagrids/components/BaseDataGrid/BaseDataGrid.js +6 -6
- package/components/datagrids/components/DataGridMain/DataGridMain.js +4 -2
- package/components/datagrids/components/TreeDataGrid/TreeDataGrid.js +3 -1
- package/components/datagrids/constants.js +3 -3
- package/components/datagrids/contexts/DataGridContext/DataGridContext.js +4 -4
- package/components/datagrids/contexts/FilterContext/FilterContext.js +2 -2
- package/components/datagrids/formatters/ColumnChipStatusFormatter/ColumnChipStatusGroupFormatter.js +1 -1
- package/components/datagrids/formatters/ColumnChipStatusFormatter/formatter.js +1 -1
- package/components/datagrids/formatters/ColumnImageFormatter/ImageFormatterCell.js +1 -1
- package/components/datagrids/hooks/shared/useDataGrid/useDataGrid.js +1 -1
- package/components/datagrids/hooks/shared/useFilters/useFilters.js +1 -1
- package/components/datagrids/slots/DataGridEnum.d.ts +2 -1
- package/components/datagrids/slots/DataGridEnum.js +1 -0
- package/components/datagrids/slots/DataGridSlot.d.ts +1 -0
- package/components/datagrids/slots/DataGridSlot.js +44 -39
- package/components/datagrids/subcomponents/ControlNavigate/ControlNavigate.js +1 -1
- package/components/datagrids/subcomponents/ControlNavigate/subcomponents/RowsCount/RowsCount.js +1 -1
- package/components/datagrids/subcomponents/HeaderActions/HeaderActions.js +1 -1
- package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.js +1 -1
- package/components/datagrids/subcomponents/editors/TextEditor/TextEditor.js +1 -1
- package/components/datagrids/types.d.ts +33 -0
- package/components/datagrids/views/CardsView/CardsView.js +1 -1
- package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js +1 -1
- package/components/datagrids/views/CardsView/hooks/useModalDetail/useModalDetail.js +1 -1
- package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js +1 -1
- package/components/datagrids/views/CardsView/subcomponents/CardRow/CardRow.js +1 -1
- package/components/datagrids/views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js +1 -1
- package/components/datagrids/views/CardsView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js +1 -1
- package/components/datagrids/views/TableView/TableView.js +25 -5
- package/components/datagrids/views/TableView/helpers/index.d.ts +1 -0
- package/components/datagrids/views/TableView/helpers/rowCellsBackground/index.d.ts +2 -0
- package/components/datagrids/views/TableView/helpers/rowCellsBackground/index.js +1 -0
- package/components/datagrids/views/TableView/helpers/rowCellsBackground/rowCellsBackground.d.ts +32 -0
- package/components/datagrids/views/TableView/helpers/rowCellsBackground/rowCellsBackground.js +58 -0
- package/components/datagrids/views/TableView/helpers/rowCellsBackground/types.d.ts +7 -0
- package/components/datagrids/views/TableView/hooks/useSortColumnsRows/useSortColumnsRows.js +1 -3
- package/components/datagrids/views/TableView/subcomponents/DraggableHeaderRenderer/DraggableHeaderRenderer.js +1 -1
- package/components/datagrids/views/TableView/subcomponents/HeaderRenderClick/HeaderRenderClick.js +1 -1
- package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/RenderGroupCell.js +1 -1
- package/components/datagrids/views/TableView/subcomponents/SelectColumn/SelectColumn.js +2 -2
- package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js +1 -1
- package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js +1 -1
- package/components/datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js +2 -2
- package/components/extended/React-Json-Viewer/ReactJsonViewer.js +1 -1
- package/components/extended/React-Json-Viewer/constants.js +3 -3
- package/components/extended/React-Json-Viewer/slots/ReactJsonViewerSlots.js +1 -1
- package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.js +2 -2
- package/components/extended/React-Window/FixedSizeList/constants.js +1 -1
- package/components/extended/React-Window/VariableSizeList/constants.js +1 -1
- package/components/extended/React-resizable-panels/SplitLayout.js +2 -2
- package/components/formatters/BooleanFormatter/BooleanFormatter.js +2 -2
- package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.d.ts +1 -1
- package/components/formatters/ChipStatusFormatter/ChipStatusFormatter.js +2 -2
- package/components/formatters/ChipStatusFormatter/constants.js +3 -3
- package/components/formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js +3 -3
- package/components/formatters/ColorFormatter/ColorFormatter.js +2 -2
- package/components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js +2 -2
- package/components/formatters/ConcatenatedFormatter/slots/ConcatenatedFormatterSlots.d.ts +1 -1
- package/components/formatters/DateFormatter/DateFormatter.js +2 -2
- package/components/formatters/DateFormatter/slots/DateFormatterSlots.d.ts +1 -1
- package/components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js +2 -2
- package/components/formatters/DistanceToNowFormatter/slots/DistanceToNowFormatterSlots.d.ts +1 -1
- package/components/formatters/IconsFormatter/constants.js +3 -3
- package/components/formatters/IconsFormatter/helpers/renderIcon.js +1 -1
- package/components/formatters/IconsFormatter/slots/IconsFormatterSlots.js +1 -1
- package/components/formatters/ImageFormatter/ImageFormatter.js +2 -2
- package/components/formatters/ImageFormatter/constants.js +1 -1
- package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.d.ts +1 -1
- package/components/formatters/PeriodFormatter/PeriodFormatter.js +3 -3
- package/components/formatters/PeriodFormatter/slots/PeriodFormatterSlots.d.ts +1 -1
- package/components/formatters/PointsFormatter/PointsFormatter.js +2 -2
- package/components/formatters/PointsFormatter/slots/ointsFormatterSlots.d.ts +1 -1
- package/components/formatters/PriceFormatter/PriceFormatter.js +2 -2
- package/components/formatters/PriceFormatter/slots/PriceFormatterSlots.d.ts +1 -1
- package/components/formatters/TagsFormatter/constants.js +1 -1
- package/components/formatters/TagsFormatter/helpers/renderMultipleTag.js +1 -1
- package/components/formatters/TagsFormatter/slots/TagsFormatterSlots.js +2 -2
- package/components/formatters/TagsFormatter/subcomponents/Tag/Tag.js +1 -1
- package/components/formatters/UncertaintyFormatter/UncertaintyFormatter.js +2 -2
- package/components/formatters/UncertaintyFormatter/slots/UncertaintyFormatterSlots.d.ts +1 -1
- package/components/hook-form/RHFActionsGroup/constants.js +1 -1
- package/components/hook-form/RHFAutocomplete/constants.js +1 -1
- package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js +0 -5
- package/components/hook-form/RHFCheckableList/RHFCheckableList.js +1 -1
- package/components/hook-form/RHFCheckableList/constants.js +1 -1
- package/components/hook-form/RHFCheckbox/constants.js +1 -1
- package/components/hook-form/RHFColorPicker/RFHColorPicker.js +2 -2
- package/components/hook-form/RHFColorPicker/subcomponents/ColorPickerField/ColorPickerField.js +1 -1
- package/components/hook-form/RHFDatePicker/RHFDatePicker.js +1 -1
- package/components/hook-form/RHFDateTime/RHFDateTime.js +2 -2
- package/components/hook-form/RHFNumberInput/RHFNumberInput.js +1 -1
- package/components/hook-form/RHFPeriod/RHFPeriod.js +2 -2
- package/components/hook-form/RHFRadioGroup/RHFRadioGroup.js +1 -1
- package/components/hook-form/RHFRadioGroup/constants.js +1 -1
- package/components/hook-form/RHFSelect/RHFSelect.js +2 -2
- package/components/hook-form/RHFSelect/constants.js +3 -3
- package/components/hook-form/RHFSelect/slots/RHFSlots.js +1 -1
- package/components/hook-form/RHFTextField/RHFTextField.js +2 -2
- package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.d.ts +1 -1
- package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/UploadImage.js +2 -2
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js +2 -2
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.js +3 -3
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileSlots.d.ts +5 -5
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/subcomponents/BlockContent/BlockContent.js +1 -1
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/subcomponents/Preview/Preview.js +1 -1
- package/components/hook-form/RHFUpload/RHFUploadSingleFile/subcomponents/UploadSingleFile/index.js +1 -1
- package/components/hook-form/RHFormProvider/types.js +2 -2
- package/components/mui_extended/Accordion/Accordion.js +2 -2
- package/components/mui_extended/Accordion/slots/AccordionSlots.d.ts +1 -1
- package/components/mui_extended/Autocomplete/Autocomplete.js +1 -1
- package/components/mui_extended/Autocomplete/constants.js +1 -1
- package/components/mui_extended/Autocomplete/hooks/useEndAdornments.js +1 -1
- package/components/mui_extended/Autocomplete/hooks/useMultipleChips.js +1 -1
- package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.d.ts +2 -2
- package/components/mui_extended/Autocomplete/slots/AutocompleteSlots.js +8 -8
- package/components/mui_extended/Avatar/Avatar.js +2 -2
- package/components/mui_extended/Avatar/subcomponents/SkeletonAvatar/index.js +1 -1
- package/components/mui_extended/Badge/Badge.js +2 -2
- package/components/mui_extended/Button/constants.js +1 -1
- package/components/mui_extended/Button/slots/ButtonSlots.d.ts +1 -1
- package/components/mui_extended/CheckBox/CheckBox.js +1 -1
- package/components/mui_extended/CheckBox/slots/CheckBoxSlots.d.ts +1 -1
- package/components/mui_extended/CircularProgress/CircularProgress.js +2 -2
- package/components/mui_extended/CircularProgress/constants.js +2 -2
- package/components/mui_extended/CircularProgress/slots/CircularProgressSlots.js +1 -1
- package/components/mui_extended/DatePicker/DatePicker.js +2 -2
- package/components/mui_extended/DatePicker/constants.js +3 -3
- package/components/mui_extended/DatePicker/hooks/useDatePicker/useDatePicker.js +1 -1
- package/components/mui_extended/DatePicker/slots/DatePickerSlots.js +3 -3
- package/components/mui_extended/DateTimePicker/DateTimePicker.js +2 -2
- package/components/mui_extended/Dialog/Dialog.js +2 -2
- package/components/mui_extended/IconButton/IconButton.js +1 -1
- package/components/mui_extended/IconButton/constants.js +3 -3
- package/components/mui_extended/IconButton/slots/IconButtonSlots.js +1 -1
- package/components/mui_extended/ImageButton/ImageButton.js +1 -1
- package/components/mui_extended/LoadingButton/LoadingButton.js +1 -1
- package/components/mui_extended/MenuDivider/MenuDivider.js +2 -2
- package/components/mui_extended/MenuItem/MenuItem.js +2 -2
- package/components/mui_extended/MenuItem/constants.js +3 -3
- package/components/mui_extended/MenuItem/slots/MenuItemSlots.d.ts +1 -1
- package/components/mui_extended/MenuItem/slots/MenuItemSlots.js +1 -1
- package/components/mui_extended/NavLink/NavLink.js +2 -2
- package/components/mui_extended/NavLink/constants.js +3 -3
- package/components/mui_extended/NavLink/slots/NavLinkSlots.d.ts +1 -1
- package/components/mui_extended/NavLink/slots/NavLinkSlots.js +1 -1
- package/components/mui_extended/Popover/Popover.js +2 -2
- package/components/mui_extended/Popover/constants.js +3 -3
- package/components/mui_extended/Popover/slots/PopoverSlots.js +1 -1
- package/components/mui_extended/Popper/Popper.js +1 -1
- package/components/mui_extended/Radio/Radio.js +1 -1
- package/components/mui_extended/Radio/constants.js +1 -1
- package/components/mui_extended/Radio/slots/styled.d.ts +1 -1
- package/components/mui_extended/Select/Select.js +2 -2
- package/components/mui_extended/Select/constants.js +2 -2
- package/components/mui_extended/Select/slots/SelectEnum.js +2 -2
- package/components/mui_extended/Select/slots/SelectSlots.d.ts +3 -3
- package/components/mui_extended/Select/slots/SelectSlots.js +1 -1
- package/components/mui_extended/Skeleton/Skeleton.js +1 -1
- package/components/mui_extended/Skeleton/Slots/skeletonSlots.js +1 -1
- package/components/mui_extended/Skeleton/constants.js +2 -2
- package/components/mui_extended/Stack/Stack.js +1 -1
- package/components/mui_extended/Tab/Slots/TabSlots.d.ts +1 -1
- package/components/mui_extended/Tab/Tab.js +1 -1
- package/components/mui_extended/TabContent/TabContent.js +1 -1
- package/components/mui_extended/TextField/TextField.js +2 -2
- package/components/mui_extended/TextField/constants.js +2 -2
- package/components/mui_extended/TextField/slots/TextFieldEnum.js +2 -2
- package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +3 -3
- package/components/mui_extended/TextField/slots/TextFieldSlots.js +1 -1
- package/components/mui_extended/ToggleButton/ToggleButton.js +2 -2
- package/components/mui_extended/ToggleIconButton/ToggleIconButton.js +2 -2
- package/components/mui_extended/Tooltip/Tooltip.js +1 -1
- package/components/mui_extended/Tooltip/constants.js +3 -3
- package/components/mui_extended/Tooltip/slots/TooltipSlots.js +1 -1
- package/components/mui_extended/Typography/Typography.js +2 -2
- package/components/mui_extended/Typography/constants.js +3 -3
- package/components/mui_extended/Typography/slots/typographySlots.d.ts +1 -1
- package/components/mui_extended/Typography/slots/typographySlots.js +1 -1
- package/components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js +2 -2
- package/components/popups/components/PopupsProvider/hooks/usePopupsStore.js +1 -1
- package/components/popups/components/PopupsViewer/subcomponents/Popup/Popup.js +1 -1
- package/contexts/AppearanceComponentContext/AppearanceComponentContext.js +3 -3
- package/contexts/AppearanceComponentContext/useAppearanceComponentStore.js +1 -1
- package/contexts/ModalContext/index.js +2 -2
- package/hocs/withRHFController/constants.js +3 -3
- package/hocs/withRHFController/index.js +1 -1
- package/hocs/withRHFController/slots/WithRHFControllerSlots.js +1 -1
- package/hooks/useDynamicFilterAndSort/slots/DynamicFilterAndSortSlots.d.ts +3 -3
- package/hooks/useDynamicFilterAndSort/styles.js +2 -2
- package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js +1 -1
- package/hooks/useModal/index.js +1 -1
- package/index.js +576 -576
- package/not_recognized/index.js +25 -100
- package/package.json +1 -1
- package/test/getNameDataTestId.js +2 -2
- package/utils/getComponentSlotRoot.js +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { styled } from "@mui/material/styles";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { a as STEPPER_PREFIX_NAME } from "../constants.js";
|
|
3
|
+
import { C as ContentAreaSlots, S as StepperSlots, a as ContentSlots, b as StepperFooterSlots } from "./StepperEnum.js";
|
|
4
4
|
import { s as stepperStyles } from "../Stepper.styles.js";
|
|
5
5
|
import { T as Typography } from "../../mui_extended/Typography/Typography.js";
|
|
6
6
|
import { I as Icon } from "../../Icon/Icon.js";
|
|
@@ -32,6 +32,10 @@ const StepNameStyled = styled(Typography, {
|
|
|
32
32
|
name: STEPPER_PREFIX_NAME,
|
|
33
33
|
slot: ContentSlots.stepName
|
|
34
34
|
})(stepperStyles.stepName);
|
|
35
|
+
const StepNameTextStyled = styled("div", {
|
|
36
|
+
name: STEPPER_PREFIX_NAME,
|
|
37
|
+
slot: ContentSlots.stepNameText
|
|
38
|
+
})(stepperStyles.stepNameText);
|
|
35
39
|
const IndicatorStyled = styled("div", {
|
|
36
40
|
name: STEPPER_PREFIX_NAME,
|
|
37
41
|
slot: ContentSlots.indicator
|
|
@@ -85,23 +89,24 @@ styled("div", {
|
|
|
85
89
|
slot: StepperFooterSlots.wrapperButtons
|
|
86
90
|
})(stepperStyles.wrapperButtons);
|
|
87
91
|
export {
|
|
88
|
-
|
|
92
|
+
ContentAreaStyled as C,
|
|
89
93
|
DescriptionStyled as D,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
94
|
+
IndicatorStyled as I,
|
|
95
|
+
StepAreaStyled as S,
|
|
96
|
+
TextNumberStyled as T,
|
|
93
97
|
WrapperIconStyled as W,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
98
|
+
StepStyled as a,
|
|
99
|
+
StepNameStyled as b,
|
|
100
|
+
StepNameTextStyled as c,
|
|
101
|
+
IconStyled as d,
|
|
102
|
+
WrapperTitleStyled as e,
|
|
103
|
+
TitleStyled as f,
|
|
104
|
+
ContentAreaHeaderStyled as g,
|
|
105
|
+
ContentAreaBodyStyled as h,
|
|
106
|
+
StepperFooterLeftActionsStyled as i,
|
|
107
|
+
StepperFooterRightActionsStyled as j,
|
|
104
108
|
StepperFooterSectionStyled as k,
|
|
105
|
-
|
|
106
|
-
|
|
109
|
+
StepContentStyled as l,
|
|
110
|
+
StepperRootStyled as m,
|
|
111
|
+
ContentSectionStyled as n
|
|
107
112
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useRef, useEffect, createContext } from "react";
|
|
3
3
|
import { c as createStepperStore } from "../StepperStore/index.js";
|
|
4
4
|
import { f as findNextVisibleValidStep } from "../../helpers/findNextVisibleValidStep/index.js";
|
|
5
5
|
const StepperContext = createContext(null);
|
|
@@ -12,6 +12,7 @@ const StepperProvider = (props) => {
|
|
|
12
12
|
indicatorType = "number",
|
|
13
13
|
orientation = "horizontal",
|
|
14
14
|
visibilityData,
|
|
15
|
+
initialStepKey,
|
|
15
16
|
children
|
|
16
17
|
} = props;
|
|
17
18
|
const stepperStoreRef = useRef();
|
|
@@ -25,7 +26,8 @@ const StepperProvider = (props) => {
|
|
|
25
26
|
ownerState: {},
|
|
26
27
|
indicatorType,
|
|
27
28
|
orientation,
|
|
28
|
-
visibilityData
|
|
29
|
+
visibilityData,
|
|
30
|
+
initialStepKey
|
|
29
31
|
},
|
|
30
32
|
storeDevtoolsEnabled
|
|
31
33
|
);
|
|
@@ -86,6 +88,6 @@ const StepperProvider = (props) => {
|
|
|
86
88
|
return /* @__PURE__ */ jsx(StepperContext.Provider, { value: stepperStoreRef.current, children });
|
|
87
89
|
};
|
|
88
90
|
export {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
+
StepperContext as S,
|
|
92
|
+
StepperProvider as a
|
|
91
93
|
};
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import { createStore } from "zustand";
|
|
2
2
|
import { devtools } from "zustand/middleware";
|
|
3
3
|
import { immer } from "zustand/middleware/immer";
|
|
4
|
-
import {
|
|
4
|
+
import { S as STEPPER_STORE_ID } from "../../constants.js";
|
|
5
|
+
import { f as findStepIndexByKey } from "../../helpers/findStepIndexByKey/index.js";
|
|
6
|
+
import { e as evaluateVisibilityStepCondition } from "../../helpers/evaluateVisibilityStepCondition/index.js";
|
|
7
|
+
import { f as findAllVisibleStepsBefore } from "../../helpers/findAllVisibleStepsBefore/index.js";
|
|
5
8
|
import { f as findNextVisibleValidStep } from "../../helpers/findNextVisibleValidStep/index.js";
|
|
6
9
|
import { f as findPrevVisibleValidStep } from "../../helpers/findPrevVisibleValidStep/index.js";
|
|
7
10
|
const createDevtools = (immerMiddlewere, config) => {
|
|
@@ -16,6 +19,7 @@ const createStepperStore = (initProps, storeDevtoolsEnabled = false) => {
|
|
|
16
19
|
currentStep: 0,
|
|
17
20
|
stepValidationStatus: {},
|
|
18
21
|
isValidating: false,
|
|
22
|
+
initialStepKeyApplied: false,
|
|
19
23
|
...initProps
|
|
20
24
|
};
|
|
21
25
|
return createStore(
|
|
@@ -128,6 +132,7 @@ const createStepperStore = (initProps, storeDevtoolsEnabled = false) => {
|
|
|
128
132
|
set((state) => {
|
|
129
133
|
state.stepValidationStatus = {};
|
|
130
134
|
state.isValidating = false;
|
|
135
|
+
state.initialStepKeyApplied = false;
|
|
131
136
|
const firstVisibleStepIndex = findNextVisibleValidStep(
|
|
132
137
|
-1,
|
|
133
138
|
// Comenzar desde -1 para encontrar el primer step visible
|
|
@@ -137,6 +142,71 @@ const createStepperStore = (initProps, storeDevtoolsEnabled = false) => {
|
|
|
137
142
|
);
|
|
138
143
|
state.currentStep = firstVisibleStepIndex < state.steps.length ? firstVisibleStepIndex : 0;
|
|
139
144
|
});
|
|
145
|
+
},
|
|
146
|
+
/**
|
|
147
|
+
* applyInitialStepKey - Valida los steps anteriores y navega al step indicado por initialStepKey.
|
|
148
|
+
* Si algún step anterior tiene errores, navega al primer step con errores.
|
|
149
|
+
*/
|
|
150
|
+
applyInitialStepKey: async (validateFieldsFn, formData) => {
|
|
151
|
+
const state = get();
|
|
152
|
+
const { initialStepKey, steps, visibilityData, initialStepKeyApplied } = state;
|
|
153
|
+
if (!initialStepKey || initialStepKey.trim() === "" || initialStepKeyApplied) {
|
|
154
|
+
return;
|
|
155
|
+
}
|
|
156
|
+
const initialStepIndex = findStepIndexByKey(initialStepKey, steps);
|
|
157
|
+
if (initialStepIndex === -1) {
|
|
158
|
+
const availableKeys = steps.map((s) => s.key).join(", ");
|
|
159
|
+
throw new Error(
|
|
160
|
+
`Stepper: initialStepKey "${initialStepKey}" no corresponde a ningún step. Keys disponibles: [${availableKeys}]`
|
|
161
|
+
);
|
|
162
|
+
}
|
|
163
|
+
const initialStep = steps[initialStepIndex];
|
|
164
|
+
if (!evaluateVisibilityStepCondition(initialStep, formData, visibilityData)) {
|
|
165
|
+
console.warn(
|
|
166
|
+
`Stepper: initialStepKey "${initialStepKey}" apunta a un step oculto. Iniciando en step 0.`
|
|
167
|
+
);
|
|
168
|
+
set((draft) => {
|
|
169
|
+
draft.initialStepKeyApplied = true;
|
|
170
|
+
});
|
|
171
|
+
return;
|
|
172
|
+
}
|
|
173
|
+
if (initialStepIndex === 0) {
|
|
174
|
+
set((draft) => {
|
|
175
|
+
draft.initialStepKeyApplied = true;
|
|
176
|
+
});
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
const previousVisibleSteps = findAllVisibleStepsBefore(
|
|
180
|
+
initialStepIndex,
|
|
181
|
+
steps,
|
|
182
|
+
formData,
|
|
183
|
+
visibilityData
|
|
184
|
+
);
|
|
185
|
+
for (const { step, originalIndex } of previousVisibleSteps) {
|
|
186
|
+
const fieldsToValidate = step.validationFields || [];
|
|
187
|
+
if (fieldsToValidate.length === 0) {
|
|
188
|
+
set((draft) => {
|
|
189
|
+
draft.stepValidationStatus[originalIndex] = true;
|
|
190
|
+
});
|
|
191
|
+
continue;
|
|
192
|
+
}
|
|
193
|
+
const isValid = await validateFieldsFn(fieldsToValidate);
|
|
194
|
+
if (!isValid) {
|
|
195
|
+
set((draft) => {
|
|
196
|
+
draft.currentStep = originalIndex;
|
|
197
|
+
draft.stepValidationStatus[originalIndex] = false;
|
|
198
|
+
draft.initialStepKeyApplied = true;
|
|
199
|
+
});
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
set((draft) => {
|
|
203
|
+
draft.stepValidationStatus[originalIndex] = true;
|
|
204
|
+
});
|
|
205
|
+
}
|
|
206
|
+
set((draft) => {
|
|
207
|
+
draft.currentStep = initialStepIndex;
|
|
208
|
+
draft.initialStepKeyApplied = true;
|
|
209
|
+
});
|
|
140
210
|
}
|
|
141
211
|
}
|
|
142
212
|
})),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { Step, StepperOwnerState, StepperProps } from '../types';
|
|
3
|
-
export interface StepperState extends Pick<StepperProps, 'storeId' | 'visibleTitle' | 'steps' | 'indicatorType' | 'orientation' | 'size' | 'visibilityData'> {
|
|
3
|
+
export interface StepperState extends Pick<StepperProps, 'storeId' | 'visibleTitle' | 'steps' | 'indicatorType' | 'orientation' | 'size' | 'visibilityData' | 'initialStepKey'> {
|
|
4
4
|
/**
|
|
5
5
|
* "ownerState" estado a nivel de clases del componente
|
|
6
6
|
*/
|
|
@@ -18,6 +18,10 @@ export interface StepperState extends Pick<StepperProps, 'storeId' | 'visibleTit
|
|
|
18
18
|
* "isValidating" indica si el stepper está en proceso de validación
|
|
19
19
|
*/
|
|
20
20
|
isValidating: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Indica si initialStepKey ya fue aplicado. Previene re-aplicación después de navegación.
|
|
23
|
+
*/
|
|
24
|
+
initialStepKeyApplied: boolean;
|
|
21
25
|
}
|
|
22
26
|
export interface StepperStateWithActions extends StepperState {
|
|
23
27
|
actions: {
|
|
@@ -55,9 +59,15 @@ export interface StepperStateWithActions extends StepperState {
|
|
|
55
59
|
* resetStepper - Resetea el Stepper a su estado inicial
|
|
56
60
|
*/
|
|
57
61
|
resetStepper: () => void;
|
|
62
|
+
/**
|
|
63
|
+
* Aplica initialStepKey validando los steps anteriores.
|
|
64
|
+
* @param validateFieldsFn - Función que valida campos específicos usando RHF trigger()
|
|
65
|
+
* @param formData - Valores actuales del formulario
|
|
66
|
+
*/
|
|
67
|
+
applyInitialStepKey: (validateFieldsFn: (fields: string[]) => Promise<boolean>, formData: Record<string, any>) => Promise<void>;
|
|
58
68
|
};
|
|
59
69
|
}
|
|
60
70
|
export interface StepperContextProps extends StepperProps {
|
|
61
71
|
children: ReactNode;
|
|
62
72
|
}
|
|
63
|
-
export type InitialStoreProps = Pick<StepperState, 'ownerState' | 'storeId' | 'steps' | 'visibleTitle' | 'indicatorType' | 'orientation' | 'visibilityData'>;
|
|
73
|
+
export type InitialStoreProps = Pick<StepperState, 'ownerState' | 'storeId' | 'steps' | 'visibleTitle' | 'indicatorType' | 'orientation' | 'visibilityData' | 'initialStepKey'>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { u as useStepper } from "../../hooks/useStepper/index.js";
|
|
3
|
-
import {
|
|
3
|
+
import { u as useInitialStepKey } from "../../hooks/useInitialStepKey/index.js";
|
|
4
|
+
import { C as ContentAreaStyled, g as ContentAreaHeaderStyled, h as ContentAreaBodyStyled } from "../../slots/StepperSlot.js";
|
|
4
5
|
import { W as WrapperIcon } from "./subcomponents/WrapperIcon/index.js";
|
|
5
6
|
import { W as WrapperTitle } from "./subcomponents/WrapperTitle/index.js";
|
|
6
7
|
function ContentArea(props) {
|
|
@@ -8,6 +9,7 @@ function ContentArea(props) {
|
|
|
8
9
|
const { orientation } = useStepper((state) => ({
|
|
9
10
|
orientation: state.orientation
|
|
10
11
|
}));
|
|
12
|
+
useInitialStepKey();
|
|
11
13
|
const ownerState = {
|
|
12
14
|
orientation
|
|
13
15
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
|
-
import { W as WrapperIconStyled,
|
|
3
|
+
import { W as WrapperIconStyled, d as IconStyled } from "../../../../slots/StepperSlot.js";
|
|
4
4
|
import { p as pathIcons } from "../../../../icons.js";
|
|
5
5
|
import { u as useStepper } from "../../../../hooks/useStepper/index.js";
|
|
6
6
|
import { useEnvironment } from "@m4l/core";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { u as useStepper } from "../../../../hooks/useStepper/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import { e as WrapperTitleStyled, f as TitleStyled, D as DescriptionStyled } from "../../../../slots/StepperSlot.js";
|
|
5
5
|
function WrapperTitle() {
|
|
6
6
|
const { steps, currentStep } = useStepper((state) => ({
|
|
7
7
|
steps: state.steps,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { S as StepAreaStyled, a as StepStyled, b as StepNameStyled, c as StepNameTextStyled } from "../../slots/StepperSlot.js";
|
|
3
3
|
import { I as Indicator } from "./subcomponents/Inidicator/index.js";
|
|
4
4
|
import { u as useStepArea } from "./hooks/useStepArea.js";
|
|
5
5
|
import { u as useVisibileSteps } from "./hooks/useVisibileSteps.js";
|
|
@@ -39,7 +39,7 @@ function StepArea() {
|
|
|
39
39
|
originalStepIndex: originalIndex,
|
|
40
40
|
isStepVisible
|
|
41
41
|
},
|
|
42
|
-
children: step.title
|
|
42
|
+
children: /* @__PURE__ */ jsx(StepNameTextStyled, { ownerState: { orientation }, children: step.title })
|
|
43
43
|
}
|
|
44
44
|
),
|
|
45
45
|
/* @__PURE__ */ jsx(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { I as IndicatorStyled, T as TextNumberStyled } from "../../../../slots/StepperSlot.js";
|
|
4
4
|
import { u as useStepper } from "../../../../hooks/useStepper/index.js";
|
|
5
5
|
import { p as pathIcons } from "../../../../icons.js";
|
|
6
6
|
import { useIsMobile } from "@m4l/graphics";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { l as StepContentStyled } from "../../../../slots/StepperSlot.js";
|
|
3
3
|
import { u as useIsStepVisible } from "./hooks/useIsStepVisible.js";
|
|
4
4
|
function Step(props) {
|
|
5
5
|
const { stepKey, children } = props;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { i as StepperFooterLeftActionsStyled } from "../../../../slots/StepperSlot.js";
|
|
3
3
|
function StepperFooterLeftActions(props) {
|
|
4
4
|
const { children } = props;
|
|
5
5
|
return /* @__PURE__ */ jsx(StepperFooterLeftActionsStyled, { children });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React, { useState, useEffect, useMemo } from "react";
|
|
3
3
|
import { u as useIsLastVisibleValidStep } from "../../../../hooks/useIsLastVisibleValidStep/index.js";
|
|
4
|
-
import {
|
|
4
|
+
import { j as StepperFooterRightActionsStyled } from "../../../../slots/StepperSlot.js";
|
|
5
5
|
import { S as StepperSubmitButton } from "../../../StepperButtons/StepperSubmitButton/index.js";
|
|
6
6
|
import { S as StepperNextButton } from "../../../StepperButtons/StepperNextButton/index.js";
|
|
7
7
|
function StepperFooterRightActions(props) {
|
|
@@ -83,6 +83,13 @@ export interface StepperProps {
|
|
|
83
83
|
* Clase personalizada para el Stepper.
|
|
84
84
|
*/
|
|
85
85
|
className?: string;
|
|
86
|
+
/**
|
|
87
|
+
* Key del step en el que se desea iniciar el Stepper.
|
|
88
|
+
* Si se proporciona, valida los steps anteriores antes de navegar al step indicado.
|
|
89
|
+
* Si algún step anterior tiene errores, inicia en el primer step con errores.
|
|
90
|
+
* Lanza Error si la key no corresponde a ningún step.
|
|
91
|
+
*/
|
|
92
|
+
initialStepKey?: string;
|
|
86
93
|
}
|
|
87
94
|
/**
|
|
88
95
|
* Props del StepperContent
|
|
@@ -172,5 +179,20 @@ export interface StepperOwnerState extends Pick<StepperProps, 'visibleTitle'>, R
|
|
|
172
179
|
stepValidationStatus?: Record<number, boolean>;
|
|
173
180
|
isStepVisible?: boolean;
|
|
174
181
|
}
|
|
182
|
+
/**
|
|
183
|
+
* Representa un step junto con su posición original en el array de steps.
|
|
184
|
+
* Se usa para mantener la referencia al índice original después de filtrar steps ocultos.
|
|
185
|
+
*/
|
|
186
|
+
export interface StepWithIndex {
|
|
187
|
+
/**
|
|
188
|
+
* El objeto Step con toda su configuración (key, title, validationFields, etc.)
|
|
189
|
+
*/
|
|
190
|
+
step: Step;
|
|
191
|
+
/**
|
|
192
|
+
* El índice del step en el array original de steps.
|
|
193
|
+
* Es necesario para actualizar correctamente el stepValidationStatus del store.
|
|
194
|
+
*/
|
|
195
|
+
originalIndex: number;
|
|
196
|
+
}
|
|
175
197
|
export type StepperSlotsType = StepperSlots | ContentSlots | ContentAreaSlots | StepperFooterSlots;
|
|
176
198
|
export type StepperStyles = M4LOverridesStyleRules<StepperSlotsType, typeof STEPPER_PREFIX_NAME, Theme>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { g as TabsNavigatorRootStyled } from "./slots/TabsNavigatorSlots.js";
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { T as TabNavigatorClusterComponent } from "./subcomponents/TabNavigatorClusterComponent/TabNavigatorClusterComponent.js";
|
|
5
5
|
import { u as useTabsNavigator } from "./hooks/useTabsNavigator/useTabsNavigator.js";
|
|
6
6
|
import { T as TabNavigatorComponent } from "./subcomponents/TabNavigatorComponent/TabNavigatorComponent.js";
|
|
7
7
|
import clsx from "clsx";
|
|
8
|
-
import {
|
|
8
|
+
import { b as TABS_NAVIGATOR_CLASSES } from "./constants.js";
|
|
9
9
|
import { u as useStateRef } from "../../hooks/useStateRef/index.js";
|
|
10
10
|
import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
|
|
11
11
|
const TabsNavigator = (props) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { k as keyframes } from "../../not_recognized/index.js";
|
|
2
|
-
import {
|
|
2
|
+
import { T as TAB_MAX_HEIGHT, a as TAB_MAX_WIDTH, b as TABS_NAVIGATOR_CLASSES, W as WIDTH_SCROLL_BAR } from "./constants.js";
|
|
3
3
|
import { g as getSizeStyles } from "../../utils/getSizeStyles/getSizeStyles.js";
|
|
4
4
|
const scrollText = keyframes`
|
|
5
5
|
0%, 10% {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
|
|
2
2
|
import { T as TabsNavigatorComplementaryClasses, a as TabsNavigatorSlots } from "./slots/TabsNavigatorEnum.js";
|
|
3
3
|
const TABS_NAVIGATOR_KEY_COMPONENT = "M4LTabsNavigator";
|
|
4
4
|
const TAB_MAX_WIDTH = 60;
|
|
@@ -10,9 +10,9 @@ const TABS_NAVIGATOR_COMBINED_CLASSES = {
|
|
|
10
10
|
};
|
|
11
11
|
const TABS_NAVIGATOR_CLASSES = getComponentClasses(TABS_NAVIGATOR_KEY_COMPONENT, TABS_NAVIGATOR_COMBINED_CLASSES);
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
TAB_MAX_HEIGHT as T,
|
|
14
14
|
WIDTH_SCROLL_BAR as W,
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
TAB_MAX_WIDTH as a,
|
|
16
|
+
TABS_NAVIGATOR_CLASSES as b,
|
|
17
17
|
TABS_NAVIGATOR_KEY_COMPONENT as c
|
|
18
18
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as TAB_MAX_WIDTH, T as TAB_MAX_HEIGHT } from "../../constants.js";
|
|
2
2
|
import { g as getClusterTabs } from "../getClusterTabs/getClusterTabs.js";
|
|
3
3
|
const getFinalTabs = (tabs, sizeState, getLabel, variant) => {
|
|
4
4
|
const tabsLength = tabs.length;
|
|
@@ -16,13 +16,13 @@ export declare const TabNavigatorIconContainerStyled: import('@emotion/styled').
|
|
|
16
16
|
export declare const TypographyTextMarqueeContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
17
17
|
ownerState?: (Partial<import('../types').TabsNavigatorOwnerState> & Record<string, unknown>) | undefined;
|
|
18
18
|
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
19
|
-
export declare const TypographyTextMarqueeStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "variant" | "color" | "dataTestid" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "
|
|
19
|
+
export declare const TypographyTextMarqueeStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "variant" | "color" | "dataTestid" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
20
20
|
ownerState?: (Partial<import('../types').TabsNavigatorOwnerState> & Record<string, unknown>) | undefined;
|
|
21
21
|
}, {}, {}>;
|
|
22
22
|
export declare const TabNavigatorIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, "src" | "icon" | keyof import('../../Icon').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
23
23
|
ownerState?: (Partial<import('../types').TabsNavigatorOwnerState> & Record<string, unknown>) | undefined;
|
|
24
24
|
}, {}, {}>;
|
|
25
|
-
export declare const TabNavigatorLabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "variant" | "color" | "dataTestid" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "
|
|
25
|
+
export declare const TabNavigatorLabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "variant" | "color" | "dataTestid" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
26
26
|
ownerState?: (Partial<import('../types').TabsNavigatorOwnerState> & Record<string, unknown>) | undefined;
|
|
27
27
|
}, {}, {}>;
|
|
28
28
|
export declare const PopoverStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Popover/types').PopoverProps, keyof import('../../mui_extended/Popover/types').PopoverProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
|
|
@@ -49,12 +49,12 @@ const PopoverStyled = styled(Popover, {
|
|
|
49
49
|
export {
|
|
50
50
|
ContentPopoverStyled as C,
|
|
51
51
|
PopoverStyled as P,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
52
|
+
TypographyTextMarqueeContainerStyled as T,
|
|
53
|
+
TypographyTextMarqueeStyled as a,
|
|
54
|
+
TabNavigatorContainerStyled as b,
|
|
55
|
+
TabNavigatorPositionedContainerStyled as c,
|
|
56
|
+
TabNavigatorIconContainerStyled as d,
|
|
57
|
+
TabNavigatorIconStyled as e,
|
|
58
|
+
TabNavigatorLabelStyled as f,
|
|
59
|
+
TabsNavigatorRootStyled as g
|
|
60
60
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
3
|
+
import { b as TabNavigatorContainerStyled, c as TabNavigatorPositionedContainerStyled, d as TabNavigatorIconContainerStyled, e as TabNavigatorIconStyled, P as PopoverStyled, C as ContentPopoverStyled } from "../../slots/TabsNavigatorSlots.js";
|
|
4
4
|
import { useState, useRef, useMemo } from "react";
|
|
5
5
|
import { T as TabNavigatorComponent } from "../TabNavigatorComponent/TabNavigatorComponent.js";
|
|
6
6
|
import { useEnvironment } from "@m4l/core";
|
|
7
|
-
import {
|
|
7
|
+
import { b as TABS_NAVIGATOR_CLASSES } from "../../constants.js";
|
|
8
8
|
import { useTheme } from "@mui/material/styles";
|
|
9
9
|
import { T as TextMarquee } from "../TextMarquee/TextMarquee.js";
|
|
10
10
|
import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
|
package/components/TabsNavigator/subcomponents/TabNavigatorComponent/TabNavigatorComponent.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import clsx from "clsx";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { b as TabNavigatorContainerStyled, c as TabNavigatorPositionedContainerStyled, d as TabNavigatorIconContainerStyled, e as TabNavigatorIconStyled, f as TabNavigatorLabelStyled } from "../../slots/TabsNavigatorSlots.js";
|
|
4
|
+
import { b as TABS_NAVIGATOR_CLASSES } from "../../constants.js";
|
|
5
5
|
import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
|
|
6
6
|
import { T as TextMarquee } from "../TextMarquee/TextMarquee.js";
|
|
7
7
|
const TabNavigatorComponent = (data) => {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useRef, useMemo, useCallback, useEffect } from "react";
|
|
3
3
|
import throttle from "lodash-es/throttle";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { T as TypographyTextMarqueeContainerStyled, a as TypographyTextMarqueeStyled } from "../../slots/TabsNavigatorSlots.js";
|
|
5
|
+
import { b as TABS_NAVIGATOR_CLASSES } from "../../constants.js";
|
|
6
6
|
import clsx from "clsx";
|
|
7
7
|
const TextMarquee = (props) => {
|
|
8
8
|
const { children, speed = 3, ...other } = props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ToastContainer as ToastContainer$1 } from "react-toastify";
|
|
3
|
-
import { D as DEFAULT_CLOSE_TIME,
|
|
4
|
-
import {
|
|
3
|
+
import { D as DEFAULT_CLOSE_TIME, a as TOAST_KEY_COMPONENT } from "./constants.js";
|
|
4
|
+
import { a as getPropDataTestId } from "../../test/getNameDataTestId.js";
|
|
5
5
|
import { ModuleSkeletonProvider } from "@m4l/core";
|
|
6
6
|
import { R as RootStyled } from "./slots/toastContainerSlots.js";
|
|
7
7
|
import { T as ToastContainerSlots } from "./slots/ToastContainerEnum.js";
|