@viasat/beam-react 2.21.0 → 2.21.1
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/assets/ActionList.css +1 -1
- package/assets/Alert.css +1 -1
- package/assets/Avatar.css +1 -1
- package/assets/Badge.css +1 -1
- package/assets/BadgeDot.css +1 -1
- package/assets/BreadcrumbsItem.css +1 -1
- package/assets/Button.css +1 -1
- package/assets/Checkbox.css +1 -1
- package/assets/Chip.css +1 -1
- package/assets/ChipGroup.css +1 -1
- package/assets/CloseButton.css +1 -1
- package/assets/Divider.css +1 -1
- package/assets/EmptyState.css +1 -1
- package/assets/InputChoiceGroup.css +1 -1
- package/assets/Label.css +1 -1
- package/assets/Link.css +1 -1
- package/assets/List.css +1 -1
- package/assets/Menu.css +1 -1
- package/assets/NativeSelect.css +1 -1
- package/assets/Pagination.css +1 -1
- package/assets/ProgressBar.css +1 -1
- package/assets/RadioButton.css +1 -1
- package/assets/Search.css +1 -1
- package/assets/SpinnerWrap.css +1 -1
- package/assets/Switch.css +1 -1
- package/assets/TextArea.css +1 -1
- package/assets/TextField.css +1 -1
- package/assets/Toast.css +1 -1
- package/assets/ToastContainer.css +1 -1
- package/assets/Tooltip.css +1 -1
- package/assets/accordion.css +1 -1
- package/assets/card.css +1 -1
- package/assets/combobox.css +1 -1
- package/assets/dialog.css +1 -1
- package/assets/fileUpload.css +1 -1
- package/assets/form.css +1 -1
- package/assets/header.css +1 -1
- package/assets/index.css +1 -1
- package/assets/panel.css +1 -1
- package/assets/popover.css +1 -1
- package/assets/segmentedControl.css +1 -1
- package/assets/sideNav.css +1 -1
- package/assets/slider.css +1 -1
- package/assets/stepper.css +1 -1
- package/assets/tabs.css +1 -1
- package/chunks/{ActionList.Group.a-ke8J4W.js → ActionList.Group.B3yidbzz.js} +1 -1
- package/chunks/{ActionList.Group.C23ltM06.js → ActionList.Group.bzp6z1r7.js} +1 -1
- package/chunks/ActionList.Item.Dk8VahiE.js +1 -0
- package/chunks/{ActionList.Item.CxvNhTRB.js → ActionList.Item.Dt-XipPp.js} +45 -43
- package/chunks/{Avatar.C-4xc2_q.js → Avatar.DHMy4mFi.js} +14 -12
- package/chunks/Avatar.DL_F5o6f.js +1 -0
- package/chunks/{BreadcrumbsItem.fDLMzx4K.js → BreadcrumbsItem.6c7NEqgi.js} +18 -16
- package/chunks/BreadcrumbsItem.DM3uQ5rs.js +1 -0
- package/chunks/Search.Results.CFA_KEdP.js +1 -0
- package/chunks/{Search.Results.DR20Rl2x.js → Search.Results.DVf6WKnI.js} +7 -5
- package/chunks/SpinnerWrap.DGQJaMXI.js +1 -0
- package/chunks/{SpinnerWrap.DWZk-Vfo.js → SpinnerWrap.DoQu0axn.js} +10 -8
- package/chunks/{accordion.module.D_MgtPh7.js → accordion.module.CJzbNHWf.js} +2 -0
- package/chunks/accordion.module.Cns7uhLG.js +1 -0
- package/chunks/{card.module.ByBYpexJ.js → card.module.ChiN4e5w.js} +2 -0
- package/chunks/card.module.ZUNe5c82.js +1 -0
- package/chunks/combobox.module.BRWGQi7s.js +1 -0
- package/chunks/{combobox.module.DNJ3sGlK.js → combobox.module.D_HXP875.js} +2 -0
- package/chunks/dialog.module.C_6Qrg4w.js +1 -0
- package/chunks/{dialog.module.D6BI3ubv.js → dialog.module.TRHzVysh.js} +2 -0
- package/chunks/fileUpload.module.DSbhgtTJ.js +1 -0
- package/chunks/{fileUpload.module.Ck0Nfc4j.js → fileUpload.module.OhAxbFdC.js} +2 -0
- package/chunks/{form.context.BhylRiG2.js → form.context.D7b4066_.js} +19 -17
- package/chunks/form.context.hesWPMlU.js +1 -0
- package/chunks/header.module.BcEE-inC.js +1 -0
- package/chunks/{header.module.WpoWPQ08.js → header.module.ClwRt3oZ.js} +2 -0
- package/chunks/{panel.module.BVm3KvDs.js → panel.module.DGxSyRdA.js} +2 -0
- package/chunks/panel.module.a_gaicKX.js +1 -0
- package/chunks/{popover.module.C6KFea25.js → popover.module.3dnl8y6-.js} +4 -2
- package/chunks/popover.module.DGUJIXrP.js +1 -0
- package/chunks/segmentedControl.module.Do2xEatq.js +1 -0
- package/chunks/{segmentedControl.module.BLAuwbVR.js → segmentedControl.module.xmzdEbo3.js} +2 -0
- package/chunks/sideNav.module.CCFDP-MK.js +1 -0
- package/chunks/{sideNav.module.DBN2ryFs.js → sideNav.module.mCiYslMt.js} +2 -0
- package/chunks/{slider.module.BW1fy3GU.js → slider.module.C__JUl2f.js} +2 -0
- package/chunks/slider.module.hYyjcVRE.js +1 -0
- package/chunks/{stepper.module.BbV81plY.js → stepper.module.Ae03m_gJ.js} +2 -0
- package/chunks/stepper.module.BS8Rf-6p.js +1 -0
- package/chunks/tabs.module.BTIfB5R9.js +1 -0
- package/chunks/{tabs.module.DIdPGCch.js → tabs.module.BgpIkRBP.js} +2 -0
- package/index.cjs.js +1 -1
- package/index.es.js +2 -2
- package/lib/Accordion/Accordion.cjs.js +1 -1
- package/lib/Accordion/Accordion.es.js +1 -1
- package/lib/Accordion/AccordionGroup.cjs.js +1 -1
- package/lib/Accordion/AccordionGroup.es.js +1 -1
- package/lib/ActionList/ActionList.Group.cjs.js +1 -1
- package/lib/ActionList/ActionList.Group.es.js +2 -2
- package/lib/ActionList/ActionList.IconButton.cjs.js +1 -1
- package/lib/ActionList/ActionList.IconButton.es.js +1 -1
- package/lib/ActionList/ActionList.Item.cjs.js +1 -1
- package/lib/ActionList/ActionList.Item.es.js +2 -2
- package/lib/ActionList/ActionList.cjs.js +1 -1
- package/lib/ActionList/ActionList.es.js +3 -3
- package/lib/ActionList/useActionListChildren.cjs.js +1 -1
- package/lib/ActionList/useActionListChildren.es.js +2 -2
- package/lib/Alert/Alert.cjs.js +1 -1
- package/lib/Alert/Alert.es.js +24 -22
- package/lib/Autocomplete/Autocomplete.cjs.js +1 -1
- package/lib/Autocomplete/Autocomplete.es.js +2 -2
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.es.js +2 -2
- package/lib/Autocomplete/AutocompleteField.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteField.es.js +1 -1
- package/lib/Autocomplete/useAutocompleteA11y.cjs.js +1 -1
- package/lib/Autocomplete/useAutocompleteA11y.es.js +1 -1
- package/lib/Avatar/Avatar.cjs.js +1 -1
- package/lib/Avatar/Avatar.es.js +1 -1
- package/lib/Avatar/AvatarGroup.cjs.js +1 -1
- package/lib/Avatar/AvatarGroup.es.js +1 -1
- package/lib/Avatar/index.cjs.js +1 -1
- package/lib/Avatar/index.es.js +1 -1
- package/lib/Badge/Badge.cjs.js +1 -1
- package/lib/Badge/Badge.es.js +17 -15
- package/lib/BadgeDot/BadgeDot.cjs.js +1 -1
- package/lib/BadgeDot/BadgeDot.es.js +25 -23
- package/lib/Breadcrumbs/Breadcrumbs.cjs.js +1 -1
- package/lib/Breadcrumbs/Breadcrumbs.es.js +1 -1
- package/lib/Breadcrumbs/BreadcrumbsItem.cjs.js +1 -1
- package/lib/Breadcrumbs/BreadcrumbsItem.es.js +1 -1
- package/lib/Breadcrumbs/index.cjs.js +1 -1
- package/lib/Breadcrumbs/index.es.js +1 -1
- package/lib/Button/Button.cjs.js +1 -1
- package/lib/Button/Button.es.js +13 -11
- package/lib/Card/Card.Body.cjs.js +1 -1
- package/lib/Card/Card.Body.es.js +1 -1
- package/lib/Card/Card.Content.cjs.js +1 -1
- package/lib/Card/Card.Content.es.js +1 -1
- package/lib/Card/Card.Footer.cjs.js +1 -1
- package/lib/Card/Card.Footer.es.js +1 -1
- package/lib/Card/Card.Header.cjs.js +1 -1
- package/lib/Card/Card.Header.es.js +1 -1
- package/lib/Card/Card.Media.cjs.js +1 -1
- package/lib/Card/Card.Media.es.js +1 -1
- package/lib/Card/Card.cjs.js +1 -1
- package/lib/Card/Card.es.js +2 -2
- package/lib/Card/CardGroup.cjs.js +1 -1
- package/lib/Card/CardGroup.es.js +2 -2
- package/lib/Checkbox/Checkbox.cjs.js +1 -1
- package/lib/Checkbox/Checkbox.es.js +31 -29
- package/lib/Chips/Chip.cjs.js +1 -1
- package/lib/Chips/Chip.es.js +28 -26
- package/lib/Chips/ChipGroup.cjs.js +1 -1
- package/lib/Chips/ChipGroup.es.js +15 -13
- package/lib/CloseButton/CloseButton.cjs.js +1 -1
- package/lib/CloseButton/CloseButton.es.js +17 -15
- package/lib/Dialog/Dialog.Body.cjs.js +1 -1
- package/lib/Dialog/Dialog.Body.es.js +1 -1
- package/lib/Dialog/Dialog.Content.cjs.js +1 -1
- package/lib/Dialog/Dialog.Content.es.js +1 -1
- package/lib/Dialog/Dialog.Footer.cjs.js +1 -1
- package/lib/Dialog/Dialog.Footer.es.js +1 -1
- package/lib/Dialog/Dialog.Header.cjs.js +1 -1
- package/lib/Dialog/Dialog.Header.es.js +1 -1
- package/lib/Divider/Divider.cjs.js +1 -1
- package/lib/Divider/Divider.es.js +16 -14
- package/lib/EmptyState/EmptyState.cjs.js +1 -1
- package/lib/EmptyState/EmptyState.es.js +19 -17
- package/lib/FileUpload/FileUpload.Button.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.Button.es.js +1 -1
- package/lib/FileUpload/FileUpload.Dropzone.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.Dropzone.es.js +1 -1
- package/lib/FileUpload/FileUpload.List.Item.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.List.Item.es.js +2 -2
- package/lib/FileUpload/FileUpload.List.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.List.es.js +1 -1
- package/lib/FileUpload/FileUpload.cjs.js +1 -1
- package/lib/FileUpload/FileUpload.es.js +2 -2
- package/lib/Form/Form.cjs.js +1 -1
- package/lib/Form/Form.es.js +1 -1
- package/lib/Form/contexts/form.context.cjs.js +1 -1
- package/lib/Form/contexts/form.context.es.js +1 -1
- package/lib/Form/contexts/index.cjs.js +1 -1
- package/lib/Form/contexts/index.es.js +1 -1
- package/lib/Form/hooks/index.cjs.js +1 -1
- package/lib/Form/hooks/index.es.js +1 -1
- package/lib/Form/hooks/useFieldValidator.hook.cjs.js +1 -1
- package/lib/Form/hooks/useFieldValidator.hook.es.js +1 -1
- package/lib/Header/Header.cjs.js +1 -1
- package/lib/Header/Header.es.js +1 -1
- package/lib/Header/HeaderActionGroup.cjs.js +1 -1
- package/lib/Header/HeaderActionGroup.es.js +1 -1
- package/lib/Header/HeaderMasthead.cjs.js +1 -1
- package/lib/Header/HeaderMasthead.es.js +1 -1
- package/lib/Header/HeaderSideNavTrigger.cjs.js +1 -1
- package/lib/Header/HeaderSideNavTrigger.es.js +1 -1
- package/lib/HelperText/HelperText.cjs.js +1 -1
- package/lib/HelperText/HelperText.es.js +1 -1
- package/lib/HelperText/index.cjs.js +1 -1
- package/lib/HelperText/index.es.js +1 -1
- package/lib/InputChoiceGroup/InputChoiceGroup.cjs.js +1 -1
- package/lib/InputChoiceGroup/InputChoiceGroup.es.js +9 -7
- package/lib/Label/Label.cjs.js +1 -1
- package/lib/Label/Label.es.js +14 -12
- package/lib/Link/Link.cjs.js +1 -1
- package/lib/Link/Link.es.js +26 -24
- package/lib/List/List.cjs.js +1 -1
- package/lib/List/List.es.js +21 -19
- package/lib/Menu/Menu.PopoverContent.cjs.js +1 -1
- package/lib/Menu/Menu.PopoverContent.es.js +15 -13
- package/lib/NativeSelect/NativeSelect.cjs.js +1 -1
- package/lib/NativeSelect/NativeSelect.es.js +33 -31
- package/lib/Pagination/Pagination.cjs.js +1 -1
- package/lib/Pagination/Pagination.es.js +11 -9
- package/lib/Popover/Popover.cjs.js +1 -1
- package/lib/Popover/Popover.content.cjs.js +1 -1
- package/lib/Popover/Popover.content.es.js +1 -1
- package/lib/Popover/Popover.es.js +1 -1
- package/lib/ProgressBar/ProgressBar.cjs.js +1 -1
- package/lib/ProgressBar/ProgressBar.es.js +19 -17
- package/lib/RadioButton/RadioButton.cjs.js +1 -1
- package/lib/RadioButton/RadioButton.es.js +20 -18
- package/lib/SegmentedControl/SegmentedControl.Item.cjs.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.Item.es.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.List.cjs.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.List.es.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.Panel.cjs.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.Panel.es.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.cjs.js +1 -1
- package/lib/SegmentedControl/SegmentedControl.es.js +1 -1
- package/lib/Select/Select.cjs.js +1 -1
- package/lib/Select/Select.es.js +2 -2
- package/lib/Select/SelectDropdown.cjs.js +1 -1
- package/lib/Select/SelectDropdown.es.js +2 -2
- package/lib/Select/SelectField.cjs.js +1 -1
- package/lib/Select/SelectField.es.js +1 -1
- package/lib/Select/useSelectA11y.cjs.js +1 -1
- package/lib/Select/useSelectA11y.es.js +1 -1
- package/lib/SideNav/SideNav.cjs.js +1 -1
- package/lib/SideNav/SideNav.es.js +1 -1
- package/lib/SideNav/SideNavActionListGroup.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListGroup.es.js +2 -2
- package/lib/SideNav/SideNavActionListGroupHeading.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListGroupHeading.es.js +1 -1
- package/lib/SideNav/SideNavActionListItem.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItem.es.js +2 -2
- package/lib/SideNav/SideNavActionListItemExpandable.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.es.js +2 -2
- package/lib/SideNav/SideNavActionListItemFlyout.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.es.js +1 -1
- package/lib/SideNav/SideNavBody.cjs.js +1 -1
- package/lib/SideNav/SideNavBody.es.js +1 -1
- package/lib/SideNav/SideNavFooter.cjs.js +1 -1
- package/lib/SideNav/SideNavFooter.es.js +1 -1
- package/lib/SideNav/SideNavHeader.cjs.js +1 -1
- package/lib/SideNav/SideNavHeader.es.js +1 -1
- package/lib/Slider/DualSlider.cjs.js +1 -1
- package/lib/Slider/DualSlider.es.js +2 -2
- package/lib/Slider/SingleSlider.cjs.js +1 -1
- package/lib/Slider/SingleSlider.es.js +2 -2
- package/lib/Slider/Slider.Error.cjs.js +1 -1
- package/lib/Slider/Slider.Error.es.js +2 -2
- package/lib/Slider/Slider.TextField.cjs.js +1 -1
- package/lib/Slider/Slider.TextField.es.js +1 -1
- package/lib/Slider/Slider.Thumb.cjs.js +1 -1
- package/lib/Slider/Slider.Thumb.es.js +2 -2
- package/lib/Slider/Slider.TickMarks.cjs.js +1 -1
- package/lib/Slider/Slider.TickMarks.es.js +1 -1
- package/lib/Slider/Slider.ValueAxisLabels.cjs.js +1 -1
- package/lib/Slider/Slider.ValueAxisLabels.es.js +1 -1
- package/lib/Slider/hooks/useSliderBase.cjs.js +1 -1
- package/lib/Slider/hooks/useSliderBase.es.js +2 -2
- package/lib/Spinner/Spinner.cjs.js +1 -1
- package/lib/Spinner/Spinner.es.js +1 -1
- package/lib/Spinner/SpinnerWrap.cjs.js +1 -1
- package/lib/Spinner/SpinnerWrap.es.js +1 -1
- package/lib/Stepper/Stepper.Body.cjs.js +1 -1
- package/lib/Stepper/Stepper.Body.es.js +1 -1
- package/lib/Stepper/Stepper.Heading.cjs.js +1 -1
- package/lib/Stepper/Stepper.Heading.es.js +1 -1
- package/lib/Stepper/Stepper.Marker.cjs.js +1 -1
- package/lib/Stepper/Stepper.Marker.es.js +1 -1
- package/lib/Stepper/Stepper.Step.cjs.js +1 -1
- package/lib/Stepper/Stepper.Step.es.js +1 -1
- package/lib/Stepper/Stepper.cjs.js +1 -1
- package/lib/Stepper/Stepper.es.js +1 -1
- package/lib/Switch/Switch.cjs.js +1 -1
- package/lib/Switch/Switch.es.js +28 -26
- package/lib/Tabs/Tabs.Group.cjs.js +1 -1
- package/lib/Tabs/Tabs.Group.es.js +1 -1
- package/lib/Tabs/Tabs.Item.cjs.js +1 -1
- package/lib/Tabs/Tabs.Item.es.js +1 -1
- package/lib/Tabs/Tabs.Panel.cjs.js +1 -1
- package/lib/Tabs/Tabs.Panel.es.js +1 -1
- package/lib/Tabs/Tabs.cjs.js +1 -1
- package/lib/Tabs/Tabs.es.js +1 -1
- package/lib/TextArea/TextArea.cjs.js +1 -1
- package/lib/TextArea/TextArea.es.js +13 -11
- package/lib/TextField/TextField.cjs.js +1 -1
- package/lib/TextField/TextField.es.js +7 -5
- package/lib/Toasts/Toast.cjs.js +1 -1
- package/lib/Toasts/Toast.es.js +11 -9
- package/lib/Toasts/ToastContainer.cjs.js +1 -1
- package/lib/Toasts/ToastContainer.es.js +19 -17
- package/lib/Tooltip/Tooltip.cjs.js +1 -1
- package/lib/Tooltip/Tooltip.es.js +15 -13
- package/lib/_Options/OptionChips.cjs.js +1 -1
- package/lib/_Options/OptionChips.es.js +1 -1
- package/lib/_Options/useSelectValue.cjs.js +1 -1
- package/lib/_Options/useSelectValue.es.js +1 -1
- package/lib/index.cjs.js +1 -1
- package/lib/index.es.js +2 -2
- package/lib/wip/Panel/Panel.Body.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Body.es.js +1 -1
- package/lib/wip/Panel/Panel.Footer.Actions.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Footer.Actions.es.js +1 -1
- package/lib/wip/Panel/Panel.Footer.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Footer.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.ContentAfter.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.ContentAfter.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.ContentBefore.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.ContentBefore.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.Description.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.Description.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.Heading.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.Heading.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.Row.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.Row.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.Subheader.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.Subheader.es.js +1 -1
- package/lib/wip/Panel/Panel.Header.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Header.es.js +1 -1
- package/lib/wip/Panel/Panel.Inline.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Inline.es.js +1 -1
- package/lib/wip/Panel/Panel.Overlay.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Overlay.es.js +1 -1
- package/lib/wip/Panel/Panel.cjs.js +1 -1
- package/lib/wip/Panel/Panel.es.js +1 -1
- package/lib/wip/Search/Search.Results.ViewAll.cjs.js +1 -1
- package/lib/wip/Search/Search.Results.ViewAll.es.js +1 -1
- package/lib/wip/Search/Search.Results.cjs.js +1 -1
- package/lib/wip/Search/Search.Results.es.js +1 -1
- package/lib/wip/Search/Search.cjs.js +1 -1
- package/lib/wip/Search/Search.es.js +2 -2
- package/lib/wip/Search/SearchDropdown.cjs.js +1 -1
- package/lib/wip/Search/SearchDropdown.es.js +2 -2
- package/package.json +6 -6
- package/chunks/ActionList.Item.YxZyttjT.js +0 -1
- package/chunks/Avatar.CKJ80I6h.js +0 -1
- package/chunks/BreadcrumbsItem.BkT8MeqE.js +0 -1
- package/chunks/Search.Results.DBQWuhZu.js +0 -1
- package/chunks/SpinnerWrap.Dyuei3Yi.js +0 -1
- package/chunks/accordion.module.CoPeAto1.js +0 -1
- package/chunks/card.module.8KnCe1uR.js +0 -1
- package/chunks/combobox.module.XIDBRMf_.js +0 -1
- package/chunks/dialog.module.COfowyPc.js +0 -1
- package/chunks/fileUpload.module.CYse7_N5.js +0 -1
- package/chunks/form.context.B26th8Od.js +0 -1
- package/chunks/header.module.BuIYSyu4.js +0 -1
- package/chunks/panel.module.BX1x4FlX.js +0 -1
- package/chunks/popover.module.Dum8SaSU.js +0 -1
- package/chunks/segmentedControl.module.BTtkp9Hz.js +0 -1
- package/chunks/sideNav.module.B3wMOMTH.js +0 -1
- package/chunks/slider.module.Ds7jMW6I.js +0 -1
- package/chunks/stepper.module.B6DIBv0A.js +0 -1
- package/chunks/tabs.module.B6iC5RD9.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { s as e } from "../../chunks/stepper.module.
|
|
2
|
+
import { s as e } from "../../chunks/stepper.module.Ae03m_gJ.js";
|
|
3
3
|
import { g as p } from "../../chunks/classNames.BTJmrO_L.js";
|
|
4
4
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
5
5
|
import n from "clsx";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("clsx"),g=require("../../chunks/Check.CR4kqxW9.js"),y=require("react"),S=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const o=require("../../chunks/stepper.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("clsx"),g=require("../../chunks/Check.CR4kqxW9.js"),y=require("react"),S=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const o=require("../../chunks/stepper.module.BS8Rf-6p.js"),c=require("../../chunks/stepper.Dv0fTQr3.js");function v(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=v(y),j=e=>i.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 3H10V15H14V3ZM12 21C13.1046 21 14 20.1046 14 19C14 17.8954 13.1046 17 12 17C10.8954 17 10 17.8954 10 19C10 20.1046 10.8954 21 12 21Z",fill:"currentColor"})),{subElementClassPrefix:x}=S.getBEMClassNames("stepper"),p=`${x}marker`,u=`${p}--`,C=({children:e,status:t,className:r,"aria-label":s,onClick:a,...m})=>{const d=!e,f=b(o.styles[p],d&&o.styles[`${u}marker-only`],a&&o.styles[`${u}interactive`],r);let n=e;return t===c.StepperStatuses.Complete&&(n=l.jsx(g.SvgCheck,{})),t===c.StepperStatuses.Error&&(n=l.jsx(j,{})),l.jsx("button",{className:f,type:"button","aria-label":s,onClick:a,disabled:!a,tabIndex:a?void 0:-1,...m,children:n})};exports.StepperMarker=C;
|
|
@@ -4,7 +4,7 @@ import { S as g } from "../../chunks/Check.DrrmNVhJ.js";
|
|
|
4
4
|
import * as l from "react";
|
|
5
5
|
import { g as C } from "../../chunks/classNames.BTJmrO_L.js";
|
|
6
6
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
7
|
-
import { s as o } from "../../chunks/stepper.module.
|
|
7
|
+
import { s as o } from "../../chunks/stepper.module.Ae03m_gJ.js";
|
|
8
8
|
import { a as m } from "../../chunks/stepper.C_I6_cLs.js";
|
|
9
9
|
const u = (e) => /* @__PURE__ */ l.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 3H10V15H14V3ZM12 21C13.1046 21 14 20.1046 14 19C14 17.8954 13.1046 17 12 17C10.8954 17 10 17.8954 10 19C10 20.1046 10.8954 21 12 21Z", fill: "currentColor" })), { subElementClassPrefix: x } = C("stepper"), n = `${x}marker`, i = `${n}--`, k = ({
|
|
10
10
|
children: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("clsx"),N=require("react"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const e=require("../../chunks/stepper.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("clsx"),N=require("react"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const e=require("../../chunks/stepper.module.BS8Rf-6p.js"),a=require("../../chunks/stepper.Dv0fTQr3.js"),g=require("./Stepper.Marker.cjs.js"),f=require("./Stepper.Context.cjs.js"),M=require("./Stepper.Heading.cjs.js"),W=require("./Stepper.Body.cjs.js"),{subElementClassPrefix:c}=j.getBEMClassNames("stepper"),u=`${c}step`,o=`${u}--`,$=`${c}marker-wrapper`,S=`${$}--`,y=`${c}content-wrapper`,l=`${y}--`,v=C=>{const{ctxOrientation:t}=N.useContext(f.StepperContext),{status:n=a.StepperStatuses.Incomplete,className:x,children:p,onClick:d,style:_,"aria-label":h,markerContent:s,heading:m}=C;if(t===a.StepperOrientations.Horizontal&&p&&!m)throw new Error("StepperStep: Horizontal orientation requires a heading prop when children are provided.");const k=i(e.styles[u],e.styles[`${o}${n}`],e.styles[`${o}${t}`],{[`${o}marker-only`]:!s},x),q=i(e.styles[$],e.styles[`${S}${t}`],{[`${S}marker-only`]:!s}),b=i(e.styles[y],e.styles[`${l}${t}`],e.styles[`${l}${n}`],{[`${l}marker-only`]:!s});return r.jsxs("li",{className:k,style:_,children:[r.jsxs("div",{className:q,children:[r.jsx(g.StepperMarker,{status:n,onClick:d,"aria-label":h,children:s}),r.jsxs("div",{children:[r.jsx(M.StepperHeading,{onClick:d,children:m}),t===a.StepperOrientations.Horizontal?r.jsx(W.StepperBody,{children:p}):null]})]}),r.jsx("div",{className:b,children:t===a.StepperOrientations.Vertical?p:null})]})};exports.StepperStep=v;
|
|
@@ -3,7 +3,7 @@ import i from "clsx";
|
|
|
3
3
|
import { useContext as g } from "react";
|
|
4
4
|
import { g as w } from "../../chunks/classNames.BTJmrO_L.js";
|
|
5
5
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
6
|
-
import { s as r } from "../../chunks/stepper.module.
|
|
6
|
+
import { s as r } from "../../chunks/stepper.module.Ae03m_gJ.js";
|
|
7
7
|
import { a as v, S as p } from "../../chunks/stepper.C_I6_cLs.js";
|
|
8
8
|
import { StepperMarker as B } from "./Stepper.Marker.es.js";
|
|
9
9
|
import { StepperContext as H } from "./Stepper.Context.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("react"),d=require("clsx"),i=require("../../chunks/stepper.module.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("react"),d=require("clsx"),i=require("../../chunks/stepper.module.BS8Rf-6p.js"),q=require("../../chunks/constants.hwjHOsvT.js"),m=require("../../chunks/classNames.DAeKwerT.js"),r=require("../../chunks/stepper.Dv0fTQr3.js"),x=require("./Stepper.Marker.cjs.js"),b=require("./Stepper.Step.cjs.js"),M=require("./Stepper.Body.cjs.js"),g=require("./Stepper.Heading.cjs.js"),s=require("./Stepper.Context.cjs.js"),{baseClassNamePrefix:n}=m.getBEMClassNames("stepper");function e({theme:p,className:a,orientation:t=r.StepperOrientations.Horizontal,children:S,...u}){const c=d(i.styles[n],p&&q.themeClassName(p),i.styles[`${n}--${t}`],a),l=_.useMemo(()=>({ctxOrientation:t}),[t]);return o.jsx(s.StepperProvider,{value:l,children:o.jsx("ol",{className:c,...u,children:S})})}e.Marker=x.StepperMarker;e.Step=b.StepperStep;e.Heading=g.StepperHeading;e.Body=M.StepperBody;e.Context=s.StepperContext;e.Provider=s.StepperProvider;e.Statuses=r.StepperStatuses;e.Orientations=r.StepperOrientations;exports.Stepper=e;exports.default=e;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo as c } from "react";
|
|
3
3
|
import d from "clsx";
|
|
4
|
-
import { s as p } from "../../chunks/stepper.module.
|
|
4
|
+
import { s as p } from "../../chunks/stepper.module.Ae03m_gJ.js";
|
|
5
5
|
import { t as u } from "../../chunks/constants.CKKGf1-i.js";
|
|
6
6
|
import { g as x } from "../../chunks/classNames.BTJmrO_L.js";
|
|
7
7
|
import { S as m, a as C } from "../../chunks/stepper.C_I6_cLs.js";
|
package/lib/Switch/Switch.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var W=require("../../assets/Switch.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
var W=require("../../assets/Switch.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),z=require("clsx"),A=require("../../chunks/classNames.DAeKwerT.js"),J=require("../../chunks/constants.hwjHOsvT.js"),t=require("react"),K=require("../InputChoiceGroup/InputChoiceGroup.context.cjs.js"),L=require("../../chunks/form.context.hesWPMlU.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const s={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-switch--read-only":"bm-switch--read-only","bm-switch--disabled":"bm-switch--disabled","bm-switch__label":"bm-switch__label","bm-switch":"bm-switch","bm-switch__switchBackground":"bm-switch__switchBackground","bm-switch--before":"bm-switch--before","bm-switch--after":"bm-switch--after"},{baseClassNamePrefix:Q,subElementClassPrefix:q,classModifierPrefix:b}=A.getBEMClassNames("switch"),U=t.forwardRef(function({theme:u,onText:r,offText:i,textPosition:h,readOnly:N,disabled:R,...m},j){const{value:x,checked:a,defaultChecked:I,onChange:C,onClick:f,name:S}=m,{ctxName:B,ctxDisabled:O,ctxReadOnly:$}=t.useContext(K.InputChoiceGroupContext),{ctxDisabled:v,ctxReadOnly:D,ctxInitialValues:E}=t.useContext(L.FormContext),l=a!==void 0,w=S||B,o=R||O||v,c=N||$||D,F=!!x&&E[w]===x,k=I||F,p=t.useRef(null),[d,_]=t.useState(a??k??!1),[y,G]=t.useState(null),M=e=>{if(c){e.preventDefault();return}!l&&_(e.target.checked),C&&C(e)},P=e=>{if(c){e.preventDefault();return}f&&f(e)},g=e=>{const{target:T}=e,{current:V}=p;T===V&&e.stopPropagation()};t.useEffect(()=>{l&&_(a)},[a,l]),t.useEffect(()=>{G(d?r||i:i||r)},[r,i,d]);const H=z(s[Q],u&&J.themeClassName(u),h&&s[`${b}${h}`],o&&s[`${b}disabled`],c&&s[`${b}read-only`]);return n.jsx("div",{className:H,children:n.jsxs("label",{tabIndex:-1,ref:p,onBlur:g,onFocus:g,className:s[`${q}label`],children:[n.jsx("input",{ref:j,role:"switch",type:"checkbox",name:w,readOnly:c,disabled:o,"aria-disabled":o,"aria-readonly":c,"aria-checked":d,defaultChecked:k,onClick:P,onChange:M,...m}),n.jsx("span",{className:s[`${q}switchBackground`]}),y&&n.jsx("span",{children:y})]})})});exports.Switch=U;
|
package/lib/Switch/Switch.es.js
CHANGED
|
@@ -3,15 +3,17 @@ import { jsx as a, jsxs as K } from "react/jsx-runtime";
|
|
|
3
3
|
import L from "clsx";
|
|
4
4
|
import { g as Q } from "../../chunks/classNames.BTJmrO_L.js";
|
|
5
5
|
import { t as U } from "../../chunks/constants.CKKGf1-i.js";
|
|
6
|
-
import
|
|
6
|
+
import m, { forwardRef as W, useState as N, useEffect as R } from "react";
|
|
7
7
|
import { InputChoiceGroupContext as X } from "../InputChoiceGroup/InputChoiceGroup.context.es.js";
|
|
8
|
-
import { F as Y } from "../../chunks/form.context.
|
|
8
|
+
import { F as Y } from "../../chunks/form.context.D7b4066_.js";
|
|
9
9
|
import "../Form/contexts/label.context.es.js";
|
|
10
10
|
import "../Form/contexts/helperText.context.es.js";
|
|
11
11
|
const t = {
|
|
12
12
|
"bm-light": "bm-light",
|
|
13
13
|
"bm-dark": "bm-dark",
|
|
14
14
|
"bm-inverse": "bm-inverse",
|
|
15
|
+
"bm-enterprise": "bm-enterprise",
|
|
16
|
+
"bm-consumer": "bm-consumer",
|
|
15
17
|
"bm-switch--read-only": "bm-switch--read-only",
|
|
16
18
|
"bm-switch--disabled": "bm-switch--disabled",
|
|
17
19
|
"bm-switch__label": "bm-switch__label",
|
|
@@ -19,13 +21,13 @@ const t = {
|
|
|
19
21
|
"bm-switch__switchBackground": "bm-switch__switchBackground",
|
|
20
22
|
"bm-switch--before": "bm-switch--before",
|
|
21
23
|
"bm-switch--after": "bm-switch--after"
|
|
22
|
-
}, { baseClassNamePrefix: Z, subElementClassPrefix: B, classModifierPrefix:
|
|
24
|
+
}, { baseClassNamePrefix: Z, subElementClassPrefix: B, classModifierPrefix: d } = Q("switch"), le = W(function({
|
|
23
25
|
//global props
|
|
24
|
-
theme:
|
|
26
|
+
theme: b,
|
|
25
27
|
//BEAM props
|
|
26
|
-
onText:
|
|
27
|
-
offText:
|
|
28
|
-
textPosition:
|
|
28
|
+
onText: r,
|
|
29
|
+
offText: n,
|
|
30
|
+
textPosition: h,
|
|
29
31
|
readOnly: $,
|
|
30
32
|
disabled: D,
|
|
31
33
|
...f
|
|
@@ -37,16 +39,16 @@ const t = {
|
|
|
37
39
|
onChange: w,
|
|
38
40
|
onClick: C,
|
|
39
41
|
name: O
|
|
40
|
-
} = f, { ctxName: v, ctxDisabled: E, ctxReadOnly: S } =
|
|
42
|
+
} = f, { ctxName: v, ctxDisabled: E, ctxReadOnly: S } = m.useContext(X), {
|
|
41
43
|
ctxDisabled: j,
|
|
42
44
|
ctxReadOnly: M,
|
|
43
45
|
ctxInitialValues: P
|
|
44
|
-
} =
|
|
46
|
+
} = m.useContext(Y), o = c !== void 0, p = O || v, i = D || E || j, s = $ || S || M, G = !!u && P[p] === u, x = I || G, k = m.useRef(null), [l, _] = N(c ?? x ?? !1), [g, V] = N(null), q = (e) => {
|
|
45
47
|
if (s) {
|
|
46
48
|
e.preventDefault();
|
|
47
49
|
return;
|
|
48
50
|
}
|
|
49
|
-
!
|
|
51
|
+
!o && _(e.target.checked), w && w(e);
|
|
50
52
|
}, z = (e) => {
|
|
51
53
|
if (s) {
|
|
52
54
|
e.preventDefault();
|
|
@@ -54,26 +56,26 @@ const t = {
|
|
|
54
56
|
}
|
|
55
57
|
C && C(e);
|
|
56
58
|
}, y = (e) => {
|
|
57
|
-
const { target: H } = e, { current: J } =
|
|
59
|
+
const { target: H } = e, { current: J } = k;
|
|
58
60
|
H === J && e.stopPropagation();
|
|
59
61
|
};
|
|
60
62
|
R(() => {
|
|
61
|
-
|
|
62
|
-
}, [c,
|
|
63
|
-
V(
|
|
64
|
-
}, [
|
|
63
|
+
o && _(c);
|
|
64
|
+
}, [c, o]), R(() => {
|
|
65
|
+
V(l ? r || n : n || r);
|
|
66
|
+
}, [r, n, l]);
|
|
65
67
|
const A = L(
|
|
66
68
|
t[Z],
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
s && t[`${
|
|
69
|
+
b && U(b),
|
|
70
|
+
h && t[`${d}${h}`],
|
|
71
|
+
i && t[`${d}disabled`],
|
|
72
|
+
s && t[`${d}read-only`]
|
|
71
73
|
);
|
|
72
74
|
return /* @__PURE__ */ a("div", { className: A, children: /* @__PURE__ */ K(
|
|
73
75
|
"label",
|
|
74
76
|
{
|
|
75
77
|
tabIndex: -1,
|
|
76
|
-
ref:
|
|
78
|
+
ref: k,
|
|
77
79
|
onBlur: y,
|
|
78
80
|
onFocus: y,
|
|
79
81
|
className: t[`${B}label`],
|
|
@@ -84,13 +86,13 @@ const t = {
|
|
|
84
86
|
ref: F,
|
|
85
87
|
role: "switch",
|
|
86
88
|
type: "checkbox",
|
|
87
|
-
name:
|
|
89
|
+
name: p,
|
|
88
90
|
readOnly: s,
|
|
89
|
-
disabled:
|
|
90
|
-
"aria-disabled":
|
|
91
|
+
disabled: i,
|
|
92
|
+
"aria-disabled": i,
|
|
91
93
|
"aria-readonly": s,
|
|
92
|
-
"aria-checked":
|
|
93
|
-
defaultChecked:
|
|
94
|
+
"aria-checked": l,
|
|
95
|
+
defaultChecked: x,
|
|
94
96
|
onClick: z,
|
|
95
97
|
onChange: q,
|
|
96
98
|
...f
|
|
@@ -103,5 +105,5 @@ const t = {
|
|
|
103
105
|
) });
|
|
104
106
|
});
|
|
105
107
|
export {
|
|
106
|
-
|
|
108
|
+
le as Switch
|
|
107
109
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),$=require("../Box/Box.cjs.js"),K=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const Q=require("../../chunks/helpers.COm6C5Gf.js"),m=require("clsx"),c=require("../../chunks/tabs.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),$=require("../Box/Box.cjs.js"),K=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const Q=require("../../chunks/helpers.COm6C5Gf.js"),m=require("clsx"),c=require("../../chunks/tabs.module.BTIfB5R9.js"),U=require("../../chunks/tokens.Bc11gmpN.js"),X=require("../Button/Button.cjs.js"),O=require("../../chunks/ChevronLeftCurved.JKg9pOxN.js"),N=require("../../chunks/ChevronRightCurved.CoT-Bqyo.js"),Y=require("./TabsContext.cjs.js"),k=require("../../utils/hooks/index.cjs.js"),Z=({children:d,className:h,...f})=>{const{selectedValue:g,setSelectedValue:v,setTabItems:S,fluid:y,orientation:C,setGroupRef:x}=Y.useTabs(),[M,E]=i.useState(!1),[z,G]=i.useState(!1),l=i.useRef(null),{subElementClassPrefix:H}=K.getBEMClassNames("tabs"),n=`${H}group`,s=k.useRTLDirection(l),L=C==="horizontal",R=k.useMobileDetection(),[I,D]=i.useState(!0),[P,V]=i.useState(!1),[F,J]=i.useState(!1);i.useEffect(()=>{if(!g){const t=i.Children.toArray(d);if(t.length===0)return;if(t.length===1){const e=t[0];v(e.props.value),S([e.props.value]);return}const o=t.filter(e=>!e.props.disabled);o.length>0&&v(o[0].props.value),S(t.map(e=>e.props.value))}},[]),i.useEffect(()=>{x(l)},[x]);const _=i.useCallback(()=>{if(!l.current)return;const{scrollLeft:t,scrollWidth:o,clientWidth:e}=l.current,r=2,u=s?{isAtStart:Math.abs(t)<=r,isAtEnd:Math.abs(t)>=o-e-r}:{isAtEnd:t>=o-e-r,isAtStart:t<=r};D(u.isAtStart),V(u.isAtEnd),E(o>e&&!u.isAtEnd),G(o>e&&!u.isAtStart)},[s]);i.useEffect(()=>{if(!L||!l.current)return;const t=l.current,o=()=>{if(!t)return;const{scrollWidth:u,clientWidth:p}=t,b=u>p;J(b),E(b),l.current&&l.current.classList.add(c.styles[`${n}--at-start`]),_()};o(),t.addEventListener("scroll",_,{passive:!0});const e=Q.debounce(o),r=new ResizeObserver(e);return r.observe(t),()=>{t.removeEventListener("scroll",_),r.disconnect(),e.cancel()}},[C,d,_,n,L]);const T=()=>{if(!l.current)return;const t=l.current;s?j(t):w(t)},A=()=>{if(!l.current)return;const t=l.current;s?w(t):j(t)},B=.4,q=.7,j=t=>{const{scrollLeft:o}=t,e=t.clientWidth*B;if(Math.abs(o)<e)t.scrollTo({left:0,behavior:"smooth"});else{const r=t.clientWidth*q;t.scrollBy({left:s?r:-r,behavior:"smooth"})}},w=t=>{const{scrollLeft:o,scrollWidth:e,clientWidth:r}=t,u=s?e-r-Math.abs(o):e-r-o,p=r*B;if(u<p)t.scrollTo({left:s?-(e-r):e-r,behavior:"smooth"});else{const b=t.clientWidth*q;t.scrollBy({left:s?-b:b,behavior:"smooth"})}};return a.jsxs($.Box,{className:m(c.styles[n],y&&c.styles[`${n}--fluid`],C==="vertical"&&c.styles[`${n}--vertical`],h),...f,children:[a.jsx("div",{className:m(c.styles[`${n}__content`],F&&c.styles[`${n}__content--scrollable`],I&&c.styles[`${n}__content--at-start`],P&&c.styles[`${n}__content--at-end`]),ref:l,role:"tablist","aria-orientation":C,"data-direction":s?"rtl":"ltr",children:d}),L&&a.jsxs($.Box,{className:c.styles[`${n}__scroll-container`],...f,children:[a.jsx(W,{side:s?"right":"left",baseClass:n,isVisible:z&&!R,onClick:s?T:A,ariaLabel:s?"Scroll tabs right":"Scroll tabs left",icon:s?a.jsx(N.SvgChevronRightCurved,{}):a.jsx(O.SvgChevronLeftCurved,{})}),a.jsx(W,{side:s?"left":"right",baseClass:n,isVisible:M&&!R,onClick:s?A:T,ariaLabel:s?"Scroll tabs left":"Scroll tabs right",icon:s?a.jsx(O.SvgChevronLeftCurved,{}):a.jsx(N.SvgChevronRightCurved,{})})]})]})},W=({side:d,baseClass:h,isVisible:f,onClick:g,ariaLabel:v,icon:S})=>{const y=m(c.styles[`${h}__scroll-button`],f&&c.styles[`${h}__scroll-button--visible`]);return a.jsx("div",{className:m(c.styles[`${h}__scroll-container--${d}`]),"aria-hidden":"true",children:f&&a.jsx(X.Button,{className:y,onClick:g,"aria-label":v,kind:"ghost",size:"sm",productType:"consumer",iconOnly:!0,iconBefore:S,appearance:"neutral-subtle",style:{background:U.bmSemColorSurface01}})})};exports.TabsGroup=Z;
|
|
@@ -5,7 +5,7 @@ import { g as Y } from "../../chunks/classNames.BTJmrO_L.js";
|
|
|
5
5
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
6
6
|
import { d as Z } from "../../chunks/helpers.CPNYYxrE.js";
|
|
7
7
|
import _ from "clsx";
|
|
8
|
-
import { s as c } from "../../chunks/tabs.module.
|
|
8
|
+
import { s as c } from "../../chunks/tabs.module.BgpIkRBP.js";
|
|
9
9
|
import { a as tt } from "../../chunks/tokens.BD_71qmL.js";
|
|
10
10
|
import { Button as et } from "../Button/Button.es.js";
|
|
11
11
|
import { S as x } from "../../chunks/ChevronLeftCurved.CX7aH27X.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),f=require("react"),D=require("clsx"),l=require("../../chunks/tabs.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),f=require("react"),D=require("clsx"),l=require("../../chunks/tabs.module.BTIfB5R9.js"),C=require("./TabsContext.cjs.js"),G=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const P=require("../Tooltip/Tooltip.cjs.js"),H=require("../../utils/hooks/index.cjs.js"),J=require("../../utils/hooks/useKeyboardNavigation.cjs.js"),L=({value:t,disabled:N=!1,className:T,children:r,icon:c,"aria-label":y,...j})=>{const d=f.useRef(null),[S,$]=f.useState(!1),{selectedValue:E,setSelectedValue:m,fluid:F,orientation:u,size:x,disabled:g,onChange:o,tabItems:h,groupRef:n}=C.useTabs(),a=N||g,_=E===t,v=!!c&&!r,{subElementClassPrefix:M}=G.getBEMClassNames("tabs"),e=`${M}item`,w=D(l.styles[e],_&&l.styles[`${e}--selected`],u&&l.styles[`${e}--${u}`],x&&l.styles[`${e}--${x}`],F&&u==="horizontal"&&l.styles[`${e}--fluid`],a&&l.styles[`${e}--disabled`],v&&l.styles[`${e}--icon-only`],T),K=f.useMemo(()=>`tab-${t}-${Math.random().toString(36).slice(2,9)}`,[t]),R=()=>{a||(m(t),o==null||o(t))},k=(s,B=!1)=>{if(s!==t){if(!(n!=null&&n.current))return;const I=n.current.querySelector(`[data-tab-value="${s}"]`);I&&(I.focus(),B&&(m(s),o==null||o(s)))}},{handleKeyDown:z}=J.useKeyboardNavigation({currentValue:t,items:h||[],containerRef:n||d,dataAttribute:"data-tab-value",disabledClassName:l.styles[`${e}--disabled`],onFocusItem:s=>k(s,!1),onSelectItem:s=>{a||(m(s),o==null||o(s))},isHorizontal:u==="horizontal"}),{ref:O,isOverFlowing:A}=H.useIsOverFlowing();let b=!1;(!r&&c||A)&&(b=!0);const p=()=>{a||$(!0)},q=()=>{$(!1)};return f.useEffect(()=>{var s;d.current&&((s=d.current.querySelector(".bm-floatingui-trigger"))==null||s.removeAttribute("aria-expanded"))},[]),i.jsxs("div",{className:w,ref:d,"data-tab-value":t,role:"tab",id:K,"aria-selected":_,"aria-disabled":a,"aria-controls":`panel-${t}`,tabIndex:a?-1:_?0:-1,onKeyDown:a?void 0:z,onClick:a?void 0:R,onFocus:p,onBlur:q,onMouseEnter:p,onMouseLeave:q,...j,children:[i.jsx(P.Tooltip,{text:y||r,disabled:!b,portalled:!0,open:S&&b,children:i.jsx("div",{className:`${e}__content`,children:i.jsxs("div",{className:`${e}__label`,"aria-label":y,children:[c&&i.jsx("span",{className:`${e}__icon`,children:c}),r&&i.jsx("span",{ref:O,className:`${e}__controlText`,children:r})]})})}),i.jsx("span",{className:`${e}__indicator`})]})};exports.TabsItem=L;
|
package/lib/Tabs/Tabs.Item.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as y, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as q, useState as G, useMemo as C, useEffect as H } from "react";
|
|
3
3
|
import P from "clsx";
|
|
4
|
-
import { s as r } from "../../chunks/tabs.module.
|
|
4
|
+
import { s as r } from "../../chunks/tabs.module.BgpIkRBP.js";
|
|
5
5
|
import { useTabs as J } from "./TabsContext.es.js";
|
|
6
6
|
import { g as L } from "../../chunks/classNames.BTJmrO_L.js";
|
|
7
7
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),d=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const a=require("../../chunks/tabs.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),d=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const a=require("../../chunks/tabs.module.BTIfB5R9.js"),m=require("clsx"),q=require("./TabsContext.cjs.js"),T=({value:e,children:l,className:n,...r})=>{const{selectedValue:c}=q.useTabs(),s=c===e,o=`panel-${e}`,{subElementClassPrefix:i}=d.getBEMClassNames("tabs"),t=`${i}panel`,b=m(a.styles[t],s&&a.styles[`${t}--selected`],n);return u.jsx("div",{role:"tabpanel",className:b,"aria-hidden":!s,id:o,"aria-labelledby":`tab-${e}`,...r,children:l})};exports.TabsPanel=T;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
2
|
import { g as b } from "../../chunks/classNames.BTJmrO_L.js";
|
|
3
3
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
4
|
-
import { s as t } from "../../chunks/tabs.module.
|
|
4
|
+
import { s as t } from "../../chunks/tabs.module.BgpIkRBP.js";
|
|
5
5
|
import d from "clsx";
|
|
6
6
|
import { useTabs as f } from "./TabsContext.es.js";
|
|
7
7
|
const y = ({
|
package/lib/Tabs/Tabs.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),M=require("../Box/Box.cjs.js"),R=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const z=require("clsx"),s=require("../../chunks/tabs.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),M=require("../Box/Box.cjs.js"),R=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const z=require("clsx"),s=require("../../chunks/tabs.module.BTIfB5R9.js"),w=require("./TabsContext.cjs.js"),g=require("./Tabs.Group.cjs.js"),h=require("./Tabs.Panel.cjs.js"),A=require("./Tabs.Item.cjs.js"),P=require("../Divider/Divider.cjs.js"),i=({orientation:a="horizontal",fluid:n=!1,divider:o=!0,size:c="md",initialSelection:I,disabled:u=!1,contentGutter:b,dividerColor:d="03",onChange:m,children:$,className:S,...C})=>{const{baseClassNamePrefix:G,classModifierPrefix:p,subElementClassPrefix:l}=R.getBEMClassNames("tabs"),V=z(s.styles[G],n&&a==="horizontal"&&s.styles[`${p}fluid`],a==="vertical"&&s.styles[`${p}vertical`],S),[y,x]=t.useState(I),[T,v]=t.useState([]),[_,f]=t.useState(void 0),q=t.Children.toArray($),j=q.find(r=>t.isValidElement(r)&&typeof r.type!="string"&&r.type===g.TabsGroup),N=q.filter(r=>t.isValidElement(r)&&typeof r.type!="string"&&r.type===h.TabsPanel),B=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.styles[`${l}wrapper`],style:{paddingInline:b},children:[j,o&&e.jsx(P.Divider,{className:s.styles[`${l}divider`],borderColor:d})]}),e.jsx("div",{className:s.styles[`${l}panels`],style:{paddingInline:b},children:N})]}),D=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.styles[`${l}wrapper`],children:[o&&e.jsx(P.Divider,{className:s.styles[`${l}divider`],borderColor:d,orientation:"vertical"}),j]}),N]}),E=t.useMemo(()=>({orientation:a,fluid:n,size:c,selectedValue:y,setSelectedValue:x,tabItems:T,setTabItems:v,onChange:m,disabled:u,groupRef:_,setGroupRef:f}),[a,n,c,y,T,m,u,_,x,v,f]);return e.jsx(w.TabsProvider,{value:E,children:e.jsxs(M.Box,{className:V,...C,children:[a==="horizontal"&&B(),a==="vertical"&&D()]})})};i.Group=g.TabsGroup;i.Panel=h.TabsPanel;i.Item=A.TabsItem;exports.Tabs=i;
|
package/lib/Tabs/Tabs.es.js
CHANGED
|
@@ -4,7 +4,7 @@ import { Box as q } from "../Box/Box.es.js";
|
|
|
4
4
|
import { g as H } from "../../chunks/classNames.BTJmrO_L.js";
|
|
5
5
|
import "../../chunks/constants.CKKGf1-i.js";
|
|
6
6
|
import J from "clsx";
|
|
7
|
-
import { s as e } from "../../chunks/tabs.module.
|
|
7
|
+
import { s as e } from "../../chunks/tabs.module.BgpIkRBP.js";
|
|
8
8
|
import { TabsProvider as K } from "./TabsContext.es.js";
|
|
9
9
|
import { TabsGroup as z } from "./Tabs.Group.es.js";
|
|
10
10
|
import { TabsPanel as E } from "./Tabs.Panel.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var Ie=require("../../assets/TextArea.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),ge=require("react"),T=require("clsx"),j=require("../../chunks/form.context.
|
|
1
|
+
var Ie=require("../../assets/TextArea.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),ge=require("react"),T=require("clsx"),j=require("../../chunks/form.context.hesWPMlU.js"),pe=require("../../chunks/constants.hwjHOsvT.js"),ve=require("../../chunks/classNames.DAeKwerT.js"),ye=require("../Form/contexts/label.context.cjs.js"),je=require("../Form/contexts/helperText.context.cjs.js"),O=require("../Form/hooks/useUniversalRef.hook.cjs.js"),m=require("../Form/hooks/useAccessibleId.hook.cjs.js");function qe(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const q=qe(ge),k=new WeakMap;async function $e(e){const r=e.offsetHeight,t=e.clientHeight,i=r-t;e.style.overflow="hidden",e.scrollHeight===t&&(e.style.height="0");const l=e.scrollHeight;e.style.height=`${l+i}px`}const E=(e,r)=>{const t=k.get(e);if(k.set(e,r),!r){t&&(e.style.height="unset",e.style.overflow="visible");return}$e(e)},s={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-text-area":"bm-text-area","bm-text-area--disabled":"bm-text-area--disabled","bm-text-area--error":"bm-text-area--error","bm-text-area__header":"bm-text-area__header","bm-text-area__counter":"bm-text-area__counter","bm-text-area__field":"bm-text-area__field","bm-text-area__input":"bm-text-area__input","bm-text-area--read-only":"bm-text-area--read-only","bm-text-area--fluid":"bm-text-area--fluid","bm-text-area--hide-resize":"bm-text-area--hide-resize","bm-text-area--cols-width":"bm-text-area--cols-width"},{baseClassNamePrefix:He,subElementClassPrefix:f,classModifierPrefix:n}=ve.getBEMClassNames("text-area"),M=q.forwardRef(function({cols:e,width:r,error:t,theme:i,maxCount:l,label:C=null,fluid:D=!1,helperText:$=null,hideResize:S=!1,autoResize:o=!1,validationRules:V=[],className:z,hideRequiredMarker:L=!1,disabled:B=!1,readOnly:U=!1,required:A=!1,...W},G){const{id:J,name:h,value:_,onChange:g,maxLength:K,"aria-invalid":Q,defaultValue:X,"aria-describedby":Y,...Z}=W,ee=o?!0:S,{refFn:te,ref:p}=O.useUniversalRef(G),{refFn:se,ref:v}=O.useUniversalRef(null),{ctxDisabled:re,ctxReadOnly:ae,ctxRequired:ie,ctxInitialValues:ne,ctxRegister:ce}=q.useContext(j.FormContext),{id:le}=m.useAccessibleId(),{id:H}=m.useAccessibleId(),{id:I}=m.useAccessibleId(),{id:R}=m.useAccessibleId(),N=J||le,{showErrors:oe,setErrors:de,isInvalid:ue,errorShown:be}=j.useFieldValidator(),xe=K||l,w=!!(t!=null&&t.length),me=T($&&I,w&&H,be&&R,Y),F=!!t||ue,c=B||re,d=U||ae,P=A||ie,y=X||ne[h];!c&&ce(h,V,de);const fe=T(s[He],i&&pe.themeClassName(i),D&&s[`${n}fluid`],F&&s[`${n}error`],e&&s[`${n}cols-width`],c&&s[`${n}disabled`],d&&s[`${n}read-only`],ee&&s[`${n}hide-resize`],o&&s[`${n}auto-resize`],z);q.useEffect(()=>{const{current:u}=v,{current:b}=p,{length:x}=_||y||"";u&&(u.textContent=`${x}`),E(b,o)},[o,v,p,_,y]);const he=u=>{g==null||g(u);const{current:b}=v,{current:x}=p,{value:{length:_e}}=x;b&&(b.textContent=`${_e}`),E(x,o)};return a.jsxs("div",{className:fe,style:{maxWidth:r},children:[a.jsxs("div",{className:s[`${f}header`],children:[a.jsx(ye.LabelProvider,{ctxHtmlFor:N,ctxDisabled:c,ctxRequired:P&&!L,children:C}),!!l&&a.jsxs("div",{className:s[`${f}counter`],children:[a.jsx("span",{ref:se}),"/",a.jsx("span",{children:l})]})]}),a.jsx("div",{className:s[`${f}field`],children:a.jsx("textarea",{id:N,name:h,ref:te,cols:e,value:_,readOnly:d,disabled:c,required:P,maxLength:xe,onChange:he,"aria-readonly":d,defaultValue:y,"aria-describedby":me,"aria-disabled":c||d,"aria-invalid":F||Q,className:s[`${f}input`],...Z})}),a.jsxs(je.HelperTextProvider,{ctxId:I,ctxDisabled:c,children:[$,w&&a.jsx(j.HelperText,{id:H,appearance:"negative",children:t})]}),oe(R)]})});exports.TextArea=M;exports.default=M;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "../../assets/TextArea.css";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as u, jsx as n } from "react/jsx-runtime";
|
|
3
3
|
import * as H from "react";
|
|
4
4
|
import D from "clsx";
|
|
5
|
-
import { F as pe, u as ge, H as ve } from "../../chunks/form.context.
|
|
5
|
+
import { F as pe, u as ge, H as ve } from "../../chunks/form.context.D7b4066_.js";
|
|
6
6
|
import { t as _e } from "../../chunks/constants.CKKGf1-i.js";
|
|
7
7
|
import { g as ye } from "../../chunks/classNames.BTJmrO_L.js";
|
|
8
8
|
import { LabelProvider as $e } from "../Form/contexts/label.context.es.js";
|
|
9
9
|
import { HelperTextProvider as He } from "../Form/contexts/helperText.context.es.js";
|
|
10
10
|
import { useUniversalRef as M } from "../Form/hooks/useUniversalRef.hook.es.js";
|
|
11
|
-
import { useAccessibleId as
|
|
11
|
+
import { useAccessibleId as h } from "../Form/hooks/useAccessibleId.hook.es.js";
|
|
12
12
|
const V = /* @__PURE__ */ new WeakMap();
|
|
13
13
|
async function we(e) {
|
|
14
14
|
const s = e.offsetHeight, a = e.clientHeight, o = s - a;
|
|
@@ -27,6 +27,8 @@ const q = (e, s) => {
|
|
|
27
27
|
"bm-light": "bm-light",
|
|
28
28
|
"bm-dark": "bm-dark",
|
|
29
29
|
"bm-inverse": "bm-inverse",
|
|
30
|
+
"bm-enterprise": "bm-enterprise",
|
|
31
|
+
"bm-consumer": "bm-consumer",
|
|
30
32
|
"bm-text-area": "bm-text-area",
|
|
31
33
|
"bm-text-area--disabled": "bm-text-area--disabled",
|
|
32
34
|
"bm-text-area--error": "bm-text-area--error",
|
|
@@ -68,14 +70,14 @@ const q = (e, s) => {
|
|
|
68
70
|
defaultValue: X,
|
|
69
71
|
"aria-describedby": Y,
|
|
70
72
|
...Z
|
|
71
|
-
} = U, A = d ? !0 : k, { refFn: ee, ref: _ } = M(G), { refFn: te, ref: y } = M(null), { ctxDisabled: ae, ctxReadOnly: re, ctxRequired: se, ctxInitialValues: ie, ctxRegister: ne } = H.useContext(pe), { id: le } =
|
|
73
|
+
} = U, A = d ? !0 : k, { refFn: ee, ref: _ } = M(G), { refFn: te, ref: y } = M(null), { ctxDisabled: ae, ctxReadOnly: re, ctxRequired: se, ctxInitialValues: ie, ctxRegister: ne } = H.useContext(pe), { id: le } = h(), { id: I } = h(), { id: N } = h(), { id: R } = h(), E = J || le, { showErrors: de, setErrors: oe, isInvalid: ce, errorShown: me } = ge(), fe = K || l, C = !!(a != null && a.length), be = D(
|
|
72
74
|
w && N,
|
|
73
75
|
C && I,
|
|
74
76
|
me && R,
|
|
75
77
|
Y
|
|
76
78
|
), F = !!a || ce, i = j || ae, c = W || re, P = S || se, $ = X || ie[p];
|
|
77
79
|
!i && ne(p, z, oe);
|
|
78
|
-
const
|
|
80
|
+
const ue = D(
|
|
79
81
|
t[Ie],
|
|
80
82
|
o && _e(o),
|
|
81
83
|
T && t[`${r}fluid`],
|
|
@@ -91,15 +93,15 @@ const q = (e, s) => {
|
|
|
91
93
|
const { current: m } = y, { current: f } = _, { length: b } = g || $ || "";
|
|
92
94
|
m && (m.textContent = `${b}`), q(f, d);
|
|
93
95
|
}, [d, y, _, g, $]);
|
|
94
|
-
const
|
|
96
|
+
const he = (m) => {
|
|
95
97
|
v == null || v(m);
|
|
96
98
|
const { current: f } = y, { current: b } = _, {
|
|
97
99
|
value: { length: xe }
|
|
98
100
|
} = b;
|
|
99
101
|
f && (f.textContent = `${xe}`), q(b, d);
|
|
100
102
|
};
|
|
101
|
-
return /* @__PURE__ */
|
|
102
|
-
/* @__PURE__ */
|
|
103
|
+
return /* @__PURE__ */ u("div", { className: ue, style: { maxWidth: s }, children: [
|
|
104
|
+
/* @__PURE__ */ u("div", { className: t[`${x}header`], children: [
|
|
103
105
|
/* @__PURE__ */ n(
|
|
104
106
|
$e,
|
|
105
107
|
{
|
|
@@ -109,7 +111,7 @@ const q = (e, s) => {
|
|
|
109
111
|
children: L
|
|
110
112
|
}
|
|
111
113
|
),
|
|
112
|
-
!!l && /* @__PURE__ */
|
|
114
|
+
!!l && /* @__PURE__ */ u("div", { className: t[`${x}counter`], children: [
|
|
113
115
|
/* @__PURE__ */ n("span", { ref: te }),
|
|
114
116
|
"/",
|
|
115
117
|
/* @__PURE__ */ n("span", { children: l })
|
|
@@ -127,7 +129,7 @@ const q = (e, s) => {
|
|
|
127
129
|
disabled: i,
|
|
128
130
|
required: P,
|
|
129
131
|
maxLength: fe,
|
|
130
|
-
onChange:
|
|
132
|
+
onChange: he,
|
|
131
133
|
"aria-readonly": c,
|
|
132
134
|
defaultValue: $,
|
|
133
135
|
"aria-describedby": be,
|
|
@@ -137,7 +139,7 @@ const q = (e, s) => {
|
|
|
137
139
|
...Z
|
|
138
140
|
}
|
|
139
141
|
) }),
|
|
140
|
-
/* @__PURE__ */
|
|
142
|
+
/* @__PURE__ */ u(He, { ctxId: N, ctxDisabled: i, children: [
|
|
141
143
|
w,
|
|
142
144
|
C && /* @__PURE__ */ n(ve, { id: I, appearance: "negative", children: a })
|
|
143
145
|
] }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var ae=require("../../assets/TextField.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
var ae=require("../../assets/TextField.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),Z=require("react"),q=require("clsx"),b=require("../../chunks/form.context.hesWPMlU.js"),ee=require("../../chunks/constants.hwjHOsvT.js"),te=require("../../chunks/classNames.DAeKwerT.js"),se=require("../Form/contexts/label.context.cjs.js"),ie=require("../Form/contexts/helperText.context.cjs.js"),le=require("../Form/hooks/useUniversalRef.hook.cjs.js"),u=require("../Form/hooks/useAccessibleId.hook.cjs.js");function re(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const l in i)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(i,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:()=>i[l]})}}return t.default=i,Object.freeze(t)}const F=re(Z),e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-text-field":"bm-text-field","bm-text-field--disabled":"bm-text-field--disabled","bm-text-field--error":"bm-text-field--error","bm-text-field__field":"bm-text-field__field","bm-text-field__input":"bm-text-field__input","bm-text-field--read-only":"bm-text-field--read-only","bm-text-field__content":"bm-text-field__content","bm-text-field--fluid":"bm-text-field--fluid","bm-text-field--ellipsis":"bm-text-field--ellipsis"},{baseClassNamePrefix:de,subElementClassPrefix:c,classModifierPrefix:d}=te.getBEMClassNames("text-field"),I=F.forwardRef(function({width:i,error:t,theme:l,label:a=null,contentAfter:x,contentBefore:m,fluid:N=!1,ellipse:P=!1,helperText:f=null,validationRules:R=[],className:O,hideRequiredMarker:T=!1,disabled:$=!1,readOnly:k=!1,required:D=!1,...C},M){const{id:_,name:o,"aria-invalid":E,defaultValue:H,"aria-describedby":S,...V}=C,{refFn:w}=le.useUniversalRef(M),{ctxDisabled:A,ctxReadOnly:B,ctxRequired:U,ctxInitialValues:z,ctxRegister:L}=F.useContext(b.FormContext),{id:p}=u.useAccessibleId(),{id:v}=u.useAccessibleId(),{id:h}=u.useAccessibleId(),{showErrors:W,setErrors:G,isInvalid:J,errorShown:K}=b.useFieldValidator(),y=!!(t!=null&&t.length),Q=q(f&&v,y&&p,K&&h,S),g=!!t||J,r=$||A,n=k||B,j=D||U,X=H||z[o];!r&&L(o,R,G);const Y=q(e[de],l&&ee.themeClassName(l),N&&e[`${d}fluid`],g&&e[`${d}error`],P&&e[`${d}ellipsis`],r&&e[`${d}disabled`],n&&e[`${d}read-only`],O);return s.jsxs("div",{className:Y,style:{maxWidth:i},children:[s.jsx(se.LabelProvider,{ctxHtmlFor:_,ctxDisabled:r,ctxRequired:j&&!T,children:a}),s.jsxs("div",{className:e[`${c}field`],children:[m&&s.jsx("div",{className:e[`${c}content`],children:m}),s.jsx("input",{id:_,name:o,ref:w,readOnly:n,disabled:r,required:j,"aria-readonly":n,defaultValue:X,"aria-describedby":Q,"aria-disabled":r||n,"aria-invalid":g||E,className:e[`${c}input`],...V}),x&&s.jsx("div",{className:e[`${c}content`],children:x})]}),s.jsxs(ie.HelperTextProvider,{ctxId:v,ctxDisabled:r,children:[f,y&&s.jsx(b.HelperText,{id:p,appearance:"negative",children:t})]}),W(h)]})});exports.TextField=I;exports.default=I;
|
|
@@ -2,17 +2,19 @@ import "../../assets/TextField.css";
|
|
|
2
2
|
import { jsxs as n, jsx as l } from "react/jsx-runtime";
|
|
3
3
|
import * as N from "react";
|
|
4
4
|
import $ from "clsx";
|
|
5
|
-
import { F as Y, u as Z, H as ee } from "../../chunks/form.context.
|
|
5
|
+
import { F as Y, u as Z, H as ee } from "../../chunks/form.context.D7b4066_.js";
|
|
6
6
|
import { t as ie } from "../../chunks/constants.CKKGf1-i.js";
|
|
7
7
|
import { g as te } from "../../chunks/classNames.BTJmrO_L.js";
|
|
8
8
|
import { LabelProvider as le } from "../Form/contexts/label.context.es.js";
|
|
9
9
|
import { HelperTextProvider as se } from "../Form/contexts/helperText.context.es.js";
|
|
10
10
|
import { useUniversalRef as de } from "../Form/hooks/useUniversalRef.hook.es.js";
|
|
11
|
-
import { useAccessibleId as
|
|
11
|
+
import { useAccessibleId as m } from "../Form/hooks/useAccessibleId.hook.es.js";
|
|
12
12
|
const e = {
|
|
13
13
|
"bm-light": "bm-light",
|
|
14
14
|
"bm-dark": "bm-dark",
|
|
15
15
|
"bm-inverse": "bm-inverse",
|
|
16
|
+
"bm-enterprise": "bm-enterprise",
|
|
17
|
+
"bm-consumer": "bm-consumer",
|
|
16
18
|
"bm-text-field": "bm-text-field",
|
|
17
19
|
"bm-text-field--disabled": "bm-text-field--disabled",
|
|
18
20
|
"bm-text-field--error": "bm-text-field--error",
|
|
@@ -26,7 +28,7 @@ const e = {
|
|
|
26
28
|
function({
|
|
27
29
|
width: g,
|
|
28
30
|
error: t,
|
|
29
|
-
theme:
|
|
31
|
+
theme: o,
|
|
30
32
|
label: I = null,
|
|
31
33
|
contentAfter: c,
|
|
32
34
|
contentBefore: f,
|
|
@@ -48,7 +50,7 @@ const e = {
|
|
|
48
50
|
defaultValue: O,
|
|
49
51
|
"aria-describedby": T,
|
|
50
52
|
...j
|
|
51
|
-
} = H, { refFn: k } = de(w), { ctxDisabled: B, ctxReadOnly: L, ctxRequired: S, ctxInitialValues: U, ctxRegister: W } = N.useContext(Y), { id: u } =
|
|
53
|
+
} = H, { refFn: k } = de(w), { ctxDisabled: B, ctxReadOnly: L, ctxRequired: S, ctxInitialValues: U, ctxRegister: W } = N.useContext(Y), { id: u } = m(), { id: p } = m(), { id: v } = m(), { showErrors: z, setErrors: A, isInvalid: G, errorShown: J } = Z(), _ = !!(t != null && t.length), K = $(
|
|
52
54
|
b && p,
|
|
53
55
|
_ && u,
|
|
54
56
|
J && v,
|
|
@@ -57,7 +59,7 @@ const e = {
|
|
|
57
59
|
!i && W(r, R, A);
|
|
58
60
|
const X = $(
|
|
59
61
|
e[ae],
|
|
60
|
-
|
|
62
|
+
o && ie(o),
|
|
61
63
|
F && e[`${s}fluid`],
|
|
62
64
|
h && e[`${s}error`],
|
|
63
65
|
P && e[`${s}ellipsis`],
|
package/lib/Toasts/Toast.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var X=require("../../assets/Toast.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("clsx"),D=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const M=require("../../chunks/helpers.COm6C5Gf.js"),P=require("../CloseButton/CloseButton.cjs.js"),W=require("../../chunks/CheckCircleOutline.iRHrT_Eb.js"),L=require("../../chunks/ErrorOutline.Cb78OesH.js"),U=require("../../chunks/InfoOutlined.C-WIrH0D.js"),z=require("../../chunks/WarningOutlined.BPePPeyt.js"),e=require("react"),E=require("../../chunks/ToastContext.BJK1U8nL.js"),K="enterAnimation",G="exitAnimation",H="enterFirstAnimation",n={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-toast":"bm-toast","bm-toast__lil-diss-button":"bm-toast__lil-diss-button","bm-toast__content":"bm-toast__content","bm-toast__content--lite":"bm-toast__content--lite","bm-toast__heading":"bm-toast__heading","bm-toast__inner-content":"bm-toast__inner-content","bm-toast__body":"bm-toast__body","bm-toast__actions":"bm-toast__actions","bm-toast--lite":"bm-toast--lite","bm-toast__icon":"bm-toast__icon","bm-toast--anim-entering":"bm-toast--anim-entering",enterAnimation:K,"bm-toast--anim-exiting":"bm-toast--anim-exiting",exitAnimation:G,"bm-toast--anim-first-entering":"bm-toast--anim-first-entering","bm-toast--information":"bm-toast--information","bm-toast--negative":"bm-toast--negative","bm-toast--positive":"bm-toast--positive","bm-toast--warning":"bm-toast--warning",enterFirstAnimation:H},{baseClassNamePrefix:J,subElementClassPrefix:s,classModifierPrefix:c}=D.getBEMClassNames("toast"),Q={information:t.jsx(U.SvgInfoOutlined,{"aria-label":"Information Icon"}),positive:t.jsx(W.SvgCheckCircleOutline,{"aria-label":"Success Icon"}),negative:t.jsx(L.SvgErrorOutline,{"aria-label":"Error Icon"}),warning:t.jsx(z.SvgWarningOutlined,{"aria-label":"Warning Icon"})},V=({actions:i,appearance:l="information",body:u,className:T,dismissible:$=!0,heading:v,hideIcon:O=!1,icon:q,lite:m=!1,onClose:b,autoDismiss:x=!0,isDismissed:I,id:d,duration:h,isFirstToast:S,...k})=>{const{removeToast:_}=E.useToast(),[o,j]=e.useState(!1),[C,
|
|
1
|
+
var X=require("../../assets/Toast.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("clsx"),D=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const M=require("../../chunks/helpers.COm6C5Gf.js"),P=require("../CloseButton/CloseButton.cjs.js"),W=require("../../chunks/CheckCircleOutline.iRHrT_Eb.js"),L=require("../../chunks/ErrorOutline.Cb78OesH.js"),U=require("../../chunks/InfoOutlined.C-WIrH0D.js"),z=require("../../chunks/WarningOutlined.BPePPeyt.js"),e=require("react"),E=require("../../chunks/ToastContext.BJK1U8nL.js"),K="enterAnimation",G="exitAnimation",H="enterFirstAnimation",n={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-toast":"bm-toast","bm-toast__lil-diss-button":"bm-toast__lil-diss-button","bm-toast__content":"bm-toast__content","bm-toast__content--lite":"bm-toast__content--lite","bm-toast__heading":"bm-toast__heading","bm-toast__inner-content":"bm-toast__inner-content","bm-toast__body":"bm-toast__body","bm-toast__actions":"bm-toast__actions","bm-toast--lite":"bm-toast--lite","bm-toast__icon":"bm-toast__icon","bm-toast--anim-entering":"bm-toast--anim-entering",enterAnimation:K,"bm-toast--anim-exiting":"bm-toast--anim-exiting",exitAnimation:G,"bm-toast--anim-first-entering":"bm-toast--anim-first-entering","bm-toast--information":"bm-toast--information","bm-toast--negative":"bm-toast--negative","bm-toast--positive":"bm-toast--positive","bm-toast--warning":"bm-toast--warning",enterFirstAnimation:H},{baseClassNamePrefix:J,subElementClassPrefix:s,classModifierPrefix:c}=D.getBEMClassNames("toast"),Q={information:t.jsx(U.SvgInfoOutlined,{"aria-label":"Information Icon"}),positive:t.jsx(W.SvgCheckCircleOutline,{"aria-label":"Success Icon"}),negative:t.jsx(L.SvgErrorOutline,{"aria-label":"Error Icon"}),warning:t.jsx(z.SvgWarningOutlined,{"aria-label":"Warning Icon"})},V=({actions:i,appearance:l="information",body:u,className:T,dismissible:$=!0,heading:v,hideIcon:O=!1,icon:q,lite:m=!1,onClose:b,autoDismiss:x=!0,isDismissed:I,id:d,duration:h,isFirstToast:S,...k})=>{const{removeToast:_}=E.useToast(),[o,j]=e.useState(!1),[C,p]=e.useState(!1),N=e.useRef(null),y=m?"sm":"md",F=A(n[J],m&&n[`${c}lite`],l&&n[`${c}${l}`],I&&n[`${c}anim-exiting`],S?n[`${c}anim-first-entering`]:n[`${c}anim-entering`],T),w=A(n[`${s}content`],m&&n[`${s}content--lite`]),r=e.useCallback(()=>{b&&b(),d&&_&&_(d)},[b,d,_]),f=e.useCallback(a=>{a.key==="Escape"&&o&&r()},[o,r]);e.useEffect(()=>{const a=h||E.DEFAULT_TOAST_TIMEOUT_DURATION;x&&setTimeout(()=>{r()},a)},[h,x,r]),e.useEffect(()=>(o&&document.addEventListener("keydown",f),()=>{document.removeEventListener("keydown",f)}),[o,f]);const B=()=>{j(!0)},R=()=>{j(!1)};return e.useEffect(()=>{const{current:a}=N;if(a&&o&&i&&!C&&document.activeElement===document.body){const g=M.findFirstFocusableElement(a);g==null||g.focus(),p(!0)}},[C,o,i]),t.jsxs("div",{tabIndex:i?-1:0,"aria-live":"polite",role:"alert",className:F,onFocus:B,onBlur:R,ref:N,...k,children:[!O&&t.jsx("span",{className:`${s}icon`,children:q||Q[l]}),t.jsxs("div",{className:w,children:[!m&&v&&t.jsx("div",{className:`${s}heading`,children:v}),(u||i)&&t.jsxs("div",{className:`${s}inner-content`,children:[u&&t.jsx("div",{className:`${s}body`,children:u}),i&&t.jsx("div",{className:`${s}actions`,children:i})]})]}),$&&t.jsx("div",{className:`${s}lil-diss-button`,children:t.jsx(P.CloseButton,{"aria-label":"Dismiss toast",size:y,onClick:r})})]})};exports.Toast=V;
|
package/lib/Toasts/Toast.es.js
CHANGED
|
@@ -15,6 +15,8 @@ const V = "enterAnimation", X = "exitAnimation", Y = "enterFirstAnimation", e =
|
|
|
15
15
|
"bm-light": "bm-light",
|
|
16
16
|
"bm-dark": "bm-dark",
|
|
17
17
|
"bm-inverse": "bm-inverse",
|
|
18
|
+
"bm-enterprise": "bm-enterprise",
|
|
19
|
+
"bm-consumer": "bm-consumer",
|
|
18
20
|
"bm-toast": "bm-toast",
|
|
19
21
|
"bm-toast__lil-diss-button": "bm-toast__lil-diss-button",
|
|
20
22
|
"bm-toast__content": "bm-toast__content",
|
|
@@ -40,7 +42,7 @@ const V = "enterAnimation", X = "exitAnimation", Y = "enterFirstAnimation", e =
|
|
|
40
42
|
positive: /* @__PURE__ */ t(z, { "aria-label": "Success Icon" }),
|
|
41
43
|
negative: /* @__PURE__ */ t(K, { "aria-label": "Error Icon" }),
|
|
42
44
|
warning: /* @__PURE__ */ t(G, { "aria-label": "Warning Icon" })
|
|
43
|
-
},
|
|
45
|
+
}, ft = ({
|
|
44
46
|
actions: s,
|
|
45
47
|
appearance: c = "information",
|
|
46
48
|
body: l,
|
|
@@ -53,12 +55,12 @@ const V = "enterAnimation", X = "exitAnimation", Y = "enterFirstAnimation", e =
|
|
|
53
55
|
onClose: b,
|
|
54
56
|
autoDismiss: h = !0,
|
|
55
57
|
isDismissed: k,
|
|
56
|
-
id:
|
|
58
|
+
id: u,
|
|
57
59
|
duration: x,
|
|
58
60
|
isFirstToast: w,
|
|
59
61
|
...y
|
|
60
62
|
}) => {
|
|
61
|
-
const { removeToast:
|
|
63
|
+
const { removeToast: d } = J(), [o, A] = E(!1), [N, D] = E(!1), $ = H(null), B = r ? "sm" : "md", L = S(
|
|
62
64
|
e[Z],
|
|
63
65
|
r && e[`${m}lite`],
|
|
64
66
|
c && e[`${m}${c}`],
|
|
@@ -69,8 +71,8 @@ const V = "enterAnimation", X = "exitAnimation", Y = "enterFirstAnimation", e =
|
|
|
69
71
|
e[`${n}content`],
|
|
70
72
|
r && e[`${n}content--lite`]
|
|
71
73
|
), i = I(() => {
|
|
72
|
-
b && b(),
|
|
73
|
-
}, [b,
|
|
74
|
+
b && b(), u && d && d(u);
|
|
75
|
+
}, [b, u, d]), f = I(
|
|
74
76
|
(a) => {
|
|
75
77
|
a.key === "Escape" && o && i();
|
|
76
78
|
},
|
|
@@ -80,9 +82,9 @@ const V = "enterAnimation", X = "exitAnimation", Y = "enterFirstAnimation", e =
|
|
|
80
82
|
h && setTimeout(() => {
|
|
81
83
|
i();
|
|
82
84
|
}, x || Q);
|
|
83
|
-
}, [x, h, i]), v(() => (o && document.addEventListener("keydown",
|
|
84
|
-
document.removeEventListener("keydown",
|
|
85
|
-
}), [o,
|
|
85
|
+
}, [x, h, i]), v(() => (o && document.addEventListener("keydown", f), () => {
|
|
86
|
+
document.removeEventListener("keydown", f);
|
|
87
|
+
}), [o, f]);
|
|
86
88
|
const P = () => {
|
|
87
89
|
A(!0);
|
|
88
90
|
}, R = () => {
|
|
@@ -127,5 +129,5 @@ const V = "enterAnimation", X = "exitAnimation", Y = "enterFirstAnimation", e =
|
|
|
127
129
|
);
|
|
128
130
|
};
|
|
129
131
|
export {
|
|
130
|
-
|
|
132
|
+
ft as Toast
|
|
131
133
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var X=require("../../assets/ToastContainer.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),
|
|
1
|
+
var X=require("../../assets/ToastContainer.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("react"),j=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const p=require("../../chunks/helpers.COm6C5Gf.js"),y=require("clsx"),g=require("./Toast.cjs.js"),M=require("react-dom"),T=require("../../chunks/ToastContext.BJK1U8nL.js"),h={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-toast-container":"bm-toast-container","bm-toast-container--top-left":"bm-toast-container--top-left","bm-toast-container--top-right":"bm-toast-container--top-right","bm-toast-container--top-center":"bm-toast-container--top-center","bm-toast-container--bottom-left":"bm-toast-container--bottom-left","bm-toast-container--bottom-right":"bm-toast-container--bottom-right","bm-toast-container--bottom-center":"bm-toast-container--bottom-center"},N=(t,n,s,r)=>{var o;if(s&&r&&r>s){n();return}const e=t.current,a=e==null?void 0:e.getBoundingClientRect().height,c=(o=e==null?void 0:e.parentElement)==null?void 0:o.getBoundingClientRect().height;a&&c&&a>Math.min(window.innerHeight,c)&&n()},{baseClassNamePrefix:P,classModifierPrefix:S}=j.getBEMClassNames("toast-container"),C=p.debounce(N,200),Y=({position:t,offsetX:n,offsetY:s,renderInPortal:r,maxToasts:e,className:a,style:c})=>{const{toasts:o,removeOldestToast:u}=T.useToast(),m=b.useRef(null),R=y(h[P],t&&h[`${S}${t}`],a),q=t&&t.includes("right")?"-":"",d=n||"0rem",$=t&&t.includes("center")?`calc(-50% + ${d})`:`${q}${d}`,v=`${t&&t.includes("top")?"":"-"}${s||"0rem"}`,x={transform:`translate(${$}, ${v})`,...c||{}};b.useEffect(()=>(C(m,u,e,o.length),()=>{C.cancel()}),[o,m,u,e]);const f=l.jsx("div",{className:R,style:x,role:"log",ref:m,children:o.length>0&&t&&t.includes("bottom")?o.toReversed().map(i=>l.jsx(g.Toast,{...i},i.id)):o.map(i=>l.jsx(g.Toast,{...i},i.id))});return r?M.createPortal(f,document.body):f},B=b.memo(Y),O=({position:t="bottom-right",offsetX:n,offsetY:s,maxToasts:r,children:e,renderInPortal:a,className:c})=>l.jsxs(T.ToastProvider,{children:[e,l.jsx(B,{renderInPortal:a,position:t,offsetX:n,offsetY:s,maxToasts:r,className:c})]});exports.ToastContainer=O;
|