@sberbusiness/triplex-next 1.44.0 → 1.46.0
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/chunks/{AlertProcessSpoiler-BKFq5HKa.js → AlertProcessSpoiler-N4xDl9wn.js} +17 -17
- package/chunks/{AlertProcessSpoiler-BKFq5HKa.js.map → AlertProcessSpoiler-N4xDl9wn.js.map} +1 -1
- package/chunks/{CalendarViewItem-IqO8CpCn.js → CalendarViewItem-DPwldi4s.js} +21 -21
- package/chunks/{CalendarViewItem-IqO8CpCn.js.map → CalendarViewItem-DPwldi4s.js.map} +1 -1
- package/chunks/Card.module-DRLlpl4W.js +32 -0
- package/chunks/Card.module-DRLlpl4W.js.map +1 -0
- package/chunks/Carousel.module-DdMfAe9T.js +34 -0
- package/chunks/Carousel.module-DdMfAe9T.js.map +1 -0
- package/chunks/CheckboxTreeExtended.module-BCujNMOr.js +24 -0
- package/chunks/CheckboxTreeExtended.module-BCujNMOr.js.map +1 -0
- package/chunks/{Chip-BpCsNJTt.js → Chip-Bi7plvOY.js} +17 -17
- package/chunks/{Chip-BpCsNJTt.js.map → Chip-Bi7plvOY.js.map} +1 -1
- package/chunks/Confirm.module-D5ujpaan.js +24 -0
- package/chunks/Confirm.module-D5ujpaan.js.map +1 -0
- package/chunks/{DropdownListItem-DOjFvzKN.js → DropdownListItem-BaP5AaMK.js} +11 -11
- package/chunks/{DropdownListItem-DOjFvzKN.js.map → DropdownListItem-BaP5AaMK.js.map} +1 -1
- package/chunks/DropdownMobile.module-B-PviyH6.js +40 -0
- package/chunks/DropdownMobile.module-B-PviyH6.js.map +1 -0
- package/chunks/Footer.module-ib3e66nH.js +12 -0
- package/chunks/Footer.module-ib3e66nH.js.map +1 -0
- package/chunks/{HeaderLayoutSidebar.module-IW43j7gL.js → HeaderLayoutSidebar.module-CgtR6oF4.js} +4 -4
- package/chunks/HeaderLayoutSidebar.module-CgtR6oF4.js.map +1 -0
- package/chunks/HeaderTabs.module-CYsRVlb9.js +12 -0
- package/chunks/HeaderTabs.module-CYsRVlb9.js.map +1 -0
- package/chunks/{HeaderTitle.module-G4qS0aG1.js → HeaderTitle.module-CABfTvCf.js} +4 -4
- package/chunks/HeaderTitle.module-CABfTvCf.js.map +1 -0
- package/chunks/ImageGalleryExtendedMain.module-CZ9ZU6qi.js +28 -0
- package/chunks/ImageGalleryExtendedMain.module-CZ9ZU6qi.js.map +1 -0
- package/chunks/{ImageGalleryExtendedThumb-ZBgC8mAZ.js → ImageGalleryExtendedThumb-BFa7GPtt.js} +6 -6
- package/chunks/{ImageGalleryExtendedThumb-ZBgC8mAZ.js.map → ImageGalleryExtendedThumb-BFa7GPtt.js.map} +1 -1
- package/chunks/IslandAccordion.module-U3t-4vJq.js +44 -0
- package/chunks/IslandAccordion.module-U3t-4vJq.js.map +1 -0
- package/chunks/IslandWidgetFooter.module--k_POM4A.js +18 -0
- package/chunks/IslandWidgetFooter.module--k_POM4A.js.map +1 -0
- package/chunks/IslandWidgetHeader.module-D6j13jwR.js +28 -0
- package/chunks/IslandWidgetHeader.module-D6j13jwR.js.map +1 -0
- package/chunks/{LightBoxContent-DmLo1lK3.js → LightBoxContent-v_PFgeok.js} +17 -17
- package/chunks/{LightBoxContent-DmLo1lK3.js.map → LightBoxContent-v_PFgeok.js.map} +1 -1
- package/chunks/LightBoxControls.module-DR8ULE0a.js +26 -0
- package/chunks/LightBoxControls.module-DR8ULE0a.js.map +1 -0
- package/chunks/{LightBoxSideOverlayClose.module-Dznuf6b3.js → LightBoxSideOverlayClose.module-0Tjk9-qL.js} +4 -4
- package/chunks/LightBoxSideOverlayClose.module-0Tjk9-qL.js.map +1 -0
- package/chunks/{ListItemControlsButton-BFkW7b6S.js → ListItemControlsButton-DoNJ-Yfe.js} +10 -10
- package/chunks/{ListItemControlsButton-BFkW7b6S.js.map → ListItemControlsButton-DoNJ-Yfe.js.map} +1 -1
- package/chunks/ListItemTail.module-Bq08aKyf.js +18 -0
- package/chunks/ListItemTail.module-Bq08aKyf.js.map +1 -0
- package/chunks/ListMasterFooter.module-9x6ntzLF.js +14 -0
- package/chunks/ListMasterFooter.module-9x6ntzLF.js.map +1 -0
- package/chunks/ModalWindow.module-DVlh8Hck.js +28 -0
- package/chunks/ModalWindow.module-DVlh8Hck.js.map +1 -0
- package/chunks/Notification.module-CAO_e6_u.js +34 -0
- package/chunks/Notification.module-CAO_e6_u.js.map +1 -0
- package/chunks/Overlay.module-BobfrUap.js +30 -0
- package/chunks/Overlay.module-BobfrUap.js.map +1 -0
- package/chunks/Page.module-D5IIaIaU.js +15 -0
- package/chunks/Page.module-D5IIaIaU.js.map +1 -0
- package/chunks/SMSField.module-7wYs4QAZ.js +30 -0
- package/chunks/SMSField.module-7wYs4QAZ.js.map +1 -0
- package/chunks/SliderExtendedMarks.module-m4ckCTSy.js +24 -0
- package/chunks/SliderExtendedMarks.module-m4ckCTSy.js.map +1 -0
- package/chunks/{SliderExtendedRail-CBpr9S0R.js → SliderExtendedRail-BI8zsX61.js} +6 -6
- package/chunks/{SliderExtendedRail-CBpr9S0R.js.map → SliderExtendedRail-BI8zsX61.js.map} +1 -1
- package/chunks/StatusTracker.module-Duk0PPcv.js +44 -0
- package/chunks/StatusTracker.module-Duk0PPcv.js.map +1 -0
- package/chunks/{StepperStepArrowBorder-0FWauWM_.js → StepperStepArrowBorder-Q22ED8Yo.js} +16 -16
- package/chunks/{StepperStepArrowBorder-0FWauWM_.js.map → StepperStepArrowBorder-Q22ED8Yo.js.map} +1 -1
- package/chunks/{SuggestFieldMobileDropdownHint-BfrLhHXK.js → SuggestFieldMobileDropdownHint-3ySBEFFO.js} +3 -3
- package/chunks/{SuggestFieldMobileDropdownHint-BfrLhHXK.js.map → SuggestFieldMobileDropdownHint-3ySBEFFO.js.map} +1 -1
- package/chunks/TableFooter.module-oZBepBwa.js +22 -0
- package/chunks/TableFooter.module-oZBepBwa.js.map +1 -0
- package/chunks/TabsExtended.module-D5QonHS5.js +26 -0
- package/chunks/TabsExtended.module-D5QonHS5.js.map +1 -0
- package/chunks/TabsLine.module-RwtPmU40.js +36 -0
- package/chunks/TabsLine.module-RwtPmU40.js.map +1 -0
- package/chunks/TooltipDesktop.module-hAZYb_oS.js +32 -0
- package/chunks/TooltipDesktop.module-hAZYb_oS.js.map +1 -0
- package/chunks/TreeView.module-DZyeCF-w.js +12 -0
- package/chunks/TreeView.module-DZyeCF-w.js.map +1 -0
- package/chunks/{UploadZoneInput-CBw00-1a.js → UploadZoneInput-BqBNrWzw.js} +6 -6
- package/chunks/{UploadZoneInput-CBw00-1a.js.map → UploadZoneInput-BqBNrWzw.js.map} +1 -1
- package/chunks/{constants-zAYZ7mgb.js → constants-C-865Unx.js} +27 -27
- package/chunks/{constants-zAYZ7mgb.js.map → constants-C-865Unx.js.map} +1 -1
- package/chunks/{utils-BL5AUOKS.js → utils-BS0p239Z.js} +27 -27
- package/chunks/{utils-BL5AUOKS.js.map → utils-BS0p239Z.js.map} +1 -1
- package/chunks/{utils-W5dHMPw5.js → utils-CRayPY0c.js} +9 -9
- package/chunks/utils-CRayPY0c.js.map +1 -0
- package/chunks/{utils-CTCsYynd.js → utils-CUP-yZoP.js} +11 -11
- package/chunks/{utils-CTCsYynd.js.map → utils-CUP-yZoP.js.map} +1 -1
- package/chunks/{utils-C8wwfWT9.js → utils-D-axOAbx.js} +10 -10
- package/chunks/{utils-C8wwfWT9.js.map → utils-D-axOAbx.js.map} +1 -1
- package/chunks/{vendor-D4wvHis9.js → vendor-DqjKLGwf.js} +3 -3
- package/chunks/{vendor-D4wvHis9.js.map → vendor-DqjKLGwf.js.map} +1 -1
- package/components/AbstractTree/AbstractTreeNode.js +1 -1
- package/components/AccordionBase/protected/AccordionBase.js +1 -1
- package/components/Alert/AlertContext/AlertContext.js +8 -8
- package/components/Alert/AlertProcess/AlertProcess.js +3 -3
- package/components/Alert/AlertProcess/components/AlertProcessSpoiler.js +2 -2
- package/components/Amount/Amount.js +3 -3
- package/components/AmountField/AmountField.js +89 -48
- package/components/AmountField/AmountField.js.map +1 -1
- package/components/Avatar/Avatar.js +14 -14
- package/components/Badge/Badge.js +5 -5
- package/components/Badge/BadgeDot.js +5 -5
- package/components/Badge/components/BadgeContent.js +7 -7
- package/components/Badge/components/BadgePostfix.js +2 -2
- package/components/Badge/components/BadgePrefix.js +2 -2
- package/components/Body/Body.js +4 -4
- package/components/Button/Button.js +21 -21
- package/components/Button/ButtonBase.js +1 -1
- package/components/Button/ButtonDropdown.js +9 -9
- package/components/Button/ButtonDropdownExtended.js +73 -57
- package/components/Button/ButtonDropdownExtended.js.map +1 -1
- package/components/Button/ButtonIcon.js +4 -4
- package/components/Calendar/Calendar.js +5 -5
- package/components/Calendar/components/CalendarControls.js +1 -1
- package/components/Calendar/components/CalendarFooter.js +2 -2
- package/components/Calendar/components/CalendarViewDays.js +2 -2
- package/components/Calendar/components/CalendarViewItem.js +2 -2
- package/components/Calendar/components/CalendarViewMonths.js +1 -1
- package/components/Calendar/components/CalendarViewYears.js +1 -1
- package/components/Card/CardAction.js +24 -10
- package/components/Card/CardAction.js.map +1 -1
- package/components/Card/CardStatic.js +3 -3
- package/components/Card/components/CardContent/CardContent.js +2 -2
- package/components/Card/components/CardContent/CardContent.js.map +1 -1
- package/components/Card/components/CardContent/components/CardContentBody.js +2 -2
- package/components/Card/components/CardContent/components/CardContentFooter.js +2 -2
- package/components/Card/components/CardContent/components/CardContentHeader.js +2 -2
- package/components/Card/components/CardMedia.js +2 -2
- package/components/Card/utils.js +1 -1
- package/components/Carousel/Carousel.js +2 -2
- package/components/Carousel/Carousel.js.map +1 -1
- package/components/Carousel/CarouselButton.js +2 -2
- package/components/Carousel/CarouselIndicators.js +2 -2
- package/components/Carousel/CarouselItem.js +2 -2
- package/components/Carousel/CarouselTrack.js +2 -2
- package/components/Carousel/CarouselViewport.js +2 -2
- package/components/CarouselExtended/CarouselExtended.js +2 -2
- package/components/Checkbox/Checkbox.js +11 -11
- package/components/Checkbox/CheckboxXGroup.js +9 -9
- package/components/Checkbox/CheckboxYGroup.js +2 -2
- package/components/CheckboxTreeExtended/CheckboxTreeExtended.js +2 -2
- package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedArrow.js +1 -1
- package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedCheckbox.js +2 -2
- package/components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js +2 -2
- package/components/Chip/Chip.js +2 -2
- package/components/Chip/ChipClearButton.js +2 -2
- package/components/Chip/ChipDatePicker/ChipDatePicker.js +1 -1
- package/components/Chip/ChipDatePicker/ChipDatePickerTarget.js +1 -1
- package/components/Chip/ChipDropdownArrow.js +3 -3
- package/components/Chip/ChipIcon.js +1 -1
- package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js +70 -0
- package/components/Chip/ChipMonthYearPicker/ChipMonthYearPicker.js.map +1 -0
- package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js +72 -0
- package/components/Chip/ChipMonthYearPicker/ChipMonthYearPickerTarget.js.map +1 -0
- package/components/Chip/ChipMonthYearPicker/index.js +7 -0
- package/components/Chip/ChipMonthYearPicker/index.js.map +1 -0
- package/components/Chip/ChipMultiselect.js +15 -12
- package/components/Chip/ChipMultiselect.js.map +1 -1
- package/components/Chip/ChipOptions.js +29 -7
- package/components/Chip/ChipOptions.js.map +1 -1
- package/components/Chip/ChipSelect/ChipSelect.js +2 -2
- package/components/Chip/ChipSelect/ChipSelectTarget.js +1 -1
- package/components/Chip/ChipSort.js +13 -6
- package/components/Chip/ChipSort.js.map +1 -1
- package/components/Chip/ChipSuggest/ChipSuggest.js +24 -12
- package/components/Chip/ChipSuggest/ChipSuggest.js.map +1 -1
- package/components/Chip/ChipSuggest/ChipSuggestDropdown.js +12 -12
- package/components/Chip/ChipSuggest/ChipSuggestDropdown.js.map +1 -1
- package/components/Chip/ChipSuggest/ChipSuggestTarget.js +3 -9
- package/components/Chip/ChipSuggest/ChipSuggestTarget.js.map +1 -1
- package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js +4 -3
- package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js.map +1 -1
- package/components/Chip/ChipSuggest/utils.js +11 -0
- package/components/Chip/ChipSuggest/utils.js.map +1 -0
- package/components/Chip/index.js +5 -1
- package/components/Chip/index.js.map +1 -1
- package/components/ChipGroup/ChipGroup.js +8 -8
- package/components/Col/Col.js +133 -133
- package/components/CollapsibleTree/CollapsibleTree.js +2 -2
- package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js +2 -2
- package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js +2 -2
- package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js +5 -5
- package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js +2 -2
- package/components/Confirm/Confirm.js +2 -2
- package/components/Confirm/components/ConfirmCloseButton.js +2 -2
- package/components/Confirm/components/ConfirmContent.js +2 -2
- package/components/Confirm/components/ConfirmContentTitle.js +2 -2
- package/components/Confirm/components/ConfirmControls.js +2 -2
- package/components/DateField/DateField.js +43 -43
- package/components/DateField/DateField.js.map +1 -1
- package/components/DateField/DateFieldContext.js.map +1 -1
- package/components/DateField/DateFieldTarget.js +7 -7
- package/components/DateField/DateFieldTarget.js.map +1 -1
- package/components/DatePickerExtended/DatePickerExtended.js +2 -2
- package/components/DatePickerExtended/DatePickerExtended.js.map +1 -1
- package/components/DatePickerExtended/DatePickerExtendedDropdown.js +2 -2
- package/components/DateRange/DateRange.js +4 -4
- package/components/DesignTokens/DesignTokenUtils.js +2 -2
- package/components/DesignTokens/components/ImageGallery.js +0 -6
- package/components/DesignTokens/components/ImageGallery.js.map +1 -1
- package/components/Divider/Divider.js +18 -18
- package/components/DocumentNumberEdit/DocumentNumberEdit.js +4 -4
- package/components/Dropdown/desktop/DropdownDesktop.js +7 -7
- package/components/Dropdown/desktop/DropdownList.js +2 -2
- package/components/Dropdown/desktop/DropdownListItem.js +2 -2
- package/components/Dropdown/desktop/index.js +1 -1
- package/components/Dropdown/index.js +1 -1
- package/components/Dropdown/mobile/DropdownMobile.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileBody.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileClose.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileFooter.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileHeader.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileInner.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileInput.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileList.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileListItem.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileLoader.js +2 -2
- package/components/Dropdown/mobile/DropdownMobileMaskedInput.js +2 -2
- package/components/Ellipsis/Ellipsis.js +4 -4
- package/components/EmptyView/EmptyView.js +7 -11
- package/components/EmptyView/EmptyView.js.map +1 -1
- package/components/ExpandAnimation/ExpandAnimation.js +2 -2
- package/components/FocusTrapExtended/FocusTrapExtended.js +1 -1
- package/components/Footer/Footer.js +1 -1
- package/components/Footer/components/FooterDescription.js +2 -2
- package/components/Footer/components/FooterDescriptionContent.js +2 -2
- package/components/Footer/components/FooterDescriptionControls.js +2 -2
- package/components/FormField/FormField.js +12 -12
- package/components/FormField/components/FormFieldClear.js +2 -2
- package/components/FormField/components/FormFieldCounter.js +2 -2
- package/components/FormField/components/FormFieldDescription.js +3 -3
- package/components/FormField/components/FormFieldInput.js +7 -7
- package/components/FormField/components/FormFieldInput.js.map +1 -1
- package/components/FormField/components/FormFieldLabel.js +8 -8
- package/components/FormField/components/FormFieldMaskedInput.js +49 -50
- package/components/FormField/components/FormFieldMaskedInput.js.map +1 -1
- package/components/FormField/components/FormFieldPostfix.js +2 -2
- package/components/FormField/components/FormFieldPrefix.js +2 -2
- package/components/FormField/components/FormFieldTarget.js +9 -9
- package/components/FormField/components/FormFieldTextarea.js +5 -5
- package/components/FormGroup/FormGroup.js +1 -1
- package/components/FormGroup/FormGroup.js.map +1 -1
- package/components/Gap/Gap.js +9 -9
- package/components/Header/Header.js +1 -1
- package/components/Header/Header.js.map +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js +2 -2
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebar.js.map +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js +2 -2
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarContent.js.map +1 -1
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js +2 -2
- package/components/Header/components/HeaderLayoutSidebar/HeaderLayoutSidebarSidebar.js.map +1 -1
- package/components/Header/components/HeaderSubheader/HeaderSubheader.js +4 -4
- package/components/Header/components/HeaderSubheader/HeaderSubheader.js.map +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabs.js +2 -2
- package/components/Header/components/HeaderTabs/HeaderTabs.js.map +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabsContent.js +3 -5
- package/components/Header/components/HeaderTabs/HeaderTabsContent.js.map +1 -1
- package/components/Header/components/HeaderTabs/HeaderTabsControls.js +2 -2
- package/components/Header/components/HeaderTabs/HeaderTabsControls.js.map +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitle.js +2 -2
- package/components/Header/components/HeaderTitle/HeaderTitle.js.map +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitleContent.js +11 -13
- package/components/Header/components/HeaderTitle/HeaderTitleContent.js.map +1 -1
- package/components/Header/components/HeaderTitle/HeaderTitleControls.js +2 -2
- package/components/Header/components/HeaderTitle/HeaderTitleControls.js.map +1 -1
- package/components/HelpBox/HelpBox.js +53 -45
- package/components/HelpBox/HelpBox.js.map +1 -1
- package/components/IconWrapper/IconWrapper.js +3 -3
- package/components/ImageGallery/ImageGallery.js +1 -1
- package/components/ImageGalleryExtended/ImageGalleryExtended.js +3 -3
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js +2 -2
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js +4 -4
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js +2 -2
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedSlide.js +2 -2
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedSwipeTrack.js +2 -2
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumb.js +2 -2
- package/components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js +2 -2
- package/components/ImageGalleryExtended/components/index.js +1 -1
- package/components/ImageGalleryExtended/index.js +1 -1
- package/components/Island/Island.js +2 -2
- package/components/Island/components/IslandBody.js +2 -2
- package/components/Island/components/IslandFooter.js +2 -2
- package/components/Island/components/IslandHeader.js +2 -2
- package/components/Island/utils.js +1 -1
- package/components/IslandAccordion/IslandAccordion.js +3 -3
- package/components/IslandAccordion/IslandAccordion.js.map +1 -1
- package/components/IslandAccordion/IslandAccordionContext.js.map +1 -1
- package/components/IslandAccordion/components/IslandAccordionContent.js +1 -1
- package/components/IslandAccordion/components/IslandAccordionContent.js.map +1 -1
- package/components/IslandAccordion/components/IslandAccordionFooter.js +2 -2
- package/components/IslandAccordion/components/IslandAccordionFooter.js.map +1 -1
- package/components/IslandAccordion/components/IslandAccordionItem.js +17 -20
- package/components/IslandAccordion/components/IslandAccordionItem.js.map +1 -1
- package/components/IslandWidget/IslandWidget.js +18 -15
- package/components/IslandWidget/IslandWidget.js.map +1 -1
- package/components/IslandWidget/IslandWidgetContext.js.map +1 -1
- package/components/IslandWidget/IslandWidgetLayoutContext.js +3 -1
- package/components/IslandWidget/IslandWidgetLayoutContext.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetBody.js +5 -5
- package/components/IslandWidget/components/IslandWidgetBody.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetExtraFooter.js +10 -6
- package/components/IslandWidget/components/IslandWidgetExtraFooter.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetFooter.js +2 -2
- package/components/IslandWidget/components/IslandWidgetFooter.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetFooterContent.js +4 -2
- package/components/IslandWidget/components/IslandWidgetFooterContent.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetFooterControls.js +4 -2
- package/components/IslandWidget/components/IslandWidgetFooterControls.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetHeader.js +12 -7
- package/components/IslandWidget/components/IslandWidgetHeader.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetHeaderContent.js +2 -3
- package/components/IslandWidget/components/IslandWidgetHeaderContent.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetHeaderControls.js +2 -2
- package/components/IslandWidget/components/IslandWidgetHeaderControls.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetHeaderDescription.js +26 -14
- package/components/IslandWidget/components/IslandWidgetHeaderDescription.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetHeaderTitle.js +2 -2
- package/components/IslandWidget/components/IslandWidgetHeaderTitle.js.map +1 -1
- package/components/IslandWidget/components/IslandWidgetWrapper.js +15 -5
- package/components/IslandWidget/components/IslandWidgetWrapper.js.map +1 -1
- package/components/LightBox/LightBox.js +6 -6
- package/components/LightBox/LightBoxContent.js +2 -2
- package/components/LightBox/LightBoxControls/LightBoxArrow.js +2 -2
- package/components/LightBox/LightBoxControls/LightBoxClose.js +2 -2
- package/components/LightBox/LightBoxControls/LightBoxControls.js +2 -2
- package/components/LightBox/LightBoxControls/LightBoxNext.js +2 -2
- package/components/LightBox/LightBoxControls/LightBoxPrev.js +2 -2
- package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlay.js +13 -13
- package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseDesktop.js +2 -2
- package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayCloseMobile.js +2 -2
- package/components/LightBox/LightBoxSideOverlay/LightBoxSideOverlayLoader.js +1 -1
- package/components/LightBox/LightBoxSidebars/LightBoxLeftSidebar.js +4 -4
- package/components/LightBox/LightBoxSidebars/LightBoxRightSidebar.js +4 -4
- package/components/LightBox/LightBoxViewManager/LightBoxViewManager.js +1 -1
- package/components/Link/Link.js +39 -41
- package/components/Link/Link.js.map +1 -1
- package/components/List/List.js +4 -4
- package/components/List/ListSortable.js +1 -1
- package/components/List/components/ListActionItem.js +2 -2
- package/components/List/components/ListEmptyState.js +2 -2
- package/components/List/components/ListItem.js +1 -1
- package/components/List/components/ListItemContent.js +5 -5
- package/components/List/components/ListItemControls.js +2 -2
- package/components/List/components/ListItemControlsButton.js +2 -2
- package/components/List/components/ListItemControlsButtonDropdown.js +2 -2
- package/components/List/components/ListItemLoading.js +2 -2
- package/components/List/components/ListItemSelectable.js +7 -7
- package/components/List/components/ListItemTailLeft.js +2 -2
- package/components/List/components/ListItemTailRight.js +2 -2
- package/components/List/components/ListSortableItem.js +3 -3
- package/components/List/components/ListSortableItemControls.js +2 -2
- package/components/List/components/ListSortableItemTarget.js +5 -5
- package/components/List/components/ListTableItem.js +4 -4
- package/components/List/index.js +1 -1
- package/components/ListMaster/ListMaster.js +1 -1
- package/components/ListMaster/components/ListMasterBody.js +1 -1
- package/components/ListMaster/components/ListMasterChipGroup.js +2 -2
- package/components/ListMaster/components/ListMasterFooter.js +2 -2
- package/components/ListMaster/components/ListMasterFooterControls.js +2 -2
- package/components/ListMaster/components/ListMasterFooterDescription.js +2 -2
- package/components/ListMaster/components/ListMasterHeader.js +3 -3
- package/components/ListMaster/components/SelectionControls.js +3 -3
- package/components/Loader/LoaderMiddle/LoaderMiddle.js +9 -9
- package/components/Loader/LoaderSmall/LoaderSmall.js +11 -11
- package/components/LoaderScreen/LoaderScreen.js +6 -6
- package/components/Marker/Marker.js +4 -3
- package/components/Marker/Marker.js.map +1 -1
- package/components/Marker/enums.js.map +1 -1
- package/components/Marker/utils.js +2 -2
- package/components/MarkerStatus/MarkerStatus.js +20 -14
- package/components/MarkerStatus/MarkerStatus.js.map +1 -1
- package/components/{TextField → MaskedField}/MaskedField.js +1 -1
- package/components/MaskedField/MaskedField.js.map +1 -0
- package/components/MaskedField/index.js +5 -0
- package/components/MaskedField/index.js.map +1 -0
- package/components/ModalWindow/ModalWindow.js +2 -2
- package/components/ModalWindow/components/ModalWindowBody.js +2 -2
- package/components/ModalWindow/components/ModalWindowClose.js +1 -1
- package/components/ModalWindow/components/ModalWindowContent.js +2 -2
- package/components/ModalWindow/components/ModalWindowHeader.js +2 -2
- package/components/ModalWindow/components/ModalWindowViewManager.js +2 -2
- package/components/MonthYearField/MonthYearFieldTarget.js +5 -6
- package/components/MonthYearField/MonthYearFieldTarget.js.map +1 -1
- package/components/MonthYearRange/MonthYearRange.js +4 -4
- package/components/MultiselectField/MultiselectField.js +10 -6
- package/components/MultiselectField/MultiselectField.js.map +1 -1
- package/components/MultiselectField/MultiselectFieldContext.js.map +1 -1
- package/components/MultiselectField/components/MultiselectFieldDropdown.js +6 -6
- package/components/MultiselectField/components/MultiselectFieldDropdown.js.map +1 -1
- package/components/MultiselectField/components/MultiselectFieldDropdownContent.js +6 -6
- package/components/MultiselectField/components/MultiselectFieldDropdownContent.js.map +1 -1
- package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js +2 -2
- package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js.map +1 -1
- package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js +2 -2
- package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js.map +1 -1
- package/components/Notification/Notification.js +3 -3
- package/components/Notification/NotificationGrouped.js +1 -1
- package/components/Notification/components/NotificationBody.js +1 -1
- package/components/Notification/components/NotificationBodyList.js +2 -2
- package/components/Notification/components/NotificationClose.js +1 -1
- package/components/Notification/components/NotificationFooter.js +1 -1
- package/components/Notification/components/NotificationGroupedFooter.js +2 -2
- package/components/Notification/components/NotificationHeader.js +1 -1
- package/components/Notification/components/NotificationIcon.js +1 -1
- package/components/Notification/components/NotificationTime.js +1 -1
- package/components/OrderedList/OrderedList.js +3 -3
- package/components/OrderedList/OrderedListItem.js +3 -3
- package/components/Overlay/Overlay.js +2 -2
- package/components/Overlay/OverlayMask.js +2 -2
- package/components/Overlay/OverlayPanel.js +2 -2
- package/components/Page/Page.js +2 -2
- package/components/Page/components/BodyPage.js +8 -8
- package/components/Page/components/FooterPage.js +2 -2
- package/components/Page/components/HeaderPage.js +2 -2
- package/components/Pagination/components/PaginationExtended.js +3 -3
- package/components/Pagination/components/PaginationNavigationButton.js +2 -2
- package/components/Pagination/components/PaginationNavigationExtended.js +2 -2
- package/components/Pagination/components/PaginationPageButton.js +3 -3
- package/components/Pagination/components/PaginationPageEllipsis.js +2 -2
- package/components/Pagination/components/PaginationSelect.js +18 -9
- package/components/Pagination/components/PaginationSelect.js.map +1 -1
- package/components/Pagination/utils.js +1 -1
- package/components/Radio/Radio.js +10 -10
- package/components/Radio/RadioXGroup.js +9 -9
- package/components/Radio/RadioYGroup.js +2 -2
- package/components/Row/Row.js +5 -5
- package/components/SMSField/SMSField.js +26 -6
- package/components/SMSField/SMSField.js.map +1 -1
- package/components/SMSField/SMSFieldContext.js +13 -2
- package/components/SMSField/SMSFieldContext.js.map +1 -1
- package/components/SMSField/components/RefreshIcon.js +2 -2
- package/components/SMSField/components/SMSFieldInput.js +39 -25
- package/components/SMSField/components/SMSFieldInput.js.map +1 -1
- package/components/SMSField/components/SMSFieldRefresh.js +21 -8
- package/components/SMSField/components/SMSFieldRefresh.js.map +1 -1
- package/components/SMSField/components/SMSFieldSubmit.js +17 -11
- package/components/SMSField/components/SMSFieldSubmit.js.map +1 -1
- package/components/SMSField/components/SMSFieldTooltip.js +1 -1
- package/components/SegmentedControl/SegmentedControl.js +10 -10
- package/components/SegmentedControl/SegmentedControlSegment.js +4 -4
- package/components/SelectExtendedField/SelectExtendedField.js +2 -2
- package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js +1 -1
- package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js +1 -1
- package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js +8 -8
- package/components/SelectField/SelectField.js +13 -20
- package/components/SelectField/SelectField.js.map +1 -1
- package/components/Skeleton/Skeleton.js +6 -6
- package/components/SliderExtended/SliderExtended.js +3 -3
- package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js +6 -6
- package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js +2 -2
- package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js +2 -2
- package/components/SliderExtended/components/SliderExtendedMoveHandler.js +1 -1
- package/components/SliderExtended/components/SliderExtendedRail.js +2 -2
- package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js +5 -5
- package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js +7 -7
- package/components/SmallInput/SmallInput.js +6 -3
- package/components/SmallInput/SmallInput.js.map +1 -1
- package/components/Spoiler/Spoiler.js +11 -11
- package/components/StatusTracker/StatusTracker.js +3 -3
- package/components/StatusTracker/components/StatusTrackerAlert.js +2 -2
- package/components/StatusTracker/components/StatusTrackerBody.js +2 -2
- package/components/StatusTracker/components/StatusTrackerButton.js +2 -2
- package/components/StatusTracker/components/StatusTrackerDescription.js +2 -2
- package/components/StatusTracker/components/StatusTrackerFooter.js +2 -2
- package/components/StatusTracker/components/StatusTrackerHeader.js +2 -2
- package/components/StatusTracker/components/StatusTrackerMedia.js +2 -2
- package/components/StatusTracker/components/StatusTrackerStatus.js +2 -2
- package/components/StatusTracker/components/StatusTrackerStatusGroup.js +2 -2
- package/components/StatusTracker/components/StatusTrackerSum.js +2 -2
- package/components/StatusTracker/components/StatusTrackerTitle.js +2 -2
- package/components/Step/Step.js +11 -11
- package/components/Stepper/Stepper.js +9 -9
- package/components/Stepper/StepperExtended.js +2 -2
- package/components/Stepper/StepperStep.js +3 -3
- package/components/Stepper/StepperStepArrowBorder.js +1 -1
- package/components/Suggest/Suggest.js +6 -4
- package/components/Suggest/Suggest.js.map +1 -1
- package/components/Suggest/SuggestContext.js.map +1 -1
- package/components/Suggest/SuggestMobileDropdownContent.js +6 -7
- package/components/Suggest/SuggestMobileDropdownContent.js.map +1 -1
- package/components/Suggest/useSuggest.js +5 -5
- package/components/Suggest/useSuggest.js.map +1 -1
- package/components/SuggestField/SuggestField.js +1 -1
- package/components/SuggestField/desktop/SuggestFieldDesktop.js +2 -3
- package/components/SuggestField/desktop/SuggestFieldDesktop.js.map +1 -1
- package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js +1 -1
- package/components/SuggestField/index.js +1 -1
- package/components/SuggestField/mobile/SuggestFieldMobile.js +1 -1
- package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js +2 -2
- package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js +1 -1
- package/components/SuggestField/mobile/index.js +1 -1
- package/components/SwipeableArea/SwipeableArea.js +74 -117
- package/components/SwipeableArea/SwipeableArea.js.map +1 -1
- package/components/SwipeableArea/utils.js +72 -0
- package/components/SwipeableArea/utils.js.map +1 -0
- package/components/Table/ChipPanel.js +9 -4
- package/components/Table/ChipPanel.js.map +1 -1
- package/components/Table/ChipPanelLinks.js +16 -12
- package/components/Table/ChipPanelLinks.js.map +1 -1
- package/components/Table/FilterPanel.js +14 -10
- package/components/Table/FilterPanel.js.map +1 -1
- package/components/Table/MasterTable.js +31 -32
- package/components/Table/MasterTable.js.map +1 -1
- package/components/Table/NoColumns.js +11 -8
- package/components/Table/NoColumns.js.map +1 -1
- package/components/Table/PaginationPanel.js +14 -10
- package/components/Table/PaginationPanel.js.map +1 -1
- package/components/Table/TableBasic/TableBasic.js +2 -2
- package/components/Table/TableBasic/components/TableBasicBody.js +2 -2
- package/components/Table/TableBasic/components/TableBasicHeader.js +2 -2
- package/components/Table/TableBasic/components/TableBasicRow.js +2 -2
- package/components/Table/TableBasicSettings/TableBasicSettings.js +52 -47
- package/components/Table/TableBasicSettings/TableBasicSettings.js.map +1 -1
- package/components/Table/TableBasicSettings/components/ColumnSettingsSortableListItemTarget.js +3 -3
- package/components/Table/TableBasicSettings/components/ColumnSettingsStaticListItem.js +2 -2
- package/components/Table/TableBasicSettings/components/TableBasicSettingsBody.js +2 -2
- package/components/Table/TableBasicSettings/components/TableBasicSettingsFooter.js +2 -2
- package/components/Table/TableBasicSettings/components/TableBasicSettingsHeader.js +2 -2
- package/components/Table/TableFooter/TableFooter.js +13 -8
- package/components/Table/TableFooter/TableFooter.js.map +1 -1
- package/components/Table/TableFooter/components/TableFooterSummary.js +1 -1
- package/components/Table/TableFooter/components/TableFooterSummaryAmount.js +1 -1
- package/components/Table/TableFooter/components/TableFooterSummarySelectAllButton.js +1 -1
- package/components/Table/TableFooter/components/TableFooterSummarySelectedCount.js +1 -1
- package/components/Table/utils.js +1 -1
- package/components/Tabs/Tabs.js +9 -9
- package/components/TabsExtended/TabsExtended.js +3 -3
- package/components/TabsExtended/components/TabsExtendedContent.js +2 -2
- package/components/TabsExtended/components/TabsExtendedDropdownWrapper.js +2 -2
- package/components/TabsExtended/components/TabsExtendedTab.js +2 -2
- package/components/TabsExtended/components/TabsExtendedTabButton.js +2 -2
- package/components/TabsExtended/components/TabsExtendedTabsWrapper.js +2 -2
- package/components/TabsExtended/utils.js +1 -1
- package/components/TabsLine/TabsLine.js +2 -2
- package/components/TabsLine/components/TabsLineDesktop.js +2 -2
- package/components/TabsLine/components/TabsLineDropdown.js +3 -3
- package/components/TabsLine/components/TabsLineItem.js +2 -2
- package/components/TabsLine/components/TabsLineMobile.js +2 -2
- package/components/Tag/Tag.js +6 -6
- package/components/TagColor/TagColor.js +11 -11
- package/components/TagGroup/TagGroup.js +5 -5
- package/components/TextField/TextField.js.map +1 -1
- package/components/TextField/index.js +0 -2
- package/components/TextField/index.js.map +1 -1
- package/components/ThemeProvider/ThemeProvider.js +1 -1
- package/components/ThemeProvider/components/ThemeProviderView.js +1 -1
- package/components/Tooltip/components/common/TooltipBody.js +2 -2
- package/components/Tooltip/components/common/TooltipLink.js +5 -5
- package/components/Tooltip/components/common/TooltipXButton.js +1 -1
- package/components/Tooltip/components/desktop/components/TooltipDesktopBase.js +2 -2
- package/components/Tooltip/components/desktop/components/TooltipDesktopTip.js +2 -2
- package/components/Tooltip/components/mobile/TooltipMobile.js +5 -5
- package/components/TopOverlay/TopOverlay.js +7 -7
- package/components/TreeView/TreeView.js +2 -2
- package/components/TreeView/components/TreeViewGroup.js +2 -2
- package/components/TreeView/components/TreeViewNode.js +2 -2
- package/components/Typography/Caption.js +8 -8
- package/components/Typography/CodeText.js +3 -3
- package/components/Typography/Text.js +10 -10
- package/components/Typography/Title.js +10 -10
- package/components/Typography/constants.js +1 -1
- package/components/UnorderedListExtended/UnorderedListExtended.js +3 -3
- package/components/UnorderedListExtended/UnorderedListExtendedItem.js +3 -3
- package/components/UnorderedListExtended/UnorderedListExtendedItemMarker.js +4 -4
- package/components/UploadZone/UploadZone.js +3 -3
- package/components/UploadZone/components/UploadZoneInput.js +2 -2
- package/components/UploadZone/index.js +1 -1
- package/components/WindowResizeListener/WindowResizeListener.js +1 -1
- package/components/index.js +11 -7
- package/components/index.js.map +1 -1
- package/index.d.ts +370 -111
- package/index.js +11 -7
- package/index.js.map +1 -1
- package/package.json +5 -1
- package/styles/triplex-next.css +3095 -3046
- package/utils/amountUtils.js +1 -1
- package/chunks/Card.module-DvHL4Oak.js +0 -32
- package/chunks/Card.module-DvHL4Oak.js.map +0 -1
- package/chunks/Carousel.module-B1uqtX8a.js +0 -34
- package/chunks/Carousel.module-B1uqtX8a.js.map +0 -1
- package/chunks/CheckboxTreeExtended.module-nKSCkiBt.js +0 -24
- package/chunks/CheckboxTreeExtended.module-nKSCkiBt.js.map +0 -1
- package/chunks/Confirm.module-BhW4bMM_.js +0 -24
- package/chunks/Confirm.module-BhW4bMM_.js.map +0 -1
- package/chunks/DropdownMobile.module-DZDL8Gw8.js +0 -40
- package/chunks/DropdownMobile.module-DZDL8Gw8.js.map +0 -1
- package/chunks/Footer.module-DUG9712L.js +0 -12
- package/chunks/Footer.module-DUG9712L.js.map +0 -1
- package/chunks/HeaderLayoutSidebar.module-IW43j7gL.js.map +0 -1
- package/chunks/HeaderTabs.module-DfEbH7Kd.js +0 -12
- package/chunks/HeaderTabs.module-DfEbH7Kd.js.map +0 -1
- package/chunks/HeaderTitle.module-G4qS0aG1.js.map +0 -1
- package/chunks/ImageGalleryExtendedMain.module-Bj1ndZgo.js +0 -28
- package/chunks/ImageGalleryExtendedMain.module-Bj1ndZgo.js.map +0 -1
- package/chunks/IslandAccordion.module-BFj1LZrN.js +0 -44
- package/chunks/IslandAccordion.module-BFj1LZrN.js.map +0 -1
- package/chunks/IslandWidgetFooter.module-DVKw7F37.js +0 -18
- package/chunks/IslandWidgetFooter.module-DVKw7F37.js.map +0 -1
- package/chunks/IslandWidgetHeader.module-DHAKalQf.js +0 -28
- package/chunks/IslandWidgetHeader.module-DHAKalQf.js.map +0 -1
- package/chunks/LightBoxControls.module-BfIgufzK.js +0 -26
- package/chunks/LightBoxControls.module-BfIgufzK.js.map +0 -1
- package/chunks/LightBoxSideOverlayClose.module-Dznuf6b3.js.map +0 -1
- package/chunks/ListItemTail.module-DjYk6epy.js +0 -18
- package/chunks/ListItemTail.module-DjYk6epy.js.map +0 -1
- package/chunks/ListMasterFooter.module-B5viguka.js +0 -14
- package/chunks/ListMasterFooter.module-B5viguka.js.map +0 -1
- package/chunks/ModalWindow.module-C0p5ZVLh.js +0 -28
- package/chunks/ModalWindow.module-C0p5ZVLh.js.map +0 -1
- package/chunks/Notification.module-DuwX9b1Z.js +0 -34
- package/chunks/Notification.module-DuwX9b1Z.js.map +0 -1
- package/chunks/Overlay.module-Cuh6SDnR.js +0 -30
- package/chunks/Overlay.module-Cuh6SDnR.js.map +0 -1
- package/chunks/Page.module-Bso9TRUt.js +0 -15
- package/chunks/Page.module-Bso9TRUt.js.map +0 -1
- package/chunks/SMSField.module-DHnJVbUI.js +0 -26
- package/chunks/SMSField.module-DHnJVbUI.js.map +0 -1
- package/chunks/SliderExtendedMarks.module-CuyZnXA3.js +0 -24
- package/chunks/SliderExtendedMarks.module-CuyZnXA3.js.map +0 -1
- package/chunks/StatusTracker.module-CXFyhzFa.js +0 -44
- package/chunks/StatusTracker.module-CXFyhzFa.js.map +0 -1
- package/chunks/TableFooter.module-DRlxkZoa.js +0 -22
- package/chunks/TableFooter.module-DRlxkZoa.js.map +0 -1
- package/chunks/TabsExtended.module-DJH-YNzW.js +0 -26
- package/chunks/TabsExtended.module-DJH-YNzW.js.map +0 -1
- package/chunks/TabsLine.module-_HQwnwAW.js +0 -36
- package/chunks/TabsLine.module-_HQwnwAW.js.map +0 -1
- package/chunks/TooltipDesktop.module-B54hNcxs.js +0 -32
- package/chunks/TooltipDesktop.module-B54hNcxs.js.map +0 -1
- package/chunks/TreeView.module-CmItPF1_.js +0 -12
- package/chunks/TreeView.module-CmItPF1_.js.map +0 -1
- package/chunks/utils-W5dHMPw5.js.map +0 -1
- package/components/TextField/MaskedField.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport { useMobileView } from \"../../MobileView\";\nimport styles from \"../styles/IslandAccordion.module.less\";\n\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n /** Нода с названием заголовка. */\n title: React.ReactNode;\n /** Идентификатор вкладки (если не передать извне, то используется индекс. Также используется как ключ при рендере списка вкладок). */\n id: string;\n /** Цифра в кружке. */\n num?: number;\n /** Раскрыт ли элемент. */\n opened?: boolean;\n /** Статус шага. */\n status?: EStepStatus;\n /** Подсказка к шагу. */\n stepHint?: string;\n /** Заблокирован ли элемент. */\n disabled?: boolean;\n /** Вызывается при клике по вкладке. */\n onToggle?: (newOpened: boolean, id: string) => void;\n /** Вызывается при удалении вкладки. */\n onRemove?: (id: string) => void;\n /** Свойства компонента Transition (react-transition-group). */\n transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n [EIslandType.TYPE_1]: styles.type1,\n [EIslandType.TYPE_2]: styles.type2,\n [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n [EComponentSize.SM]: ETitleSize.H3,\n [EComponentSize.MD]: ETitleSize.H3,\n [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandAccordionItem = Object.assign(\n React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n (\n {\n children,\n title,\n className,\n opened,\n disabled,\n onRemove,\n onToggle,\n id,\n num,\n status,\n stepHint,\n transitionProps,\n ...rest\n },\n ref,\n ) => {\n const [isOpen, setIsOpen] = useState(opened || false);\n const { size, type } = useContext(IslandAccordionContext);\n\n // eslint-disable-next-line react-hooks/refs\n const instanceId = useRef(uniqueId()).current;\n const headerInstanceId = `${instanceId}header`;\n const bodyInstanceId = `${instanceId}body`;\n\n const adaptive = useMobileView();\n\n useEffect(() => {\n if (opened !== undefined && isOpen !== opened) {\n setIsOpen(opened);\n }\n }, [opened, isOpen]);\n\n const handleHeaderClick = (): void => {\n if (disabled) {\n return;\n }\n const newOpened = !isOpen;\n onToggle?.(newOpened, id);\n\n if (opened === undefined) {\n setIsOpen(newOpened);\n }\n };\n\n const handleRemoveClick = (): void => {\n if (disabled) {\n return;\n }\n onRemove?.(id);\n };\n\n const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n const classNames = clsx(\n className,\n styles.item,\n SIZE_TO_CLASS_NAME_MAP[size],\n TYPE_TO_CLASS_NAME_MAP[type],\n {\n [styles.disabled]: !!disabled,\n [styles.opened]: isOpen,\n },\n );\n\n return (\n <li {...rest} className={classNames} id={id} ref={ref}>\n <Island className={styles.island} size={size} type={type}>\n <Island.Header>\n <button\n id={headerInstanceId}\n aria-controls={bodyInstanceId}\n aria-expanded={isOpen}\n type=\"button\"\n className={clsx(styles.header, {\n hoverable: !isOpen,\n })}\n onClick={handleHeaderClick}\n disabled={disabled}\n data-tx={process.env.npm_package_version}\n >\n {status && num && (\n <div className={styles.step}>\n <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n {disabled ? undefined : stepHint}\n </Step>\n </div>\n )}\n\n <Title\n className={styles.title}\n size={titleSize}\n type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n tag=\"div\"\n weight={EFontWeightTitle.MEDIUM}\n >\n {title}\n </Title>\n\n <span className={clsx(styles.caretWrapper)}>\n <CaretdownStrokeSrvIcon24\n className={styles.caretIcon}\n aria-hidden=\"true\"\n paletteIndex={5}\n />\n </span>\n </button>\n </Island.Header>\n\n <ExpandAnimation\n expanded={isOpen && !disabled}\n id={bodyInstanceId}\n role=\"region\"\n aria-labelledby={headerInstanceId}\n transitionProps={transitionProps}\n >\n {children}\n </ExpandAnimation>\n </Island>\n\n {onRemove && (\n <span className={styles.remove}>\n <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n <CrossStrokeSrvIcon24 paletteIndex={5} />\n </ButtonIcon>\n </span>\n )}\n </li>\n );\n },\n ),\n {\n Content: IslandAccordionContent,\n Footer: IslandAccordionFooter,\n },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":["React"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"IslandAccordionItem.js","sources":["../../../../src/components/IslandAccordion/components/IslandAccordionItem.tsx"],"sourcesContent":["import React, { useState, useContext } from \"react\";\nimport { CaretdownStrokeSrvIcon24, CrossStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { Island } from \"../../Island/Island\";\nimport { uniqueId } from \"lodash-es\";\nimport { ExpandAnimation, IExpandAnimationProps } from \"../../ExpandAnimation\";\nimport { IslandAccordionContent } from \"./IslandAccordionContent\";\nimport { IslandAccordionFooter } from \"./IslandAccordionFooter\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { ButtonIcon } from \"../../Button\";\nimport { EIslandType } from \"../../Island\";\nimport { Step, EStepStatus, EStepPosition } from \"../../Step\";\nimport { IslandAccordionContext } from \"../IslandAccordionContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { ETitleSize, Title, EFontType, EFontWeightTitle } from \"../../Typography\";\nimport { useMobileView } from \"../../MobileView\";\nimport styles from \"../styles/IslandAccordion.module.less\";\n\n/** Свойства компонента IslandAccordionItem. */\nexport interface IIslandAccordionItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, \"title\"> {\n /** Нода с названием заголовка. */\n title: React.ReactNode;\n /** Идентификатор элемента. Проставляется на корневой `<li>` и передаётся в onToggle и onRemove. */\n id: string;\n /** Номер шага в кружке слева от заголовка. Кружок рендерится, только если задан вместе со status и не равен 0. */\n num?: number;\n /** Раскрыт ли элемент. Передан — элемент управляемый и состояние задаёт потребитель, не передан — элемент раскрывается сам. */\n opened?: boolean;\n /** Статус шага. Без него кружок с номером не рендерится. */\n status?: EStepStatus;\n /** Подсказка к шагу, показывается по наведению на кружок. Игнорируется при disabled. */\n stepHint?: string;\n /** Заблокирован ли элемент. Блокирует раскрытие, удаление и скрывает подсказку шага. */\n disabled?: boolean;\n /** Вызывается при клике по заголовку с новым состоянием раскрытия и id элемента. */\n onToggle?: (newOpened: boolean, id: string) => void;\n /** Вызывается при клике по кнопке удаления с id элемента. Кнопка рендерится, только если колбэк передан. */\n onRemove?: (id: string) => void;\n /** Свойства компонента Transition (react-transition-group), управляющего раскрытием содержимого. */\n transitionProps?: IExpandAnimationProps[\"transitionProps\"];\n}\n\n/** Префикс автогенерируемых id заголовка и содержимого элемента. */\nconst INSTANCE_ID_PREFIX = \"IslandAccordionItem-\";\n\nconst TYPE_TO_CLASS_NAME_MAP: Record<EIslandType, string> = {\n [EIslandType.TYPE_1]: styles.type1,\n [EIslandType.TYPE_2]: styles.type2,\n [EIslandType.TYPE_3]: styles.type3,\n};\n\nconst SIZE_TO_TITLE_SIZE_MAP: Record<EComponentSize, ETitleSize> = {\n [EComponentSize.SM]: ETitleSize.H3,\n [EComponentSize.MD]: ETitleSize.H3,\n [EComponentSize.LG]: ETitleSize.H2,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Раскрывающийся элемент аккордеона: кнопка-заголовок и анимированно раскрываемое содержимое. */\nexport const IslandAccordionItem = Object.assign(\n React.forwardRef<HTMLLIElement, IIslandAccordionItemProps>(\n (\n {\n children,\n title,\n className,\n opened,\n disabled,\n onRemove,\n onToggle,\n id,\n num,\n status,\n stepHint,\n transitionProps,\n ...rest\n },\n ref,\n ) => {\n const { size, type } = useContext(IslandAccordionContext);\n\n const [instanceId] = useState(() => uniqueId(INSTANCE_ID_PREFIX));\n const headerInstanceId = `${instanceId}-header`;\n const bodyInstanceId = `${instanceId}-body`;\n\n const adaptive = useMobileView();\n\n // Гибрид controlled/uncontrolled: если opened передан, раскрытие задаёт потребитель,\n // иначе элемент хранит его сам. Синхронизация идёт в рендере (паттерн React\n // «adjusting state when a prop changes»), а не в useEffect: иначе между сменой opened\n // и её применением успевает отрисоваться кадр со старым состоянием.\n const [isOpen, setIsOpen] = useState(opened ?? false);\n const [prevOpened, setPrevOpened] = useState(opened);\n\n if (opened !== prevOpened) {\n setPrevOpened(opened);\n\n if (opened !== undefined) {\n setIsOpen(opened);\n }\n }\n\n const handleHeaderClick = (): void => {\n const newOpened = !isOpen;\n onToggle?.(newOpened, id);\n\n if (opened === undefined) {\n setIsOpen(newOpened);\n }\n };\n\n const handleRemoveClick = (): void => {\n onRemove?.(id);\n };\n\n const titleSize = adaptive ? ETitleSize.H3 : SIZE_TO_TITLE_SIZE_MAP[size];\n\n const classNames = clsx(\n className,\n styles.item,\n SIZE_TO_CLASS_NAME_MAP[size],\n TYPE_TO_CLASS_NAME_MAP[type],\n {\n [styles.disabled]: disabled,\n [styles.opened]: isOpen,\n },\n );\n\n return (\n <li {...rest} className={classNames} id={id} ref={ref}>\n <Island className={styles.island} size={size} type={type}>\n <Island.Header>\n <button\n id={headerInstanceId}\n aria-controls={bodyInstanceId}\n aria-expanded={isOpen}\n type=\"button\"\n // Глобальный класс @sberbusiness/icons-next \"hoverable\" — задаёт цвет\n // каретки при наведении. В раскрытом состоянии hover не подсвечивается.\n className={clsx(styles.header, {\n hoverable: !isOpen,\n })}\n onClick={handleHeaderClick}\n disabled={disabled}\n data-tx={process.env.npm_package_version}\n >\n {/*\n Тернарник, а не `&&`: при num === 0 выражение `status && num` вернуло бы 0,\n и React отрисовал бы текст «0». Сам пропуск кружка при num === 0 —\n унаследованная особенность, а не осознанный контракт; чинится отдельной\n задачей, потому что это изменение наблюдаемого поведения.\n */}\n {status && num !== undefined && num !== 0 ? (\n <div className={styles.step}>\n <Step step={num} status={status} position={EStepPosition.XFirst} size={size}>\n {disabled ? undefined : stepHint}\n </Step>\n </div>\n ) : null}\n\n <Title\n className={styles.title}\n size={titleSize}\n type={disabled ? EFontType.DISABLED : EFontType.PRIMARY}\n tag=\"div\"\n weight={EFontWeightTitle.MEDIUM}\n >\n {title}\n </Title>\n\n <span className={styles.caretWrapper}>\n <CaretdownStrokeSrvIcon24\n className={styles.caretIcon}\n aria-hidden=\"true\"\n paletteIndex={5}\n />\n </span>\n </button>\n </Island.Header>\n\n <ExpandAnimation\n expanded={isOpen && !disabled}\n id={bodyInstanceId}\n role=\"region\"\n aria-labelledby={headerInstanceId}\n transitionProps={transitionProps}\n >\n {children}\n </ExpandAnimation>\n </Island>\n\n {onRemove && (\n <span className={styles.remove}>\n <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title=\"Удалить\">\n <CrossStrokeSrvIcon24 paletteIndex={5} />\n </ButtonIcon>\n </span>\n )}\n </li>\n );\n },\n ),\n {\n Content: IslandAccordionContent,\n Footer: IslandAccordionFooter,\n },\n);\n\nIslandAccordionItem.displayName = \"IslandAccordionItem\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,qBAAqB;AAE3B,MAAM,yBAAsD;AAAA,EACxD,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,MAAM,GAAG,OAAO;AAAA,EAC7B,CAAC,YAAY,MAAM,GAAG,OAAO;AACjC;AAEA,MAAM,yBAA6D;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,WAAW;AAAA,EAChC,CAAC,eAAe,EAAE,GAAG,WAAW;AAAA,EAChC,CAAC,eAAe,EAAE,GAAG,WAAW;AACpC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,sBAAsB,OAAO;AAAA,EACtCA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,MAAM,SAAS,WAAW,sBAAsB;AAExD,YAAM,CAAC,UAAU,IAAI,SAAS,MAAM,SAAS,kBAAkB,CAAC;AAChE,YAAM,mBAAmB,GAAG,UAAU;AACtC,YAAM,iBAAiB,GAAG,UAAU;AAEpC,YAAM,WAAW,cAAA;AAMjB,YAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,UAAU,KAAK;AACpD,YAAM,CAAC,YAAY,aAAa,IAAI,SAAS,MAAM;AAEnD,UAAI,WAAW,YAAY;AACvB,sBAAc,MAAM;AAEpB,YAAI,WAAW,QAAW;AACtB,oBAAU,MAAM;AAAA,QACpB;AAAA,MACJ;AAEA,YAAM,oBAAoB,MAAY;AAClC,cAAM,YAAY,CAAC;AACnB,6CAAW,WAAW;AAEtB,YAAI,WAAW,QAAW;AACtB,oBAAU,SAAS;AAAA,QACvB;AAAA,MACJ;AAEA,YAAM,oBAAoB,MAAY;AAClC,6CAAW;AAAA,MACf;AAEA,YAAM,YAAY,WAAW,WAAW,KAAK,uBAAuB,IAAI;AAExE,YAAM,aAAa;AAAA,QACf;AAAA,QACA,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B,uBAAuB,IAAI;AAAA,QAC3B;AAAA,UACI,CAAC,OAAO,QAAQ,GAAG;AAAA,UACnB,CAAC,OAAO,MAAM,GAAG;AAAA,QAAA;AAAA,MACrB;AAGJ,kCACK,MAAA,EAAI,GAAG,MAAM,WAAW,YAAY,IAAQ,KACzC,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAO,WAAW,OAAO,QAAQ,MAAY,MAC1C,UAAA;AAAA,UAAA,oBAAC,OAAO,QAAP,EACG,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,IAAI;AAAA,cACJ,iBAAe;AAAA,cACf,iBAAe;AAAA,cACf,MAAK;AAAA,cAGL,WAAW,KAAK,OAAO,QAAQ;AAAA,gBAC3B,WAAW,CAAC;AAAA,cAAA,CACf;AAAA,cACD,SAAS;AAAA,cACT;AAAA,cACA,WAAS;AAAA,cAQR,UAAA;AAAA,gBAAA,UAAU,QAAQ,UAAa,QAAQ,wBACnC,OAAA,EAAI,WAAW,OAAO,MACnB,UAAA,oBAAC,MAAA,EAAK,MAAM,KAAK,QAAgB,UAAU,cAAc,QAAQ,MAC5D,UAAA,WAAW,SAAY,SAAA,CAC5B,EAAA,CACJ,IACA;AAAA,gBAEJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,OAAO;AAAA,oBAClB,MAAM;AAAA,oBACN,MAAM,WAAW,UAAU,WAAW,UAAU;AAAA,oBAChD,KAAI;AAAA,oBACJ,QAAQ,iBAAiB;AAAA,oBAExB,UAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,oCAGJ,QAAA,EAAK,WAAW,OAAO,cACpB,UAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAW,OAAO;AAAA,oBAClB,eAAY;AAAA,oBACZ,cAAc;AAAA,kBAAA;AAAA,gBAAA,GAEtB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAER;AAAA,UAEA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,UAAU,UAAU,CAAC;AAAA,cACrB,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,mBAAiB;AAAA,cACjB;AAAA,cAEC;AAAA,YAAA;AAAA,UAAA;AAAA,QACL,GACJ;AAAA,QAEC,YACG,oBAAC,QAAA,EAAK,WAAW,OAAO,QACpB,8BAAC,YAAA,EAAW,SAAS,mBAAmB,UAAoB,OAAM,WAC9D,UAAA,oBAAC,wBAAqB,cAAc,GAAG,EAAA,CAC3C,EAAA,CACJ;AAAA,MAAA,GAER;AAAA,IAER;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEhB;AAEA,oBAAoB,cAAc;"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React__default, { useContext, useState } from "react";
|
|
3
|
+
import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
|
|
4
|
+
import { EComponentSize } from "../../enums/EComponentSize.js";
|
|
3
5
|
import { Island } from "../Island/Island.js";
|
|
4
6
|
import { EIslandType } from "../Island/enums.js";
|
|
5
7
|
import "../Island/components/IslandBody.js";
|
|
6
8
|
import "../Island/components/IslandHeader.js";
|
|
7
9
|
import "../Island/components/IslandFooter.js";
|
|
10
|
+
import { ExpandAnimation } from "../ExpandAnimation/ExpandAnimation.js";
|
|
11
|
+
import "../MobileView/MobileView.js";
|
|
12
|
+
import { useMobileView } from "../MobileView/useMobileView.js";
|
|
8
13
|
import { IslandWidgetHeader } from "./components/IslandWidgetHeader.js";
|
|
9
14
|
import { IslandWidgetBody } from "./components/IslandWidgetBody.js";
|
|
10
15
|
import { IslandWidgetFooter } from "./components/IslandWidgetFooter.js";
|
|
11
16
|
import { IslandWidgetExtraFooter } from "./components/IslandWidgetExtraFooter.js";
|
|
12
|
-
import { EComponentSize } from "../../enums/EComponentSize.js";
|
|
13
|
-
import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
|
|
14
17
|
import { IslandWidgetLayoutContext } from "./IslandWidgetLayoutContext.js";
|
|
15
18
|
import { IslandWidgetContext } from "./IslandWidgetContext.js";
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
import { useMobileView } from "../MobileView/useMobileView.js";
|
|
19
|
-
const islandWidget = "islandWidget__97a3a293";
|
|
20
|
-
const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__5ab8be48";
|
|
19
|
+
const islandWidget = "islandWidget__32917ce2";
|
|
20
|
+
const islandWidgetWithExtraFooter = "islandWidgetWithExtraFooter__31c596dd";
|
|
21
21
|
const styles = {
|
|
22
22
|
islandWidget,
|
|
23
23
|
islandWidgetWithExtraFooter
|
|
@@ -37,8 +37,7 @@ const IslandWidget = Object.assign(
|
|
|
37
37
|
const [open, setOpen] = useState(disableAdaptiveCollapsing);
|
|
38
38
|
const adaptive = useMobileView();
|
|
39
39
|
const handleHeaderClick = () => {
|
|
40
|
-
|
|
41
|
-
setOpen(newOpen);
|
|
40
|
+
setOpen((prevOpen) => !prevOpen);
|
|
42
41
|
};
|
|
43
42
|
const expandableContent = adaptive && !disableAdaptiveCollapsing;
|
|
44
43
|
const renderContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -57,15 +56,19 @@ const IslandWidget = Object.assign(
|
|
|
57
56
|
children: /* @__PURE__ */ jsx(
|
|
58
57
|
"div",
|
|
59
58
|
{
|
|
60
|
-
className: clsx(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
59
|
+
className: clsx(
|
|
60
|
+
styles.islandWidget,
|
|
61
|
+
{
|
|
62
|
+
[styles.islandWidgetWithExtraFooter]: hasExtraFooter
|
|
63
|
+
},
|
|
64
|
+
className
|
|
65
|
+
),
|
|
64
66
|
...rest,
|
|
67
|
+
"data-tx": "1.46.0",
|
|
65
68
|
ref,
|
|
66
69
|
children: /* @__PURE__ */ jsxs(Island, { type: EIslandType.TYPE_1, size, withoutPaddings: true, children: [
|
|
67
|
-
/* @__PURE__ */ jsx("div", { onClick:
|
|
68
|
-
expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) :
|
|
70
|
+
/* @__PURE__ */ jsx("div", { onClick: expandableContent ? handleHeaderClick : void 0, children: renderHeader({}) }),
|
|
71
|
+
expandableContent ? /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children: renderContent() }) : renderContent()
|
|
69
72
|
] })
|
|
70
73
|
}
|
|
71
74
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { Island, EIslandType } from \"../Island\";\nimport {
|
|
1
|
+
{"version":3,"file":"IslandWidget.js","sources":["../../../src/components/IslandWidget/IslandWidget.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { Island, EIslandType } from \"../Island\";\nimport { ExpandAnimation } from \"../ExpandAnimation/ExpandAnimation\";\nimport { useMobileView } from \"../MobileView\";\nimport { IIslandWidgetHeaderProps, IslandWidgetHeader } from \"./components/IslandWidgetHeader\";\nimport { IIslandWidgetBodyProps, IslandWidgetBody } from \"./components/IslandWidgetBody\";\nimport { IIslandWidgetFooterProps, IslandWidgetFooter } from \"./components/IslandWidgetFooter\";\nimport { IslandWidgetExtraFooter } from \"./components/IslandWidgetExtraFooter\";\nimport { IslandWidgetLayoutContext } from \"./IslandWidgetLayoutContext\";\nimport { IslandWidgetContext } from \"./IslandWidgetContext\";\nimport styles from \"./styles/IslandWidget.module.less\";\n\n/** Свойства компонента IslandWidget. */\nexport interface IIslandWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Размер компонента. По умолчанию EComponentSize.MD. */\n size?: EComponentSize;\n /** Рендер-функция Body. */\n renderBody: (props: IIslandWidgetBodyProps) => React.ReactNode;\n /** Рендер-функция Footer. */\n renderFooter?: (props: IIslandWidgetFooterProps) => React.ReactNode;\n /** Рендер-функция Header. */\n renderHeader: (props: IIslandWidgetHeaderProps) => React.ReactNode;\n /** Отключение возможности сворачивания контента в адаптиве. По умолчанию false. */\n disableAdaptiveCollapsing?: boolean;\n}\n\n/**\n * Виджет — карточка со сгруппированной информацией, набором связанных действий или отдельной функциональностью.\n * В адаптиве контент сворачивается по клику на шапку, если не передан disableAdaptiveCollapsing.\n */\nexport const IslandWidget = Object.assign(\n React.forwardRef<HTMLDivElement, IIslandWidgetProps>(\n (\n {\n className,\n size = EComponentSize.MD,\n renderBody,\n renderFooter,\n renderHeader,\n disableAdaptiveCollapsing = false,\n ...rest\n },\n ref,\n ) => {\n const { hasExtraFooter } = useContext(IslandWidgetLayoutContext);\n const [open, setOpen] = useState(disableAdaptiveCollapsing);\n\n const adaptive = useMobileView();\n\n const handleHeaderClick = (): void => {\n setOpen((prevOpen) => !prevOpen);\n };\n\n const expandableContent = adaptive && !disableAdaptiveCollapsing;\n\n const renderContent = () => (\n <>\n {renderBody({})}\n {renderFooter ? renderFooter({}) : null}\n </>\n );\n\n return (\n <IslandWidgetContext.Provider\n value={{\n adaptive,\n disableAdaptiveCollapsing,\n open,\n size,\n }}\n >\n <div\n className={clsx(\n styles.islandWidget,\n {\n [styles.islandWidgetWithExtraFooter]: hasExtraFooter,\n },\n className,\n )}\n {...rest}\n data-tx={process.env.npm_package_version}\n ref={ref}\n >\n <Island type={EIslandType.TYPE_1} size={size} withoutPaddings={true}>\n <div onClick={expandableContent ? handleHeaderClick : undefined}>{renderHeader({})}</div>\n {expandableContent ? (\n <ExpandAnimation expanded={open}>{renderContent()}</ExpandAnimation>\n ) : (\n renderContent()\n )}\n </Island>\n </div>\n </IslandWidgetContext.Provider>\n );\n },\n ),\n {\n Header: IslandWidgetHeader,\n Body: IslandWidgetBody,\n Footer: IslandWidgetFooter,\n ExtraFooter: IslandWidgetExtraFooter,\n },\n);\n\nIslandWidget.displayName = \"IslandWidget\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,eAAe,OAAO;AAAA,EAC/BA,eAAM;AAAA,IACF,CACI;AAAA,MACI;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B,GAAG;AAAA,IAAA,GAEP,QACC;AACD,YAAM,EAAE,eAAA,IAAmB,WAAW,yBAAyB;AAC/D,YAAM,CAAC,MAAM,OAAO,IAAI,SAAS,yBAAyB;AAE1D,YAAM,WAAW,cAAA;AAEjB,YAAM,oBAAoB,MAAY;AAClC,gBAAQ,CAAC,aAAa,CAAC,QAAQ;AAAA,MACnC;AAEA,YAAM,oBAAoB,YAAY,CAAC;AAEvC,YAAM,gBAAgB,MAClB,qBAAA,UAAA,EACK,UAAA;AAAA,QAAA,WAAW,CAAA,CAAE;AAAA,QACb,eAAe,aAAa,CAAA,CAAE,IAAI;AAAA,MAAA,GACvC;AAGJ,aACI;AAAA,QAAC,oBAAoB;AAAA,QAApB;AAAA,UACG,OAAO;AAAA,YACH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGJ,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW;AAAA,gBACP,OAAO;AAAA,gBACP;AAAA,kBACI,CAAC,OAAO,2BAA2B,GAAG;AAAA,gBAAA;AAAA,gBAE1C;AAAA,cAAA;AAAA,cAEH,GAAG;AAAA,cACJ,WAAS;AAAA,cACT;AAAA,cAEA,+BAAC,QAAA,EAAO,MAAM,YAAY,QAAQ,MAAY,iBAAiB,MAC3D,UAAA;AAAA,gBAAA,oBAAC,OAAA,EAAI,SAAS,oBAAoB,oBAAoB,QAAY,UAAA,aAAa,CAAA,CAAE,GAAE;AAAA,gBAClF,wCACI,iBAAA,EAAgB,UAAU,MAAO,UAAA,gBAAc,CAAE,IAElD,cAAA;AAAA,cAAc,GAEtB;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IAGZ;AAAA,EAAA;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EAAA;AAErB;AAEA,aAAa,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\nexport interface IIslandWidgetContext {\n adaptive: boolean;\n disableAdaptiveCollapsing: boolean;\n open: boolean;\n size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n adaptive: false,\n disableAdaptiveCollapsing: false,\n open: false,\n size: EComponentSize.MD,\n};\n\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;
|
|
1
|
+
{"version":3,"file":"IslandWidgetContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\n\n/** Значение контекста IslandWidget — состояние виджета для его составных частей. */\nexport interface IIslandWidgetContext {\n /** Виджет отображается в адаптиве (ширина экрана мобильного устройства). */\n adaptive: boolean;\n /** Сворачивание контента в адаптиве отключено. */\n disableAdaptiveCollapsing: boolean;\n /** Контент виджета раскрыт. Значимо только в адаптиве при включённом сворачивании. */\n open: boolean;\n /** Размер виджета — из него части берут свои отступы и размеры текста. */\n size: EComponentSize;\n}\n\nconst contextInitial: IIslandWidgetContext = {\n adaptive: false,\n disableAdaptiveCollapsing: false,\n open: false,\n size: EComponentSize.MD,\n};\n\n/** Контекст IslandWidget. Внутренний: в публичный barrel не экспортируется. */\nexport const IslandWidgetContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;AAeA,MAAM,iBAAuC;AAAA,EACzC,UAAU;AAAA,EACV,2BAA2B;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM,eAAe;AACzB;AAGO,MAAM,sBAAsBA,eAAM,cAAc,cAAc;"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React__default from "react";
|
|
2
2
|
const contextInitial = {
|
|
3
3
|
hasExtraFooter: false,
|
|
4
|
-
|
|
4
|
+
addOpenExtraFooter: () => {
|
|
5
|
+
},
|
|
6
|
+
removeOpenExtraFooter: () => {
|
|
5
7
|
}
|
|
6
8
|
};
|
|
7
9
|
const IslandWidgetLayoutContext = React__default.createContext(contextInitial);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetLayoutContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetLayoutContext.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface IIslandWidgetLayoutContext {\n hasExtraFooter: boolean;\n
|
|
1
|
+
{"version":3,"file":"IslandWidgetLayoutContext.js","sources":["../../../src/components/IslandWidget/IslandWidgetLayoutContext.tsx"],"sourcesContent":["import React from \"react\";\n\n/** Значение контекста IslandWidgetWrapper — связь виджета с его дополнительными подвалами. */\nexport interface IIslandWidgetLayoutContext {\n /** Хотя бы один дополнительный подвал раскрыт — виджет рисует под собой тень. */\n hasExtraFooter: boolean;\n /** Сообщить обёртке, что подвал раскрылся. Считается по экземплярам, а не флагом. */\n addOpenExtraFooter: () => void;\n /** Сообщить обёртке, что подвал закрылся или размонтирован. */\n removeOpenExtraFooter: () => void;\n}\n\nconst contextInitial: IIslandWidgetLayoutContext = {\n hasExtraFooter: false,\n addOpenExtraFooter: () => {},\n removeOpenExtraFooter: () => {},\n};\n\n/** Контекст IslandWidgetWrapper. Внутренний: в публичный barrel не экспортируется. */\nexport const IslandWidgetLayoutContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";AAYA,MAAM,iBAA6C;AAAA,EAC/C,gBAAgB;AAAA,EAChB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,uBAAuB,MAAM;AAAA,EAAC;AAClC;AAGO,MAAM,4BAA4BA,eAAM,cAAc,cAAc;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext } from "react";
|
|
3
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
3
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
4
|
import { IslandWidgetContext } from "../IslandWidgetContext.js";
|
|
5
5
|
import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
|
|
6
|
-
const islandWidgetBody = "
|
|
7
|
-
const sm = "
|
|
8
|
-
const md = "
|
|
9
|
-
const lg = "
|
|
6
|
+
const islandWidgetBody = "islandWidgetBody__b2bef3be";
|
|
7
|
+
const sm = "sm__0b39d282";
|
|
8
|
+
const md = "md__fe78b0e2";
|
|
9
|
+
const lg = "lg__e0d18cd9";
|
|
10
10
|
const styles = {
|
|
11
11
|
islandWidgetBody,
|
|
12
12
|
sm,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n const { size } = useContext(IslandWidgetContext);\n\n return (\n <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className)}>\n {children}\n </div>\n );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,yBAAyB,yBAAyB,MAAM;
|
|
1
|
+
{"version":3,"file":"IslandWidgetBody.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetBody.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetBody.module.less\";\n\n/** Свойства компонента IslandWidgetBody. */\nexport interface IIslandWidgetBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Основное содержимое виджета. Горизонтальные отступы берутся из размера виджета. */\nexport const IslandWidgetBody: React.FC<IIslandWidgetBodyProps> = ({ children, className, ...htmlDivAttributes }) => {\n const { size } = useContext(IslandWidgetContext);\n\n return (\n <div {...htmlDivAttributes} className={clsx(styles.islandWidgetBody, SIZE_TO_CLASS_NAME_MAP[size], className)}>\n {children}\n </div>\n );\n};\n\nIslandWidgetBody.displayName = \"IslandWidgetBody\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AASA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,mBAAqD,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACjH,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,kBAAkB,uBAAuB,IAAI,GAAG,SAAS,GACvG,SAAA,CACL;AAER;AAEA,iBAAiB,cAAc;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext, useEffect } from "react";
|
|
3
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
3
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
4
|
import { ExpandAnimation } from "../../ExpandAnimation/ExpandAnimation.js";
|
|
5
5
|
import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
|
|
6
|
-
const islandWidgetExtraFooter = "
|
|
6
|
+
const islandWidgetExtraFooter = "islandWidgetExtraFooter__b22abc9a";
|
|
7
7
|
const styles = {
|
|
8
8
|
islandWidgetExtraFooter
|
|
9
9
|
};
|
|
@@ -13,11 +13,15 @@ const IslandWidgetExtraFooter = ({
|
|
|
13
13
|
open = false,
|
|
14
14
|
...htmlDivAttributes
|
|
15
15
|
}) => {
|
|
16
|
-
const {
|
|
16
|
+
const { addOpenExtraFooter, removeOpenExtraFooter } = useContext(IslandWidgetLayoutContext);
|
|
17
17
|
useEffect(() => {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
if (!open) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
addOpenExtraFooter();
|
|
22
|
+
return removeOpenExtraFooter;
|
|
23
|
+
}, [open, addOpenExtraFooter, removeOpenExtraFooter]);
|
|
24
|
+
return /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetExtraFooter, className), children: /* @__PURE__ */ jsx(ExpandAnimation, { expanded: open, children }) });
|
|
21
25
|
};
|
|
22
26
|
IslandWidgetExtraFooter.displayName = "IslandWidgetExtraFooter";
|
|
23
27
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetExtraFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetExtraFooter.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetExtraFooter.module.less\";\nimport { ExpandAnimation } from \"../../ExpandAnimation/ExpandAnimation\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\n/** Свойства компонента IslandWidgetExtraFooter. */\nexport interface IIslandWidgetExtraFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Контролируемое состояние открытости. */\n open?: boolean;\n}\n\nexport const IslandWidgetExtraFooter: React.FC<IIslandWidgetExtraFooterProps> = ({\n children,\n className,\n open = false,\n ...htmlDivAttributes\n}) => {\n const {
|
|
1
|
+
{"version":3,"file":"IslandWidgetExtraFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetExtraFooter.tsx"],"sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetExtraFooter.module.less\";\nimport { ExpandAnimation } from \"../../ExpandAnimation/ExpandAnimation\";\nimport { IslandWidgetLayoutContext } from \"../IslandWidgetLayoutContext\";\n\n/** Свойства компонента IslandWidgetExtraFooter. */\nexport interface IIslandWidgetExtraFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Контролируемое состояние открытости. По умолчанию false. */\n open?: boolean;\n}\n\n/**\n * Дополнительный подвал виджета, раскрывающийся под карточкой.\n * Рендерится вне IslandWidget — внутри общего IslandWidgetWrapper, через который сообщает виджету о своём состоянии.\n */\nexport const IslandWidgetExtraFooter: React.FC<IIslandWidgetExtraFooterProps> = ({\n children,\n className,\n open = false,\n ...htmlDivAttributes\n}) => {\n const { addOpenExtraFooter, removeOpenExtraFooter } = useContext(IslandWidgetLayoutContext);\n\n useEffect(() => {\n if (!open) {\n return;\n }\n\n // Регистрируемся в обёртке на всё время, пока подвал раскрыт. Cleanup срабатывает\n // и на закрытии, и на размонтировании — иначе виджет остаётся с тенью под убранным подвалом.\n addOpenExtraFooter();\n\n return removeOpenExtraFooter;\n }, [open, addOpenExtraFooter, removeOpenExtraFooter]);\n\n return (\n <div {...htmlDivAttributes} className={clsx(styles.islandWidgetExtraFooter, className)}>\n <ExpandAnimation expanded={open}>{children}</ExpandAnimation>\n </div>\n );\n};\n\nIslandWidgetExtraFooter.displayName = \"IslandWidgetExtraFooter\";\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACP,MAAM;AACF,QAAM,EAAE,oBAAoB,0BAA0B,WAAW,yBAAyB;AAE1F,YAAU,MAAM;AACZ,QAAI,CAAC,MAAM;AACP;AAAA,IACJ;AAIA,uBAAA;AAEA,WAAO;AAAA,EACX,GAAG,CAAC,MAAM,oBAAoB,qBAAqB,CAAC;AAEpD,SACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,yBAAyB,SAAS,GACjF,UAAA,oBAAC,iBAAA,EAAgB,UAAU,MAAO,UAAS,GAC/C;AAER;AAEA,wBAAwB,cAAc;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext } from "react";
|
|
3
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
3
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
4
|
import { IslandWidgetContext } from "../IslandWidgetContext.js";
|
|
5
5
|
import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
|
|
6
6
|
import { IslandWidgetFooterContent } from "./IslandWidgetFooterContent.js";
|
|
7
7
|
import { IslandWidgetFooterControls } from "./IslandWidgetFooterControls.js";
|
|
8
|
-
import { s as styles } from "../../../chunks/IslandWidgetFooter.module
|
|
8
|
+
import { s as styles } from "../../../chunks/IslandWidgetFooter.module--k_POM4A.js";
|
|
9
9
|
const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
|
|
10
10
|
const IslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {
|
|
11
11
|
const { size } = useContext(IslandWidgetContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooter.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { IslandWidgetFooterContent } from \"./IslandWidgetFooterContent\";\nimport { IslandWidgetFooterControls } from \"./IslandWidgetFooterControls\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooter. */\nexport interface IIslandWidgetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport type TIslandWidgetFooter = React.FC<IIslandWidgetFooterProps> & {\n Content: typeof IslandWidgetFooterContent;\n Controls: typeof IslandWidgetFooterControls;\n};\n\nexport const IslandWidgetFooter: TIslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {\n const { size } = useContext(IslandWidgetContext);\n\n return (\n <div\n {...htmlDivAttributes}\n className={clsx(styles.islandWidgetFooter, SIZE_TO_CLASS_NAME_MAP[size], className)}\n >\n {children}\n </div>\n );\n};\n\nIslandWidgetFooter.Content = IslandWidgetFooterContent;\nIslandWidgetFooter.Controls = IslandWidgetFooterControls;\nIslandWidgetFooter.displayName = \"IslandWidgetFooter\";\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,yBAAyB,yBAAyB,MAAM;
|
|
1
|
+
{"version":3,"file":"IslandWidgetFooter.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooter.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { IslandWidgetFooterContent } from \"./IslandWidgetFooterContent\";\nimport { IslandWidgetFooterControls } from \"./IslandWidgetFooterControls\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooter. */\nexport interface IIslandWidgetFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport type TIslandWidgetFooter = React.FC<IIslandWidgetFooterProps> & {\n Content: typeof IslandWidgetFooterContent;\n Controls: typeof IslandWidgetFooterControls;\n};\n\n/** Подвал виджета. Отступы берутся из размера виджета, в адаптиве части подвала выстраиваются в колонку. */\nexport const IslandWidgetFooter: TIslandWidgetFooter = ({ children, className, ...htmlDivAttributes }) => {\n const { size } = useContext(IslandWidgetContext);\n\n return (\n <div\n {...htmlDivAttributes}\n className={clsx(styles.islandWidgetFooter, SIZE_TO_CLASS_NAME_MAP[size], className)}\n >\n {children}\n </div>\n );\n};\n\nIslandWidgetFooter.Content = IslandWidgetFooterContent;\nIslandWidgetFooter.Controls = IslandWidgetFooterControls;\nIslandWidgetFooter.displayName = \"IslandWidgetFooter\";\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,yBAAyB,yBAAyB,MAAM;AAQvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,KAAA,IAAS,WAAW,mBAAmB;AAE/C,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,oBAAoB,uBAAuB,IAAI,GAAG,SAAS;AAAA,MAEjF;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,mBAAmB,UAAU;AAC7B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
3
|
+
import { s as styles } from "../../../chunks/IslandWidgetFooter.module--k_POM4A.js";
|
|
3
4
|
const IslandWidgetFooterContent = ({
|
|
4
5
|
children,
|
|
6
|
+
className,
|
|
5
7
|
...htmlDivAttributes
|
|
6
|
-
}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: styles.islandWidgetFooterContent, children });
|
|
8
|
+
}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetFooterContent, className), children });
|
|
7
9
|
IslandWidgetFooterContent.displayName = "IslandWidgetFooterContent";
|
|
8
10
|
export {
|
|
9
11
|
IslandWidgetFooterContent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetFooterContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterContent.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\
|
|
1
|
+
{"version":3,"file":"IslandWidgetFooterContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooterContent. */\nexport interface IIslandWidgetFooterContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Содержимое подвала виджета — занимает свободное место слева от блока управления. */\nexport const IslandWidgetFooterContent: React.FC<IIslandWidgetFooterContentProps> = ({\n children,\n className,\n ...htmlDivAttributes\n}) => (\n <div {...htmlDivAttributes} className={clsx(styles.islandWidgetFooterContent, className)}>\n {children}\n </div>\n);\n\nIslandWidgetFooterContent.displayName = \"IslandWidgetFooterContent\";\n"],"names":[],"mappings":";;;AAQO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,2BAA2B,SAAS,GAClF,SAAA,CACL;AAGJ,0BAA0B,cAAc;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
3
|
+
import { s as styles } from "../../../chunks/IslandWidgetFooter.module--k_POM4A.js";
|
|
3
4
|
const IslandWidgetFooterControls = ({
|
|
4
5
|
children,
|
|
6
|
+
className,
|
|
5
7
|
...htmlDivAttributes
|
|
6
|
-
}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: styles.islandWidgetFooterControls, children });
|
|
8
|
+
}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(styles.islandWidgetFooterControls, className), children });
|
|
7
9
|
IslandWidgetFooterControls.displayName = "IslandWidgetFooterControls";
|
|
8
10
|
export {
|
|
9
11
|
IslandWidgetFooterControls
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetFooterControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterControls.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\
|
|
1
|
+
{"version":3,"file":"IslandWidgetFooterControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetFooterControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetFooter.module.less\";\n\n/** Свойства компонента IslandWidgetFooterControls. */\nexport interface IIslandWidgetFooterControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Блок управления подвала виджета — прижимается к правому краю, в адаптиве переносится на новую строку. */\nexport const IslandWidgetFooterControls: React.FC<IIslandWidgetFooterControlsProps> = ({\n children,\n className,\n ...htmlDivAttributes\n}) => (\n <div {...htmlDivAttributes} className={clsx(styles.islandWidgetFooterControls, className)}>\n {children}\n </div>\n);\n\nIslandWidgetFooterControls.displayName = \"IslandWidgetFooterControls\";\n"],"names":[],"mappings":";;;AAQO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,OAAA,EAAK,GAAG,mBAAmB,WAAW,KAAK,OAAO,4BAA4B,SAAS,GACnF,SAAA,CACL;AAGJ,2BAA2B,cAAc;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext } from "react";
|
|
3
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
3
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
4
|
import { IslandWidgetHeaderControls } from "./IslandWidgetHeaderControls.js";
|
|
5
5
|
import { IslandWidgetHeaderDescription } from "./IslandWidgetHeaderDescription.js";
|
|
6
6
|
import { IslandWidgetHeaderTitle } from "./IslandWidgetHeaderTitle.js";
|
|
7
7
|
import { CaretdownStrokeSrvIcon24 } from "@sberbusiness/icons-next";
|
|
8
8
|
import { IslandWidgetContext } from "../IslandWidgetContext.js";
|
|
9
9
|
import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
|
|
10
|
-
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-
|
|
10
|
+
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-D6j13jwR.js";
|
|
11
11
|
const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
|
|
12
12
|
const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
|
|
13
13
|
const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);
|
|
@@ -15,13 +15,18 @@ const IslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {
|
|
|
15
15
|
"div",
|
|
16
16
|
{
|
|
17
17
|
...htmlDivAttributes,
|
|
18
|
-
className: clsx(
|
|
19
|
-
|
|
20
|
-
[
|
|
21
|
-
|
|
18
|
+
className: clsx(
|
|
19
|
+
styles.islandWidgetHeader,
|
|
20
|
+
SIZE_TO_CLASS_NAME_MAP[size],
|
|
21
|
+
{
|
|
22
|
+
[styles.open]: open,
|
|
23
|
+
[styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing
|
|
24
|
+
},
|
|
25
|
+
className
|
|
26
|
+
),
|
|
22
27
|
children: [
|
|
23
28
|
children,
|
|
24
|
-
adaptive && !disableAdaptiveCollapsing && /* @__PURE__ */ jsx("span", { className:
|
|
29
|
+
adaptive && !disableAdaptiveCollapsing && /* @__PURE__ */ jsx("span", { className: styles.caretWrapper, children: /* @__PURE__ */ jsx(CaretdownStrokeSrvIcon24, { className: styles.caretIcon, "aria-hidden": "true", paletteIndex: 5 }) })
|
|
25
30
|
]
|
|
26
31
|
}
|
|
27
32
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n Title: typeof IslandWidgetHeaderTitle;\n Controls: typeof IslandWidgetHeaderControls;\n Description: typeof IslandWidgetHeaderDescription;\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);\n\n return (\n <div\n {...htmlDivAttributes}\n className={clsx(styles.islandWidgetHeader
|
|
1
|
+
{"version":3,"file":"IslandWidgetHeader.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeader.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { IslandWidgetHeaderControls } from \"./IslandWidgetHeaderControls\";\nimport { IslandWidgetHeaderDescription } from \"./IslandWidgetHeaderDescription\";\nimport { IslandWidgetHeaderTitle } from \"./IslandWidgetHeaderTitle\";\nimport { CaretdownStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeader. */\nexport interface IIslandWidgetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport type TIslandWidgetHeader = React.FC<IIslandWidgetHeaderProps> & {\n Title: typeof IslandWidgetHeaderTitle;\n Controls: typeof IslandWidgetHeaderControls;\n Description: typeof IslandWidgetHeaderDescription;\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Шапка виджета. В адаптиве, если сворачивание не отключено, дополняется индикатором раскрытия.\n * Клик по шапке обрабатывает IslandWidget — сама шапка обработчик не вешает.\n */\nexport const IslandWidgetHeader: TIslandWidgetHeader = ({ children, className, ...htmlDivAttributes }) => {\n const { adaptive, disableAdaptiveCollapsing, open, size } = useContext(IslandWidgetContext);\n\n return (\n <div\n {...htmlDivAttributes}\n className={clsx(\n styles.islandWidgetHeader,\n SIZE_TO_CLASS_NAME_MAP[size],\n {\n [styles.open]: open,\n [styles.disableAdaptiveCollapsing]: adaptive && disableAdaptiveCollapsing,\n },\n className,\n )}\n >\n {children}\n {adaptive && !disableAdaptiveCollapsing && (\n <span className={styles.caretWrapper}>\n <CaretdownStrokeSrvIcon24 className={styles.caretIcon} aria-hidden=\"true\" paletteIndex={5} />\n </span>\n )}\n </div>\n );\n};\n\nIslandWidgetHeader.Title = IslandWidgetHeaderTitle;\nIslandWidgetHeader.Controls = IslandWidgetHeaderControls;\nIslandWidgetHeader.Description = IslandWidgetHeaderDescription;\nIslandWidgetHeader.displayName = \"IslandWidgetHeader\";\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,yBAAyB,yBAAyB,MAAM;AAMvD,MAAM,qBAA0C,CAAC,EAAE,UAAU,WAAW,GAAG,wBAAwB;AACtG,QAAM,EAAE,UAAU,2BAA2B,MAAM,KAAA,IAAS,WAAW,mBAAmB;AAE1F,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP,OAAO;AAAA,QACP,uBAAuB,IAAI;AAAA,QAC3B;AAAA,UACI,CAAC,OAAO,IAAI,GAAG;AAAA,UACf,CAAC,OAAO,yBAAyB,GAAG,YAAY;AAAA,QAAA;AAAA,QAEpD;AAAA,MAAA;AAAA,MAGH,UAAA;AAAA,QAAA;AAAA,QACA,YAAY,CAAC,6BACV,oBAAC,QAAA,EAAK,WAAW,OAAO,cACpB,UAAA,oBAAC,0BAAA,EAAyB,WAAW,OAAO,WAAW,eAAY,QAAO,cAAc,GAAG,EAAA,CAC/F;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;AAEA,mBAAmB,QAAQ;AAC3B,mBAAmB,WAAW;AAC9B,mBAAmB,cAAc;AACjC,mBAAmB,cAAc;"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
3
|
-
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-DHAKalQf.js";
|
|
2
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
3
|
const IslandWidgetHeaderContent = ({
|
|
5
4
|
children,
|
|
6
5
|
className,
|
|
7
6
|
...htmlDivAttributes
|
|
8
|
-
}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(
|
|
7
|
+
}) => /* @__PURE__ */ jsx("div", { ...htmlDivAttributes, className: clsx(className), children });
|
|
9
8
|
IslandWidgetHeaderContent.displayName = "IslandWidgetHeaderContent";
|
|
10
9
|
export {
|
|
11
10
|
IslandWidgetHeaderContent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetHeaderContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\
|
|
1
|
+
{"version":3,"file":"IslandWidgetHeaderContent.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента IslandWidgetHeaderContent. */\nexport interface IIslandWidgetHeaderContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Обёртка содержимого шапки виджета.\n * Собственных стилей не несёт — раскладку задаёт родительская шапка, а оформление приходит через className.\n */\nexport const IslandWidgetHeaderContent: React.FC<IIslandWidgetHeaderContentProps> = ({\n children,\n className,\n ...htmlDivAttributes\n}) => (\n <div {...htmlDivAttributes} className={clsx(className)}>\n {children}\n </div>\n);\n\nIslandWidgetHeaderContent.displayName = \"IslandWidgetHeaderContent\";\n"],"names":[],"mappings":";;AAUO,MAAM,4BAAuE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,SAAK,GAAG,mBAAmB,WAAW,KAAK,SAAS,GAChD,SAAA,CACL;AAGJ,0BAA0B,cAAc;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
3
|
-
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-
|
|
2
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
3
|
+
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-D6j13jwR.js";
|
|
4
4
|
const IslandWidgetHeaderControls = ({
|
|
5
5
|
children,
|
|
6
6
|
className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetHeaderControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderControls. */\
|
|
1
|
+
{"version":3,"file":"IslandWidgetHeaderControls.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderControls. */\nexport interface IIslandWidgetHeaderControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Блок управления в шапке виджета.\n * Гасит всплытие клика, чтобы взаимодействие с контролами не сворачивало виджет в адаптиве.\n */\nexport const IslandWidgetHeaderControls: React.FC<IIslandWidgetHeaderControlsProps> = ({\n children,\n className,\n ...htmlDivAttributes\n}) => {\n const classNames = clsx(styles.islandWidgetHeaderControls, className);\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n event.stopPropagation();\n };\n\n return (\n <div {...htmlDivAttributes} className={classNames} onClick={handleClick}>\n {children}\n </div>\n );\n};\n\nIslandWidgetHeaderControls.displayName = \"IslandWidgetHeaderControls\";\n"],"names":[],"mappings":";;;AAWO,MAAM,6BAAyE,CAAC;AAAA,EACnF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,aAAa,KAAK,OAAO,4BAA4B,SAAS;AAEpE,QAAM,cAAc,CAAC,UAA4C;AAC7D,UAAM,gBAAA;AAAA,EACV;AAEA,SACI,oBAAC,SAAK,GAAG,mBAAmB,WAAW,YAAY,SAAS,aACvD,UACL;AAER;AAEA,2BAA2B,cAAc;"}
|
|
@@ -1,26 +1,38 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import { useContext } from "react";
|
|
3
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
|
+
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-D6j13jwR.js";
|
|
5
|
+
import { ETextSize, EFontType } from "../../Typography/enums.js";
|
|
5
6
|
import "../../Typography/Caption.js";
|
|
6
7
|
import "../../Typography/CodeText.js";
|
|
7
8
|
import { Text } from "../../Typography/Text.js";
|
|
8
9
|
import "../../Typography/Title.js";
|
|
10
|
+
import { IslandWidgetContext } from "../IslandWidgetContext.js";
|
|
11
|
+
import { EComponentSize } from "../../../enums/EComponentSize.js";
|
|
12
|
+
const SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP = {
|
|
13
|
+
[EComponentSize.SM]: ETextSize.B4,
|
|
14
|
+
[EComponentSize.MD]: ETextSize.B3,
|
|
15
|
+
[EComponentSize.LG]: ETextSize.B3
|
|
16
|
+
};
|
|
9
17
|
const IslandWidgetHeaderDescription = ({
|
|
10
18
|
children,
|
|
11
19
|
className,
|
|
12
20
|
...htmlDivAttributes
|
|
13
|
-
}) =>
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
)
|
|
21
|
+
}) => {
|
|
22
|
+
const { adaptive, size } = useContext(IslandWidgetContext);
|
|
23
|
+
const textSize = adaptive ? SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP[size] : ETextSize.B4;
|
|
24
|
+
return /* @__PURE__ */ jsx(
|
|
25
|
+
Text,
|
|
26
|
+
{
|
|
27
|
+
tag: "div",
|
|
28
|
+
size: textSize,
|
|
29
|
+
type: EFontType.SECONDARY,
|
|
30
|
+
...htmlDivAttributes,
|
|
31
|
+
className: clsx(styles.islandWidgetHeaderDescription, className),
|
|
32
|
+
children
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
};
|
|
24
36
|
IslandWidgetHeaderDescription.displayName = "IslandWidgetHeaderDescription";
|
|
25
37
|
export {
|
|
26
38
|
IslandWidgetHeaderDescription
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetHeaderDescription.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { Text, ETextSize, EFontType } from \"@sberbusiness/triplex-next/components/Typography\";\n\n/** Свойства компонента IslandWidgetHeaderDescription. */\
|
|
1
|
+
{"version":3,"file":"IslandWidgetHeaderDescription.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderDescription.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\nimport { Text, ETextSize, EFontType } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { IslandWidgetContext } from \"../IslandWidgetContext\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\n\n/** Соответствие размера компонента размеру текста описания в адаптиве. На десктопе во всех размерах B4. */\nconst SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n [EComponentSize.SM]: ETextSize.B4,\n [EComponentSize.MD]: ETextSize.B3,\n [EComponentSize.LG]: ETextSize.B3,\n};\n\n/** Свойства компонента IslandWidgetHeaderDescription. */\nexport interface IIslandWidgetHeaderDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Описание в шапке виджета. Прижимается к правому краю на десктопе и переносится на свою строку в адаптиве.\n * Размер текста берётся из размера виджета: B4 на десктопе, в адаптиве — по SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP.\n */\nexport const IslandWidgetHeaderDescription: React.FC<IIslandWidgetHeaderDescriptionProps> = ({\n children,\n className,\n ...htmlDivAttributes\n}) => {\n const { adaptive, size } = useContext(IslandWidgetContext);\n const textSize = adaptive ? SIZE_TO_ADAPTIVE_TEXT_SIZE_MAP[size] : ETextSize.B4;\n\n return (\n <Text\n tag=\"div\"\n size={textSize}\n type={EFontType.SECONDARY}\n {...htmlDivAttributes}\n className={clsx(styles.islandWidgetHeaderDescription, className)}\n >\n {children}\n </Text>\n );\n};\n\nIslandWidgetHeaderDescription.displayName = \"IslandWidgetHeaderDescription\";\n"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,iCAAoE;AAAA,EACtE,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AASO,MAAM,gCAA+E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,UAAU,SAAS,WAAW,mBAAmB;AACzD,QAAM,WAAW,WAAW,+BAA+B,IAAI,IAAI,UAAU;AAE7E,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACJ,WAAW,KAAK,OAAO,+BAA+B,SAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,EAAA;AAGb;AAEA,8BAA8B,cAAc;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
2
3
|
import { EFontWeightTitle, ETitleSize } from "../../Typography/enums.js";
|
|
3
4
|
import "../../Typography/Caption.js";
|
|
4
5
|
import "../../Typography/CodeText.js";
|
|
5
6
|
import "../../Typography/Text.js";
|
|
6
7
|
import { Title } from "../../Typography/Title.js";
|
|
7
|
-
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-
|
|
8
|
-
import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
|
|
8
|
+
import { s as styles } from "../../../chunks/IslandWidgetHeader.module-D6j13jwR.js";
|
|
9
9
|
const IslandWidgetHeaderTitle = ({
|
|
10
10
|
children,
|
|
11
11
|
className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IslandWidgetHeaderTitle.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { ETitleSize, EFontWeightTitle } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\
|
|
1
|
+
{"version":3,"file":"IslandWidgetHeaderTitle.js","sources":["../../../../src/components/IslandWidget/components/IslandWidgetHeaderTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Title } from \"@sberbusiness/triplex-next/components/Typography\";\nimport { ETitleSize, EFontWeightTitle } from \"@sberbusiness/triplex-next/components/Typography/enums\";\nimport styles from \"../styles/IslandWidgetHeader.module.less\";\n\n/** Свойства компонента IslandWidgetHeaderTitle. */\nexport interface IIslandWidgetHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Заголовок шапки виджета. Однострочный на десктопе, с переносом в адаптиве. */\nexport const IslandWidgetHeaderTitle: React.FC<IIslandWidgetHeaderTitleProps> = ({\n children,\n className,\n ...htmlDivAttributes\n}) => (\n <Title\n size={ETitleSize.H3}\n weight={EFontWeightTitle.MEDIUM}\n {...htmlDivAttributes}\n className={clsx(styles.islandWidgetHeaderTitle, className)}\n >\n {children}\n </Title>\n);\n\nIslandWidgetHeaderTitle.displayName = \"IslandWidgetHeaderTitle\";\n"],"names":[],"mappings":";;;;;;;;AAUO,MAAM,0BAAmE,CAAC;AAAA,EAC7E;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAM,WAAW;AAAA,IACjB,QAAQ,iBAAiB;AAAA,IACxB,GAAG;AAAA,IACJ,WAAW,KAAK,OAAO,yBAAyB,SAAS;AAAA,IAExD;AAAA,EAAA;AACL;AAGJ,wBAAwB,cAAc;"}
|
|
@@ -1,15 +1,25 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import React__default, { useState } from "react";
|
|
3
|
-
import { c as clsx } from "../../../chunks/vendor-
|
|
2
|
+
import React__default, { useState, useCallback, useMemo } from "react";
|
|
3
|
+
import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
|
|
4
4
|
import { IslandWidgetLayoutContext } from "../IslandWidgetLayoutContext.js";
|
|
5
|
-
const islandWidgetWrapper = "
|
|
5
|
+
const islandWidgetWrapper = "islandWidgetWrapper__cbe66ef0";
|
|
6
6
|
const styles = {
|
|
7
7
|
islandWidgetWrapper
|
|
8
8
|
};
|
|
9
9
|
const IslandWidgetWrapper = React__default.forwardRef(
|
|
10
10
|
({ children, className, ...rest }, ref) => {
|
|
11
|
-
const [
|
|
12
|
-
|
|
11
|
+
const [openExtraFooterCount, setOpenExtraFooterCount] = useState(0);
|
|
12
|
+
const addOpenExtraFooter = useCallback(() => setOpenExtraFooterCount((count) => count + 1), []);
|
|
13
|
+
const removeOpenExtraFooter = useCallback(() => setOpenExtraFooterCount((count) => Math.max(0, count - 1)), []);
|
|
14
|
+
const context = useMemo(
|
|
15
|
+
() => ({
|
|
16
|
+
hasExtraFooter: openExtraFooterCount > 0,
|
|
17
|
+
addOpenExtraFooter,
|
|
18
|
+
removeOpenExtraFooter
|
|
19
|
+
}),
|
|
20
|
+
[openExtraFooterCount, addOpenExtraFooter, removeOpenExtraFooter]
|
|
21
|
+
);
|
|
22
|
+
return /* @__PURE__ */ jsx(IslandWidgetLayoutContext.Provider, { value: context, children: /* @__PURE__ */ jsx("div", { className: clsx(styles.islandWidgetWrapper, className), ...rest, ref, children }) });
|
|
13
23
|
}
|
|
14
24
|
);
|
|
15
25
|
IslandWidgetWrapper.displayName = "IslandWidgetWrapper";
|