@razorpay/blade 12.49.3 → 12.49.5
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/build/lib/native/components/Accordion/AccordionButton.native.js.map +1 -1
- package/build/lib/native/components/ActionList/ActionList.js.map +1 -1
- package/build/lib/native/components/ActionList/ActionListItem.js.map +1 -1
- package/build/lib/native/components/ActionList/actionListUtils.js.map +1 -1
- package/build/lib/native/components/Alert/Alert.js.map +1 -1
- package/build/lib/native/components/Amount/Amount.js.map +1 -1
- package/build/lib/native/components/Badge/Badge.js.map +1 -1
- package/build/lib/native/components/BaseHeaderFooter/BaseHeader.js.map +1 -1
- package/build/lib/native/components/BladeProvider/useBladeProvider.js.map +1 -1
- package/build/lib/native/components/BottomSheet/BottomSheet.native.js +1 -1
- package/build/lib/native/components/BottomSheet/BottomSheet.native.js.map +1 -1
- package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
- package/build/lib/native/components/Box/Box.js.map +1 -1
- package/build/lib/native/components/Button/BaseButton/BaseButton.js.map +1 -1
- package/build/lib/native/components/Button/BaseButton/StyledBaseButton.native.js.map +1 -1
- package/build/lib/native/components/Button/BaseButton/buttonTokens.js.map +1 -1
- package/build/lib/native/components/Button/IconButton/StyledIconButton.native.js.map +1 -1
- package/build/lib/native/components/Card/CardContext.js.map +1 -1
- package/build/lib/native/components/Card/CardFooter.js.map +1 -1
- package/build/lib/native/components/Card/CardHeader.js.map +1 -1
- package/build/lib/native/components/Card/CardRoot.native.js.map +1 -1
- package/build/lib/native/components/Card/CardSurface.native.js.map +1 -1
- package/build/lib/native/components/Carousel/Carousel.native.js.map +1 -1
- package/build/lib/native/components/Carousel/CarouselItem.native.js.map +1 -1
- package/build/lib/native/components/Carousel/Indicators/Indicators.js.map +1 -1
- package/build/lib/native/components/Carousel/Indicators/getIndicatorButtonStyles.js.map +1 -1
- package/build/lib/native/components/Checkbox/Checkbox.js.map +1 -1
- package/build/lib/native/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/build/lib/native/components/Checkbox/useCheckbox.js.map +1 -1
- package/build/lib/native/components/Chip/ChipGroup.js.map +1 -1
- package/build/lib/native/components/Chip/chipTokens.js.map +1 -1
- package/build/lib/native/components/Chip/useChipGroup.js.map +1 -1
- package/build/lib/native/components/Collapsible/Collapsible.js.map +1 -1
- package/build/lib/native/components/Collapsible/CollapsibleChevronIcon.native.js.map +1 -1
- package/build/lib/native/components/Collapsible/CollapsibleContext.js.map +1 -1
- package/build/lib/native/components/Counter/Counter.js.map +1 -1
- package/build/lib/native/components/Divider/Divider.js.map +1 -1
- package/build/lib/native/components/Dropdown/Dropdown.js +1 -1
- package/build/lib/native/components/Dropdown/Dropdown.js.map +1 -1
- package/build/lib/native/components/Dropdown/DropdownButton.js +1 -1
- package/build/lib/native/components/Dropdown/DropdownButton.js.map +1 -1
- package/build/lib/native/components/Dropdown/DropdownIconButton.js +1 -1
- package/build/lib/native/components/Dropdown/DropdownIconButton.js.map +1 -1
- package/build/lib/native/components/Dropdown/DropdownLink.js +1 -1
- package/build/lib/native/components/Dropdown/DropdownLink.js.map +1 -1
- package/build/lib/native/components/Dropdown/DropdownOverlay.native.js.map +1 -1
- package/build/lib/native/components/Dropdown/dropdownUtils.js.map +1 -1
- package/build/lib/native/components/Form/useFormId.js.map +1 -1
- package/build/lib/native/components/Input/BaseInput/BaseInput.js +1 -1
- package/build/lib/native/components/Input/BaseInput/BaseInput.js.map +1 -1
- package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js.map +1 -1
- package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
- package/build/lib/native/components/Input/DropdownInputTriggers/Chevron.js.map +1 -1
- package/build/lib/native/components/Input/DropdownInputTriggers/SelectInput.js +1 -1
- package/build/lib/native/components/Input/DropdownInputTriggers/SelectInput.js.map +1 -1
- package/build/lib/native/components/Input/OTPInput/OTPInput.js.map +1 -1
- package/build/lib/native/components/Input/TextInput/TextInput.js.map +1 -1
- package/build/lib/native/components/Link/BaseLink/BaseLink.js.map +1 -1
- package/build/lib/native/components/Link/BaseLink/StyledBaseLink.native.js.map +1 -1
- package/build/lib/native/components/List/ListItem.js.map +1 -1
- package/build/lib/native/components/List/getOrderedListItemBullet.js.map +1 -1
- package/build/lib/native/components/Popover/PopoverContext.js.map +1 -1
- package/build/lib/native/components/PopupArrow/PopupArrow.native.js.map +1 -1
- package/build/lib/native/components/ProgressBar/CircularProgressBar.native.js.map +1 -1
- package/build/lib/native/components/ProgressBar/ProgressBar.js.map +1 -1
- package/build/lib/native/components/ProgressBar/ProgressBarFilled.native.js.map +1 -1
- package/build/lib/native/components/ProgressBar/progressBarTokens.js.map +1 -1
- package/build/lib/native/components/Radio/RadioGroup/RadioGroup.js.map +1 -1
- package/build/lib/native/components/Radio/RadioGroup/useRadioGroup.js.map +1 -1
- package/build/lib/native/components/Radio/RadioIcon/RadioIcon.js.map +1 -1
- package/build/lib/native/components/Radio/useRadio.js.map +1 -1
- package/build/lib/native/components/Spinner/BaseSpinner/BaseSpinner.js.map +1 -1
- package/build/lib/native/components/Spinner/BaseSpinner/SpinningBox.native.js.map +1 -1
- package/build/lib/native/components/StepGroup/StepItemMarker.js.map +1 -1
- package/build/lib/native/components/Switch/getTrackStyles.js.map +1 -1
- package/build/lib/native/components/Tabs/SafeSceneMap.native.js.map +1 -1
- package/build/lib/native/components/Tabs/utils.js.map +1 -1
- package/build/lib/native/components/Tag/Tag.js.map +1 -1
- package/build/lib/native/components/Tag/getTagsGroup.js.map +1 -1
- package/build/lib/native/components/Tooltip/TooltipContext.js.map +1 -1
- package/build/lib/native/components/Typography/BaseText/getBaseTextStyles.js.map +1 -1
- package/build/lib/native/components/Typography/Code/Code.js.map +1 -1
- package/build/lib/native/components/Typography/Text/Text.js.map +1 -1
- package/build/lib/native/components/Typography/utils.js.map +1 -1
- package/build/lib/native/components/VisuallyHidden/ScreenReaderStyles.js.map +1 -1
- package/build/lib/native/tokens/global/colors.js.map +1 -1
- package/build/lib/native/tokens/global/elevation/elevation.native.js.map +1 -1
- package/build/lib/native/tokens/theme/bladeTheme.js.map +1 -1
- package/build/lib/native/tokens/theme/createTheme.js.map +1 -1
- package/build/lib/native/utils/getMediaQuery/getMediaQuery.js.map +1 -1
- package/build/lib/native/utils/isPartialMatchObjectKeys/isPartialMatchObjectKeys.js.map +1 -1
- package/build/lib/native/utils/logger/logger.js.map +1 -1
- package/build/lib/native/utils/makeAccessible/makeAccessible.native.js.map +1 -1
- package/build/lib/native/utils/makeBorderSize/makeBorderSize.js.map +1 -1
- package/build/lib/native/utils/makeLetterSpacing/makeLetterSpacing.js.map +1 -1
- package/build/lib/native/utils/makeSize/makeSize.js.map +1 -1
- package/build/lib/native/utils/makeSpace/makeSpace.js.map +1 -1
- package/build/lib/native/utils/makeTypographySize/makeTypographySize.native.js.map +1 -1
- package/build/lib/native/utils/metaAttribute/metaAttribute.native.js.map +1 -1
- package/build/lib/native/utils/useColorScheme/useColorScheme.js.map +1 -1
- package/build/lib/native/utils/useId.js.map +1 -1
- package/build/lib/native/utils/useMergeRefs.js.map +1 -1
- package/build/lib/native/utils/useVerifyAllowedChildren/useVerifyAllowedChildren.js.map +1 -1
- package/build/lib/web/development/components/Accordion/Accordion.js +2 -2
- package/build/lib/web/development/components/Accordion/Accordion.js.map +1 -1
- package/build/lib/web/development/components/ActionList/ActionList.js +1 -1
- package/build/lib/web/development/components/ActionList/ActionList.js.map +1 -1
- package/build/lib/web/development/components/ActionList/ActionListBox.web.js +7 -7
- package/build/lib/web/development/components/ActionList/ActionListBox.web.js.map +1 -1
- package/build/lib/web/development/components/ActionList/ActionListItem.js +4 -4
- package/build/lib/web/development/components/ActionList/ActionListItem.js.map +1 -1
- package/build/lib/web/development/components/ActionList/actionListUtils.js +4 -4
- package/build/lib/web/development/components/ActionList/actionListUtils.js.map +1 -1
- package/build/lib/web/development/components/Amount/Amount.js +2 -2
- package/build/lib/web/development/components/Amount/Amount.js.map +1 -1
- package/build/lib/web/development/components/AnimateInteractions/AnimateInteractions.web.js.map +1 -1
- package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.js +2 -2
- package/build/lib/web/development/components/AnimateInteractions/useFocusWithin.js.map +1 -1
- package/build/lib/web/development/components/Avatar/Avatar.web.js +1 -1
- package/build/lib/web/development/components/Avatar/Avatar.web.js.map +1 -1
- package/build/lib/web/development/components/Badge/Badge.js +1 -1
- package/build/lib/web/development/components/Badge/Badge.js.map +1 -1
- package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js +2 -2
- package/build/lib/web/development/components/BaseHeaderFooter/BaseHeader.js.map +1 -1
- package/build/lib/web/development/components/BaseMotion/baseMotionUtils.js +2 -2
- package/build/lib/web/development/components/BaseMotion/baseMotionUtils.js.map +1 -1
- package/build/lib/web/development/components/BladeProvider/useTheme.js.map +1 -1
- package/build/lib/web/development/components/BottomSheet/BottomSheet.web.js +19 -19
- package/build/lib/web/development/components/BottomSheet/BottomSheet.web.js.map +1 -1
- package/build/lib/web/development/components/BottomSheet/BottomSheetBackdrop.web.js.map +1 -1
- package/build/lib/web/development/components/BottomSheet/BottomSheetContext.js.map +1 -1
- package/build/lib/web/development/components/BottomSheet/BottomSheetStack.js.map +1 -1
- package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js +27 -27
- package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
- package/build/lib/web/development/components/Box/Box.js +1 -1
- package/build/lib/web/development/components/Box/Box.js.map +1 -1
- package/build/lib/web/development/components/Button/BaseButton/BaseButton.js +5 -5
- package/build/lib/web/development/components/Button/BaseButton/BaseButton.js.map +1 -1
- package/build/lib/web/development/components/Button/BaseButton/buttonTokens.js.map +1 -1
- package/build/lib/web/development/components/Button/Button/Button.js +2 -2
- package/build/lib/web/development/components/Button/Button/Button.js.map +1 -1
- package/build/lib/web/development/components/Button/IconButton/IconButton.js +1 -1
- package/build/lib/web/development/components/Button/IconButton/IconButton.js.map +1 -1
- package/build/lib/web/development/components/ButtonGroup/ButtonGroup.web.js +1 -1
- package/build/lib/web/development/components/ButtonGroup/ButtonGroup.web.js.map +1 -1
- package/build/lib/web/development/components/Card/Card.js.map +1 -1
- package/build/lib/web/development/components/Card/CardFooter.js +2 -2
- package/build/lib/web/development/components/Card/CardFooter.js.map +1 -1
- package/build/lib/web/development/components/Card/CardRoot.web.js.map +1 -1
- package/build/lib/web/development/components/Carousel/Carousel.web.js +6 -6
- package/build/lib/web/development/components/Carousel/Carousel.web.js.map +1 -1
- package/build/lib/web/development/components/Carousel/CarouselItem.web.js +2 -2
- package/build/lib/web/development/components/Carousel/CarouselItem.web.js.map +1 -1
- package/build/lib/web/development/components/Carousel/Indicators/Indicators.js +1 -1
- package/build/lib/web/development/components/Carousel/Indicators/Indicators.js.map +1 -1
- package/build/lib/web/development/components/ChatMessage/ChatMessage.web.js +1 -1
- package/build/lib/web/development/components/ChatMessage/ChatMessage.web.js.map +1 -1
- package/build/lib/web/development/components/Checkbox/Checkbox.js +5 -5
- package/build/lib/web/development/components/Checkbox/Checkbox.js.map +1 -1
- package/build/lib/web/development/components/Checkbox/CheckboxGroup/useCheckboxGroup.js.map +1 -1
- package/build/lib/web/development/components/Checkbox/useCheckbox.js +1 -1
- package/build/lib/web/development/components/Checkbox/useCheckbox.js.map +1 -1
- package/build/lib/web/development/components/Chip/Chip.js +5 -5
- package/build/lib/web/development/components/Chip/Chip.js.map +1 -1
- package/build/lib/web/development/components/Chip/useChipGroup.js.map +1 -1
- package/build/lib/web/development/components/Collapsible/Collapsible.js +3 -3
- package/build/lib/web/development/components/Collapsible/Collapsible.js.map +1 -1
- package/build/lib/web/development/components/Collapsible/CollapsibleButton.js +1 -1
- package/build/lib/web/development/components/Collapsible/CollapsibleButton.js.map +1 -1
- package/build/lib/web/development/components/Counter/Counter.js +1 -1
- package/build/lib/web/development/components/Counter/Counter.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/BaseDatePicker.web.js +14 -14
- package/build/lib/web/development/components/DatePicker/BaseDatePicker.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/Calendar.web.js +7 -7
- package/build/lib/web/development/components/DatePicker/Calendar.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/CalendarHeader.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/DateInput.web.js +17 -5
- package/build/lib/web/development/components/DatePicker/DateInput.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/QuickSelection/PresetDropdown.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/QuickSelection/PresetSideBar.web.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/useControlledDates.js +1 -1
- package/build/lib/web/development/components/DatePicker/useControlledDates.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/useDatesState.js +1 -1
- package/build/lib/web/development/components/DatePicker/useDatesState.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/usePopup.js +2 -2
- package/build/lib/web/development/components/DatePicker/usePopup.js.map +1 -1
- package/build/lib/web/development/components/DatePicker/utils.js +191 -23
- package/build/lib/web/development/components/DatePicker/utils.js.map +1 -1
- package/build/lib/web/development/components/Drawer/Drawer.web.js +2 -2
- package/build/lib/web/development/components/Drawer/Drawer.web.js.map +1 -1
- package/build/lib/web/development/components/Drawer/DrawerContext.js.map +1 -1
- package/build/lib/web/development/components/Drawer/DrawerSubcomponents.web.js.map +1 -1
- package/build/lib/web/development/components/Drawer/StackProvider.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/Dropdown.js +28 -28
- package/build/lib/web/development/components/Dropdown/Dropdown.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/DropdownButton.js +4 -4
- package/build/lib/web/development/components/Dropdown/DropdownButton.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/DropdownHeaderFooter.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/DropdownIconButton.js +4 -4
- package/build/lib/web/development/components/Dropdown/DropdownIconButton.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/DropdownLink.js +4 -4
- package/build/lib/web/development/components/Dropdown/DropdownLink.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js +1 -1
- package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipGroup.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipGroupContext.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js +7 -7
- package/build/lib/web/development/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js +8 -8
- package/build/lib/web/development/components/Dropdown/InputDropdownButton.web.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/useDropdown.js +4 -4
- package/build/lib/web/development/components/Dropdown/useDropdown.js.map +1 -1
- package/build/lib/web/development/components/EmptyState/EmptyState.web.js +1 -1
- package/build/lib/web/development/components/EmptyState/EmptyState.web.js.map +1 -1
- package/build/lib/web/development/components/FileUpload/FileUpload.web.js +14 -14
- package/build/lib/web/development/components/FileUpload/FileUpload.web.js.map +1 -1
- package/build/lib/web/development/components/FileUpload/FileUploadItem.js +1 -1
- package/build/lib/web/development/components/FileUpload/FileUploadItem.js.map +1 -1
- package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js +3 -3
- package/build/lib/web/development/components/FilterChip/BaseFilterChip.web.js.map +1 -1
- package/build/lib/web/development/components/Form/FormHint.js.map +1 -1
- package/build/lib/web/development/components/Form/Selector/SelectorInput.web.js +1 -1
- package/build/lib/web/development/components/Form/Selector/SelectorInput.web.js.map +1 -1
- package/build/lib/web/development/components/Indicator/Indicator.js +1 -1
- package/build/lib/web/development/components/Indicator/Indicator.js.map +1 -1
- package/build/lib/web/development/components/InfoGroup/InfoGroup.web.js +6 -6
- package/build/lib/web/development/components/InfoGroup/InfoGroup.web.js.map +1 -1
- package/build/lib/web/development/components/InfoGroup/InfoGroupContext.js.map +1 -1
- package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js +1 -1
- package/build/lib/web/development/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map +1 -1
- package/build/lib/web/development/components/Input/BaseInput/BaseInput.js +110 -110
- package/build/lib/web/development/components/Input/BaseInput/BaseInput.js.map +1 -1
- package/build/lib/web/development/components/Input/BaseInput/BaseInputTagSlot.web.js +8 -8
- package/build/lib/web/development/components/Input/BaseInput/BaseInputTagSlot.web.js.map +1 -1
- package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js +7 -7
- package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
- package/build/lib/web/development/components/Input/BaseInput/useTaggedInput.js +4 -4
- package/build/lib/web/development/components/Input/BaseInput/useTaggedInput.js.map +1 -1
- package/build/lib/web/development/components/Input/DropdownInputTriggers/AutoComplete.js +8 -8
- package/build/lib/web/development/components/Input/DropdownInputTriggers/AutoComplete.js.map +1 -1
- package/build/lib/web/development/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +4 -4
- package/build/lib/web/development/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
- package/build/lib/web/development/components/Input/DropdownInputTriggers/SelectInput.js +3 -3
- package/build/lib/web/development/components/Input/DropdownInputTriggers/SelectInput.js.map +1 -1
- package/build/lib/web/development/components/Input/OTPInput/OTPInput.js +14 -14
- package/build/lib/web/development/components/Input/OTPInput/OTPInput.js.map +1 -1
- package/build/lib/web/development/components/Input/PasswordInput/PasswordInput.js +1 -1
- package/build/lib/web/development/components/Input/PasswordInput/PasswordInput.js.map +1 -1
- package/build/lib/web/development/components/Input/PhoneNumberInput/CountrySelector.web.js.map +1 -1
- package/build/lib/web/development/components/Input/PhoneNumberInput/PhoneNumberInput.web.js +5 -5
- package/build/lib/web/development/components/Input/PhoneNumberInput/PhoneNumberInput.web.js.map +1 -1
- package/build/lib/web/development/components/Input/SearchInput/SearchInput.js +5 -5
- package/build/lib/web/development/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/build/lib/web/development/components/Input/TextArea/TextArea.js +7 -7
- package/build/lib/web/development/components/Input/TextArea/TextArea.js.map +1 -1
- package/build/lib/web/development/components/Input/TextInput/TextInput.js +7 -7
- package/build/lib/web/development/components/Input/TextInput/TextInput.js.map +1 -1
- package/build/lib/web/development/components/Input/TextInput/useFormattedInput.js +2 -2
- package/build/lib/web/development/components/Input/TextInput/useFormattedInput.js.map +1 -1
- package/build/lib/web/development/components/InputGroup/InputGroup.web.js +1 -1
- package/build/lib/web/development/components/InputGroup/InputGroup.web.js.map +1 -1
- package/build/lib/web/development/components/Link/BaseLink/BaseLink.js +3 -3
- package/build/lib/web/development/components/Link/BaseLink/BaseLink.js.map +1 -1
- package/build/lib/web/development/components/Link/Link/Link.js +1 -1
- package/build/lib/web/development/components/Link/Link/Link.js.map +1 -1
- package/build/lib/web/development/components/List/List.js +1 -1
- package/build/lib/web/development/components/List/List.js.map +1 -1
- package/build/lib/web/development/components/List/getOrderedListItemBullet.js +3 -3
- package/build/lib/web/development/components/List/getOrderedListItemBullet.js.map +1 -1
- package/build/lib/web/development/components/ListView/ListViewFilters.web.js.map +1 -1
- package/build/lib/web/development/components/ListView/ListViewFiltersContext.web.js.map +1 -1
- package/build/lib/web/development/components/LiveAnnouncer/LiveAnnouncer.web.js.map +1 -1
- package/build/lib/web/development/components/Menu/Menu.web.js.map +1 -1
- package/build/lib/web/development/components/Menu/MenuItem.web.js +3 -3
- package/build/lib/web/development/components/Menu/MenuItem.web.js.map +1 -1
- package/build/lib/web/development/components/Menu/useMenu.js.map +1 -1
- package/build/lib/web/development/components/Modal/ModalBackdrop.js.map +1 -1
- package/build/lib/web/development/components/Modal/ModalContext.js.map +1 -1
- package/build/lib/web/development/components/Popover/Popover.web.js.map +1 -1
- package/build/lib/web/development/components/Preview/Preview.web.js +29 -30
- package/build/lib/web/development/components/Preview/Preview.web.js.map +1 -1
- package/build/lib/web/development/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map +1 -1
- package/build/lib/web/development/components/Radio/Radio.js +4 -4
- package/build/lib/web/development/components/Radio/Radio.js.map +1 -1
- package/build/lib/web/development/components/Radio/RadioGroup/useRadioGroup.js +1 -1
- package/build/lib/web/development/components/Radio/RadioGroup/useRadioGroup.js.map +1 -1
- package/build/lib/web/development/components/Radio/useRadio.js +1 -1
- package/build/lib/web/development/components/Radio/useRadio.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNav.web.js +19 -19
- package/build/lib/web/development/components/SideNav/SideNav.web.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js +6 -6
- package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js.map +1 -1
- package/build/lib/web/development/components/SideNav/SideNavLevel.web.js.map +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/Tour.web.js +7 -7
- package/build/lib/web/development/components/SpotlightPopoverTour/Tour.web.js.map +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/TourFooter.web.js +2 -2
- package/build/lib/web/development/components/SpotlightPopoverTour/TourFooter.web.js.map +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/TourMask.web.js +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/TourMask.web.js.map +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/TourPopover.web.js.map +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/TourStep.web.js +1 -1
- package/build/lib/web/development/components/SpotlightPopoverTour/TourStep.web.js.map +1 -1
- package/build/lib/web/development/components/StepGroup/StepGroup.web.js +6 -6
- package/build/lib/web/development/components/StepGroup/StepGroup.web.js.map +1 -1
- package/build/lib/web/development/components/StepGroup/StepItem.web.js +1 -1
- package/build/lib/web/development/components/StepGroup/StepItem.web.js.map +1 -1
- package/build/lib/web/development/components/StepGroup/StepLine.web.js +13 -13
- package/build/lib/web/development/components/StepGroup/StepLine.web.js.map +1 -1
- package/build/lib/web/development/components/Switch/Switch.js +1 -1
- package/build/lib/web/development/components/Switch/Switch.js.map +1 -1
- package/build/lib/web/development/components/Table/Table.web.js +10 -10
- package/build/lib/web/development/components/Table/Table.web.js.map +1 -1
- package/build/lib/web/development/components/Table/TableBody.web.js +6 -6
- package/build/lib/web/development/components/Table/TableBody.web.js.map +1 -1
- package/build/lib/web/development/components/Table/TableContext.js.map +1 -1
- package/build/lib/web/development/components/Table/TableHeader.web.js.map +1 -1
- package/build/lib/web/development/components/Table/TablePagination.web.js +2 -2
- package/build/lib/web/development/components/Table/TablePagination.web.js.map +1 -1
- package/build/lib/web/development/components/Table/TableToolbar.web.js.map +1 -1
- package/build/lib/web/development/components/Tabs/TabItem.web.js +2 -2
- package/build/lib/web/development/components/Tabs/TabItem.web.js.map +1 -1
- package/build/lib/web/development/components/Tabs/TabList.web.js +2 -2
- package/build/lib/web/development/components/Tabs/TabList.web.js.map +1 -1
- package/build/lib/web/development/components/Tabs/Tabs.web.js +1 -1
- package/build/lib/web/development/components/Tabs/Tabs.web.js.map +1 -1
- package/build/lib/web/development/components/Tabs/utils.js +2 -2
- package/build/lib/web/development/components/Tabs/utils.js.map +1 -1
- package/build/lib/web/development/components/Tag/AnimatedTag.web.js.map +1 -1
- package/build/lib/web/development/components/Tag/Tag.js.map +1 -1
- package/build/lib/web/development/components/Toast/Toast.web.js +2 -2
- package/build/lib/web/development/components/Toast/Toast.web.js.map +1 -1
- package/build/lib/web/development/components/Toast/ToastContainer.web.js.map +1 -1
- package/build/lib/web/development/components/Tooltip/Tooltip.web.js +1 -1
- package/build/lib/web/development/components/Tooltip/Tooltip.web.js.map +1 -1
- package/build/lib/web/development/components/TopNav/TabNav/TabNavItem.web.js +2 -2
- package/build/lib/web/development/components/TopNav/TabNav/TabNavItem.web.js.map +1 -1
- package/build/lib/web/development/components/TopNav/TabNav/utils.js +2 -2
- package/build/lib/web/development/components/TopNav/TabNav/utils.js.map +1 -1
- package/build/lib/web/development/components/Typography/Text/Text.js +1 -1
- package/build/lib/web/development/components/Typography/Text/Text.js.map +1 -1
- package/build/lib/web/development/tokens/theme/overrideTheme.js +2 -2
- package/build/lib/web/development/tokens/theme/overrideTheme.js.map +1 -1
- package/build/lib/web/development/utils/bladeCoverage.js +9 -10
- package/build/lib/web/development/utils/bladeCoverage.js.map +1 -1
- package/build/lib/web/development/utils/fireNativeEvent/fireNativeEvent.web.js +1 -1
- package/build/lib/web/development/utils/fireNativeEvent/fireNativeEvent.web.js.map +1 -1
- package/build/lib/web/development/utils/hasSameObjectStructure/hasSameObjectStructure.js +6 -6
- package/build/lib/web/development/utils/hasSameObjectStructure/hasSameObjectStructure.js.map +1 -1
- package/build/lib/web/development/utils/isPartialMatchObjectKeys/isPartialMatchObjectKeys.js +3 -3
- package/build/lib/web/development/utils/isPartialMatchObjectKeys/isPartialMatchObjectKeys.js.map +1 -1
- package/build/lib/web/development/utils/isValidAllowedChildren/isValidAllowedChildren.js +2 -2
- package/build/lib/web/development/utils/isValidAllowedChildren/isValidAllowedChildren.js.map +1 -1
- package/build/lib/web/development/utils/lodashButBetter/cloneDeep.js +3 -3
- package/build/lib/web/development/utils/lodashButBetter/get.js +3 -3
- package/build/lib/web/development/utils/useControllable.js +1 -1
- package/build/lib/web/development/utils/useControllable.js.map +1 -1
- package/build/lib/web/development/utils/useControlledDropdownInput/useControlledDropdownInput.js +2 -2
- package/build/lib/web/development/utils/useControlledDropdownInput/useControlledDropdownInput.js.map +1 -1
- package/build/lib/web/development/utils/useScrollLock.js.map +1 -1
- package/build/lib/web/production/components/Accordion/Accordion.js +2 -2
- package/build/lib/web/production/components/Accordion/Accordion.js.map +1 -1
- package/build/lib/web/production/components/ActionList/ActionList.js +1 -1
- package/build/lib/web/production/components/ActionList/ActionList.js.map +1 -1
- package/build/lib/web/production/components/ActionList/ActionListBox.web.js +7 -7
- package/build/lib/web/production/components/ActionList/ActionListBox.web.js.map +1 -1
- package/build/lib/web/production/components/ActionList/ActionListItem.js +4 -4
- package/build/lib/web/production/components/ActionList/ActionListItem.js.map +1 -1
- package/build/lib/web/production/components/ActionList/actionListUtils.js +4 -4
- package/build/lib/web/production/components/ActionList/actionListUtils.js.map +1 -1
- package/build/lib/web/production/components/Amount/Amount.js +2 -2
- package/build/lib/web/production/components/Amount/Amount.js.map +1 -1
- package/build/lib/web/production/components/AnimateInteractions/AnimateInteractions.web.js.map +1 -1
- package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.js +2 -2
- package/build/lib/web/production/components/AnimateInteractions/useFocusWithin.js.map +1 -1
- package/build/lib/web/production/components/Avatar/Avatar.web.js +1 -1
- package/build/lib/web/production/components/Avatar/Avatar.web.js.map +1 -1
- package/build/lib/web/production/components/Badge/Badge.js +1 -1
- package/build/lib/web/production/components/Badge/Badge.js.map +1 -1
- package/build/lib/web/production/components/BaseHeaderFooter/BaseHeader.js +2 -2
- package/build/lib/web/production/components/BaseHeaderFooter/BaseHeader.js.map +1 -1
- package/build/lib/web/production/components/BaseMotion/baseMotionUtils.js +2 -2
- package/build/lib/web/production/components/BaseMotion/baseMotionUtils.js.map +1 -1
- package/build/lib/web/production/components/BladeProvider/useTheme.js.map +1 -1
- package/build/lib/web/production/components/BottomSheet/BottomSheet.web.js +19 -19
- package/build/lib/web/production/components/BottomSheet/BottomSheet.web.js.map +1 -1
- package/build/lib/web/production/components/BottomSheet/BottomSheetBackdrop.web.js.map +1 -1
- package/build/lib/web/production/components/BottomSheet/BottomSheetContext.js.map +1 -1
- package/build/lib/web/production/components/BottomSheet/BottomSheetStack.js.map +1 -1
- package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js +27 -27
- package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
- package/build/lib/web/production/components/Box/Box.js +1 -1
- package/build/lib/web/production/components/Box/Box.js.map +1 -1
- package/build/lib/web/production/components/Button/BaseButton/BaseButton.js +5 -5
- package/build/lib/web/production/components/Button/BaseButton/BaseButton.js.map +1 -1
- package/build/lib/web/production/components/Button/BaseButton/buttonTokens.js.map +1 -1
- package/build/lib/web/production/components/Button/Button/Button.js +2 -2
- package/build/lib/web/production/components/Button/Button/Button.js.map +1 -1
- package/build/lib/web/production/components/Button/IconButton/IconButton.js +1 -1
- package/build/lib/web/production/components/Button/IconButton/IconButton.js.map +1 -1
- package/build/lib/web/production/components/ButtonGroup/ButtonGroup.web.js +1 -1
- package/build/lib/web/production/components/ButtonGroup/ButtonGroup.web.js.map +1 -1
- package/build/lib/web/production/components/Card/Card.js.map +1 -1
- package/build/lib/web/production/components/Card/CardFooter.js +2 -2
- package/build/lib/web/production/components/Card/CardFooter.js.map +1 -1
- package/build/lib/web/production/components/Card/CardRoot.web.js.map +1 -1
- package/build/lib/web/production/components/Carousel/Carousel.web.js +6 -6
- package/build/lib/web/production/components/Carousel/Carousel.web.js.map +1 -1
- package/build/lib/web/production/components/Carousel/CarouselItem.web.js +2 -2
- package/build/lib/web/production/components/Carousel/CarouselItem.web.js.map +1 -1
- package/build/lib/web/production/components/Carousel/Indicators/Indicators.js +1 -1
- package/build/lib/web/production/components/Carousel/Indicators/Indicators.js.map +1 -1
- package/build/lib/web/production/components/ChatMessage/ChatMessage.web.js +1 -1
- package/build/lib/web/production/components/ChatMessage/ChatMessage.web.js.map +1 -1
- package/build/lib/web/production/components/Checkbox/Checkbox.js +5 -5
- package/build/lib/web/production/components/Checkbox/Checkbox.js.map +1 -1
- package/build/lib/web/production/components/Checkbox/CheckboxGroup/useCheckboxGroup.js.map +1 -1
- package/build/lib/web/production/components/Checkbox/useCheckbox.js +1 -1
- package/build/lib/web/production/components/Checkbox/useCheckbox.js.map +1 -1
- package/build/lib/web/production/components/Chip/Chip.js +5 -5
- package/build/lib/web/production/components/Chip/Chip.js.map +1 -1
- package/build/lib/web/production/components/Chip/useChipGroup.js.map +1 -1
- package/build/lib/web/production/components/Collapsible/Collapsible.js +3 -3
- package/build/lib/web/production/components/Collapsible/Collapsible.js.map +1 -1
- package/build/lib/web/production/components/Collapsible/CollapsibleButton.js +1 -1
- package/build/lib/web/production/components/Collapsible/CollapsibleButton.js.map +1 -1
- package/build/lib/web/production/components/Counter/Counter.js +1 -1
- package/build/lib/web/production/components/Counter/Counter.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/BaseDatePicker.web.js +14 -14
- package/build/lib/web/production/components/DatePicker/BaseDatePicker.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/Calendar.web.js +7 -7
- package/build/lib/web/production/components/DatePicker/Calendar.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/CalendarHeader.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/DateInput.web.js +17 -5
- package/build/lib/web/production/components/DatePicker/DateInput.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/QuickSelection/PresetDropdown.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/QuickSelection/PresetSideBar.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/useControlledDates.js +1 -1
- package/build/lib/web/production/components/DatePicker/useControlledDates.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/useDatesState.js +1 -1
- package/build/lib/web/production/components/DatePicker/useDatesState.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/usePopup.js +2 -2
- package/build/lib/web/production/components/DatePicker/usePopup.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/utils.js +191 -23
- package/build/lib/web/production/components/DatePicker/utils.js.map +1 -1
- package/build/lib/web/production/components/Drawer/Drawer.web.js +2 -2
- package/build/lib/web/production/components/Drawer/Drawer.web.js.map +1 -1
- package/build/lib/web/production/components/Drawer/DrawerContext.js.map +1 -1
- package/build/lib/web/production/components/Drawer/DrawerSubcomponents.web.js.map +1 -1
- package/build/lib/web/production/components/Drawer/StackProvider.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/Dropdown.js +28 -28
- package/build/lib/web/production/components/Dropdown/Dropdown.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/DropdownButton.js +4 -4
- package/build/lib/web/production/components/Dropdown/DropdownButton.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/DropdownHeaderFooter.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/DropdownIconButton.js +4 -4
- package/build/lib/web/production/components/Dropdown/DropdownIconButton.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/DropdownLink.js +4 -4
- package/build/lib/web/production/components/Dropdown/DropdownLink.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/DropdownOverlay.web.js +1 -1
- package/build/lib/web/production/components/Dropdown/DropdownOverlay.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/FilterChipGroup.web.js +1 -1
- package/build/lib/web/production/components/Dropdown/FilterChipGroup.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/FilterChipGroupContext.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js +7 -7
- package/build/lib/web/production/components/Dropdown/FilterChipSelectInput.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/InputDropdownButton.web.js +8 -8
- package/build/lib/web/production/components/Dropdown/InputDropdownButton.web.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/useDropdown.js +4 -4
- package/build/lib/web/production/components/Dropdown/useDropdown.js.map +1 -1
- package/build/lib/web/production/components/EmptyState/EmptyState.web.js +1 -1
- package/build/lib/web/production/components/EmptyState/EmptyState.web.js.map +1 -1
- package/build/lib/web/production/components/FileUpload/FileUpload.web.js +14 -14
- package/build/lib/web/production/components/FileUpload/FileUpload.web.js.map +1 -1
- package/build/lib/web/production/components/FileUpload/FileUploadItem.js +1 -1
- package/build/lib/web/production/components/FileUpload/FileUploadItem.js.map +1 -1
- package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js +3 -3
- package/build/lib/web/production/components/FilterChip/BaseFilterChip.web.js.map +1 -1
- package/build/lib/web/production/components/Form/FormHint.js.map +1 -1
- package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js +1 -1
- package/build/lib/web/production/components/Form/Selector/SelectorInput.web.js.map +1 -1
- package/build/lib/web/production/components/Indicator/Indicator.js +1 -1
- package/build/lib/web/production/components/Indicator/Indicator.js.map +1 -1
- package/build/lib/web/production/components/InfoGroup/InfoGroup.web.js +6 -6
- package/build/lib/web/production/components/InfoGroup/InfoGroup.web.js.map +1 -1
- package/build/lib/web/production/components/InfoGroup/InfoGroupContext.js.map +1 -1
- package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js +1 -1
- package/build/lib/web/production/components/Input/BaseInput/AnimatedBaseInputWrapper.web.js.map +1 -1
- package/build/lib/web/production/components/Input/BaseInput/BaseInput.js +110 -110
- package/build/lib/web/production/components/Input/BaseInput/BaseInput.js.map +1 -1
- package/build/lib/web/production/components/Input/BaseInput/BaseInputTagSlot.web.js +8 -8
- package/build/lib/web/production/components/Input/BaseInput/BaseInputTagSlot.web.js.map +1 -1
- package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js +7 -7
- package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
- package/build/lib/web/production/components/Input/BaseInput/useTaggedInput.js +4 -4
- package/build/lib/web/production/components/Input/BaseInput/useTaggedInput.js.map +1 -1
- package/build/lib/web/production/components/Input/DropdownInputTriggers/AutoComplete.js +8 -8
- package/build/lib/web/production/components/Input/DropdownInputTriggers/AutoComplete.js.map +1 -1
- package/build/lib/web/production/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +4 -4
- package/build/lib/web/production/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
- package/build/lib/web/production/components/Input/DropdownInputTriggers/SelectInput.js +3 -3
- package/build/lib/web/production/components/Input/DropdownInputTriggers/SelectInput.js.map +1 -1
- package/build/lib/web/production/components/Input/OTPInput/OTPInput.js +14 -14
- package/build/lib/web/production/components/Input/OTPInput/OTPInput.js.map +1 -1
- package/build/lib/web/production/components/Input/PasswordInput/PasswordInput.js +1 -1
- package/build/lib/web/production/components/Input/PasswordInput/PasswordInput.js.map +1 -1
- package/build/lib/web/production/components/Input/PhoneNumberInput/CountrySelector.web.js.map +1 -1
- package/build/lib/web/production/components/Input/PhoneNumberInput/PhoneNumberInput.web.js +5 -5
- package/build/lib/web/production/components/Input/PhoneNumberInput/PhoneNumberInput.web.js.map +1 -1
- package/build/lib/web/production/components/Input/SearchInput/SearchInput.js +5 -5
- package/build/lib/web/production/components/Input/SearchInput/SearchInput.js.map +1 -1
- package/build/lib/web/production/components/Input/TextArea/TextArea.js +7 -7
- package/build/lib/web/production/components/Input/TextArea/TextArea.js.map +1 -1
- package/build/lib/web/production/components/Input/TextInput/TextInput.js +7 -7
- package/build/lib/web/production/components/Input/TextInput/TextInput.js.map +1 -1
- package/build/lib/web/production/components/Input/TextInput/useFormattedInput.js +2 -2
- package/build/lib/web/production/components/Input/TextInput/useFormattedInput.js.map +1 -1
- package/build/lib/web/production/components/InputGroup/InputGroup.web.js +1 -1
- package/build/lib/web/production/components/InputGroup/InputGroup.web.js.map +1 -1
- package/build/lib/web/production/components/Link/BaseLink/BaseLink.js +3 -3
- package/build/lib/web/production/components/Link/BaseLink/BaseLink.js.map +1 -1
- package/build/lib/web/production/components/Link/Link/Link.js +1 -1
- package/build/lib/web/production/components/Link/Link/Link.js.map +1 -1
- package/build/lib/web/production/components/List/List.js +1 -1
- package/build/lib/web/production/components/List/List.js.map +1 -1
- package/build/lib/web/production/components/List/getOrderedListItemBullet.js +3 -3
- package/build/lib/web/production/components/List/getOrderedListItemBullet.js.map +1 -1
- package/build/lib/web/production/components/ListView/ListViewFilters.web.js.map +1 -1
- package/build/lib/web/production/components/ListView/ListViewFiltersContext.web.js.map +1 -1
- package/build/lib/web/production/components/LiveAnnouncer/LiveAnnouncer.web.js.map +1 -1
- package/build/lib/web/production/components/Menu/Menu.web.js.map +1 -1
- package/build/lib/web/production/components/Menu/MenuItem.web.js +3 -3
- package/build/lib/web/production/components/Menu/MenuItem.web.js.map +1 -1
- package/build/lib/web/production/components/Menu/useMenu.js.map +1 -1
- package/build/lib/web/production/components/Modal/ModalBackdrop.js.map +1 -1
- package/build/lib/web/production/components/Modal/ModalContext.js.map +1 -1
- package/build/lib/web/production/components/Popover/Popover.web.js.map +1 -1
- package/build/lib/web/production/components/Preview/Preview.web.js +29 -30
- package/build/lib/web/production/components/Preview/Preview.web.js.map +1 -1
- package/build/lib/web/production/components/QuickFilters/QuickFilterGroup/QuickFilterGroup.js.map +1 -1
- package/build/lib/web/production/components/Radio/Radio.js +4 -4
- package/build/lib/web/production/components/Radio/Radio.js.map +1 -1
- package/build/lib/web/production/components/Radio/RadioGroup/useRadioGroup.js +1 -1
- package/build/lib/web/production/components/Radio/RadioGroup/useRadioGroup.js.map +1 -1
- package/build/lib/web/production/components/Radio/useRadio.js +1 -1
- package/build/lib/web/production/components/Radio/useRadio.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNav.web.js +19 -19
- package/build/lib/web/production/components/SideNav/SideNav.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNavItems/SideNavLink.web.js +6 -6
- package/build/lib/web/production/components/SideNav/SideNavItems/SideNavLink.web.js.map +1 -1
- package/build/lib/web/production/components/SideNav/SideNavLevel.web.js.map +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/Tour.web.js +7 -7
- package/build/lib/web/production/components/SpotlightPopoverTour/Tour.web.js.map +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/TourFooter.web.js +2 -2
- package/build/lib/web/production/components/SpotlightPopoverTour/TourFooter.web.js.map +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/TourMask.web.js +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/TourMask.web.js.map +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/TourPopover.web.js.map +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/TourStep.web.js +1 -1
- package/build/lib/web/production/components/SpotlightPopoverTour/TourStep.web.js.map +1 -1
- package/build/lib/web/production/components/StepGroup/StepGroup.web.js +6 -6
- package/build/lib/web/production/components/StepGroup/StepGroup.web.js.map +1 -1
- package/build/lib/web/production/components/StepGroup/StepItem.web.js +1 -1
- package/build/lib/web/production/components/StepGroup/StepItem.web.js.map +1 -1
- package/build/lib/web/production/components/StepGroup/StepLine.web.js +13 -13
- package/build/lib/web/production/components/StepGroup/StepLine.web.js.map +1 -1
- package/build/lib/web/production/components/Switch/Switch.js +1 -1
- package/build/lib/web/production/components/Switch/Switch.js.map +1 -1
- package/build/lib/web/production/components/Table/Table.web.js +10 -10
- package/build/lib/web/production/components/Table/Table.web.js.map +1 -1
- package/build/lib/web/production/components/Table/TableBody.web.js +6 -6
- package/build/lib/web/production/components/Table/TableBody.web.js.map +1 -1
- package/build/lib/web/production/components/Table/TableContext.js.map +1 -1
- package/build/lib/web/production/components/Table/TableHeader.web.js.map +1 -1
- package/build/lib/web/production/components/Table/TablePagination.web.js +2 -2
- package/build/lib/web/production/components/Table/TablePagination.web.js.map +1 -1
- package/build/lib/web/production/components/Table/TableToolbar.web.js.map +1 -1
- package/build/lib/web/production/components/Tabs/TabItem.web.js +2 -2
- package/build/lib/web/production/components/Tabs/TabItem.web.js.map +1 -1
- package/build/lib/web/production/components/Tabs/TabList.web.js +2 -2
- package/build/lib/web/production/components/Tabs/TabList.web.js.map +1 -1
- package/build/lib/web/production/components/Tabs/Tabs.web.js +1 -1
- package/build/lib/web/production/components/Tabs/Tabs.web.js.map +1 -1
- package/build/lib/web/production/components/Tabs/utils.js +2 -2
- package/build/lib/web/production/components/Tabs/utils.js.map +1 -1
- package/build/lib/web/production/components/Tag/AnimatedTag.web.js.map +1 -1
- package/build/lib/web/production/components/Tag/Tag.js.map +1 -1
- package/build/lib/web/production/components/Toast/Toast.web.js +2 -2
- package/build/lib/web/production/components/Toast/Toast.web.js.map +1 -1
- package/build/lib/web/production/components/Toast/ToastContainer.web.js.map +1 -1
- package/build/lib/web/production/components/Tooltip/Tooltip.web.js +1 -1
- package/build/lib/web/production/components/Tooltip/Tooltip.web.js.map +1 -1
- package/build/lib/web/production/components/TopNav/TabNav/TabNavItem.web.js +2 -2
- package/build/lib/web/production/components/TopNav/TabNav/TabNavItem.web.js.map +1 -1
- package/build/lib/web/production/components/TopNav/TabNav/utils.js +2 -2
- package/build/lib/web/production/components/TopNav/TabNav/utils.js.map +1 -1
- package/build/lib/web/production/components/Typography/Text/Text.js +1 -1
- package/build/lib/web/production/components/Typography/Text/Text.js.map +1 -1
- package/build/lib/web/production/tokens/theme/overrideTheme.js +2 -2
- package/build/lib/web/production/tokens/theme/overrideTheme.js.map +1 -1
- package/build/lib/web/production/utils/bladeCoverage.js +9 -10
- package/build/lib/web/production/utils/bladeCoverage.js.map +1 -1
- package/build/lib/web/production/utils/fireNativeEvent/fireNativeEvent.web.js +1 -1
- package/build/lib/web/production/utils/fireNativeEvent/fireNativeEvent.web.js.map +1 -1
- package/build/lib/web/production/utils/hasSameObjectStructure/hasSameObjectStructure.js +6 -6
- package/build/lib/web/production/utils/hasSameObjectStructure/hasSameObjectStructure.js.map +1 -1
- package/build/lib/web/production/utils/isPartialMatchObjectKeys/isPartialMatchObjectKeys.js +3 -3
- package/build/lib/web/production/utils/isPartialMatchObjectKeys/isPartialMatchObjectKeys.js.map +1 -1
- package/build/lib/web/production/utils/isValidAllowedChildren/isValidAllowedChildren.js +2 -2
- package/build/lib/web/production/utils/isValidAllowedChildren/isValidAllowedChildren.js.map +1 -1
- package/build/lib/web/production/utils/lodashButBetter/cloneDeep.js +3 -3
- package/build/lib/web/production/utils/lodashButBetter/get.js +3 -3
- package/build/lib/web/production/utils/useControllable.js +1 -1
- package/build/lib/web/production/utils/useControllable.js.map +1 -1
- package/build/lib/web/production/utils/useControlledDropdownInput/useControlledDropdownInput.js +2 -2
- package/build/lib/web/production/utils/useControlledDropdownInput/useControlledDropdownInput.js.map +1 -1
- package/build/lib/web/production/utils/useScrollLock.js.map +1 -1
- package/package.json +15 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chipTokens.js","sources":["../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n xsmall: {\n right: 'spacing.3',\n bottom: 'spacing.3',\n },\n small: {\n right: 'spacing.3',\n bottom: 'spacing.3',\n },\n medium: {\n right: 'spacing.3',\n bottom: 'spacing.4',\n },\n large: {\n right: 'spacing.3',\n bottom: 'spacing.4',\n },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n xsmall: size[24],\n small: size[28],\n medium: size[36],\n large: size[48],\n};\n\nconst chipGroupLabelSizeTokens = {\n xsmall: 'small',\n small: 'medium',\n medium: 'large',\n large: 'large',\n} as const;\n\ntype ChipHorizontalPaddingTokens = {\n withoutIcon: Record<\n 'left' | 'right',\n Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n >;\n withIcon: Record<\n 'left' | 'right',\n Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n withoutIcon: {\n left: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.6',\n large: 'spacing.7',\n },\n right: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.6',\n large: 'spacing.7',\n },\n },\n withIcon: {\n left: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.5',\n large: 'spacing.6',\n },\n right: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.6',\n large: 'spacing.7',\n },\n },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n text: Record<string, TextColorTokens>;\n icon: Record<string, IconColorTokens>;\n background: Record<string, Record<string, ChipBackgroundColors>>;\n border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n text: {\n unchecked: 'interactive.text.gray.subtle',\n disabled: 'interactive.text.gray.disabled',\n primary: 'interactive.text.primary.normal',\n positive: 'interactive.text.positive.normal',\n negative: 'interactive.text.negative.normal',\n },\n icon: {\n unchecked: 'interactive.icon.gray.subtle',\n disabled: 'interactive.icon.gray.disabled',\n primary: 'interactive.icon.primary.normal',\n positive: 'interactive.icon.positive.normal',\n negative: 'interactive.icon.negative.normal',\n },\n background: {\n unchecked: {\n default: 'surface.background.gray.intense',\n hover: 'interactive.background.gray.faded',\n disabled: 'transparent',\n },\n primary: {\n default: 'interactive.background.primary.faded',\n hover: 'interactive.background.primary.fadedHighlighted',\n disabled: 'interactive.background.primary.disabled',\n },\n positive: {\n default: 'interactive.background.positive.faded',\n hover: 'interactive.background.positive.fadedHighlighted',\n disabled: 'interactive.background.positive.disabled',\n },\n negative: {\n default: 'interactive.background.negative.faded',\n hover: 'interactive.background.negative.fadedHighlighted',\n disabled: 'interactive.background.negative.disabled',\n },\n },\n border: {\n unchecked: {\n default: 'interactive.border.gray.faded',\n hover: 'interactive.border.gray.faded',\n disabled: 'interactive.border.gray.disabled',\n },\n primary: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n disabled: 'interactive.border.primary.disabled',\n },\n positive: {\n default: 'interactive.border.positive.default',\n hover: 'interactive.border.positive.default',\n disabled: 'interactive.border.positive.disabled',\n },\n negative: {\n default: 'interactive.border.negative.default',\n hover: 'interactive.border.negative.default',\n disabled: 'interactive.border.negative.disabled',\n },\n },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n return {\n default: {\n background: {\n checked: 'colors.transparent',\n unchecked: 'colors.transparent',\n },\n border: {\n checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n unchecked: 'colors.interactive.border.gray.faded',\n },\n },\n };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'large',\n};\n\nconst chipTextSizes = {\n xsmall: {\n variant: 'body',\n size: 'small',\n },\n small: {\n variant: 'body',\n size: 'medium',\n },\n medium: {\n variant: 'body',\n size: 'large',\n },\n large: {\n variant: 'body',\n size: 'large',\n },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n duration: 'duration.xquick',\n easing: 'easing.standard',\n};\n\nexport {\n chipColorTokens,\n chipHeightTokens,\n chipGroupGapTokens,\n getChipInputHoverTokens,\n chipHorizontalPaddingTokens,\n chipTextSizes,\n chipIconSizes,\n chipMotionTokens,\n chipGroupLabelSizeTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","default","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"chipTokens.js","sources":["../../../../../src/components/Chip/chipTokens.ts"],"sourcesContent":["import type { ChipGroupProps } from './ChipGroup';\nimport type { ChipBorderColors, ChipBackgroundColors } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\nimport type { SelectorInputHoverTokens } from '~components/Form/Selector/types';\nimport type { IconProps } from '~components/Icons';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport type { DurationString, EasingString } from '~tokens/global';\nimport { size } from '~tokens/global';\n\nconst chipGroupGapTokens = {\n xsmall: {\n right: 'spacing.3',\n bottom: 'spacing.3',\n },\n small: {\n right: 'spacing.3',\n bottom: 'spacing.3',\n },\n medium: {\n right: 'spacing.3',\n bottom: 'spacing.4',\n },\n large: {\n right: 'spacing.3',\n bottom: 'spacing.4',\n },\n} as const;\n\nconst chipHeightTokens: Record<NonNullable<ChipGroupProps['size']>, number> = {\n xsmall: size[24],\n small: size[28],\n medium: size[36],\n large: size[48],\n};\n\nconst chipGroupLabelSizeTokens = {\n xsmall: 'small',\n small: 'medium',\n medium: 'large',\n large: 'large',\n} as const;\n\ntype ChipHorizontalPaddingTokens = {\n withoutIcon: Record<\n 'left' | 'right',\n Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n >;\n withIcon: Record<\n 'left' | 'right',\n Record<NonNullable<ChipGroupProps['size']>, DotNotationSpacingStringToken>\n >;\n};\n\nconst chipHorizontalPaddingTokens: ChipHorizontalPaddingTokens = {\n withoutIcon: {\n left: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.6',\n large: 'spacing.7',\n },\n right: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.6',\n large: 'spacing.7',\n },\n },\n withIcon: {\n left: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.5',\n large: 'spacing.6',\n },\n right: {\n xsmall: 'spacing.4',\n small: 'spacing.4',\n medium: 'spacing.6',\n large: 'spacing.7',\n },\n },\n};\n\ntype TextColorTokens = BaseTextProps['color'];\ntype IconColorTokens = IconProps['color'];\ntype ChipColorTokens = {\n text: Record<string, TextColorTokens>;\n icon: Record<string, IconColorTokens>;\n background: Record<string, Record<string, ChipBackgroundColors>>;\n border: Record<string, Record<string, ChipBorderColors>>;\n};\n\nconst chipColorTokens: ChipColorTokens = {\n text: {\n unchecked: 'interactive.text.gray.subtle',\n disabled: 'interactive.text.gray.disabled',\n primary: 'interactive.text.primary.normal',\n positive: 'interactive.text.positive.normal',\n negative: 'interactive.text.negative.normal',\n },\n icon: {\n unchecked: 'interactive.icon.gray.subtle',\n disabled: 'interactive.icon.gray.disabled',\n primary: 'interactive.icon.primary.normal',\n positive: 'interactive.icon.positive.normal',\n negative: 'interactive.icon.negative.normal',\n },\n background: {\n unchecked: {\n default: 'surface.background.gray.intense',\n hover: 'interactive.background.gray.faded',\n disabled: 'transparent',\n },\n primary: {\n default: 'interactive.background.primary.faded',\n hover: 'interactive.background.primary.fadedHighlighted',\n disabled: 'interactive.background.primary.disabled',\n },\n positive: {\n default: 'interactive.background.positive.faded',\n hover: 'interactive.background.positive.fadedHighlighted',\n disabled: 'interactive.background.positive.disabled',\n },\n negative: {\n default: 'interactive.background.negative.faded',\n hover: 'interactive.background.negative.fadedHighlighted',\n disabled: 'interactive.background.negative.disabled',\n },\n },\n border: {\n unchecked: {\n default: 'interactive.border.gray.faded',\n hover: 'interactive.border.gray.faded',\n disabled: 'interactive.border.gray.disabled',\n },\n primary: {\n default: 'interactive.border.primary.default',\n hover: 'interactive.border.primary.default',\n disabled: 'interactive.border.primary.disabled',\n },\n positive: {\n default: 'interactive.border.positive.default',\n hover: 'interactive.border.positive.default',\n disabled: 'interactive.border.positive.disabled',\n },\n negative: {\n default: 'interactive.border.negative.default',\n hover: 'interactive.border.negative.default',\n disabled: 'interactive.border.negative.disabled',\n },\n },\n};\n\nconst getChipInputHoverTokens = (color: ChipGroupProps['color']): SelectorInputHoverTokens => {\n return {\n default: {\n background: {\n checked: 'colors.transparent',\n unchecked: 'colors.transparent',\n },\n border: {\n checked: `colors.${chipColorTokens.border[color || 'default'].hover}` as never,\n unchecked: 'colors.interactive.border.gray.faded',\n },\n },\n };\n};\n\nconst chipIconSizes: Record<NonNullable<ChipGroupProps['size']>, IconProps['size']> = {\n xsmall: 'small',\n small: 'small',\n medium: 'medium',\n large: 'large',\n};\n\nconst chipTextSizes = {\n xsmall: {\n variant: 'body',\n size: 'small',\n },\n small: {\n variant: 'body',\n size: 'medium',\n },\n medium: {\n variant: 'body',\n size: 'large',\n },\n large: {\n variant: 'body',\n size: 'large',\n },\n} as const;\n\nconst chipMotionTokens: Record<'duration' | 'easing', DurationString | EasingString> = {\n duration: 'duration.xquick',\n easing: 'easing.standard',\n};\n\nexport {\n chipColorTokens,\n chipHeightTokens,\n chipGroupGapTokens,\n getChipInputHoverTokens,\n chipHorizontalPaddingTokens,\n chipTextSizes,\n chipIconSizes,\n chipMotionTokens,\n chipGroupLabelSizeTokens,\n};\n"],"names":["chipGroupGapTokens","xsmall","right","bottom","small","medium","large","chipHeightTokens","size","chipGroupLabelSizeTokens","chipHorizontalPaddingTokens","withoutIcon","left","withIcon","chipColorTokens","text","unchecked","disabled","primary","positive","negative","icon","background","default","hover","border","getChipInputHoverTokens","color","checked","chipIconSizes","chipTextSizes","variant","chipMotionTokens","duration","easing"],"mappings":";;;;AASM,IAAAA,kBAAkB,CAAG,CACzBC,MAAM,CAAE,CACNC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CAAC,CACDC,KAAK,CAAE,CACLF,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CAAC,CACDE,MAAM,CAAE,CACNH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CAAC,CACDG,KAAK,CAAE,CACLJ,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WACV,CACF,EAEM,IAAAI,gBAAqE,CAAG,CAC5EN,MAAM,CAAEO,IAAI,CAAC,EAAE,CAAC,CAChBJ,KAAK,CAAEI,IAAI,CAAC,EAAE,CAAC,CACfH,MAAM,CAAEG,IAAI,CAAC,EAAE,CAAC,CAChBF,KAAK,CAAEE,IAAI,CAAC,EAAE,CAChB,EAEM,IAAAC,wBAAwB,CAAG,CAC/BR,MAAM,CAAE,OAAO,CACfG,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT,EAaM,IAAAI,2BAAwD,CAAG,CAC/DC,WAAW,CAAE,CACXC,IAAI,CAAE,CACJX,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDJ,KAAK,CAAE,CACLD,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDO,QAAQ,CAAE,CACRD,IAAI,CAAE,CACJX,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDJ,KAAK,CAAE,CACLD,MAAM,CAAE,WAAW,CACnBG,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAWM,IAAAQ,eAAgC,CAAG,CACvCC,IAAI,CAAE,CACJC,SAAS,CAAE,8BAA8B,CACzCC,QAAQ,CAAE,gCAAgC,CAC1CC,OAAO,CAAE,iCAAiC,CAC1CC,QAAQ,CAAE,kCAAkC,CAC5CC,QAAQ,CAAE,kCACZ,CAAC,CACDC,IAAI,CAAE,CACJL,SAAS,CAAE,8BAA8B,CACzCC,QAAQ,CAAE,gCAAgC,CAC1CC,OAAO,CAAE,iCAAiC,CAC1CC,QAAQ,CAAE,kCAAkC,CAC5CC,QAAQ,CAAE,kCACZ,CAAC,CACDE,UAAU,CAAE,CACVN,SAAS,CAAE,CACTO,OAAO,CAAE,iCAAiC,CAC1CC,KAAK,CAAE,mCAAmC,CAC1CP,QAAQ,CAAE,aACZ,CAAC,CACDC,OAAO,CAAE,CACPK,OAAO,CAAE,sCAAsC,CAC/CC,KAAK,CAAE,iDAAiD,CACxDP,QAAQ,CAAE,yCACZ,CAAC,CACDE,QAAQ,CAAE,CACRI,OAAO,CAAE,uCAAuC,CAChDC,KAAK,CAAE,kDAAkD,CACzDP,QAAQ,CAAE,0CACZ,CAAC,CACDG,QAAQ,CAAE,CACRG,OAAO,CAAE,uCAAuC,CAChDC,KAAK,CAAE,kDAAkD,CACzDP,QAAQ,CAAE,0CACZ,CACF,CAAC,CACDQ,MAAM,CAAE,CACNT,SAAS,CAAE,CACTO,OAAO,CAAE,+BAA+B,CACxCC,KAAK,CAAE,+BAA+B,CACtCP,QAAQ,CAAE,kCACZ,CAAC,CACDC,OAAO,CAAE,CACPK,OAAO,CAAE,oCAAoC,CAC7CC,KAAK,CAAE,oCAAoC,CAC3CP,QAAQ,CAAE,qCACZ,CAAC,CACDE,QAAQ,CAAE,CACRI,OAAO,CAAE,qCAAqC,CAC9CC,KAAK,CAAE,qCAAqC,CAC5CP,QAAQ,CAAE,sCACZ,CAAC,CACDG,QAAQ,CAAE,CACRG,OAAO,CAAE,qCAAqC,CAC9CC,KAAK,CAAE,qCAAqC,CAC5CP,QAAQ,CAAE,sCACZ,CACF,CACF,EAEM,IAAAS,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAAIC,KAA8B,CAA+B,CAC5F,OAAO,CACLJ,OAAO,CAAE,CACPD,UAAU,CAAE,CACVM,OAAO,CAAE,oBAAoB,CAC7BZ,SAAS,CAAE,oBACb,CAAC,CACDS,MAAM,CAAE,CACNG,OAAO,CAAE,CAAUd,OAAAA,EAAAA,eAAe,CAACW,MAAM,CAACE,KAAK,EAAI,SAAS,CAAC,CAACH,KAAK,CAAW,CAAA,CAC9ER,SAAS,CAAE,sCACb,CACF,CACF,CAAC,CACH,EAEM,IAAAa,aAA6E,CAAG,CACpF5B,MAAM,CAAE,OAAO,CACfG,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEM,IAAAwB,aAAa,CAAG,CACpB7B,MAAM,CAAE,CACN8B,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,OACR,CAAC,CACDJ,KAAK,CAAE,CACL2B,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,QACR,CAAC,CACDH,MAAM,CAAE,CACN0B,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,OACR,CAAC,CACDF,KAAK,CAAE,CACLyB,OAAO,CAAE,MAAM,CACfvB,IAAI,CAAE,OACR,CACF,EAEM,IAAAwB,gBAA8E,CAAG,CACrFC,QAAQ,CAAE,iBAAiB,CAC3BC,MAAM,CAAE,iBACV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChipGroup.js","sources":["../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n ChipGroupProps,\n | 'isDisabled'\n | 'isRequired'\n | 'necessityIndicator'\n | 'validationState'\n | 'name'\n | 'value'\n | 'defaultValue'\n | 'onChange'\n | 'size'\n | 'color'\n | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n state: State;\n contextValue: ChipGroupContextType;\n ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n value,\n defaultValue,\n isDisabled,\n isRequired,\n onChange,\n name,\n size,\n color,\n selectionType,\n necessityIndicator,\n validationState,\n}: UseChipGroupProps): UseChipGroupReturn => {\n const idBase = useId('chip-group');\n const labelId = `${idBase}-label`;\n const fallbackName = name ?? idBase;\n const [checkedValues, setValues] = useControllableState({\n value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n // If selectionType is single, we need to convert the value to an array\n defaultValue: (defaultValue && selectionType === 'single'\n ? [defaultValue]\n : defaultValue || []) as string[] | undefined,\n onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n });\n\n const state = React.useMemo<State>(() => {\n return {\n value: checkedValues,\n isChecked(value: string): boolean {\n if (selectionType === 'single') {\n if (isUndefined(value) || isUndefined(checkedValues)) return false;\n return checkedValues[0] === value;\n }\n return checkedValues.includes(value);\n },\n addValue(value: string) {\n if (isDisabled) {\n return;\n }\n if (selectionType === 'single') {\n setValues(() => [value]);\n }\n if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n setValues(() => checkedValues.concat(value));\n }\n },\n removeValue(value: string) {\n if (isDisabled) {\n return;\n }\n if (selectionType === 'single') {\n setValues(undefined!);\n }\n if (\n selectionType === 'multiple' &&\n Array.isArray(checkedValues) &&\n checkedValues.includes(value)\n ) {\n setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n }\n },\n };\n }, [checkedValues, isDisabled, setValues, selectionType]);\n\n const contextValue = React.useMemo<ChipGroupContextType>(() => {\n return {\n isDisabled,\n isRequired,\n necessityIndicator,\n validationState,\n name,\n state,\n size,\n color,\n selectionType,\n };\n }, [\n isDisabled,\n isRequired,\n necessityIndicator,\n validationState,\n name,\n state,\n size,\n color,\n selectionType,\n ]);\n\n return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","isRequired","onChange","name","size","color","selectionType","necessityIndicator","validationState","idBase","useId","labelId","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","concat","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":";;;;;;AA0BM,IAAAA,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAY2B,CAAA,IAX3CC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,YAAY,CAAAF,IAAA,CAAZE,YAAY,CACZC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CACVC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CACVC,SAAQ,CAAAL,IAAA,CAARK,QAAQ,CACRC,IAAI,CAAAN,IAAA,CAAJM,IAAI,CACJC,IAAI,CAAAP,IAAA,CAAJO,IAAI,CACJC,KAAK,CAAAR,IAAA,CAALQ,KAAK,CACLC,aAAa,CAAAT,IAAA,CAAbS,aAAa,CACbC,kBAAkB,CAAAV,IAAA,CAAlBU,kBAAkB,CAClBC,eAAe,CAAAX,IAAA,CAAfW,eAAe,CAEf,IAAMC,MAAM,CAAGC,KAAK,CAAC,YAAY,CAAC,CAClC,IAAMC,OAAO,
|
|
1
|
+
{"version":3,"file":"useChipGroup.js","sources":["../../../../../src/components/Chip/useChipGroup.ts"],"sourcesContent":["import React from 'react';\nimport type { ChipGroupProps, ChipGroupContextType, State } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport { useControllableState } from '~utils/useControllable';\nimport { useId } from '~utils/useId';\n\ntype UseChipGroupProps = Pick<\n ChipGroupProps,\n | 'isDisabled'\n | 'isRequired'\n | 'necessityIndicator'\n | 'validationState'\n | 'name'\n | 'value'\n | 'defaultValue'\n | 'onChange'\n | 'size'\n | 'color'\n | 'selectionType'\n>;\ntype UseChipGroupReturn = {\n state: State;\n contextValue: ChipGroupContextType;\n ids: { labelId: string };\n};\n\nconst useChipGroup = ({\n value,\n defaultValue,\n isDisabled,\n isRequired,\n onChange,\n name,\n size,\n color,\n selectionType,\n necessityIndicator,\n validationState,\n}: UseChipGroupProps): UseChipGroupReturn => {\n const idBase = useId('chip-group');\n const labelId = `${idBase}-label`;\n const fallbackName = name ?? idBase;\n const [checkedValues, setValues] = useControllableState({\n value: (value && selectionType === 'single' ? [value] : value) as string[] | undefined,\n // If selectionType is single, we need to convert the value to an array\n defaultValue: (defaultValue && selectionType === 'single'\n ? [defaultValue]\n : defaultValue || []) as string[] | undefined,\n onChange: (values: string[]) => onChange?.({ values, name: fallbackName }),\n });\n\n const state = React.useMemo<State>(() => {\n return {\n value: checkedValues,\n isChecked(value: string): boolean {\n if (selectionType === 'single') {\n if (isUndefined(value) || isUndefined(checkedValues)) return false;\n return checkedValues[0] === value;\n }\n return checkedValues.includes(value);\n },\n addValue(value: string) {\n if (isDisabled) {\n return;\n }\n if (selectionType === 'single') {\n setValues(() => [value]);\n }\n if (selectionType === 'multiple' && !checkedValues.includes(value)) {\n setValues(() => checkedValues.concat(value));\n }\n },\n removeValue(value: string) {\n if (isDisabled) {\n return;\n }\n if (selectionType === 'single') {\n setValues(undefined!);\n }\n if (\n selectionType === 'multiple' &&\n Array.isArray(checkedValues) &&\n checkedValues.includes(value)\n ) {\n setValues(() => checkedValues.filter((existingValue) => existingValue !== value));\n }\n },\n };\n }, [checkedValues, isDisabled, setValues, selectionType]);\n\n const contextValue = React.useMemo<ChipGroupContextType>(() => {\n return {\n isDisabled,\n isRequired,\n necessityIndicator,\n validationState,\n name,\n state,\n size,\n color,\n selectionType,\n };\n }, [\n isDisabled,\n isRequired,\n necessityIndicator,\n validationState,\n name,\n state,\n size,\n color,\n selectionType,\n ]);\n\n return { state, contextValue, ids: { labelId } };\n};\n\nexport { useChipGroup };\n"],"names":["useChipGroup","_ref","value","defaultValue","isDisabled","isRequired","onChange","name","size","color","selectionType","necessityIndicator","validationState","idBase","useId","labelId","fallbackName","_useControllableState","useControllableState","values","_useControllableState2","_slicedToArray","checkedValues","setValues","state","React","useMemo","isChecked","isUndefined","includes","addValue","concat","removeValue","undefined","Array","isArray","filter","existingValue","contextValue","ids"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo, forwardRef } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype CollapsibleProps = {\n /**\n * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n */\n children: ReactNode;\n\n /**\n * Direction in which the content expands\n *\n * @default bottom\n */\n direction?: 'bottom' | 'top';\n\n /**\n * Expands the collapsible content by default (uncontrolled)\n *\n * @default false\n */\n defaultIsExpanded?: boolean;\n\n /**\n * Expands the collapsible content (controlled)\n *\n * @default undefined\n */\n isExpanded?: boolean;\n\n /**\n * Callback for change in collapsible's expanded state\n *\n * @default undefined\n */\n onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n /**\n * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n */\n _dangerouslyDisableValidations?: boolean;\n /**\n * **Internal**: used to override responsive width restrictions\n */\n _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst _Collapsible = (\n {\n children,\n direction = 'bottom',\n defaultIsExpanded = false,\n isExpanded,\n onExpandChange,\n testID,\n _shouldApplyWidthRestrictions = true,\n _dangerouslyDisableValidations = false,\n ...rest\n }: CollapsibleProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n /**\n * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n * This will help in determining the correct initial height of collapsing body content\n */\n const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n const handleExpandChange = useCallback(\n (nextIsExpanded: boolean) => {\n if (typeof isExpanded !== 'undefined') {\n // controlled\n onExpandChange?.({ isExpanded: nextIsExpanded });\n } else {\n // uncontrolled\n setIsBodyExpanded(nextIsExpanded);\n onExpandChange?.({ isExpanded: nextIsExpanded });\n }\n },\n [onExpandChange, isExpanded],\n );\n\n const contextValue = useMemo<CollapsibleContextState>(\n () => ({\n // controlled behavior if isExpanded is provided\n isExpanded: isExpanded ?? isBodyExpanded,\n onExpandChange: handleExpandChange,\n defaultIsExpanded: initialDefaultExpanded.current,\n direction,\n collapsibleBodyId,\n }),\n [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n );\n\n if (__DEV__) {\n Children.forEach(children, (child) => {\n if (\n !(\n isValidAllowedChildren(child, componentIds.CollapsibleBody) ||\n isValidAllowedChildren(child, componentIds.CollapsibleButton) ||\n isValidAllowedChildren(child, componentIds.CollapsibleLink)\n ) &&\n !_dangerouslyDisableValidations\n ) {\n throwBladeError({\n message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n moduleName: 'Collapsible',\n });\n }\n });\n }\n\n return (\n <CollapsibleContext.Provider value={contextValue}>\n <BaseBox\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox\n display=\"flex\"\n flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n alignItems=\"flex-start\"\n minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n >\n {children}\n </BaseBox>\n </BaseBox>\n </CollapsibleContext.Provider>\n );\n};\n\nconst Collapsible = assignWithoutSideEffects(forwardRef(_Collapsible), {\n componentId: componentIds.Collapsible,\n});\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","_Collapsible","_ref","ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","__DEV__","Children","forEach","child","isValidAllowedChildren","componentIds","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","Object","assign","metaAttribute","name","Collapsible","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS","assignWithoutSideEffects","forwardRef","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,mBAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,+BAAA,CAAA,gCAAA,CAAA,CAkEA,IAAMA,SAA+B,CAAGC,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,CAE3D,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAAC,IAAA,CAYhBC,GAA+B,CACd,CAAA,IAXfC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAAAC,cAAA,CAAAH,IAAA,CACRI,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,cAAA,CAAAE,qBAAA,CAAAL,IAAA,CACpBM,iBAAiB,CAAjBA,iBAAiB,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,qBAAA,CACzBE,UAAU,CAAAP,IAAA,CAAVO,UAAU,CACVC,cAAc,CAAAR,IAAA,CAAdQ,cAAc,CACdC,MAAM,CAAAT,IAAA,CAANS,MAAM,CAAAC,qBAAA,CAAAV,IAAA,CACNW,6BAA6B,CAA7BA,6BAA6B,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,IAAI,CAAAA,qBAAA,CAAAE,qBAAA,CAAAZ,IAAA,CACpCa,8BAA8B,CAA9BA,8BAA8B,CAAAD,qBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,qBAAA,CACnCE,IAAI,CAAAC,wBAAA,CAAAf,IAAA,CAAAgB,SAAA,CAIT,CAAA,IAAAC,SAAA,CAA4CC,QAAQ,CAACX,UAAU,EAAVA,IAAAA,CAAAA,UAAU,CAAID,iBAAiB,CAAC,CAAAa,UAAA,CAAAC,cAAA,CAAAH,SAAA,CAAA,CAAA,CAAA,CAA9EI,cAAc,CAAAF,UAAA,CAAEG,CAAAA,CAAAA,CAAAA,iBAAiB,CAAAH,UAAA,CACxC,CAAA,CAAA,CAAA,IAAMI,iBAAiB,CAAGC,KAAK,CAACC,aAAa,CAACC,eAAe,CAAC,CAM9D,IAAMC,sBAAsB,CAAGC,MAAM,CAACC,OAAO,CAACvB,iBAAiB,EAAIC,UAAU,CAAC,CAAC,CAE/E,IAAMuB,kBAAkB,CAAGC,WAAW,CACpC,SAACC,cAAuB,CAAK,CAC3B,GAAI,OAAOzB,UAAU,GAAK,WAAW,CAAE,CAErCC,cAAc,EAAA,IAAA,CAAA,KAAA,CAAA,CAAdA,cAAc,CAAG,CAAED,UAAU,CAAEyB,cAAe,CAAC,CAAC,CAClD,CAAC,KAAM,CAELV,iBAAiB,CAACU,cAAc,CAAC,CACjCxB,cAAc,EAAA,IAAA,CAAA,KAAA,CAAA,CAAdA,cAAc,CAAG,CAAED,UAAU,CAAEyB,cAAe,CAAC,CAAC,CAClD,CACF,CAAC,CACD,CAACxB,cAAc,CAAED,UAAU,CAC7B,CAAC,CAED,IAAM0B,YAAY,CAAGC,OAAO,CAC1B,UAAA,CAAA,OAAO,CAEL3B,UAAU,CAAEA,UAAU,EAAA,IAAA,CAAVA,UAAU,CAAIc,cAAc,CACxCb,cAAc,CAAEsB,kBAAkB,CAClCxB,iBAAiB,CAAEqB,sBAAsB,CAACQ,OAAO,CACjD/B,SAAS,CAATA,SAAS,CACTmB,iBAAiB,CAAjBA,iBACF,CAAC,CAAA,CAAC,CACF,CAACF,cAAc,CAAEjB,SAAS,CAAE0B,kBAAkB,CAAEvB,UAAU,CAAEgB,iBAAiB,CAC/E,CAAC,CAED,GAAIa,OAAO,CAAE,CACXC,QAAQ,CAACC,OAAO,CAACpC,QAAQ,CAAE,SAACqC,KAAK,CAAK,CACpC,GACE,EACEC,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACf,eAAe,CAAC,EAC3Dc,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACC,iBAAiB,CAAC,EAC7DF,sBAAsB,CAACD,KAAK,CAAEE,YAAY,CAACE,eAAe,CAAC,CAC5D,EACD,CAAC9B,8BAA8B,CAC/B,CACA+B,eAAe,CAAC,CACdC,OAAO,
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { Children, useCallback, useRef, useState, useMemo, forwardRef } from 'react';\n\nimport type { CollapsibleContextState } from './CollapsibleContext';\nimport { CollapsibleContext } from './CollapsibleContext';\nimport { MAX_WIDTH, MAX_WIDTH_NO_RESTRICTIONS } from './styles';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { BoxProps } from '~components/Box';\nimport { makeSize } from '~utils';\nimport { size } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useId } from '~utils/useId';\nimport { isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype CollapsibleProps = {\n /**\n * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`\n */\n children: ReactNode;\n\n /**\n * Direction in which the content expands\n *\n * @default bottom\n */\n direction?: 'bottom' | 'top';\n\n /**\n * Expands the collapsible content by default (uncontrolled)\n *\n * @default false\n */\n defaultIsExpanded?: boolean;\n\n /**\n * Expands the collapsible content (controlled)\n *\n * @default undefined\n */\n isExpanded?: boolean;\n\n /**\n * Callback for change in collapsible's expanded state\n *\n * @default undefined\n */\n onExpandChange?: ({ isExpanded }: { isExpanded: boolean }) => void;\n\n /**\n * **Internal**: disables trigger validations. Used for AccordionButton and SideNavLink internally\n */\n _dangerouslyDisableValidations?: boolean;\n /**\n * **Internal**: used to override responsive width restrictions\n */\n _shouldApplyWidthRestrictions?: boolean;\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\nconst MIN_WIDTH: BoxProps['minWidth'] = makeSize(size[200]);\n\nconst _Collapsible = (\n {\n children,\n direction = 'bottom',\n defaultIsExpanded = false,\n isExpanded,\n onExpandChange,\n testID,\n _shouldApplyWidthRestrictions = true,\n _dangerouslyDisableValidations = false,\n ...rest\n }: CollapsibleProps,\n ref: React.Ref<BladeElementRef>,\n): ReactElement => {\n const [isBodyExpanded, setIsBodyExpanded] = useState(isExpanded ?? defaultIsExpanded);\n const collapsibleBodyId = useId(MetaConstants.CollapsibleBody);\n\n /**\n * Maintain a ref to the initial value of `defaultExpanded || isExpanded` so changing it has no effect.\n * This will help in determining the correct initial height of collapsing body content\n */\n const initialDefaultExpanded = useRef(Boolean(defaultIsExpanded || isExpanded));\n\n const handleExpandChange = useCallback(\n (nextIsExpanded: boolean) => {\n if (typeof isExpanded !== 'undefined') {\n // controlled\n onExpandChange?.({ isExpanded: nextIsExpanded });\n } else {\n // uncontrolled\n setIsBodyExpanded(nextIsExpanded);\n onExpandChange?.({ isExpanded: nextIsExpanded });\n }\n },\n [onExpandChange, isExpanded],\n );\n\n const contextValue = useMemo<CollapsibleContextState>(\n () => ({\n // controlled behavior if isExpanded is provided\n isExpanded: isExpanded ?? isBodyExpanded,\n onExpandChange: handleExpandChange,\n defaultIsExpanded: initialDefaultExpanded.current,\n direction,\n collapsibleBodyId,\n }),\n [isBodyExpanded, direction, handleExpandChange, isExpanded, collapsibleBodyId],\n );\n\n if (__DEV__) {\n Children.forEach(children, (child) => {\n if (\n !(\n isValidAllowedChildren(child, componentIds.CollapsibleBody) ||\n isValidAllowedChildren(child, componentIds.CollapsibleButton) ||\n isValidAllowedChildren(child, componentIds.CollapsibleLink)\n ) &&\n !_dangerouslyDisableValidations\n ) {\n throwBladeError({\n message: `only the following are supported as valid children: CollapsibleBody, CollapsibleButton, CollapsibleLink`,\n moduleName: 'Collapsible',\n });\n }\n });\n }\n\n return (\n <CollapsibleContext.Provider value={contextValue}>\n <BaseBox\n ref={ref as never}\n {...metaAttribute({ name: MetaConstants.Collapsible, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <BaseBox\n display=\"flex\"\n flexDirection={direction === 'bottom' ? 'column' : 'column-reverse'}\n alignItems=\"flex-start\"\n minWidth={_shouldApplyWidthRestrictions ? MIN_WIDTH : makeSize(size[0])}\n maxWidth={_shouldApplyWidthRestrictions ? MAX_WIDTH : MAX_WIDTH_NO_RESTRICTIONS}\n >\n {children}\n </BaseBox>\n </BaseBox>\n </CollapsibleContext.Provider>\n );\n};\n\nconst Collapsible = assignWithoutSideEffects(forwardRef(_Collapsible), {\n componentId: componentIds.Collapsible,\n});\n\nexport type { CollapsibleProps };\nexport { Collapsible };\n"],"names":["MIN_WIDTH","makeSize","size","_Collapsible","_ref","ref","children","_ref$direction","direction","_ref$defaultIsExpande","defaultIsExpanded","isExpanded","onExpandChange","testID","_ref$_shouldApplyWidt","_shouldApplyWidthRestrictions","_ref$_dangerouslyDisa","_dangerouslyDisableValidations","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isBodyExpanded","setIsBodyExpanded","collapsibleBodyId","useId","MetaConstants","CollapsibleBody","initialDefaultExpanded","useRef","Boolean","handleExpandChange","useCallback","nextIsExpanded","contextValue","useMemo","current","__DEV__","Children","forEach","child","isValidAllowedChildren","componentIds","CollapsibleButton","CollapsibleLink","throwBladeError","message","moduleName","_jsx","CollapsibleContext","Provider","value","BaseBox","Object","assign","metaAttribute","name","Collapsible","getStyledProps","makeAnalyticsAttribute","display","flexDirection","alignItems","minWidth","maxWidth","MAX_WIDTH","MAX_WIDTH_NO_RESTRICTIONS","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleChevronIcon.native.js","sources":["../../../../../src/components/Collapsible/CollapsibleChevronIcon.native.tsx"],"sourcesContent":["import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\nimport { useCollapsible } from './CollapsibleContext';\nimport {\n getCollapsibleChevronIconTransforms,\n getTransitionDuration,\n getTransitionEasing,\n} from './commonStyles';\nimport { castNativeType } from '~utils';\nimport type { IconComponent } from '~components/Icons';\nimport { ChevronDownIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\n\n// Not really an IconComponent, a wrapper is needed for animating the icon inside\nconst CollapsibleChevronIcon: IconComponent = (props) => {\n const { isExpanded } = useCollapsible();\n const { theme } = useTheme();\n\n const { transformExpanded, transformCollapsed } = getCollapsibleChevronIconTransforms();\n const duration = castNativeType(getTransitionDuration(theme));\n const easing = castNativeType(getTransitionEasing(theme));\n\n const rotateZ = useDerivedValue(() =>\n withTiming(isExpanded ? transformExpanded : transformCollapsed, { duration, easing }),\n );\n const animatedStyles = useAnimatedStyle(() => ({\n transform: [{ rotateZ: `${rotateZ.value}deg` }],\n }));\n\n return (\n <Animated.View style={animatedStyles} {...makeAccessible({ hidden: true })}>\n <ChevronDownIcon {...props} />\n </Animated.View>\n );\n};\n\nexport { CollapsibleChevronIcon };\n"],"names":["CollapsibleChevronIcon","props","_useCollapsible","useCollapsible","isExpanded","_useTheme","useTheme","theme","_getCollapsibleChevro","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","rotateZ","useDerivedValue","withTiming","animatedStyles","useAnimatedStyle","transform","value","_jsx","Animated","View","Object","assign","style","makeAccessible","hidden","children","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,IAAAA,sBAAqC,CAAG,SAAxCA,sBAAqCA,CAAIC,KAAK,CAAK,CACvD,IAAAC,eAAA,CAAuBC,cAAc,EAAE,CAA/BC,UAAU,CAAAF,eAAA,CAAVE,UAAU,CAClB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAAC,qBAAA,CAAkDC,mCAAmC,EAAE,CAA/EC,iBAAiB,CAAAF,qBAAA,CAAjBE,iBAAiB,CAAEC,kBAAkB,CAAAH,qBAAA,CAAlBG,kBAAkB,CAC7C,IAAMC,QAAQ,CAAGC,cAAc,CAACC,qBAAqB,CAACP,KAAK,CAAC,CAAC,CAC7D,IAAMQ,MAAM,CAAGF,cAAc,CAACG,mBAAmB,CAACT,KAAK,CAAC,CAAC,CAEzD,IAAMU,OAAO,CAAGC,eAAe,CAAC,UAC9B,CAAA,OAAAC,UAAU,CAACf,UAAU,CAAGM,iBAAiB,CAAGC,kBAAkB,CAAE,CAAEC,QAAQ,CAARA,QAAQ,CAAEG,MAAM,CAANA,MAAO,CAAC,CAAC,CAAA,CACvF,CAAC,CACD,IAAMK,cAAc,CAAGC,gBAAgB,CAAC,UAAA,CAAA,OAAO,CAC7CC,SAAS,CAAE,CAAC,CAAEL,OAAO,
|
|
1
|
+
{"version":3,"file":"CollapsibleChevronIcon.native.js","sources":["../../../../../src/components/Collapsible/CollapsibleChevronIcon.native.tsx"],"sourcesContent":["import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\nimport { useCollapsible } from './CollapsibleContext';\nimport {\n getCollapsibleChevronIconTransforms,\n getTransitionDuration,\n getTransitionEasing,\n} from './commonStyles';\nimport { castNativeType } from '~utils';\nimport type { IconComponent } from '~components/Icons';\nimport { ChevronDownIcon } from '~components/Icons';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeAccessible } from '~utils/makeAccessible';\n\n// Not really an IconComponent, a wrapper is needed for animating the icon inside\nconst CollapsibleChevronIcon: IconComponent = (props) => {\n const { isExpanded } = useCollapsible();\n const { theme } = useTheme();\n\n const { transformExpanded, transformCollapsed } = getCollapsibleChevronIconTransforms();\n const duration = castNativeType(getTransitionDuration(theme));\n const easing = castNativeType(getTransitionEasing(theme));\n\n const rotateZ = useDerivedValue(() =>\n withTiming(isExpanded ? transformExpanded : transformCollapsed, { duration, easing }),\n );\n const animatedStyles = useAnimatedStyle(() => ({\n transform: [{ rotateZ: `${rotateZ.value}deg` }],\n }));\n\n return (\n <Animated.View style={animatedStyles} {...makeAccessible({ hidden: true })}>\n <ChevronDownIcon {...props} />\n </Animated.View>\n );\n};\n\nexport { CollapsibleChevronIcon };\n"],"names":["CollapsibleChevronIcon","props","_useCollapsible","useCollapsible","isExpanded","_useTheme","useTheme","theme","_getCollapsibleChevro","getCollapsibleChevronIconTransforms","transformExpanded","transformCollapsed","duration","castNativeType","getTransitionDuration","easing","getTransitionEasing","rotateZ","useDerivedValue","withTiming","animatedStyles","useAnimatedStyle","transform","value","_jsx","Animated","View","Object","assign","style","makeAccessible","hidden","children","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,IAAAA,sBAAqC,CAAG,SAAxCA,sBAAqCA,CAAIC,KAAK,CAAK,CACvD,IAAAC,eAAA,CAAuBC,cAAc,EAAE,CAA/BC,UAAU,CAAAF,eAAA,CAAVE,UAAU,CAClB,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CAEb,IAAAC,qBAAA,CAAkDC,mCAAmC,EAAE,CAA/EC,iBAAiB,CAAAF,qBAAA,CAAjBE,iBAAiB,CAAEC,kBAAkB,CAAAH,qBAAA,CAAlBG,kBAAkB,CAC7C,IAAMC,QAAQ,CAAGC,cAAc,CAACC,qBAAqB,CAACP,KAAK,CAAC,CAAC,CAC7D,IAAMQ,MAAM,CAAGF,cAAc,CAACG,mBAAmB,CAACT,KAAK,CAAC,CAAC,CAEzD,IAAMU,OAAO,CAAGC,eAAe,CAAC,UAC9B,CAAA,OAAAC,UAAU,CAACf,UAAU,CAAGM,iBAAiB,CAAGC,kBAAkB,CAAE,CAAEC,QAAQ,CAARA,QAAQ,CAAEG,MAAM,CAANA,MAAO,CAAC,CAAC,CAAA,CACvF,CAAC,CACD,IAAMK,cAAc,CAAGC,gBAAgB,CAAC,UAAA,CAAA,OAAO,CAC7CC,SAAS,CAAE,CAAC,CAAEL,OAAO,CAAE,CAAGA,EAAAA,OAAO,CAACM,KAAK,CAAA,GAAA,CAAM,CAAC,CAChD,CAAC,EAAC,CAAC,CAEH,OACEC,GAAA,CAACC,QAAQ,CAACC,IAAI,CAAAC,MAAA,CAAAC,MAAA,EAACC,KAAK,CAAET,cAAe,CAAA,CAAKU,cAAc,CAAC,CAAEC,MAAM,CAAE,IAAK,CAAC,CAAC,CAAA,CAAAC,QAAA,CACxER,GAAA,CAACS,eAAe,CAAAN,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAK3B,KAAK,CAAG,CAAC,CAAA,CACjB,CAAC,CAEpB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleContext.js","sources":["../../../../../src/components/Collapsible/CollapsibleContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { CollapsibleProps } from './Collapsible';\nimport { throwBladeError } from '~utils/logger';\n\ntype CollapsibleContextState = {\n isExpanded: boolean;\n defaultIsExpanded: boolean;\n onExpandChange: (isExpanded: boolean) => void;\n direction: CollapsibleProps['direction'];\n collapsibleBodyId: string;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextState | null>(null);\n\nconst useCollapsible = (): CollapsibleContextState => {\n const collapsibleContext = useContext(CollapsibleContext);\n if (__DEV__) {\n if (!collapsibleContext) {\n throwBladeError({\n message: `You're trying to use Collapsible sub-components without Collapsible. useCollapsible should only be used within CollapsibleContext`,\n moduleName: 'CollapsibleContext',\n });\n }\n }\n return collapsibleContext!;\n};\n\nexport type { CollapsibleContextState };\nexport { CollapsibleContext, useCollapsible };\n"],"names":["CollapsibleContext","createContext","useCollapsible","collapsibleContext","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;AAYM,IAAAA,kBAAkB,CAAGC,aAAa,CAAiC,IAAI,EAEvE,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAAkC,CACpD,IAAMC,kBAAkB,CAAGC,UAAU,CAACJ,kBAAkB,CAAC,CACzD,GAAIK,OAAO,CAAE,CACX,GAAI,CAACF,kBAAkB,CAAE,CACvBG,eAAe,CAAC,CACdC,OAAO,
|
|
1
|
+
{"version":3,"file":"CollapsibleContext.js","sources":["../../../../../src/components/Collapsible/CollapsibleContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { CollapsibleProps } from './Collapsible';\nimport { throwBladeError } from '~utils/logger';\n\ntype CollapsibleContextState = {\n isExpanded: boolean;\n defaultIsExpanded: boolean;\n onExpandChange: (isExpanded: boolean) => void;\n direction: CollapsibleProps['direction'];\n collapsibleBodyId: string;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextState | null>(null);\n\nconst useCollapsible = (): CollapsibleContextState => {\n const collapsibleContext = useContext(CollapsibleContext);\n if (__DEV__) {\n if (!collapsibleContext) {\n throwBladeError({\n message: `You're trying to use Collapsible sub-components without Collapsible. useCollapsible should only be used within CollapsibleContext`,\n moduleName: 'CollapsibleContext',\n });\n }\n }\n return collapsibleContext!;\n};\n\nexport type { CollapsibleContextState };\nexport { CollapsibleContext, useCollapsible };\n"],"names":["CollapsibleContext","createContext","useCollapsible","collapsibleContext","useContext","__DEV__","throwBladeError","message","moduleName"],"mappings":";;;AAYM,IAAAA,kBAAkB,CAAGC,aAAa,CAAiC,IAAI,EAEvE,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAAkC,CACpD,IAAMC,kBAAkB,CAAGC,UAAU,CAACJ,kBAAkB,CAAC,CACzD,GAAIK,OAAO,CAAE,CACX,GAAI,CAACF,kBAAkB,CAAE,CACvBG,eAAe,CAAC,CACdC,OAAO,CAAE,CAAmI,iIAAA,CAAA,CAC5IC,UAAU,CAAE,oBACd,CAAC,CAAC,CACJ,CACF,CACA,OAAOL,kBAAkB,CAC3B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n /**\n * Sets the value for the counter.\n */\n value: number;\n /**\n * Sets the max value for the counter.\n * If value exceedes `max` it will render `value+`\n */\n max?: number;\n /**\n * Sets the color of the counter.\n *\n * @default 'neutral'\n */\n color?: FeedbackColors | 'primary';\n /**\n * Sets the contrast of the counter.\n *\n * @default 'subtle'\n */\n emphasis?: SubtleOrIntense;\n /**\n * Sets the size of the counter.\n *\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\ntype ColorProps = {\n textColor: BaseTextProps['color'];\n backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n color = 'neutral',\n emphasis = 'subtle',\n}: {\n color: NonNullable<CounterProps['color']>;\n emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n const props: ColorProps = {\n textColor: 'feedback.text.neutral.intense',\n backgroundColor: 'feedback.background.neutral.subtle',\n };\n\n if (color === 'primary') {\n // primary color badge\n props.textColor =\n emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n props.backgroundColor = `surface.background.primary.${emphasis}`;\n } else {\n // feedback colors badge\n props.textColor =\n emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n }\n return props;\n};\n\nconst _Counter = (\n {\n value,\n max,\n color = 'neutral',\n emphasis = 'subtle',\n size = 'medium',\n testID,\n ...rest\n }: CounterProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n let content = `${value}`;\n if (max && value > max) {\n content = `${max}+`;\n }\n\n const { platform } = useTheme();\n const { backgroundColor, textColor } = getColorProps({\n color,\n emphasis,\n });\n\n const counterTextSizes = {\n small: {\n variant: 'body',\n size: 'xsmall',\n },\n medium: {\n variant: 'body',\n size: 'small',\n },\n large: {\n variant: 'body',\n size: 'medium',\n },\n } as const;\n\n return (\n <BaseBox\n ref={ref as never}\n display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n {...metaAttribute({ name: MetaConstants.Counter, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <StyledCounter\n minHeight={makeSize(counterHeight[size])}\n backgroundColor={backgroundColor}\n size={size}\n platform={platform}\n >\n <BaseBox\n paddingX={horizontalPadding[size]}\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent=\"center\"\n alignItems=\"center\"\n overflow=\"hidden\"\n >\n <Text\n {...counterTextSizes[size]}\n textAlign=\"center\"\n weight=\"medium\"\n truncateAfterLines={1}\n color={textColor}\n >\n {content}\n </Text>\n </BaseBox>\n </StyledCounter>\n </BaseBox>\n );\n};\n\nconst Counter = assignWithoutSideEffects(React.forwardRef(_Counter), {\n displayName: 'Counter',\n componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,OAAA,CAAA,UAAA,CAAA,MAAA,CAAA,QAAA,CAAA,CAsDA,IAAMA,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,IAAA,CAMD,CAAAC,IAAAA,UAAA,CAAAD,IAAA,CALhBE,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CAAAE,aAAA,CAAAH,IAAA,CACjBI,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,aAAA,CAKnB,IAAME,KAAiB,CAAG,CACxBC,SAAS,CAAE,+BAA+B,CAC1CC,eAAe,CAAE,oCACnB,CAAC,CAED,GAAIL,KAAK,GAAK,SAAS,CAAE,CAEvBG,KAAK,CAACC,SAAS,CACbF,QAAQ,GAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledCounter } from './StyledCounter';\nimport type { StyledCounterProps } from './types';\nimport { counterHeight, horizontalPadding } from './counterTokens';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { Text } from '~components/Typography';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useTheme } from '~components/BladeProvider';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { isReactNative, makeSize } from '~utils';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nexport type CounterProps = {\n /**\n * Sets the value for the counter.\n */\n value: number;\n /**\n * Sets the max value for the counter.\n * If value exceedes `max` it will render `value+`\n */\n max?: number;\n /**\n * Sets the color of the counter.\n *\n * @default 'neutral'\n */\n color?: FeedbackColors | 'primary';\n /**\n * Sets the contrast of the counter.\n *\n * @default 'subtle'\n */\n emphasis?: SubtleOrIntense;\n /**\n * Sets the size of the counter.\n *\n * @default 'medium'\n */\n size?: 'small' | 'medium' | 'large';\n} & TestID &\n DataAnalyticsAttribute &\n StyledPropsBlade;\n\ntype ColorProps = {\n textColor: BaseTextProps['color'];\n backgroundColor: StyledCounterProps['backgroundColor'];\n};\n\nconst getColorProps = ({\n color = 'neutral',\n emphasis = 'subtle',\n}: {\n color: NonNullable<CounterProps['color']>;\n emphasis: NonNullable<CounterProps['emphasis']>;\n}): ColorProps => {\n const props: ColorProps = {\n textColor: 'feedback.text.neutral.intense',\n backgroundColor: 'feedback.background.neutral.subtle',\n };\n\n if (color === 'primary') {\n // primary color badge\n props.textColor =\n emphasis === 'intense' ? `surface.text.staticWhite.normal` : `surface.text.primary.normal`;\n props.backgroundColor = `surface.background.primary.${emphasis}`;\n } else {\n // feedback colors badge\n props.textColor =\n emphasis === 'intense' ? `surface.text.staticWhite.normal` : `feedback.text.${color}.intense`;\n props.backgroundColor = `feedback.background.${color}.${emphasis}`;\n }\n return props;\n};\n\nconst _Counter = (\n {\n value,\n max,\n color = 'neutral',\n emphasis = 'subtle',\n size = 'medium',\n testID,\n ...rest\n }: CounterProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n let content = `${value}`;\n if (max && value > max) {\n content = `${max}+`;\n }\n\n const { platform } = useTheme();\n const { backgroundColor, textColor } = getColorProps({\n color,\n emphasis,\n });\n\n const counterTextSizes = {\n small: {\n variant: 'body',\n size: 'xsmall',\n },\n medium: {\n variant: 'body',\n size: 'small',\n },\n large: {\n variant: 'body',\n size: 'medium',\n },\n } as const;\n\n return (\n <BaseBox\n ref={ref as never}\n display={(isReactNative() ? 'flex' : 'inline-flex') as never}\n {...metaAttribute({ name: MetaConstants.Counter, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n >\n <StyledCounter\n minHeight={makeSize(counterHeight[size])}\n backgroundColor={backgroundColor}\n size={size}\n platform={platform}\n >\n <BaseBox\n paddingX={horizontalPadding[size]}\n display=\"flex\"\n flexDirection=\"row\"\n justifyContent=\"center\"\n alignItems=\"center\"\n overflow=\"hidden\"\n >\n <Text\n {...counterTextSizes[size]}\n textAlign=\"center\"\n weight=\"medium\"\n truncateAfterLines={1}\n color={textColor}\n >\n {content}\n </Text>\n </BaseBox>\n </StyledCounter>\n </BaseBox>\n );\n};\n\nconst Counter = assignWithoutSideEffects(React.forwardRef(_Counter), {\n displayName: 'Counter',\n componentId: 'Counter',\n});\n\nexport { Counter };\n"],"names":["getColorProps","_ref","_ref$color","color","_ref$emphasis","emphasis","props","textColor","backgroundColor","_Counter","_ref2","ref","value","max","_ref2$color","_ref2$emphasis","_ref2$size","size","testID","rest","_objectWithoutProperties","_excluded","content","_useTheme","useTheme","platform","_getColorProps","counterTextSizes","small","variant","medium","large","_jsx","BaseBox","Object","assign","display","isReactNative","metaAttribute","name","MetaConstants","Counter","getStyledProps","makeAnalyticsAttribute","children","StyledCounter","minHeight","makeSize","counterHeight","paddingX","horizontalPadding","flexDirection","justifyContent","alignItems","overflow","Text","textAlign","weight","truncateAfterLines","assignWithoutSideEffects","React","forwardRef","displayName","componentId"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n /**\n * Sets the orientation of divider\n *\n * @default 'horizontal'\n */\n orientation?: 'horizontal' | 'vertical';\n /**\n * Sets the style of divider\n *\n * @default 'solid'\n */\n dividerStyle?: 'solid' | 'dashed';\n /**\n * Sets the variant of divider\n *\n * @default 'normal'\n */\n variant?: 'normal' | 'subtle' | 'muted';\n /**\n * Sets the thickness of divider\n *\n * @default 'thin'\n */\n thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';\n /**\n * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n *\n */\n height?: CSSObject['height'];\n /**\n * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n *\n */\n width?: CSSObject['width'];\n} & TestID &\n StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n borderPosition: 'borderBottom' | 'borderLeft';\n dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n thickness: NonNullable<DividerProps['thickness']>;\n height: DividerProps['height'];\n width: DividerProps['width'];\n isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n borderWidth: 0,\n [`${borderPosition}Style`]: dividerStyle,\n [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst _Divider = (\n {\n orientation = 'horizontal',\n dividerStyle = 'solid',\n variant = 'muted',\n thickness = 'thin',\n height,\n width,\n testID,\n ...styledProps\n }: DividerProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isDividerHorizontal = orientation === 'horizontal';\n const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n const borderColor = { [`${borderPosition}Color`]: `surface.border.gray.${variant}` };\n const accessibilityProps = isReactNative()\n ? {}\n : makeAccessible({\n role: 'separator',\n });\n\n return (\n <StyledDivider\n ref={ref as never}\n borderPosition={borderPosition}\n isDividerHorizontal={isDividerHorizontal}\n dividerStyle={dividerStyle}\n thickness={thickness}\n height={height}\n width={width}\n {...borderColor}\n {...metaAttribute({ name: MetaConstants.Divider, testID })}\n {...getStyledProps(styledProps)}\n {...accessibilityProps}\n />\n );\n};\n\nconst Divider = React.forwardRef(_Divider);\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","_ref","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","Object","assign","_defineProperty","borderWidth","makeBorderSize","border","flexGrow","alignSelf","_Divider","_ref2","ref","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","testID","styledProps","_objectWithoutProperties","_excluded","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","metaAttribute","name","MetaConstants","Divider","getStyledProps","React","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,aAAA,CAAA,cAAA,CAAA,SAAA,CAAA,WAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAiDA,IAAMA,aAAa,CAAGC,MAAM,CAACC,OAAO,CAAC,CAOlC,SAAAC,IAAA,CAAG,CAAA,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,cAAc,CAAAF,IAAA,CAAdE,cAAc,CAAEC,YAAY,CAAAH,IAAA,CAAZG,YAAY,CAAEC,SAAS,CAAAJ,IAAA,CAATI,SAAS,CAAEC,mBAAmB,CAAAL,IAAA,CAAnBK,mBAAmB,CAAEC,KAAK,CAAAN,IAAA,CAALM,KAAK,CAAEC,MAAM,CAAAP,IAAA,CAANO,MAAM,CAAA,OAAAC,MAAA,CAAAC,MAAA,CAAAC,eAAA,CAAAA,eAAA,CAAA,CACtFC,WAAW,CAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport type { CSSObject } from 'styled-components';\nimport styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { isReactNative, makeBorderSize } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { BladeElementRef, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype DividerProps = {\n /**\n * Sets the orientation of divider\n *\n * @default 'horizontal'\n */\n orientation?: 'horizontal' | 'vertical';\n /**\n * Sets the style of divider\n *\n * @default 'solid'\n */\n dividerStyle?: 'solid' | 'dashed';\n /**\n * Sets the variant of divider\n *\n * @default 'normal'\n */\n variant?: 'normal' | 'subtle' | 'muted';\n /**\n * Sets the thickness of divider\n *\n * @default 'thin'\n */\n thickness?: 'thinner' | 'thin' | 'thick' | 'thicker';\n /**\n * Sets the height of divider. Divider uses Flex by default, use height only when parent is not flex.\n *\n */\n height?: CSSObject['height'];\n /**\n * Sets the width of divider. Divider uses Flex by default, use width only when parent is not flex.\n *\n */\n width?: CSSObject['width'];\n} & TestID &\n StyledPropsBlade;\n\nconst StyledDivider = styled(BaseBox)<{\n borderPosition: 'borderBottom' | 'borderLeft';\n dividerStyle: NonNullable<DividerProps['dividerStyle']>;\n thickness: NonNullable<DividerProps['thickness']>;\n height: DividerProps['height'];\n width: DividerProps['width'];\n isDividerHorizontal: boolean;\n}>(({ theme, borderPosition, dividerStyle, thickness, isDividerHorizontal, width, height }) => ({\n borderWidth: 0,\n [`${borderPosition}Style`]: dividerStyle,\n [`${borderPosition}Width`]: makeBorderSize(theme.border.width[thickness]),\n ...(isDividerHorizontal ? { flexGrow: 1, width } : { alignSelf: 'stretch', height }),\n}));\n\nconst _Divider = (\n {\n orientation = 'horizontal',\n dividerStyle = 'solid',\n variant = 'muted',\n thickness = 'thin',\n height,\n width,\n testID,\n ...styledProps\n }: DividerProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const isDividerHorizontal = orientation === 'horizontal';\n const borderPosition = isDividerHorizontal ? 'borderBottom' : 'borderLeft';\n const borderColor = { [`${borderPosition}Color`]: `surface.border.gray.${variant}` };\n const accessibilityProps = isReactNative()\n ? {}\n : makeAccessible({\n role: 'separator',\n });\n\n return (\n <StyledDivider\n ref={ref as never}\n borderPosition={borderPosition}\n isDividerHorizontal={isDividerHorizontal}\n dividerStyle={dividerStyle}\n thickness={thickness}\n height={height}\n width={width}\n {...borderColor}\n {...metaAttribute({ name: MetaConstants.Divider, testID })}\n {...getStyledProps(styledProps)}\n {...accessibilityProps}\n />\n );\n};\n\nconst Divider = React.forwardRef(_Divider);\n\nexport { Divider };\nexport type { DividerProps };\n"],"names":["StyledDivider","styled","BaseBox","_ref","theme","borderPosition","dividerStyle","thickness","isDividerHorizontal","width","height","Object","assign","_defineProperty","borderWidth","makeBorderSize","border","flexGrow","alignSelf","_Divider","_ref2","ref","_ref2$orientation","orientation","_ref2$dividerStyle","_ref2$variant","variant","_ref2$thickness","testID","styledProps","_objectWithoutProperties","_excluded","borderColor","accessibilityProps","isReactNative","makeAccessible","role","_jsx","metaAttribute","name","MetaConstants","Divider","getStyledProps","React","forwardRef"],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ import { mergeRefs } from '../../utils/useMergeRefs.js';
|
|
|
22
22
|
import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
|
|
23
23
|
import { jsx } from 'react/jsx-runtime';
|
|
24
24
|
|
|
25
|
-
var _excluded=["children","isOpen","onOpenChange","selectionType","testID","_width"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownIconButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet,dropdownComponentIds.triggers.FilterChipSelectInput,dropdownComponentIds.triggers.InputDropdownButton];var _Dropdown=function _Dropdown(_ref,ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,_width=_ref._width,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$
|
|
25
|
+
var _excluded=["children","isOpen","onOpenChange","selectionType","testID","_width"];var validDropdownChildren=[dropdownComponentIds.BaseBox,dropdownComponentIds.triggers.SelectInput,dropdownComponentIds.triggers.SearchInput,dropdownComponentIds.triggers.DropdownButton,dropdownComponentIds.triggers.DropdownIconButton,dropdownComponentIds.triggers.DropdownLink,dropdownComponentIds.DropdownOverlay,dropdownComponentIds.triggers.AutoComplete,ComponentIds.BottomSheet,dropdownComponentIds.triggers.FilterChipSelectInput,dropdownComponentIds.triggers.InputDropdownButton];var _Dropdown=function _Dropdown(_ref,ref){var children=_ref.children,isOpenControlled=_ref.isOpen,onOpenChange=_ref.onOpenChange,_ref$selectionType=_ref.selectionType,selectionType=_ref$selectionType===void 0?'single':_ref$selectionType,testID=_ref.testID,_width=_ref._width,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),options=_React$useState2[0],setOptions=_React$useState2[1];var _React$useState3=React__default.useState([]),_React$useState4=_slicedToArray(_React$useState3,2),filteredValues=_React$useState4[0],setFilteredValues=_React$useState4[1];var _React$useState5=React__default.useState([]),_React$useState6=_slicedToArray(_React$useState5,2),selectedIndices=_React$useState6[0],setSelectedIndices=_React$useState6[1];var _React$useState7=React__default.useState([]),_React$useState8=_slicedToArray(_React$useState7,2),controlledValueIndices=_React$useState8[0],setControlledValueIndices=_React$useState8[1];var _React$useState9=React__default.useState(-1),_React$useState0=_slicedToArray(_React$useState9,2),activeIndex=_React$useState0[0],setActiveIndex=_React$useState0[1];var _React$useState1=React__default.useState(-1),_React$useState10=_slicedToArray(_React$useState1,2),activeTagIndex=_React$useState10[0],setActiveTagIndex=_React$useState10[1];var _React$useState11=React__default.useState(false),_React$useState12=_slicedToArray(_React$useState11,2),shouldIgnoreBlurAnimation=_React$useState12[0],setShouldIgnoreBlurAnimation=_React$useState12[1];var _React$useState13=React__default.useState(false),_React$useState14=_slicedToArray(_React$useState13,2),hasFooterAction=_React$useState14[0],setHasFooterAction=_React$useState14[1];var _React$useState15=React__default.useState(false),_React$useState16=_slicedToArray(_React$useState15,2),hasAutoCompleteInHeader=_React$useState16[0],setHasAutoCompleteInHeader=_React$useState16[1];var _React$useState17=React__default.useState(false),_React$useState18=_slicedToArray(_React$useState17,2),isKeydownPressed=_React$useState18[0],setIsKeydownPressed=_React$useState18[1];var _React$useState19=React__default.useState(0),_React$useState20=_slicedToArray(_React$useState19,2),changeCallbackTriggerer=_React$useState20[0],setChangeCallbackTriggerer=_React$useState20[1];var _React$useState21=React__default.useState(false),_React$useState22=_slicedToArray(_React$useState21,2),isControlled=_React$useState22[0],setIsControlled=_React$useState22[1];var _React$useState23=React__default.useState(false),_React$useState24=_slicedToArray(_React$useState23,2),dropdownHasBottomSheet=_React$useState24[0],setDropdownHasBottomSheet=_React$useState24[1];var triggererWrapperRef=React__default.useRef(null);var triggererRef=React__default.useRef(null);var headerAutoCompleteRef=React__default.useRef(null);var actionListItemRef=React__default.useRef(null);var dropdownTriggerer=React__default.useRef();var isTagDismissedRef=React__default.useRef({value:false});var visibleTagsCountRef=React__default.useRef({value:0});var dropdownContainerRef=React__default.useRef(null);var dropdownBaseId=useId('dropdown');var isDropdownOpenRef=React__default.useRef(isOpenControlled);var _useControllableState=useControllableState({value:isOpenControlled,defaultValue:false,onChange:function onChange(isOpenControlledValue){isDropdownOpenRef.current=isOpenControlledValue;onOpenChange==null?void 0:onOpenChange(isOpenControlledValue);}}),_useControllableState2=_slicedToArray(_useControllableState,2),isDropdownOpen=_useControllableState2[0],setIsDropdownOpen=_useControllableState2[1];isDropdownOpenRef.current=isDropdownOpen;var setIsOpen=function setIsOpen(isOpenValue){isDropdownOpenRef.current=isOpenValue;setIsDropdownOpen(function(){return isOpenValue;});};var close=React__default.useCallback(function(){setActiveTagIndex(-1);setIsOpen(false);},[]);React__default.Children.map(children,function(child){if(React__default.isValidElement(child)){if(__DEV__){var _getComponentId;if(!validDropdownChildren.includes((_getComponentId=getComponentId(child))!=null?_getComponentId:'')){throwBladeError({message:`Dropdown can only have one of following elements as children - \n\n ${validDropdownChildren.join(', ')} \n\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,moduleName:'Dropdown'});}}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SelectInput)){dropdownTriggerer.current='SelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.SearchInput)){dropdownTriggerer.current='SearchInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownButton)){dropdownTriggerer.current='DropdownButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.DropdownIconButton)){dropdownTriggerer.current='DropdownIconButton';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.AutoComplete)){dropdownTriggerer.current='AutoComplete';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.FilterChipSelectInput)){dropdownTriggerer.current='FilterChipSelectInput';}if(isValidAllowedChildren(child,dropdownComponentIds.triggers.InputDropdownButton)){dropdownTriggerer.current='InputDropdownButton';}}});var contextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,setIsOpen:setIsOpen,close:close,selectedIndices:selectedIndices,setSelectedIndices:setSelectedIndices,controlledValueIndices:controlledValueIndices,setControlledValueIndices:setControlledValueIndices,options:options,setOptions:setOptions,filteredValues:filteredValues,setFilteredValues:setFilteredValues,activeIndex:activeIndex,setActiveIndex:setActiveIndex,activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,visibleTagsCountRef:visibleTagsCountRef,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,isKeydownPressed:isKeydownPressed,setIsKeydownPressed:setIsKeydownPressed,dropdownBaseId:dropdownBaseId,triggererRef:triggererRef,headerAutoCompleteRef:headerAutoCompleteRef,triggererWrapperRef:triggererWrapperRef,actionListItemRef:actionListItemRef,selectionType:selectionType,hasFooterAction:hasFooterAction,setHasFooterAction:setHasFooterAction,hasAutoCompleteInHeader:hasAutoCompleteInHeader,setHasAutoCompleteInHeader:setHasAutoCompleteInHeader,dropdownTriggerer:dropdownTriggerer.current,changeCallbackTriggerer:changeCallbackTriggerer,setChangeCallbackTriggerer:setChangeCallbackTriggerer,isControlled:isControlled,setIsControlled:setIsControlled,isTagDismissedRef:isTagDismissedRef};},[isDropdownOpen,isOpenControlled,selectedIndices,controlledValueIndices,options,filteredValues,activeIndex,activeTagIndex,shouldIgnoreBlurAnimation,selectionType,hasFooterAction,isKeydownPressed,changeCallbackTriggerer,isControlled]);var BottomSheetAndDropdownGlueContextValue=React__default.useMemo(function(){return {isOpen:isDropdownOpen,dropdownHasBottomSheet:dropdownHasBottomSheet,hasAutoCompleteInHeader:hasAutoCompleteInHeader,setDropdownHasBottomSheet:setDropdownHasBottomSheet,onBottomSheetDismiss:close};},[dropdownHasBottomSheet,hasAutoCompleteInHeader,isDropdownOpen,close]);return jsx(BottomSheetAndDropdownGlueContext.Provider,{value:BottomSheetAndDropdownGlueContextValue,children:jsx(DropdownContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:mergeRefs(ref,dropdownContainerRef)},metaAttribute({name:MetaConstants.Dropdown,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{width:_width,children:jsx(BaseBox,{position:"relative",textAlign:'left',children:children})}))})});};var Dropdown=assignWithoutSideEffects(React__default.forwardRef(_Dropdown),{componentId:dropdownComponentIds.Dropdown});
|
|
26
26
|
|
|
27
27
|
export { Dropdown };
|
|
28
28
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { BladeElementRef, ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validDropdownChildren = [\n // TODO: Remove Box once CountrySelector's button sizing is fixed\n dropdownComponentIds.BaseBox,\n dropdownComponentIds.triggers.SelectInput,\n dropdownComponentIds.triggers.SearchInput,\n dropdownComponentIds.triggers.DropdownButton,\n dropdownComponentIds.triggers.DropdownIconButton,\n dropdownComponentIds.triggers.DropdownLink,\n dropdownComponentIds.DropdownOverlay,\n dropdownComponentIds.triggers.AutoComplete,\n bottomSheetComponentIds.BottomSheet,\n dropdownComponentIds.triggers.FilterChipSelectInput,\n dropdownComponentIds.triggers.InputDropdownButton,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n * <SelectInput />\n * <DropdownOverlay>\n * <ActionList>\n * <ActionListItem />\n * <ActionListItem />\n * </ActionList>\n * </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = (\n {\n children,\n isOpen: isOpenControlled,\n onOpenChange,\n selectionType = 'single',\n testID,\n _width,\n ...rest\n }: DropdownProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n const [selectedIndices, setSelectedIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [controlledValueIndices, setControlledValueIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [activeIndex, setActiveIndex] = React.useState(-1);\n const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n const [hasFooterAction, setHasFooterAction] = React.useState(false);\n const [hasAutoCompleteInHeader, setHasAutoCompleteInHeader] = React.useState(false);\n const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n DropdownContextType['changeCallbackTriggerer']\n >(0);\n const [isControlled, setIsControlled] = React.useState(false);\n // keep track if dropdown contains bottomsheet\n const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n /**\n * In inputs, actual input is smaller than the visible input wrapper.\n * You can set this reference in such cases so floating ui calculations happen correctly\n * */\n const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n const triggererRef = React.useRef<HTMLButtonElement>(null);\n const headerAutoCompleteRef = React.useRef<HTMLButtonElement>(null);\n const actionListItemRef = React.useRef<HTMLDivElement>(null);\n const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n const dropdownBaseId = useId('dropdown');\n const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n value: isOpenControlled,\n defaultValue: false,\n onChange: (isOpenControlledValue) => {\n isDropdownOpenRef.current = isOpenControlledValue;\n onOpenChange?.(isOpenControlledValue);\n },\n });\n\n isDropdownOpenRef.current = isDropdownOpen;\n\n const setIsOpen = (isOpenValue: boolean): void => {\n isDropdownOpenRef.current = isOpenValue;\n setIsDropdownOpen(() => isOpenValue);\n };\n\n const close = React.useCallback(() => {\n setActiveTagIndex(-1);\n setIsOpen(false);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n if (__DEV__) {\n if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n throwBladeError({\n message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n ', ',\n )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n moduleName: 'Dropdown',\n });\n }\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n dropdownTriggerer.current = 'SelectInput';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SearchInput)) {\n dropdownTriggerer.current = 'SearchInput';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n dropdownTriggerer.current = 'DropdownButton';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownIconButton)) {\n dropdownTriggerer.current = 'DropdownIconButton';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n dropdownTriggerer.current = 'AutoComplete';\n }\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.FilterChipSelectInput)) {\n dropdownTriggerer.current = 'FilterChipSelectInput';\n }\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.InputDropdownButton)) {\n dropdownTriggerer.current = 'InputDropdownButton';\n }\n }\n });\n\n const contextValue = React.useMemo<DropdownContextType>(\n () => ({\n isOpen: isDropdownOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n controlledValueIndices,\n setControlledValueIndices,\n options,\n setOptions,\n filteredValues,\n setFilteredValues,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n isKeydownPressed,\n setIsKeydownPressed,\n dropdownBaseId,\n triggererRef,\n headerAutoCompleteRef,\n triggererWrapperRef,\n actionListItemRef,\n selectionType,\n hasFooterAction,\n setHasFooterAction,\n hasAutoCompleteInHeader,\n setHasAutoCompleteInHeader,\n dropdownTriggerer: dropdownTriggerer.current,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setIsControlled,\n isTagDismissedRef,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n isDropdownOpen,\n isOpenControlled,\n selectedIndices,\n controlledValueIndices,\n options,\n filteredValues,\n activeIndex,\n activeTagIndex,\n shouldIgnoreBlurAnimation,\n selectionType,\n hasFooterAction,\n isKeydownPressed,\n changeCallbackTriggerer,\n isControlled,\n ],\n );\n\n const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n return {\n isOpen: isDropdownOpen,\n dropdownHasBottomSheet,\n hasAutoCompleteInHeader,\n setDropdownHasBottomSheet,\n // This is the dismiss function which will be injected into the BottomSheet\n // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n onBottomSheetDismiss: close,\n };\n }, [dropdownHasBottomSheet, hasAutoCompleteInHeader, isDropdownOpen, close]);\n\n return (\n <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n <DropdownContext.Provider value={contextValue}>\n <BaseBox\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={mergeRefs(ref, dropdownContainerRef as any)}\n {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n width={_width}\n >\n <BaseBox position=\"relative\" textAlign={'left' as never}>\n {children}\n </BaseBox>\n </BaseBox>\n </DropdownContext.Provider>\n </BottomSheetAndDropdownGlueContext.Provider>\n );\n};\n\nconst Dropdown = assignWithoutSideEffects(React.forwardRef(_Dropdown), {\n componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","SearchInput","DropdownButton","DropdownIconButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","FilterChipSelectInput","InputDropdownButton","_Dropdown","_ref","ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","_width","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","headerAutoCompleteRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","mergeRefs","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","makeAnalyticsAttribute","width","position","textAlign","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { BladeElementRef, ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst validDropdownChildren = [\n // TODO: Remove Box once CountrySelector's button sizing is fixed\n dropdownComponentIds.BaseBox,\n dropdownComponentIds.triggers.SelectInput,\n dropdownComponentIds.triggers.SearchInput,\n dropdownComponentIds.triggers.DropdownButton,\n dropdownComponentIds.triggers.DropdownIconButton,\n dropdownComponentIds.triggers.DropdownLink,\n dropdownComponentIds.DropdownOverlay,\n dropdownComponentIds.triggers.AutoComplete,\n bottomSheetComponentIds.BottomSheet,\n dropdownComponentIds.triggers.FilterChipSelectInput,\n dropdownComponentIds.triggers.InputDropdownButton,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n * <SelectInput />\n * <DropdownOverlay>\n * <ActionList>\n * <ActionListItem />\n * <ActionListItem />\n * </ActionList>\n * </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = (\n {\n children,\n isOpen: isOpenControlled,\n onOpenChange,\n selectionType = 'single',\n testID,\n _width,\n ...rest\n }: DropdownProps,\n ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n const [selectedIndices, setSelectedIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [controlledValueIndices, setControlledValueIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [activeIndex, setActiveIndex] = React.useState(-1);\n const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n const [hasFooterAction, setHasFooterAction] = React.useState(false);\n const [hasAutoCompleteInHeader, setHasAutoCompleteInHeader] = React.useState(false);\n const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n DropdownContextType['changeCallbackTriggerer']\n >(0);\n const [isControlled, setIsControlled] = React.useState(false);\n // keep track if dropdown contains bottomsheet\n const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n /**\n * In inputs, actual input is smaller than the visible input wrapper.\n * You can set this reference in such cases so floating ui calculations happen correctly\n * */\n const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n const triggererRef = React.useRef<HTMLButtonElement>(null);\n const headerAutoCompleteRef = React.useRef<HTMLButtonElement>(null);\n const actionListItemRef = React.useRef<HTMLDivElement>(null);\n const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n const dropdownBaseId = useId('dropdown');\n const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n value: isOpenControlled,\n defaultValue: false,\n onChange: (isOpenControlledValue) => {\n isDropdownOpenRef.current = isOpenControlledValue;\n onOpenChange?.(isOpenControlledValue);\n },\n });\n\n isDropdownOpenRef.current = isDropdownOpen;\n\n const setIsOpen = (isOpenValue: boolean): void => {\n isDropdownOpenRef.current = isOpenValue;\n setIsDropdownOpen(() => isOpenValue);\n };\n\n const close = React.useCallback(() => {\n setActiveTagIndex(-1);\n setIsOpen(false);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n if (__DEV__) {\n if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n throwBladeError({\n message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n ', ',\n )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n moduleName: 'Dropdown',\n });\n }\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n dropdownTriggerer.current = 'SelectInput';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SearchInput)) {\n dropdownTriggerer.current = 'SearchInput';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n dropdownTriggerer.current = 'DropdownButton';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownIconButton)) {\n dropdownTriggerer.current = 'DropdownIconButton';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n dropdownTriggerer.current = 'AutoComplete';\n }\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.FilterChipSelectInput)) {\n dropdownTriggerer.current = 'FilterChipSelectInput';\n }\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.InputDropdownButton)) {\n dropdownTriggerer.current = 'InputDropdownButton';\n }\n }\n });\n\n const contextValue = React.useMemo<DropdownContextType>(\n () => ({\n isOpen: isDropdownOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n controlledValueIndices,\n setControlledValueIndices,\n options,\n setOptions,\n filteredValues,\n setFilteredValues,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n isKeydownPressed,\n setIsKeydownPressed,\n dropdownBaseId,\n triggererRef,\n headerAutoCompleteRef,\n triggererWrapperRef,\n actionListItemRef,\n selectionType,\n hasFooterAction,\n setHasFooterAction,\n hasAutoCompleteInHeader,\n setHasAutoCompleteInHeader,\n dropdownTriggerer: dropdownTriggerer.current,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setIsControlled,\n isTagDismissedRef,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n isDropdownOpen,\n isOpenControlled,\n selectedIndices,\n controlledValueIndices,\n options,\n filteredValues,\n activeIndex,\n activeTagIndex,\n shouldIgnoreBlurAnimation,\n selectionType,\n hasFooterAction,\n isKeydownPressed,\n changeCallbackTriggerer,\n isControlled,\n ],\n );\n\n const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n return {\n isOpen: isDropdownOpen,\n dropdownHasBottomSheet,\n hasAutoCompleteInHeader,\n setDropdownHasBottomSheet,\n // This is the dismiss function which will be injected into the BottomSheet\n // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n onBottomSheetDismiss: close,\n };\n }, [dropdownHasBottomSheet, hasAutoCompleteInHeader, isDropdownOpen, close]);\n\n return (\n <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n <DropdownContext.Provider value={contextValue}>\n <BaseBox\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={mergeRefs(ref, dropdownContainerRef as any)}\n {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n {...getStyledProps(rest)}\n {...makeAnalyticsAttribute(rest)}\n width={_width}\n >\n <BaseBox position=\"relative\" textAlign={'left' as never}>\n {children}\n </BaseBox>\n </BaseBox>\n </DropdownContext.Provider>\n </BottomSheetAndDropdownGlueContext.Provider>\n );\n};\n\nconst Dropdown = assignWithoutSideEffects(React.forwardRef(_Dropdown), {\n componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","BaseBox","triggers","SelectInput","SearchInput","DropdownButton","DropdownIconButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","FilterChipSelectInput","InputDropdownButton","_Dropdown","_ref","ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","_width","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState0","activeIndex","setActiveIndex","_React$useState1","_React$useState10","activeTagIndex","setActiveTagIndex","_React$useState11","_React$useState12","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState13","_React$useState14","hasFooterAction","setHasFooterAction","_React$useState15","_React$useState16","hasAutoCompleteInHeader","setHasAutoCompleteInHeader","_React$useState17","_React$useState18","isKeydownPressed","setIsKeydownPressed","_React$useState19","_React$useState20","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState21","_React$useState22","isControlled","setIsControlled","_React$useState23","_React$useState24","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","headerAutoCompleteRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","__DEV__","_getComponentId","includes","getComponentId","throwBladeError","message","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","Object","assign","mergeRefs","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","makeAnalyticsAttribute","width","position","textAlign","assignWithoutSideEffects","forwardRef","componentId"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
|
|
|
7
7
|
import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
|
-
var _excluded=["children","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","size","type","variant","color","accessibilityLabel","testID"];var _DropdownButton=function _DropdownButton(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return
|
|
10
|
+
var _excluded=["children","icon","iconPosition","isDisabled","isFullWidth","isLoading","onClick","onBlur","onKeyDown","size","type","variant","color","accessibilityLabel","testID"];var _DropdownButton=function _DropdownButton(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_ref$isFullWidth=_ref.isFullWidth,isFullWidth=_ref$isFullWidth===void 0?false:_ref$isFullWidth,_ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,_ref$type=_ref.type,type=_ref$type===void 0?'button':_ref$type,_ref$variant=_ref.variant,variant=_ref$variant===void 0?'primary':_ref$variant,_ref$color=_ref.color,color=_ref$color===void 0?'primary':_ref$color,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return(jsx(BaseButton,Object.assign({},rest,icon?{icon:icon,children:children}:{children:children},{iconPosition:iconPosition,isDisabled:isDisabled,isFullWidth:isFullWidth,isLoading:isLoading,size:size,type:type,variant:variant,testID:testID,ref:triggererRef,color:color,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownButton'),expanded:isOpen,controls:`${dropdownBaseId}-actionlist`,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined},onClick:function onClick(e){onTriggerClick();_onClick==null?void 0:_onClick(e);},onBlur:function onBlur(e){_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});_onKeyDown==null?void 0:_onKeyDown(e);}})));};var DropdownButton=assignWithoutSideEffects(_DropdownButton,{componentId:dropdownComponentIds.triggers.DropdownButton});
|
|
11
11
|
|
|
12
12
|
export { DropdownButton };
|
|
13
13
|
//# sourceMappingURL=DropdownButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownButton.js","sources":["../../../../../src/components/Dropdown/DropdownButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { ButtonProps } from '~components/Button';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype DropdownButtonProps = ButtonProps & {\n onBlur?: BaseButtonProps['onBlur'];\n onKeyDown?: BaseButtonProps['onKeyDown'];\n};\n\nconst _DropdownButton = ({\n children,\n icon,\n iconPosition = 'left',\n isDisabled = false,\n isFullWidth = false,\n isLoading = false,\n onClick,\n onBlur,\n onKeyDown,\n size = 'medium',\n type = 'button',\n variant = 'primary',\n color = 'primary',\n accessibilityLabel,\n testID,\n ...rest\n}: DropdownButtonProps): React.ReactElement => {\n const {\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n } = useDropdown();\n\n return (\n // Using BaseButton here to avoid exporting onBlur and onKeyDown from Button\n // If in future we decide to export onBlur and onKeyDown on Button, this can be replaced with Button\n <BaseButton\n {...rest}\n {...(icon ? { icon, children } : { children })}\n iconPosition={iconPosition}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isLoading={isLoading}\n size={size}\n type={type}\n variant={variant}\n testID={testID}\n ref={triggererRef as any}\n color={color}\n accessibilityProps={{\n label: accessibilityLabel,\n hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownButton'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n // Setting it for web fails it on native typecheck and vice versa\n onClick?.(e as any);\n }}\n onBlur={(e) => {\n // With button trigger, there is no \"value\" as such. It's just clickable items\n // Setting it for web fails it on native typecheck and vice versa\n onBlur?.(e as any);\n }}\n onKeyDown={(e) => {\n onTriggerKeydown?.({ event: e as any });\n // Setting it for web fails it on native typecheck and vice versa\n onKeyDown?.(e as any);\n }}\n />\n );\n};\n\nconst DropdownButton = assignWithoutSideEffects(_DropdownButton, {\n componentId: dropdownComponentIds.triggers.DropdownButton,\n});\n\nexport { DropdownButton };\n"],"names":["_DropdownButton","_ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","BaseButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;qLAiBA,IAAMA,eAAe,CAAG,SAAlBA,eAAeA,CAAAC,IAAA,CAiB0B,CAhB7C,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAAAC,iBAAA,CAAAH,IAAA,CACJI,YAAY,CAAZA,YAAY,CAAAD,iBAAA,GAAG,KAAA,CAAA,CAAA,MAAM,CAAAA,iBAAA,CAAAE,eAAA,CAAAL,IAAA,CACrBM,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,eAAA,CAAAE,gBAAA,CAAAP,IAAA,CAClBQ,WAAW,CAAXA,WAAW,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAAAE,cAAA,CAAAT,IAAA,CACnBU,SAAS,CAATA,SAAS,CAAAD,cAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,cAAA,CACjBE,QAAO,CAAAX,IAAA,CAAPW,OAAO,CACPC,OAAM,CAAAZ,IAAA,CAANY,MAAM,CACNC,UAAS,CAAAb,IAAA,CAATa,SAAS,CAAAC,SAAA,CAAAd,IAAA,CACTe,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,SAAA,CAAAhB,IAAA,CACfiB,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CAAAE,YAAA,CAAAlB,IAAA,CACfmB,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,YAAA,CAAAE,UAAA,CAAApB,IAAA,CACnBqB,KAAK,CAALA,KAAK,CAAAD,UAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,UAAA,CACjBE,kBAAkB,CAAAtB,IAAA,CAAlBsB,kBAAkB,CAClBC,MAAM,CAAAvB,IAAA,CAANuB,MAAM,CACHC,IAAI,CAAAC,wBAAA,CAAAzB,IAAA,CAAA0B,SAAA,CAEP,CAAA,IAAAC,YAAA,CAQIC,WAAW,EAAE,CAPfC,cAAc,CAAAF,YAAA,CAAdE,cAAc,CACdC,gBAAgB,CAAAH,YAAA,CAAhBG,gBAAgB,CAChBC,cAAc,CAAAJ,YAAA,CAAdI,cAAc,CACdC,MAAM,CAAAL,YAAA,CAANK,MAAM,CACNC,WAAW,CAAAN,YAAA,CAAXM,WAAW,CACXC,eAAe,CAAAP,YAAA,CAAfO,eAAe,CACfC,YAAY,CAAAR,YAAA,CAAZQ,YAAY,CAGd,OAGEC,GAAA,CAACC,UAAU,CAAAC,MAAA,CAAAC,MAAA,
|
|
1
|
+
{"version":3,"file":"DropdownButton.js","sources":["../../../../../src/components/Dropdown/DropdownButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport BaseButton from '~components/Button/BaseButton';\nimport type { ButtonProps } from '~components/Button';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype DropdownButtonProps = ButtonProps & {\n onBlur?: BaseButtonProps['onBlur'];\n onKeyDown?: BaseButtonProps['onKeyDown'];\n};\n\nconst _DropdownButton = ({\n children,\n icon,\n iconPosition = 'left',\n isDisabled = false,\n isFullWidth = false,\n isLoading = false,\n onClick,\n onBlur,\n onKeyDown,\n size = 'medium',\n type = 'button',\n variant = 'primary',\n color = 'primary',\n accessibilityLabel,\n testID,\n ...rest\n}: DropdownButtonProps): React.ReactElement => {\n const {\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n } = useDropdown();\n\n return (\n // Using BaseButton here to avoid exporting onBlur and onKeyDown from Button\n // If in future we decide to export onBlur and onKeyDown on Button, this can be replaced with Button\n <BaseButton\n {...rest}\n {...(icon ? { icon, children } : { children })}\n iconPosition={iconPosition}\n isDisabled={isDisabled}\n isFullWidth={isFullWidth}\n isLoading={isLoading}\n size={size}\n type={type}\n variant={variant}\n testID={testID}\n ref={triggererRef as any}\n color={color}\n accessibilityProps={{\n label: accessibilityLabel,\n hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownButton'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n // Setting it for web fails it on native typecheck and vice versa\n onClick?.(e as any);\n }}\n onBlur={(e) => {\n // With button trigger, there is no \"value\" as such. It's just clickable items\n // Setting it for web fails it on native typecheck and vice versa\n onBlur?.(e as any);\n }}\n onKeyDown={(e) => {\n onTriggerKeydown?.({ event: e as any });\n // Setting it for web fails it on native typecheck and vice versa\n onKeyDown?.(e as any);\n }}\n />\n );\n};\n\nconst DropdownButton = assignWithoutSideEffects(_DropdownButton, {\n componentId: dropdownComponentIds.triggers.DropdownButton,\n});\n\nexport { DropdownButton };\n"],"names":["_DropdownButton","_ref","children","icon","_ref$iconPosition","iconPosition","_ref$isDisabled","isDisabled","_ref$isFullWidth","isFullWidth","_ref$isLoading","isLoading","onClick","onBlur","onKeyDown","_ref$size","size","_ref$type","type","_ref$variant","variant","_ref$color","color","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","BaseButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
|
|
|
7
7
|
import StyledIconButton from '../Button/IconButton/StyledIconButton.native.js';
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
|
-
var _excluded=["icon","isDisabled","onClick","onBlur","onKeyDown","size","accessibilityLabel","emphasis"];var _DropdownIconButton=function _DropdownIconButton(_ref){var icon=_ref.icon,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,accessibilityLabel=_ref.accessibilityLabel,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return
|
|
10
|
+
var _excluded=["icon","isDisabled","onClick","onBlur","onKeyDown","size","accessibilityLabel","emphasis"];var _DropdownIconButton=function _DropdownIconButton(_ref){var icon=_ref.icon,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,accessibilityLabel=_ref.accessibilityLabel,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return(jsx(StyledIconButton,Object.assign({},rest,{icon:icon,isDisabled:isDisabled,size:size,emphasis:emphasis,ref:triggererRef,accessibilityLabel:accessibilityLabel,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownIconButton'),expanded:isOpen,controls:`${dropdownBaseId}-actionlist`,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined},onClick:function onClick(e){onTriggerClick();_onClick==null?void 0:_onClick(e);},onBlur:function onBlur(e){_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});_onKeyDown==null?void 0:_onKeyDown(e);}})));};var DropdownIconButton=assignWithoutSideEffects(_DropdownIconButton,{componentId:dropdownComponentIds.triggers.DropdownIconButton});
|
|
11
11
|
|
|
12
12
|
export { DropdownIconButton };
|
|
13
13
|
//# sourceMappingURL=DropdownIconButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownIconButton.js","sources":["../../../../../src/components/Dropdown/DropdownIconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { IconButtonProps } from '~components/Button/IconButton';\nimport StyledIconButton from '~components/Button/IconButton/StyledIconButton';\n\ntype DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {\n onBlur?: BaseButtonProps['onBlur'];\n onKeyDown?: BaseButtonProps['onKeyDown'];\n onClick?: IconButtonProps['onClick'];\n};\n\nconst _DropdownIconButton = ({\n icon,\n isDisabled = false,\n onClick,\n onBlur,\n onKeyDown,\n size = 'medium',\n accessibilityLabel,\n emphasis = 'intense',\n ...rest\n}: DropdownIconButtonProps): React.ReactElement => {\n const {\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n } = useDropdown();\n\n return (\n // Using StyledIconButton here to avoid exporting onKeydown, and accessibiltiyProps object\n <StyledIconButton\n {...rest}\n icon={icon}\n isDisabled={isDisabled}\n size={size}\n emphasis={emphasis}\n ref={triggererRef as any}\n accessibilityLabel={accessibilityLabel}\n accessibilityProps={{\n label: accessibilityLabel,\n hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownIconButton'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n // Setting it for web fails it on native typecheck and vice versa\n onClick?.(e as any);\n }}\n onBlur={(e) => {\n // With button trigger, there is no \"value\" as such. It's just clickable items\n // Setting it for web fails it on native typecheck and vice versa\n onBlur?.(e as any);\n }}\n onKeyDown={(e) => {\n onTriggerKeydown?.({ event: e as any });\n // Setting it for web fails it on native typecheck and vice versa\n onKeyDown?.(e as any);\n }}\n />\n );\n};\n\nconst DropdownIconButton = assignWithoutSideEffects(_DropdownIconButton, {\n componentId: dropdownComponentIds.triggers.DropdownIconButton,\n});\n\nexport { DropdownIconButton };\n"],"names":["_DropdownIconButton","_ref","icon","_ref$isDisabled","isDisabled","onClick","onBlur","onKeyDown","_ref$size","size","accessibilityLabel","_ref$emphasis","emphasis","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","StyledIconButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownIconButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;AAGA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,YAAA,CAAA,SAAA,CAAA,QAAA,CAAA,WAAA,CAAA,MAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,CAeA,IAAMA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAU0B,KATjDC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,CAAAF,IAAA,CACJG,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,QAAO,CAAAJ,IAAA,CAAPI,OAAO,CACPC,OAAM,CAAAL,IAAA,CAANK,MAAM,CACNC,UAAS,CAAAN,IAAA,CAATM,SAAS,CAAAC,SAAA,CAAAP,IAAA,CACTQ,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACfE,kBAAkB,CAAAT,IAAA,CAAlBS,kBAAkB,CAAAC,aAAA,CAAAV,IAAA,CAClBW,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,aAAA,CACjBE,IAAI,CAAAC,wBAAA,CAAAb,IAAA,CAAAc,SAAA,EAEP,IAAAC,YAAA,CAQIC,WAAW,EAAE,CAPfC,cAAc,CAAAF,YAAA,CAAdE,cAAc,CACdC,gBAAgB,CAAAH,YAAA,CAAhBG,gBAAgB,CAChBC,cAAc,CAAAJ,YAAA,CAAdI,cAAc,CACdC,MAAM,CAAAL,YAAA,CAANK,MAAM,CACNC,WAAW,CAAAN,YAAA,CAAXM,WAAW,CACXC,eAAe,CAAAP,YAAA,CAAfO,eAAe,CACfC,YAAY,CAAAR,YAAA,CAAZQ,YAAY,CAGd,OAEEC,GAAA,CAACC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,
|
|
1
|
+
{"version":3,"file":"DropdownIconButton.js","sources":["../../../../../src/components/Dropdown/DropdownIconButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n\nimport React from 'react';\nimport { useDropdown } from './useDropdown';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport type { BaseButtonProps } from '~components/Button/BaseButton/BaseButton';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { IconButtonProps } from '~components/Button/IconButton';\nimport StyledIconButton from '~components/Button/IconButton/StyledIconButton';\n\ntype DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {\n onBlur?: BaseButtonProps['onBlur'];\n onKeyDown?: BaseButtonProps['onKeyDown'];\n onClick?: IconButtonProps['onClick'];\n};\n\nconst _DropdownIconButton = ({\n icon,\n isDisabled = false,\n onClick,\n onBlur,\n onKeyDown,\n size = 'medium',\n accessibilityLabel,\n emphasis = 'intense',\n ...rest\n}: DropdownIconButtonProps): React.ReactElement => {\n const {\n onTriggerClick,\n onTriggerKeydown,\n dropdownBaseId,\n isOpen,\n activeIndex,\n hasFooterAction,\n triggererRef,\n } = useDropdown();\n\n return (\n // Using StyledIconButton here to avoid exporting onKeydown, and accessibiltiyProps object\n <StyledIconButton\n {...rest}\n icon={icon}\n isDisabled={isDisabled}\n size={size}\n emphasis={emphasis}\n ref={triggererRef as any}\n accessibilityLabel={accessibilityLabel}\n accessibilityProps={{\n label: accessibilityLabel,\n hasPopup: getActionListContainerRole(hasFooterAction, 'DropdownIconButton'),\n expanded: isOpen,\n controls: `${dropdownBaseId}-actionlist`,\n activeDescendant: activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined,\n }}\n onClick={(e) => {\n onTriggerClick();\n // Setting it for web fails it on native typecheck and vice versa\n onClick?.(e as any);\n }}\n onBlur={(e) => {\n // With button trigger, there is no \"value\" as such. It's just clickable items\n // Setting it for web fails it on native typecheck and vice versa\n onBlur?.(e as any);\n }}\n onKeyDown={(e) => {\n onTriggerKeydown?.({ event: e as any });\n // Setting it for web fails it on native typecheck and vice versa\n onKeyDown?.(e as any);\n }}\n />\n );\n};\n\nconst DropdownIconButton = assignWithoutSideEffects(_DropdownIconButton, {\n componentId: dropdownComponentIds.triggers.DropdownIconButton,\n});\n\nexport { DropdownIconButton };\n"],"names":["_DropdownIconButton","_ref","icon","_ref$isDisabled","isDisabled","onClick","onBlur","onKeyDown","_ref$size","size","accessibilityLabel","_ref$emphasis","emphasis","rest","_objectWithoutProperties","_excluded","_useDropdown","useDropdown","onTriggerClick","onTriggerKeydown","dropdownBaseId","isOpen","activeIndex","hasFooterAction","triggererRef","_jsx","StyledIconButton","Object","assign","ref","accessibilityProps","label","hasPopup","getActionListContainerRole","expanded","controls","activeDescendant","undefined","e","event","DropdownIconButton","assignWithoutSideEffects","componentId","dropdownComponentIds","triggers"],"mappings":";;;;;;;;;AAGA,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA,YAAA,CAAA,SAAA,CAAA,QAAA,CAAA,WAAA,CAAA,MAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,CAeA,IAAMA,mBAAmB,CAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,CAU0B,KATjDC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CAAAC,eAAA,CAAAF,IAAA,CACJG,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,QAAO,CAAAJ,IAAA,CAAPI,OAAO,CACPC,OAAM,CAAAL,IAAA,CAANK,MAAM,CACNC,UAAS,CAAAN,IAAA,CAATM,SAAS,CAAAC,SAAA,CAAAP,IAAA,CACTQ,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAA,KAAA,CAAA,CAAG,QAAQ,CAAAA,SAAA,CACfE,kBAAkB,CAAAT,IAAA,CAAlBS,kBAAkB,CAAAC,aAAA,CAAAV,IAAA,CAClBW,QAAQ,CAARA,QAAQ,CAAAD,aAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,aAAA,CACjBE,IAAI,CAAAC,wBAAA,CAAAb,IAAA,CAAAc,SAAA,EAEP,IAAAC,YAAA,CAQIC,WAAW,EAAE,CAPfC,cAAc,CAAAF,YAAA,CAAdE,cAAc,CACdC,gBAAgB,CAAAH,YAAA,CAAhBG,gBAAgB,CAChBC,cAAc,CAAAJ,YAAA,CAAdI,cAAc,CACdC,MAAM,CAAAL,YAAA,CAANK,MAAM,CACNC,WAAW,CAAAN,YAAA,CAAXM,WAAW,CACXC,eAAe,CAAAP,YAAA,CAAfO,eAAe,CACfC,YAAY,CAAAR,YAAA,CAAZQ,YAAY,CAGd,OAEEC,GAAA,CAACC,gBAAgB,CAAAC,MAAA,CAAAC,MAAA,CACXf,EAAAA,CAAAA,IAAI,EACRX,IAAI,CAAEA,IAAK,CACXE,UAAU,CAAEA,UAAW,CACvBK,IAAI,CAAEA,IAAK,CACXG,QAAQ,CAAEA,QAAS,CACnBiB,GAAG,CAAEL,YAAoB,CACzBd,kBAAkB,CAAEA,kBAAmB,CACvCoB,kBAAkB,CAAE,CAClBC,KAAK,CAAErB,kBAAkB,CACzBsB,QAAQ,CAAEC,0BAA0B,CAACV,eAAe,CAAE,oBAAoB,CAAC,CAC3EW,QAAQ,CAAEb,MAAM,CAChBc,QAAQ,CAAE,GAAGf,cAAc,CAAA,WAAA,CAAa,CACxCgB,gBAAgB,CAAEd,WAAW,EAAI,CAAC,CAAG,GAAGF,cAAc,CAAA,CAAA,EAAIE,WAAW,CAAA,CAAE,CAAGe,SAC5E,CAAE,CACFhC,OAAO,CAAE,SAAAA,OAACiC,CAAAA,CAAC,CAAK,CACdpB,cAAc,EAAE,CAEhBb,QAAO,cAAPA,QAAO,CAAGiC,CAAQ,CAAC,CACrB,CAAE,CACFhC,MAAM,CAAE,SAAAA,OAACgC,CAAC,CAAK,CAGbhC,OAAM,cAANA,OAAM,CAAGgC,CAAQ,CAAC,CACpB,CAAE,CACF/B,SAAS,CAAE,SAAAA,SAAC+B,CAAAA,CAAC,CAAK,CAChBnB,gBAAgB,cAAhBA,gBAAgB,CAAG,CAAEoB,KAAK,CAAED,CAAS,CAAC,CAAC,CAEvC/B,UAAS,EAATA,IAAAA,CAAAA,KAAAA,CAAAA,CAAAA,UAAS,CAAG+B,CAAQ,CAAC,CACvB,CAAE,EACH,CAAC,EAEN,CAAC,CAEK,IAAAE,kBAAkB,CAAGC,wBAAwB,CAACzC,mBAAmB,CAAE,CACvE0C,WAAW,CAAEC,oBAAoB,CAACC,QAAQ,CAACJ,kBAC7C,CAAC;;;;"}
|
|
@@ -8,7 +8,7 @@ import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/a
|
|
|
8
8
|
import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
|
|
9
9
|
import { jsx } from 'react/jsx-runtime';
|
|
10
10
|
|
|
11
|
-
var _excluded=["children","icon","iconPosition","onClick","onBlur","onKeyDown","isDisabled","href","target","rel","accessibilityLabel","size","testID","hitSlop","htmlTitle"];var _DropdownLink=function _DropdownLink(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,isDisabled=_ref.isDisabled;_ref.href;_ref.target;_ref.rel;var accessibilityLabel=_ref.accessibilityLabel,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,hitSlop=_ref.hitSlop,htmlTitle=_ref.htmlTitle,props=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return
|
|
11
|
+
var _excluded=["children","icon","iconPosition","onClick","onBlur","onKeyDown","isDisabled","href","target","rel","accessibilityLabel","size","testID","hitSlop","htmlTitle"];var _DropdownLink=function _DropdownLink(_ref){var children=_ref.children,icon=_ref.icon,_ref$iconPosition=_ref.iconPosition,iconPosition=_ref$iconPosition===void 0?'left':_ref$iconPosition,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,isDisabled=_ref.isDisabled;_ref.href;_ref.target;_ref.rel;var accessibilityLabel=_ref.accessibilityLabel,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,testID=_ref.testID,hitSlop=_ref.hitSlop,htmlTitle=_ref.htmlTitle,props=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return(jsx(BaseLink,Object.assign({variant:"button"},icon?{icon:icon,children:children}:{children:children},{iconPosition:iconPosition,size:size,testID:testID,hitSlop:hitSlop,htmlTitle:htmlTitle,isDisabled:isDisabled},props,makeAnalyticsAttribute(props),{ref:triggererRef,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownButton'),expanded:isOpen,controls:`${dropdownBaseId}-actionlist`,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined},onClick:function onClick(e){onTriggerClick();_onClick==null?void 0:_onClick(e);},onBlur:function onBlur(e){_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});_onKeyDown==null?void 0:_onKeyDown(e);}})));};var DropdownLink=assignWithoutSideEffects(_DropdownLink,{componentId:dropdownComponentIds.triggers.DropdownLink});
|
|
12
12
|
|
|
13
13
|
export { DropdownLink };
|
|
14
14
|
//# sourceMappingURL=DropdownLink.js.map
|