@vibe/core 4.5.23 → 4.5.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Combobox/Combobox.d.ts +1 -1
- package/dist/components/Modal/ModalTopActions/ModalTopActions.types.d.ts +1 -1
- package/dist/components/Search/Search.types.d.ts +1 -1
- package/dist/components/base-list/dist/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/components/base-list/dist/BaseList/BaseList.module.scss.js +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/menu-button/dist/MenuButton/MenuButton.js +2 -0
- package/dist/components/menu-button/dist/MenuButton/MenuButton.js.map +1 -0
- package/dist/components/menu-button/dist/MenuButton/MenuButton.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SelectionIndicator.js +2 -0
- package/dist/components/slider/dist/Slider/SelectionIndicator.js.map +1 -0
- package/dist/components/slider/dist/Slider/SelectionIndicator.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/Slider.js +2 -0
- package/dist/components/slider/dist/Slider/Slider.js.map +1 -0
- package/dist/components/slider/dist/Slider/Slider.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderBase.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderBase.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderBase.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderFilledTrack.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderFilledTrack.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderFilledTrack.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderRail.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderRail.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderRail.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderThumb.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderThumb.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderThumb.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderTrack.js +2 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderTrack.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderBase/SliderTrack.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderConstants.js +2 -0
- package/dist/components/slider/dist/Slider/SliderConstants.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderContext.js +2 -0
- package/dist/components/slider/dist/Slider/SliderContext.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderHelpers.js +2 -0
- package/dist/components/slider/dist/Slider/SliderHelpers.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderHooks.js +2 -0
- package/dist/components/slider/dist/Slider/SliderHooks.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderInfix.js +2 -0
- package/dist/components/slider/dist/Slider/SliderInfix.js.map +1 -0
- package/dist/components/slider/dist/Slider/SliderInfix.module.scss.js +2 -0
- package/dist/components/slider/dist/Slider/SliderInfixHooks.js +2 -0
- package/dist/components/slider/dist/Slider/SliderInfixHooks.js.map +1 -0
- package/dist/components/slider/dist/_virtual/_tslib.js +2 -0
- package/dist/components/slider/dist/_virtual/_tslib.js.map +1 -0
- package/dist/components/tipseen/dist/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/components/tipseen/dist/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/metadata/components.json +2 -2
- package/dist/metadata.json +2 -2
- package/dist/mocked_classnames/components/Combobox/Combobox.d.ts +1 -1
- package/dist/mocked_classnames/components/Modal/ModalTopActions/ModalTopActions.types.d.ts +1 -1
- package/dist/mocked_classnames/components/Search/Search.types.d.ts +1 -1
- package/dist/mocked_classnames/components/index.d.ts +2 -2
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js.map +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.js.map +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js.map +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.js.map +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.js.map +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.js.map +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +4 -2
- package/dist/components/MenuButton/MenuButton.d.ts +0 -146
- package/dist/components/MenuButton/MenuButton.types.d.ts +0 -2
- package/dist/components/MenuButton/index.d.ts +0 -2
- package/dist/components/Slider/SelectionIndicator.d.ts +0 -15
- package/dist/components/Slider/Slider.d.ts +0 -120
- package/dist/components/Slider/Slider.types.d.ts +0 -8
- package/dist/components/Slider/SliderBase/SliderBase.d.ts +0 -5
- package/dist/components/Slider/SliderBase/SliderFilledTrack.d.ts +0 -23
- package/dist/components/Slider/SliderBase/SliderRail.d.ts +0 -19
- package/dist/components/Slider/SliderBase/SliderThumb.d.ts +0 -27
- package/dist/components/Slider/SliderBase/SliderTrack.d.ts +0 -11
- package/dist/components/Slider/SliderConstants.d.ts +0 -64
- package/dist/components/Slider/SliderContext.d.ts +0 -43
- package/dist/components/Slider/SliderHelpers.d.ts +0 -14
- package/dist/components/Slider/SliderHooks.d.ts +0 -25
- package/dist/components/Slider/SliderInfix.d.ts +0 -11
- package/dist/components/Slider/SliderInfixHooks.d.ts +0 -3
- package/dist/components/Slider/index.d.ts +0 -2
- package/dist/mocked_classnames/components/MenuButton/MenuButton.d.ts +0 -146
- package/dist/mocked_classnames/components/MenuButton/MenuButton.types.d.ts +0 -2
- package/dist/mocked_classnames/components/MenuButton/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Slider/SelectionIndicator.d.ts +0 -15
- package/dist/mocked_classnames/components/Slider/Slider.d.ts +0 -120
- package/dist/mocked_classnames/components/Slider/Slider.types.d.ts +0 -8
- package/dist/mocked_classnames/components/Slider/SliderBase/SliderBase.d.ts +0 -5
- package/dist/mocked_classnames/components/Slider/SliderBase/SliderFilledTrack.d.ts +0 -23
- package/dist/mocked_classnames/components/Slider/SliderBase/SliderRail.d.ts +0 -19
- package/dist/mocked_classnames/components/Slider/SliderBase/SliderThumb.d.ts +0 -27
- package/dist/mocked_classnames/components/Slider/SliderBase/SliderTrack.d.ts +0 -11
- package/dist/mocked_classnames/components/Slider/SliderConstants.d.ts +0 -64
- package/dist/mocked_classnames/components/Slider/SliderContext.d.ts +0 -43
- package/dist/mocked_classnames/components/Slider/SliderHelpers.d.ts +0 -14
- package/dist/mocked_classnames/components/Slider/SliderHooks.d.ts +0 -25
- package/dist/mocked_classnames/components/Slider/SliderInfix.d.ts +0 -11
- package/dist/mocked_classnames/components/Slider/SliderInfixHooks.d.ts +0 -3
- package/dist/mocked_classnames/components/Slider/index.d.ts +0 -2
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js +0 -2
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +0 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/Slider.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/Slider.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderConstants.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderConstants.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderContext.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderHelpers.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderHelpers.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderHooks.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderHooks.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.js.map +0 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderInfixHooks.js +0 -2
- package/dist/mocked_classnames/src/components/Slider/SliderInfixHooks.js.map +0 -1
- package/dist/src/components/MenuButton/MenuButton.js +0 -2
- package/dist/src/components/MenuButton/MenuButton.js.map +0 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +0 -2
- package/dist/src/components/MenuButton/MenuButton.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SelectionIndicator.js +0 -2
- package/dist/src/components/Slider/SelectionIndicator.js.map +0 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +0 -2
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js.map +0 -1
- package/dist/src/components/Slider/Slider.js +0 -2
- package/dist/src/components/Slider/Slider.js.map +0 -1
- package/dist/src/components/Slider/Slider.module.scss.js +0 -2
- package/dist/src/components/Slider/Slider.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderBase.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderRail.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderThumb.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderTrack.js.map +0 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +0 -2
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderConstants.js +0 -2
- package/dist/src/components/Slider/SliderConstants.js.map +0 -1
- package/dist/src/components/Slider/SliderContext.js +0 -2
- package/dist/src/components/Slider/SliderContext.js.map +0 -1
- package/dist/src/components/Slider/SliderHelpers.js +0 -2
- package/dist/src/components/Slider/SliderHelpers.js.map +0 -1
- package/dist/src/components/Slider/SliderHooks.js +0 -2
- package/dist/src/components/Slider/SliderHooks.js.map +0 -1
- package/dist/src/components/Slider/SliderInfix.js +0 -2
- package/dist/src/components/Slider/SliderInfix.js.map +0 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +0 -2
- package/dist/src/components/Slider/SliderInfix.module.scss.js.map +0 -1
- package/dist/src/components/Slider/SliderInfixHooks.js +0 -2
- package/dist/src/components/Slider/SliderInfixHooks.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/menu-button/dist}/MenuButton/MenuButton.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SelectionIndicator.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/Slider.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SliderBase/SliderBase.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SliderBase/SliderFilledTrack.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SliderBase/SliderRail.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SliderBase/SliderThumb.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SliderBase/SliderTrack.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/slider/dist}/Slider/SliderInfix.module.scss.js.map +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionIndicator.js","sources":["../../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { TextField } from \"@vibe/text-inputs\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { type InfixKind } from \"./Slider.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number | number[], valueText: string | string[]) {\n if (!ranged) {\n return [value as number, valueText as string];\n }\n if (isPostfix) {\n return [(value as number[])[1], (valueText as string[])[1]];\n }\n return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n /**\n * Determines whether the selection indicator is a prefix or postfix.\n */\n kind?: InfixKind;\n /**\n * The key for the selection indicator (used for React key uniqueness).\n */\n key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n const isPostfix = kind === \"postfix\";\n const { ranged, value, valueText } = useSliderSelection();\n const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n const { changeThumbValue } = useSliderActions();\n const handleChange = useMemo(\n () =>\n debounce(newValueText => {\n const newValue = parseValue(newValueText);\n const thumbIndex = isPostfix ? 1 : 0;\n changeThumbValue(newValue, thumbIndex, true);\n }, VALUE_UPDATE_DELAY),\n [changeThumbValue, isPostfix]\n );\n return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"wVAmCA,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={selectionIndicator:"selectionIndicator"};!function(e){const t="s_id-8b539873b4f7_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator.selectionIndicator.selectionIndicator {\n text-align: center;\n padding: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SelectionIndicator.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as a,useRef as o,useMemo as l}from"react";import{useMergeRef as t,getStyle as r,NOOP as d}from"@vibe/shared";import{ensureDefaultValue as n}from"./SliderHelpers.js";import{SliderProvider as s}from"./SliderContext.js";import m from"./SliderBase/SliderBase.js";import v from"./SliderInfix.js";import u from"classnames";import p from"./Slider.module.scss.js";import{camelCase as f}from"es-toolkit";var c=a((function(a,c){var x=a["aria-label"],b=a["aria-labelledby"],S=a.className,h=a.color,j=a["data-testid"],g=void 0===j?"monday-slider":j,y=a.disabled,C=void 0!==y&&y,E=a.id,L=a.max,P=void 0===L?100:L,V=a.min,k=void 0===V?0:V,w=a.onChange,B=void 0===w?d:w,I=a.ranged,z=void 0!==I&&I,F=a.step,H=void 0===F?1:F,N=a.showValue,T=void 0!==N&&N,W=a.valueLabelPosition,_=void 0===W?"top":W,O=a.valueLabelColor,q=void 0===O?"primary":O,A=a.size,D=void 0===A?"small":A,G=a.value,J=a.defaultValue,K=void 0===J?0:J,M=a.valueFormatter,Q=void 0===M?function(e){return"".concat(e,"%")}:M,R=a.valueText,U=a.indicateSelection,X=void 0!==U&&U,Y=a.prefix,Z=a.postfix,$=a.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=o(null),ae=t(c,ie),oe=l((function(){return{prefix:Y,postfix:Z,indicateSelection:X,selectionIndicatorWidth:ee}}),[Y,Z,X,ee]);return i.createElement(s,{"aria-label":x,"aria-labelledby":b,color:h,"data-testid":g,disabled:C,infixOptions:oe,max:P,min:k,onChange:B,ranged:z,showValue:T,valueLabelPosition:_,valueLabelColor:q,size:D,step:H,value:G,defaultValue:n(K,k,P,z),valueFormatter:Q,valueText:R},i.createElement("div",{className:u(p.slider,e({},p.valueShown,T),r(p,f("position-"+_)),S),"data-testid":g,id:E,ref:ae},i.createElement(v,{kind:"prefix"}),i.createElement(m,null),i.createElement(v,{kind:"postfix"})))}));export{c as default};
|
|
2
|
-
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n /**\n * Define a string that labels the current element (Slider)\n */\n \"aria-label\"?: string;\n /**\n * ElementId of Node that have the text needed for labeling the current element (Slider)\n */\n \"aria-labelledby\"?: string;\n /**\n * Custom `class name` to be added to the component-root-node\n */\n className?: string;\n /**\n * Color Mode (primary/positive/negative) of the component (Slider)\n */\n color?: SliderColor;\n /**\n * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n */\n \"data-testid\"?: string;\n defaultValue?: number | number[];\n /**\n * Formatter function `value => formattedValue`\n * default formatter return `${value}%`\n */\n /**\n * If set to true, Component (Slider) will be disabled\n * - impossible to change value of component (Slider)\n * - visual changes (opacity)\n */\n disabled?: boolean;\n /**\n * Attribute `id` to be added to the component-root-node\n */\n id?: string;\n /**\n * Max range value of the component (Slider)\n */\n max?: number;\n /**\n * Min range value of the component (Slider)\n */\n min?: number;\n /**\n * Optional onChange callback (for outer trigger or Controlled mode)\n * - required in Controlled Mode\n */\n onChange?: (value: number | number[]) => void;\n /**\n * If true switch slider to RRange mode (two Thumbs)\n */\n ranged?: boolean;\n /**\n * The granularity with which the slider can step through values.\n * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n */\n step?: number;\n /**\n * Always show `value` instead of Tooltip\n */\n showValue?: boolean;\n /**\n * Position of the `value` when `showValue` is true\n */\n valueLabelPosition?: SliderLabelPosition;\n /**\n * Color of the `value` when `showValue` is true\n */\n valueLabelColor?: SliderLabelColor;\n /**\n * Size small/medium/large of the component (Slider)\n */\n size?: SliderSize;\n /**\n * Current/selected value of the range of the Component (Slider)\n * - should be used in Controlled Mode only\n * - in ranged mode should be an array of two numbers\n */\n value?: number | number[];\n /**\n * Function to format the value, e.g. add %. By default, returns `${value}%`\n */\n valueFormatter?: (value: number) => string;\n /**\n * Text/presentation of current/selected value\n * - should be used in Controlled Mode only\n */\n valueText?: string;\n /**\n * Show selected from Slider range value\n */\n indicateSelection?: boolean;\n /**\n * Options for initial/start/prefix element, it can be one of:\n * - Any Component (react component, node, text, number etc.)\n * - Or it can be an object of options for Icons component (see Icon components props)\n * - Or it can be an object for Label (Icon, Heading - and other components)\n * - Or it can be Render Props Function witch are getting value and valueText\n */\n prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n /**\n * Options for postfix/end/finishing element. Same as prefix element.\n */\n postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n /**\n * Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n (\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n className,\n color,\n \"data-testid\": dataTestId = \"monday-slider\",\n disabled = false,\n id,\n max = 100,\n min = 0,\n onChange = NOOP,\n ranged = false,\n step = 1,\n showValue = false,\n valueLabelPosition = \"top\",\n valueLabelColor = \"primary\",\n size = \"small\",\n value,\n defaultValue = 0,\n valueFormatter = (value: number) => `${value}%`,\n valueText,\n indicateSelection = false,\n prefix,\n postfix,\n selectionIndicatorWidth = \"60px\"\n }: SliderProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const infixOptions = useMemo(\n () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n );\n return (\n <SliderProvider\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n color={color}\n data-testid={dataTestId}\n disabled={disabled}\n infixOptions={infixOptions}\n max={max}\n min={min}\n onChange={onChange}\n ranged={ranged}\n showValue={showValue}\n valueLabelPosition={valueLabelPosition}\n valueLabelColor={valueLabelColor}\n size={size}\n step={step}\n value={value}\n defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n valueFormatter={valueFormatter}\n valueText={valueText}\n >\n <div\n className={cx(\n styles.slider,\n { [styles.valueShown]: showValue },\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n className\n )}\n data-testid={dataTestId}\n id={id}\n ref={mergedRef}\n >\n <SliderInfix kind=\"prefix\" />\n <SliderBase />\n <SliderInfix kind=\"postfix\" />\n </div>\n </SliderProvider>\n );\n }\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","SliderBase"],"mappings":"gfA8HMA,IAAAA,EAASC,GACb,SAAAC,EA2BEC,GACE,IA1BcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,EACa,CAAA,aAAAjD,oBACKC,EACjBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,EAAa,MACdb,EAACC,cAAAU,GAAYC,KAAK,aAI1B"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slider:"slider",valueShown:"valueShown",positionTop:"positionTop",positionBottom:"positionBottom"};!function(e){const n="s_id-4e41ea5b2e41_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider {\n align-items: center;\n display: flex;\n max-width: 500px;\n min-width: 200px;\n width: 100%;\n}\n\n.valueShown.positionTop {\n margin-top: 10px;\n}\n\n.valueShown.positionBottom {\n margin-bottom: 10px;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Slider.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useCallback as o}from"react";import{getStyle as i,isArrowUpEvent as a,isArrowRightEvent as l,isArrowDownEvent as n,isArrowLeftEvent as s,isPageUpEvent as m,isPageDownEvent as f,isHomeEvent as d,isEndEvent as c}from"@vibe/shared";import{useSliderUi as u,useSliderSelection as p,useSliderActions as v}from"../SliderContext.js";import{calcDimensions as b,moveToPx as j,getNearest as h,calculatePageStep as S}from"../SliderHelpers.js";import{useSliderRail as E}from"../SliderHooks.js";import T from"./SliderRail.js";import g from"./SliderTrack.js";import k from"./SliderFilledTrack.js";import D from"./SliderThumb.js";import x from"classnames";import y from"./SliderBase.module.scss.js";var z=t((function(t,z){var C=t.className,H=u(),V=H.color,B=H.disabled,F=H.size,K=H.shapeTestId,M=p(),N=M.min,P=M.max,R=M.ranged,X=M.step,_=M.value,w=v(),I=w.changeThumbValue,q=w.drugThumb,A=w.decreaseValue,G=w.increaseValue,J=E(),L=J.railCoords,O=J.railRef,Q=b(P,N,R,_),U=Q.dimension,W=Q.offset,Y=Q.positions,Z=Q.thumbKeys,$=o((function(e){var r=j(Math.round(e.clientX-L.left),N,P,L,X);q(r)}),[q,N,P,L,X]),ee=o((function(e){var r=j(e.clientX-L.left,N,P,L,X),t=h(r,R,_);I(r,t)}),[I,N,P,L,R,X,_]);return r.createElement("div",{className:x(y.base,e(e(e({},i(y,F),F),i(y,V),V),y.disabled,B),C),"data-testid":K("base"),onKeyDown:function(e){return a(e)||l(e)?G():n(e)||s(e)?A():m(e)?(e.preventDefault(),G(S(P,N,X))):f(e)?(e.preventDefault(),A(S(P,N,X))):d(e)?(e.preventDefault(),I(N)):c(e)?(e.preventDefault(),I(P)):void 0}},r.createElement(T,{onClick:ee,size:F,ref:O},r.createElement(g,{color:V}),O.current&&r.createElement(r.Fragment,null,r.createElement(k,{dimension:U,offset:W,color:V}),Y.map((function(e,t){return r.createElement(D,{key:Z[t],index:t,onMove:$,position:e,color:V,size:F})})))))}));export{z as default};
|
|
2
|
-
//# sourceMappingURL=SliderBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n isArrowDownEvent,\n isArrowLeftEvent,\n isArrowRightEvent,\n isArrowUpEvent,\n isEndEvent,\n isHomeEvent,\n isPageDownEvent,\n isPageUpEvent,\n getStyle\n} from \"@vibe/shared\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n const { color, disabled, size, shapeTestId } = useSliderUi();\n const { min, max, ranged, step, value } = useSliderSelection();\n const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n const { railCoords, railRef } = useSliderRail();\n const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n const handlePointerMove = useCallback(\n (e: PointerEvent) => {\n const offsetInPx = Math.round(e.clientX - railCoords.left);\n const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n drugThumb(newValue);\n },\n [drugThumb, min, max, railCoords, step]\n );\n\n const handleRailClick = useCallback(\n (e: React.MouseEvent) => {\n const offsetInPx = e.clientX - railCoords.left;\n const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n const thumbIndex = getNearest(newValue, ranged, value);\n changeThumbValue(newValue, thumbIndex);\n },\n [changeThumbValue, min, max, railCoords, ranged, step, value]\n );\n\n function handleKeyDown(e: React.KeyboardEvent) {\n if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n return increaseValue();\n }\n if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n return decreaseValue();\n }\n if (isPageUpEvent(e)) {\n e.preventDefault();\n return increaseValue(calculatePageStep(max, min, step));\n }\n if (isPageDownEvent(e)) {\n e.preventDefault();\n return decreaseValue(calculatePageStep(max, min, step));\n }\n if (isHomeEvent(e)) {\n e.preventDefault();\n return changeThumbValue(min);\n }\n if (isEndEvent(e)) {\n e.preventDefault();\n return changeThumbValue(max);\n }\n }\n\n return (\n <div\n className={cx(\n styles.base,\n { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n className\n )}\n data-testid={shapeTestId(\"base\")}\n onKeyDown={handleKeyDown}\n >\n <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n <SliderTrack color={color} />\n {railRef.current && (\n <>\n <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n {positions.map((position, index) => {\n return (\n <SliderThumb\n key={thumbKeys[index]}\n index={index}\n onMove={handlePointerMove}\n position={position}\n color={color}\n size={size}\n />\n );\n })}\n </>\n )}\n </SliderRail>\n </div>\n );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"wxBAyBMA,IAAAA,EAAkCC,GAAW,SAAAC,EAAgBC,GAAQ,IAArBC,EAASF,EAATE,UACpDC,EAA+CC,IAAvCC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAIJ,EAAJI,KAAMC,EAAWL,EAAXK,YAC/BC,EAA0CC,IAAlCC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAQC,EAAIL,EAAJK,KAAMC,EAAKN,EAALM,MAChCC,EAAsEC,IAA9DC,EAAgBF,EAAhBE,iBAAkBC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACpDC,EAAgCC,IAAxBC,EAAUF,EAAVE,WAAYC,EAAOH,EAAPG,QACpBC,EAAoDC,EAAef,EAAKD,EAAKE,EAAQE,GAA7Ea,EAASF,EAATE,UAAWC,EAAMH,EAANG,OAAQC,EAASJ,EAATI,UAAWC,EAASL,EAATK,UAEhCC,EAAoBC,GACxB,SAACC,GACC,IACMC,EAAWC,EADEC,KAAKC,MAAMJ,EAAEK,QAAUf,EAAWgB,MACf7B,EAAKC,EAAKY,EAAYV,GAC5DK,EAAUgB,EACZ,GACA,CAAChB,EAAWR,EAAKC,EAAKY,EAAYV,IAG9B2B,GAAkBR,GACtB,SAACC,GACC,IACMC,EAAWC,EADEF,EAAEK,QAAUf,EAAWgB,KACJ7B,EAAKC,EAAKY,EAAYV,GACtD4B,EAAaC,EAAWR,EAAUtB,EAAQE,GAChDG,EAAiBiB,EAAUO,EAC7B,GACA,CAACxB,EAAkBP,EAAKC,EAAKY,EAAYX,EAAQC,EAAMC,IA4BzD,OACE6B,EACEC,cAAA,MAAA,CAAA3C,UAAW4C,EACTC,EAAOC,KAAIC,EAAAA,EAAAA,EAAA,CAAA,EACRC,EAASH,EAAQxC,GAAQA,GAAO2C,EAASH,EAAQ1C,GAASA,GAAQ0C,EAAOzC,SAAWA,GACvFJ,GACD,cACYM,EAAY,QACzB2C,UAjCJ,SAAuBjB,GACrB,OAAIkB,EAAelB,IAAMmB,EAAkBnB,GAClCb,IAELiC,EAAiBpB,IAAMqB,EAAiBrB,GACnCd,IAELoC,EAActB,IAChBA,EAAEuB,iBACKpC,EAAcqC,EAAkB9C,EAAKD,EAAKG,KAE/C6C,EAAgBzB,IAClBA,EAAEuB,iBACKrC,EAAcsC,EAAkB9C,EAAKD,EAAKG,KAE/C8C,EAAY1B,IACdA,EAAEuB,iBACKvC,EAAiBP,IAEtBkD,EAAW3B,IACbA,EAAEuB,iBACKvC,EAAiBN,SAF1B,CAIF,GAYIgC,EAAAC,cAACiB,EAAU,CAACC,QAAStB,GAAiBlC,KAAMA,EAAMyD,IAAKvC,GACrDmB,EAAAC,cAACoB,EAAW,CAAC5D,MAAOA,IACnBoB,EAAQyC,SACPtB,EAAAC,cAAAD,EAAAuB,SAAA,KACEvB,EAAAC,cAACuB,EAAiB,CAACxC,UAAWA,EAAWC,OAAQA,EAAQxB,MAAOA,IAC/DyB,EAAUuC,KAAI,SAACC,EAAUC,GACxB,OACE3B,EAAAC,cAAC2B,EAAW,CACVC,IAAK1C,EAAUwC,GACfA,MAAOA,EACPG,OAAQ1C,EACRsC,SAAUA,EACVjE,MAAOA,EACPE,KAAMA,GAGZ,MAMZ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-2512e1e86422_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base {\n display: flex;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n}\n\n.disabled {\n cursor: not-allowed !important;\n opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n pointer-events: none;\n}\n\n.small {\n padding: 0 var(--space-8);\n}\n\n.medium {\n padding: 0 12px;\n}\n\n.large {\n padding: 0 12px;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderBase.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from"react";import r from"classnames";import{getStyle as o}from"@vibe/shared";import t from"./SliderFilledTrack.module.scss.js";var a=function(a){var c=a.className,i=a.dimension,s=a.offset,l=a.reverse,m=a.color,n=function(e,r,o){return o?{right:"".concat(r,"%"),width:"".concat(e-r,"%")}:{left:"".concat(r,"%"),width:"".concat(e-r,"%")}}(void 0===i?0:i,void 0===s?0:s,void 0!==l&&l);return e.createElement("div",{className:r(t.filledTrack,o(t,m),c),style:n})};export{a as default};
|
|
2
|
-
//# sourceMappingURL=SliderFilledTrack.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n if (reverse) {\n return {\n right: `${offset}%`,\n width: `${dimension - offset}%`\n };\n }\n return {\n left: `${offset}%`,\n width: `${dimension - offset}%`\n };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n /**\n * The size of the filled track, based on the selected value.\n */\n dimension?: number;\n /**\n * The offset from the start of the track.\n */\n offset?: number;\n /**\n * If true, the filled track starts from the end instead of the beginning.\n */\n reverse?: boolean;\n /**\n * The color of the filled track.\n */\n color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n className,\n dimension = 0,\n offset = 0,\n reverse = false,\n color\n}) => {\n const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"yIAuCA,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,EAvCR,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}
|
package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){const n="s_id-bb386829c5aa_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack {\n position: absolute;\n border-radius: inherit;\n background-color: var(--primary-color);\n height: inherit;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n}\n\n.positive {\n background-color: var(--positive-color);\n}\n\n.negative {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderFilledTrack.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r,{forwardRef as e}from"react";import{getStyle as i,NOOP as a}from"@vibe/shared";import{useSliderUi as t}from"../SliderContext.js";import o from"classnames";import s from"./SliderRail.module.scss.js";var m=e((function(e,m){var l=e.className,c=e.children,d=e.onClick,n=void 0===d?a:d,f=e.size,p=t();return r.createElement("div",{"data-testid":(0,p.shapeTestId)("rail"),className:o(s.rail,i(s,f),l),onClick:function(r){n(r)},ref:m},c)}));export{m as default};
|
|
2
|
-
//# sourceMappingURL=SliderRail.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderRail.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, type ReactElement } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\n\nimport styles from \"./SliderRail.module.scss\";\nimport { type SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n /**\n * Callback fired when the rail is clicked.\n */\n onClick?: (event: React.MouseEvent) => void;\n /**\n * The child elements inside the slider rail.\n */\n children?: ReactElement | ReactElement[];\n /**\n * The size of the slider rail.\n */\n size: SliderSize;\n}\n\nconst SliderRail = forwardRef<unknown, SliderRailProps>(\n ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n const { shapeTestId } = useSliderUi();\n function handleClick(e: React.MouseEvent) {\n onClick(e);\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n data-testid={shapeTestId(\"rail\")}\n className={cx(styles.rail, getStyle(styles, size), className)}\n onClick={handleClick}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"+MAwBMA,IAAAA,EAAaC,GACjB,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_4_5_22";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail {\n cursor: pointer;\n display: inline-block;\n position: relative;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n}\n\n.small {\n border-radius: 2px;\n height: 2px;\n padding: 8px 0;\n}\n\n.medium {\n border-radius: 2px;\n height: 4px;\n padding: 12px 0;\n}\n\n.large {\n border-radius: 8px;\n height: 8px;\n padding: 10px 0;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderRail.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useRef as t,useEffect as a}from"react";import{getStyle as n,NOOP as r}from"@vibe/shared";import{Tooltip as i}from"@vibe/tooltip/mockedClassNames";import{TOOLTIP_SHOW_DELAY as l}from"../SliderConstants.js";import{useSliderSelection as s,useSliderUi as u,useSliderActions as m}from"../SliderContext.js";import d from"classnames";import c from"./SliderThumb.module.scss.js";import{camelCase as v}from"es-toolkit";var p=function(p){var f=p.className,b=p.index,g=void 0===b?0:b,h=p.onMove,x=void 0===h?r:h,y=p.position,E=void 0===y?0:y,L=p.size,P=p.color,w=s(),D=w.max,T=w.min,j=w.ranged,C=w.value,N=w.valueText,S=j?C[g]:C,B=j?N[g]:N,k=u(),F=k.active,H=k["aria-label"],I=k["aria-labelledby"],_=k.disabled,z=k.dragging,A=k.focused,K=k.shapeTestId,M=k.showValue,V=k.valueLabelPosition,q=k.valueLabelColor,G=m(),J=G.setActive,O=G.setFocused,Q=G.setDragging,R=t(null);function U(){Q(null),document.removeEventListener("pointermove",x),document.removeEventListener("pointerup",U)}return a((function(){A===g&&R&&R.current&&R.current.focus()}),[A,g]),o.createElement(i,{open:F===g||z===g,content:M?null:B,position:"top",showDelay:l,addKeyboardHideShowTriggersByDefault:!1},o.createElement("div",{"aria-label":H,"aria-labelledby":I,"aria-valuemax":D,"aria-valuemin":T,"aria-valuenow":S,"aria-valuetext":B,"aria-disabled":_,className:d(c.thumb,n(c,P),n(c,L),e(e(e({},c.dragging,z===g),c.focused,A),c.notDisabledThumb,!_),f),"data-testid":K("thumb-".concat(g)),onFocus:function(){O(g),J(g)},onBlur:function(){O(null),J(null)},onPointerDown:function(e){e.stopPropagation(),Q(g),document.addEventListener("pointermove",x),document.addEventListener("pointerup",U)},onPointerLeave:function(){J(null)},ref:R,role:"slider",style:{left:"".concat(E,"%")},tabIndex:_?-1:0},M&&o.createElement("label",{className:d(c.label,n(c,v("color-"+q)),n(c,v("position-"+V)))},B)))};export{p as default};
|
|
2
|
-
//# sourceMappingURL=SliderThumb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumb.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { type FC, useEffect, useRef } from \"react\";\nimport { NOOP, getStyle } from \"@vibe/shared\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\n\nimport { type SliderColor, type SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /**\n * The index of the thumb (used in range sliders).\n */\n index?: number;\n /**\n * Callback fired when the thumb is moved.\n */\n onMove?: (event: PointerEvent) => void;\n /**\n * The position of the thumb, represented as an offset percentage from the start of the track.\n */\n position?: number;\n /**\n * The size of the slider thumb.\n */\n size: SliderSize;\n /**\n * The color theme of the slider thumb.\n */\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index || dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"ufAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACcC,EAASH,EAAvB,cACmBI,EAAcJ,EAAjC,mBACAK,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var o={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label",positionTop:"positionTop",positionBottom:"positionBottom",colorPrimary:"colorPrimary",colorSecondary:"colorSecondary"};!function(o){const n="s_id-8687af7a27b4_4_5_22";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb {\n position: absolute;\n border: 3px solid;\n border-radius: 50%;\n border-color: var(--primary-color);\n background-color: var(--primary-background-color);\n font-size: 14px;\n top: 50%;\n transform: translate(-50%, -50%);\n transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n font-family: var(--font-family);\n}\n.dragging {\n cursor: grabbing !important;\n transform: translate(-50%, -50%) scale(1.15, 1.15);\n transform-origin: center center;\n transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n box-shadow: var(--box-shadow-small);\n}\n.focused {\n border-color: var(--primary-hover-color);\n cursor: grab;\n box-shadow: var(--box-shadow-small);\n}\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 50%;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb:focus:not(.focus-visible) {\n outline: none;\n}\n.notDisabledThumb:hover {\n border-color: var(--primary-hover-color);\n cursor: grab;\n box-shadow: var(--box-shadow-small);\n}\n.positive {\n border-color: var(--positive-color);\n}\n.positive.notDisabledThumb:hover {\n border-color: var(--positive-color-hover);\n}\n.negative {\n border-color: var(--negative-color);\n}\n.negative.notDisabledThumb:hover {\n border-color: var(--negative-color-hover);\n}\n.small {\n height: 16px;\n width: 16px;\n}\n.medium {\n height: 20px;\n width: 20px;\n}\n.large {\n height: 24px;\n width: 24px;\n}\n.label {\n left: 50%;\n max-width: 64px;\n overflow: hidden;\n position: absolute;\n text-overflow: ellipsis;\n transform: translate(-50%, 0);\n white-space: nowrap;\n}\n.label.positionTop {\n bottom: calc(100% + 8px);\n}\n.label.positionBottom {\n top: calc(100% + 8px);\n}\n.label.colorPrimary {\n color: var(--primary-text-color);\n}\n.label.colorSecondary {\n color: var(--secondary-text-color);\n}");export{o as default};
|
|
2
|
-
//# sourceMappingURL=SliderThumb.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r from"react";import e from"classnames";import{getStyle as a}from"@vibe/shared";import m from"./SliderTrack.module.scss.js";var o=r.memo((function(o){var s=o.className;return r.createElement("div",{className:e(m.track,a(m,o.color),s)})}));export{o as default};
|
|
2
|
-
//# sourceMappingURL=SliderTrack.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderTrack.js","sources":["../../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n /**\n * The color of the slider track.\n */\n color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"mIAcMA,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={track:"track",positive:"positive",negative:"negative"};!function(e){const t="s_id-f9216dea54b1_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track {\n position: absolute;\n border-radius: inherit;\n background-color: var(--primary-selected-color);\n height: inherit;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n}\n\n.positive {\n background-color: var(--positive-color-selected);\n}\n\n.negative {\n background-color: var(--negative-color-selected);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderTrack.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderConstants.js","sources":["../../../../../src/components/Slider/SliderConstants.ts"],"sourcesContent":["import { type IconType } from \"@vibe/icon\";\nimport { type ReactElement } from \"react\";\nimport {\n type SliderSize,\n type SliderColor as SliderColorType,\n type SliderLabelPosition,\n type SliderLabelColor\n} from \"./Slider.types\";\n\nexport const BEM_PREFIX = \"monday\";\n\nexport const COMPONENT_ID = \"slider\";\n\nexport const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;\n\nexport const TOOLTIP_SHOW_DELAY = 300;\n\nexport type SliderContextSelection = {\n max: number;\n min: number;\n ranged: boolean;\n step: number;\n value: number | number[];\n valueText: string | string[];\n};\n\nexport type SliderContextUI = {\n active: number;\n \"aria-label\": string;\n \"aria-labelledby\": string;\n color: SliderColorType;\n disabled: boolean;\n dragging: number;\n focused: number;\n size: SliderSize;\n shapeTestId: (subElement: string) => string;\n showValue: boolean;\n valueLabelPosition: SliderLabelPosition;\n valueLabelColor: SliderLabelColor;\n};\n\nexport type SliderContextActions = {\n setActive: (value: number) => void;\n setFocused: (value: number) => void;\n setDragging: (value: number) => void;\n changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;\n drugThumb: (newValue: number | number[]) => void;\n decreaseValue: (consumerStep?: number) => void;\n increaseValue: (consumerStep?: number) => void;\n};\n\nexport type SliderContextInfix = {\n /**\n * Show selected from Slider range value\n */\n indicateSelection?: boolean;\n /**\n * Options for initial/start/prefix element, it can be one of:\n * - Any Component (react component, node, text, number etc.)\n * - Or it can be an object of options for Icons component (see Icon components props)\n * - Or it can be an object for Label (Icon, Heading - and other components)\n * - Or it can be Render Props Function witch are getting value and valueText\n */\n prefix?:\n | { icon: IconType }\n | string\n | ((value: number | number[], valueText: string | string[]) => ReactElement)\n | ReactElement;\n /**\n * Options for postfix/end/finishing element. Same as prefix element.\n */\n postfix?:\n | { icon: IconType }\n | string\n | ((value: number | number[], valueText: string | string[]) => ReactElement)\n | ReactElement;\n /**\n * Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n"],"names":["UPDATE_SLIDER_SIZE_DEBOUNCE","TOOLTIP_SHOW_DELAY"],"mappings":"AAaO,IAAMA,EAA8B,IAE9BC,EAAqB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a,{useState as l,useMemo as r,createContext as t,useContext as u}from"react";import{createTestIdHelper as o}from"@vibe/shared";import{useSliderValues as i,useDragging as n,useSliderActionsContextValue as d}from"./SliderHooks.js";var s=t({}),c=t({}),v=t({}),m=t({});function b(t){var u=t.children,b=t["aria-label"],f=t["aria-labelledby"],p=t.color,g=t.defaultValue,x=t.disabled,P=t.max,V=t.min,h=t.onChange,T=t.ranged,E=t.showValue,L=t.valueLabelPosition,y=t.valueLabelColor,C=t.size,S=t.step,j=t.value,w=t.valueFormatter,z=t.valueText,H=t.infixOptions,_=o(t["data-testid"]),k=i(g,j,w,z),A=k.actualValue,B=k.actualValueText,F=k.getSelectedValue,I=k.setSelectedValue,O=l(null),q=e(O,2),D=q[0],G=q[1],J=l(null),K=e(J,2),M=K[0],N=K[1],Q=n(),R=e(Q,3),U=R[0],W=R[1],X=R[2],Y=r((function(){return{active:D,"aria-label":b,"aria-labelledby":f,color:p,disabled:x,dragging:U,focused:M,size:C,shapeTestId:_,showValue:E,valueLabelPosition:L,valueLabelColor:y}}),[D,b,f,p,x,U,M,C,_,E,L,y]),Z=r((function(){return{max:P,min:V,ranged:T,step:S,value:A,valueText:B}}),[P,V,T,S,A,B]),$=d(A,M,X,F,P,V,h,T,G,N,W,I,S);return a.createElement(s.Provider,{value:Y},a.createElement(c.Provider,{value:Z},a.createElement(v.Provider,{value:$},a.createElement(m.Provider,{value:H},u))))}function f(){return u(s)}function p(){return u(m)}function g(){return u(c)}function x(){return u(v)}export{b as SliderProvider,x as useSliderActions,p as useSliderInfix,g as useSliderSelection,f as useSliderUi};
|
|
2
|
-
//# sourceMappingURL=SliderContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderContext.js","sources":["../../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, type ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"@vibe/shared\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { type SliderProps } from \"./Slider\";\nimport {\n type SliderContextActions,\n type SliderContextInfix,\n type SliderContextSelection,\n type SliderContextUI\n} from \"./SliderConstants\";\nimport { type IconType } from \"@vibe/icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n /**\n * The child elements inside the slider provider.\n */\n children?: ReactElement | ReactElement[];\n /**\n * Configuration options for prefix, postfix, and selection indicator.\n */\n infixOptions?: {\n /**\n * If true, displays the selected value from the slider range.\n */\n indicateSelection?: boolean;\n /**\n * Configuration for the prefix (start) element, which can be:\n * - A React component, text, number, or node.\n * - An object with an icon.\n * - A function that receives the value and valueText.\n */\n prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n /**\n * Configuration for the postfix (end) element, similar to prefix.\n */\n postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n /**\n * The width of the selection indicator.\n */\n selectionIndicatorWidth?: string;\n };\n}\n\nexport function SliderProvider({\n children,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n color,\n \"data-testid\": dataTestId,\n defaultValue,\n disabled,\n max,\n min,\n onChange,\n ranged,\n showValue,\n valueLabelPosition,\n valueLabelColor,\n size,\n step,\n value,\n valueFormatter,\n valueText,\n infixOptions\n}: SliderProviderProps) {\n const shapeTestId = createTestIdHelper(dataTestId);\n const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n defaultValue,\n value,\n valueFormatter,\n valueText\n );\n\n const [active, setActive] = useState<number>(null);\n const [focused, setFocused] = useState<number>(null);\n const [dragging, setDragging, getDragging] = useDragging();\n\n const uiContextValue: SliderContextUI = useMemo(\n () => ({\n active,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n }),\n [\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n ]\n );\n\n const selectionContextValue: SliderContextSelection = useMemo(\n () => ({\n max,\n min,\n ranged,\n step,\n value: actualValue,\n valueText: actualValueText\n }),\n [max, min, ranged, step, actualValue, actualValueText]\n );\n\n const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n actualValue,\n focused,\n getDragging,\n getSelectedValue,\n max,\n min,\n onChange,\n ranged,\n setActive,\n setFocused,\n setDragging,\n setSelectedValue,\n step\n );\n\n return (\n <UiContext.Provider value={uiContextValue}>\n <SelectionContext.Provider value={selectionContextValue}>\n <ActionsContext.Provider value={actionsContextValue}>\n <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n </ActionsContext.Provider>\n </SelectionContext.Provider>\n </UiContext.Provider>\n );\n}\n\nexport function useSliderUi(): SliderContextUI {\n return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"2TAYA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,GAiC7B,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA,aAAc9B,EACd,kBAAmBC,EACnBC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";function n(r,n,t){var i=Math.round(100*(t-n)/(r-n));return[i,i]}function t(r,n,t){return r||(void 0!==n?"function"!=typeof t?""+n:t(n):void 0)}function i(t,i,o,u){if(!o){var a=n(t,i,u),e=r(a,2);return{dimension:e[0],offset:0,positions:[e[1]],thumbKeys:["start"]}}var s=r(u,2),f=s[1],c=n(t,i,s[0]),y=r(c,2),d=y[0],v=y[1],A=n(t,i,f),h=r(A,2);return{dimension:h[0],offset:d,positions:[v,h[1]],thumbKeys:["start","end"]}}function o(r,n,t){var i=(r-n)/10;if(t>i)return t;var o=function(r,n){var t=r%n;return 0===t?r:r-t}(Math.round(i),t);return(r-n)/o>10?2*o:o}function u(r,n,t,i){return i&&!Array.isArray(r)?[n,t]:Array.isArray(r)?r:n>r?n:r>t?t:r}function a(r,n,i){return Array.isArray(n)?n.map((function(n,o){return t(Array.isArray(r)?r[o]:void 0,n,i)})):t(r,n,i)}function e(r,n,t){return n&&Math.abs(t[0]-r)>Math.abs(t[1]-r)?1:0}function s(r,n,t,i,o){var u=Math.round((r/(i.width/(t-n))+n)/o)*o;return n>u?n:u>t?t:u}export{n as _calcDimension,i as calcDimensions,o as calculatePageStep,u as ensureDefaultValue,a as ensureValueText,e as getNearest,s as moveToPx};
|
|
2
|
-
//# sourceMappingURL=SliderHelpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderHelpers.js","sources":["../../../../../src/components/Slider/SliderHelpers.ts"],"sourcesContent":["export function _calcDimension(max: number, min: number, value: number): [number, number] {\n const valuePoints = max - min;\n const dimension = Math.round(((value - min) * 100) / valuePoints);\n return [dimension, dimension];\n}\n\nfunction _ensureSingleValueText(valueText: string, value: number, formatter: (value: number) => string): string {\n if (valueText) {\n return valueText;\n }\n if (typeof value === \"undefined\") {\n return undefined;\n }\n if (typeof formatter !== \"function\") {\n return value.toString();\n }\n return formatter(value);\n}\n\nfunction _ensureStepModulo(pageStep: number, step: number) {\n const moduloToStep = pageStep % step;\n if (moduloToStep === 0) {\n return pageStep;\n }\n return pageStep - moduloToStep;\n}\n\nexport function calcDimensions(max: number, min: number, ranged: boolean, value: number | number[]) {\n if (!ranged) {\n const [dimension, position] = _calcDimension(max, min, value as number);\n return { dimension, offset: 0, positions: [position], thumbKeys: [\"start\"] };\n }\n const [val1, val2] = value as number[];\n const [offset, position] = _calcDimension(max, min, val1);\n const [dimension, position2] = _calcDimension(max, min, val2);\n return { dimension, offset, positions: [position, position2], thumbKeys: [\"start\", \"end\"] };\n}\n\nexport function calculatePageStep(max: number, min: number, step: number) {\n const pageStep = (max - min) / 10;\n if (pageStep < step) {\n // too small pageSize --> return step\n return step;\n }\n const fixedPageStep = _ensureStepModulo(Math.round(pageStep), step);\n if ((max - min) / fixedPageStep > 10) {\n // too many steps with fixedPageStep - multiply it\n return 2 * fixedPageStep;\n }\n // basic page size is ok\n return fixedPageStep;\n}\n\nexport function ensureDefaultValue(\n defaultValue: number | number[],\n min: number,\n max: number,\n ranged: boolean\n): number | number[] {\n if (ranged && !Array.isArray(defaultValue)) {\n return [min, max];\n }\n if (Array.isArray(defaultValue)) {\n return defaultValue;\n }\n if (defaultValue < min) {\n return min;\n }\n if (defaultValue > max) {\n return max;\n }\n return defaultValue;\n}\n\nexport function ensureValueText(\n valueText: string,\n value: number | number[],\n formatter: (value: number) => string\n): string | string[] {\n if (!Array.isArray(value)) {\n return _ensureSingleValueText(valueText, value, formatter);\n }\n return value.map((valueSingle, index) => {\n const valueTextSingle = Array.isArray(valueText) ? valueText[index] : undefined;\n return _ensureSingleValueText(valueTextSingle, valueSingle, formatter);\n });\n}\n\nexport function getNearest(newValue: number, ranged: boolean, value: number | number[]) {\n if (!ranged) {\n return 0;\n }\n const diff0 = Math.abs((value as number[])[0] - newValue);\n const diff1 = Math.abs((value as number[])[1] - newValue);\n return diff0 > diff1 ? 1 : 0;\n}\n\nexport function moveToPx(offsetInPx: number, min: number, max: number, railCoords: { width: number }, step: number) {\n const valuePoints = max - min;\n const pxToValuePoints = railCoords.width / valuePoints;\n const offsetInValuePoints = offsetInPx / pxToValuePoints + min;\n const newValue = Math.round(offsetInValuePoints / step) * step;\n if (newValue < min) {\n return min;\n }\n if (newValue > max) {\n return max;\n }\n return newValue;\n}\n"],"names":["_calcDimension","max","min","value","dimension","Math","round","_ensureSingleValueText","valueText","formatter","calcDimensions","ranged","_calcDimension2","_calcDimension3","_slicedToArray","offset","positions","thumbKeys","_value","val2","_calcDimension4","_calcDimension5","position","_calcDimension6","_calcDimension7","calculatePageStep","step","pageStep","fixedPageStep","moduloToStep","_ensureStepModulo","ensureDefaultValue","defaultValue","Array","isArray","ensureValueText","map","valueSingle","index","undefined","getNearest","newValue","abs","moveToPx","offsetInPx","railCoords","width"],"mappings":"wFAAgBA,EAAeC,EAAaC,EAAaC,GACvD,IACMC,EAAYC,KAAKC,MAAuB,KAAfH,EAAQD,IADnBD,EAAMC,IAE1B,MAAO,CAACE,EAAWA,EACrB,CAEA,SAASG,EAAuBC,EAAmBL,EAAeM,GAChE,OAAID,SAGiB,IAAVL,EAGc,mBAAdM,EACFN,KAEFM,EAAUN,QANjB,EAOF,CAUM,SAAUO,EAAeT,EAAaC,EAAaS,EAAiBR,GACxE,IAAKQ,EAAQ,CACX,IAAAC,EAA8BZ,EAAeC,EAAKC,EAAKC,GAAgBU,EAAAC,EAAAF,EAAA,GACvE,MAAO,CAAER,UADOS,EAAA,GACIE,OAAQ,EAAGC,UAAW,CADhBH,EAAA,IAC4BI,UAAW,CAAC,SACpE,CACA,IAAAC,EAAAJ,EAAqBX,EAAiB,GAAzBgB,EAAID,EAAA,GACjBE,EAA2BpB,EAAeC,EAAKC,EADpCgB,EAAA,IAC8CG,EAAAP,EAAAM,EAAA,GAAlDL,EAAMM,EAAA,GAAEC,EAAQD,EAAA,GACvBE,EAA+BvB,EAAeC,EAAKC,EAAKiB,GAAKK,EAAAV,EAAAS,EAAA,GAC7D,MAAO,CAAEnB,UADOoB,EAAA,GACIT,OAAAA,EAAQC,UAAW,CAACM,EADbE,EAAA,IACmCP,UAAW,CAAC,QAAS,OACrF,UAEgBQ,EAAkBxB,EAAaC,EAAawB,GAC1D,IAAMC,GAAY1B,EAAMC,GAAO,GAC/B,GAAewB,EAAXC,EAEF,OAAOD,EAET,IAAME,EAzBR,SAA2BD,EAAkBD,GAC3C,IAAMG,EAAeF,EAAWD,EAChC,OAAqB,IAAjBG,EACKF,EAEFA,EAAWE,CACpB,CAmBwBC,CAAkBzB,KAAKC,MAAMqB,GAAWD,GAC9D,OAAKzB,EAAMC,GAAO0B,EAAgB,GAEzB,EAAIA,EAGNA,CACT,CAEM,SAAUG,EACdC,EACA9B,EACAD,EACAU,GAEA,OAAIA,IAAWsB,MAAMC,QAAQF,GACpB,CAAC9B,EAAKD,GAEXgC,MAAMC,QAAQF,GACTA,EAEU9B,EAAf8B,EACK9B,EAEL8B,EAAe/B,EACVA,EAEF+B,CACT,UAEgBG,EACd3B,EACAL,EACAM,GAEA,OAAKwB,MAAMC,QAAQ/B,GAGZA,EAAMiC,KAAI,SAACC,EAAaC,GAE7B,OAAO/B,EADiB0B,MAAMC,QAAQ1B,GAAaA,EAAU8B,QAASC,EACvBF,EAAa5B,EAC9D,IALSF,EAAuBC,EAAWL,EAAOM,EAMpD,UAEgB+B,EAAWC,EAAkB9B,EAAiBR,GAC5D,OAAKQ,GAGSN,KAAKqC,IAAKvC,EAAmB,GAAKsC,GAClCpC,KAAKqC,IAAKvC,EAAmB,GAAKsC,GACzB,EAJd,CAKX,CAEM,SAAUE,EAASC,EAAoB1C,EAAaD,EAAa4C,EAA+BnB,GACpG,IAGMe,EAAWpC,KAAKC,OADMsC,GADJC,EAAWC,OADf7C,EAAMC,IAEiCA,GACTwB,GAAQA,EAC1D,OAAexB,EAAXuC,EACKvC,EAELuC,EAAWxC,EACNA,EAEFwC,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{toConsumableArray as n,slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useCallback as r,useMemo as t,useState as u,useRef as i,useEffect as o}from"react";import{useResizeObserver as l}from"@vibe/hooks";import{NOOP as a}from"@vibe/shared";import{UPDATE_SLIDER_SIZE_DEBOUNCE as c}from"./SliderConstants.js";import{ensureValueText as f}from"./SliderHelpers.js";function d(u,i,o,l,c,f,d,v,s,m,g,h,p){var V=r((function(n){h(n),"function"==typeof d&&d(n)}),[h,d]),b=r((function(n,e){var r=Number(e);return""===e||Number.isNaN(r)?1===n?c:f:r>c?c:f>r?f:r}),[f,c]),x=r((function(e){var r=n(l()),t=r[1];return 1===e.index?[r[0],b(e.index,e.newValue)]:[b(e.index,e.newValue),t]}),[b,l]),w=r((function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a,t=x(n),u=e(t,2),i=u[0],o=u[1];return o>i?[i,o]:(r(0===n.index?1:0),[o,i])}),[x]),C=r((function(n){s(n),m(n),g(n)}),[s,m,g]),T=r((function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(v){var r=w({newValue:n,index:null!=e?e:i},arguments.length>2&&void 0!==arguments[2]&&arguments[2]?a:m);V(r)}else V(b(null,n))}),[V,w,b,i,v,m]),N=r((function(n){var e;if(v){var r={newValue:n,index:null!==(e=o())&&void 0!==e?e:0},t=w(r,C);V(t)}else V(b(null,n))}),[V,w,C,b,o,v]),S=r((function(n){var e=v?u[i]:u;e!==f&&T(e-(n||p))}),[u,T,i,f,v,p]),j=r((function(n){var e=v?u[i]:u;e!==c&&T(e+(n||p))}),[u,T,i,c,v,p]);return t((function(){return{changeThumbValue:T,decreaseValue:S,drugThumb:N,increaseValue:j,setActive:s,setDragging:g,setFocused:m}}),[T,S,N,j,s,g,m])}function v(){var n=u(null),t=e(n,2),o=t[0],l=t[1],a=i(null);return[o,r((function(n){l(n),a.current=n}),[l,a]),r((function(){return a.current}),[a])]}function s(){var n=i(null),t=u({left:0,right:100,width:100}),a=e(t,2),f=a[0],d=a[1],v=r((function(){if(n.current){var e=n.current.getBoundingClientRect();d({left:e.left,right:e.right,width:e.width})}}),[n,d]);return l({ref:n,callback:v,debounceTime:c}),o((function(){v()}),[v]),{railCoords:f,railRef:n}}function m(n,t,l,c){var d=function(n){var r=u(void 0!==n);return e(r,1)[0]}(t),v=function(n,r,t){var i=u(r?t:n),o=e(i,2);return r?[t,a]:[o[0],o[1]]}(n,d,t),s=e(v,2),m=s[0],g=s[1],h=i(m);o((function(){d&&h.current!==m&&(h.current=m)}),[d,m]);var p=r((function(n){g(n),h.current=n}),[h,g]),V=f(c,m,l);return{actualValue:m,actualValueText:V,getSelectedValue:function(){return h.current},isControlled:d,setSelectedValue:p}}export{v as useDragging,d as useSliderActionsContextValue,s as useSliderRail,m as useSliderValues};
|
|
2
|
-
//# sourceMappingURL=SliderHooks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderHooks.js","sources":["../../../../../src/components/Slider/SliderHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useResizeObserver } from \"@vibe/hooks\";\nimport { NOOP } from \"@vibe/shared\";\nimport { UPDATE_SLIDER_SIZE_DEBOUNCE } from \"./SliderConstants\";\nimport { ensureValueText } from \"./SliderHelpers\";\n\nfunction _useIsStateControlledFromOutside(value: number | number[]): boolean {\n const [isControlled] = useState(typeof value !== \"undefined\");\n return isControlled;\n}\n\nfunction _useSliderValue(\n defaultValue: number | number[],\n isControlled: boolean,\n value: number | number[]\n): [number | number[], (value: number | number[]) => void] {\n const initialValue = isControlled ? value : defaultValue;\n const [internalStateValue, setInternalStateValue] = useState(initialValue);\n if (isControlled) {\n return [value as number, NOOP];\n }\n return [internalStateValue, setInternalStateValue];\n}\n\nexport function useSliderActionsContextValue(\n actualValue: number | number[],\n focused: number,\n getDragging: () => number,\n getSelectedValue: () => number | number[],\n max: number,\n min: number,\n onChange: (value: number | number[]) => void,\n ranged: boolean,\n setActive: (value: number) => void,\n setFocused: (value: number) => void,\n setDragging: (value: number) => void,\n setSelectedValue: (value: number | number[]) => void,\n step: number\n) {\n const _changeValueOrValues = useCallback(\n (newValueOrValues: number | number[]) => {\n setSelectedValue(newValueOrValues);\n if (typeof onChange === \"function\") {\n onChange(newValueOrValues);\n }\n },\n [setSelectedValue, onChange]\n );\n\n const _validateValue = useCallback(\n (index: number, newValue: number | number[] | string): number => {\n const numericValue = Number(newValue);\n if (newValue === \"\" || Number.isNaN(numericValue)) {\n return index === 1 ? max : min;\n }\n if (numericValue > max) {\n return max;\n }\n if (numericValue < min) {\n return min;\n }\n return numericValue;\n },\n [min, max]\n );\n\n const _calculateNewValues = useCallback(\n (thumb: { index: number; newValue: number | number[] | string }): number[] => {\n const [startValue, endValue] = [...(getSelectedValue() as number[])];\n if (thumb.index === 1) {\n return [startValue, _validateValue(thumb.index, thumb.newValue)];\n }\n return [_validateValue(thumb.index, thumb.newValue), endValue];\n },\n [_validateValue, getSelectedValue]\n );\n\n const _manageRangedValues = useCallback(\n (thumb: { index: number; newValue: number | number[] | string }, switchCb: (value: number) => void = NOOP) => {\n const [startValue, endValue] = _calculateNewValues(thumb);\n if (startValue < endValue) {\n // no need to switch, same thumb stay active\n return [startValue, endValue];\n }\n // switch active thumb + end and start values\n switchCb(thumb.index === 0 ? 1 : 0);\n return [endValue, startValue];\n },\n [_calculateNewValues]\n );\n\n const _switchDraggingThumb = useCallback(\n (switchTo: number) => {\n setActive(switchTo);\n setFocused(switchTo);\n setDragging(switchTo);\n },\n [setActive, setFocused, setDragging]\n );\n\n const changeThumbValue = useCallback(\n (newValue: number | string, thumbIndex: number = undefined, cancelFocus = false) => {\n if (!ranged) {\n _changeValueOrValues(_validateValue(null, newValue));\n return;\n }\n const currentThumb = { newValue, index: thumbIndex ?? focused };\n const switchCb = cancelFocus ? NOOP : setFocused;\n const newValues = _manageRangedValues(currentThumb, switchCb);\n _changeValueOrValues(newValues);\n },\n [_changeValueOrValues, _manageRangedValues, _validateValue, focused, ranged, setFocused]\n );\n\n const drugThumb = useCallback(\n (newValue: number | number[]) => {\n if (!ranged) {\n _changeValueOrValues(_validateValue(null, newValue));\n return;\n }\n const currentThumb = { newValue, index: getDragging() ?? 0 };\n const newValues = _manageRangedValues(currentThumb, _switchDraggingThumb);\n _changeValueOrValues(newValues);\n },\n [_changeValueOrValues, _manageRangedValues, _switchDraggingThumb, _validateValue, getDragging, ranged]\n );\n\n const decreaseValue = useCallback(\n (consumerStep: number) => {\n const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n if (currentValue === min) {\n return;\n }\n const finalStep = consumerStep || step;\n const newValue = currentValue - finalStep;\n changeThumbValue(newValue);\n },\n [actualValue, changeThumbValue, focused, min, ranged, step]\n );\n\n const increaseValue = useCallback(\n (consumerStep?: number) => {\n const currentValue = ranged ? (actualValue as number[])[focused] : (actualValue as number);\n if (currentValue === max) {\n return;\n }\n const finalStep = consumerStep || step;\n const newValue = currentValue + finalStep;\n changeThumbValue(newValue);\n },\n [actualValue, changeThumbValue, focused, max, ranged, step]\n );\n\n return useMemo(\n () => ({\n changeThumbValue,\n decreaseValue,\n drugThumb,\n increaseValue,\n setActive,\n setDragging,\n setFocused\n }),\n [changeThumbValue, decreaseValue, drugThumb, increaseValue, setActive, setDragging, setFocused]\n );\n}\n\nexport function useDragging(): [number, (value: number) => void, () => number] {\n const [dragging, setStateDragging] = useState<number>(null);\n const draggingRef = useRef(null);\n\n const setDragging = useCallback(\n (index: number) => {\n setStateDragging(index);\n draggingRef.current = index;\n },\n [setStateDragging, draggingRef]\n );\n const getDragging = useCallback(() => draggingRef.current, [draggingRef]);\n return [dragging, setDragging, getDragging];\n}\n\nexport function useSliderRail() {\n const railRef = useRef(null);\n const [railCoords, setRailCoords] = useState({ left: 0, right: 100, width: 100 });\n\n const defineRailCoords = useCallback(() => {\n if (!railRef.current) {\n return;\n }\n const railRect = railRef.current.getBoundingClientRect();\n const { left, right, width } = railRect;\n setRailCoords({ left, right, width });\n }, [railRef, setRailCoords]);\n\n useResizeObserver({\n ref: railRef,\n callback: defineRailCoords,\n debounceTime: UPDATE_SLIDER_SIZE_DEBOUNCE\n });\n\n useEffect(() => {\n defineRailCoords();\n }, [defineRailCoords]);\n\n return { railCoords, railRef };\n}\n\nexport function useSliderValues(\n defaultValue: number | number[],\n value: number | number[],\n valueFormatter: (value: number) => string,\n valueText: string\n): {\n actualValue: number | number[];\n actualValueText: string | string[];\n getSelectedValue: () => number | number[];\n isControlled: boolean;\n setSelectedValue: (value: number) => void;\n} {\n const isControlled = _useIsStateControlledFromOutside(value);\n const [actualValue, setStateSelectedValue] = _useSliderValue(defaultValue, isControlled, value);\n const valueRef = useRef(actualValue);\n\n // Update ref when actualValue was changed from outside in controlled mode\n useEffect(() => {\n if (isControlled && valueRef.current !== actualValue) {\n valueRef.current = actualValue;\n }\n }, [isControlled, actualValue]);\n\n const setSelectedValue = useCallback(\n (newValue: number) => {\n setStateSelectedValue(newValue);\n valueRef.current = newValue;\n },\n [valueRef, setStateSelectedValue]\n );\n\n const getSelectedValue = () => valueRef.current;\n\n const actualValueText = ensureValueText(valueText, actualValue, valueFormatter);\n return { actualValue, actualValueText, getSelectedValue, isControlled, setSelectedValue };\n}\n"],"names":["useSliderActionsContextValue","actualValue","focused","getDragging","getSelectedValue","max","min","onChange","ranged","setActive","setFocused","setDragging","setSelectedValue","step","_changeValueOrValues","useCallback","newValueOrValues","_validateValue","index","newValue","numericValue","Number","isNaN","_calculateNewValues","thumb","_ref","_toConsumableArray","endValue","_manageRangedValues","switchCb","arguments","length","undefined","NOOP","_calculateNewValues2","_calculateNewValues3","_slicedToArray","startValue","_switchDraggingThumb","switchTo","changeThumbValue","thumbIndex","newValues","drugThumb","currentThumb","_a","decreaseValue","consumerStep","currentValue","increaseValue","useMemo","useDragging","_useState5","useState","_useState6","dragging","setStateDragging","draggingRef","useRef","current","useSliderRail","railRef","_useState7","left","right","width","_useState8","railCoords","setRailCoords","defineRailCoords","railRect","getBoundingClientRect","useResizeObserver","ref","callback","debounceTime","UPDATE_SLIDER_SIZE_DEBOUNCE","useEffect","useSliderValues","defaultValue","value","valueFormatter","valueText","isControlled","_useState","_useIsStateControlledFromOutside","_useSliderValue2","_useState3","_useState4","_useSliderValue","_useSliderValue3","setStateSelectedValue","valueRef","actualValueText","ensureValueText"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{useSliderInfixComponent as i}from"./SliderInfixHooks.js";import o from"classnames";import{getStyle as s}from"@vibe/shared";import m from"./SliderInfix.module.scss.js";var t=function(t){var a=t.kind,l=void 0===a?"prefix":a,f=i(l),n=r(f,4),p=n[1],d=n[2],u=n[3];return n[0]&&e.createElement("div",{className:o(m.infix,s(m,l),p.map((function(r){return s(m,r)}))),style:u},d)};export{t as default};
|
|
2
|
-
//# sourceMappingURL=SliderInfix.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderInfix.js","sources":["../../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { type InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n /**\n * Specifies the type of infix (prefix or postfix).\n */\n kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> = ({ kind = \"prefix\" }) => {\n const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n return (\n isShow && (\n <div\n className={cx(\n styles.infix,\n getStyle(styles, kind),\n modificators.map(m => getStyle(styles, m))\n )}\n style={inlineStyle}\n >\n {InfixComponent}\n </div>\n )\n );\n};\n\nexport default SliderInfix;\n"],"names":["SliderInfix","_ref","_ref$kind","kind","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style"],"mappings":"kRAeA,IAAMA,EAAoC,SAAzBC,GAAiD,IAAAC,EAAAD,EAArBE,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAC1DE,EAA4DC,EAAwBF,GAAKG,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQX,GACjBK,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){const n="s_id-a0238067a712_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix {\n font-size: 14px;\n font-family: var(--font-family);\n flex: 0 0 auto;\n}\n\n.txt {\n white-space: nowrap;\n}\n\n.prefix {\n margin-inline-end: var(--space-8);\n}\n\n.postfix {\n margin-inline-start: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderInfix.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i from"react";import{Icon as r}from"@vibe/icon/mockedClassNames";import{useSliderInfix as n,useSliderSelection as o}from"./SliderContext.js";import l from"./SelectionIndicator.js";var c={clickable:!1,size:18,ignoreFocusStyle:!0};function a(a){var s="postfix"===a,m=n(),f=m.prefix,p=m.postfix,u=m.indicateSelection,d=m.selectionIndicatorWidth,g=o(),v=g.value,b=g.valueText,j=s?p:f;if(u&&(s||g.ranged))return[!0,[],i.createElement(l,{key:a,kind:a}),{width:d}];if("object"===e(j)&&j.icon){var x=j.icon,y=t(j,["icon"]),k=Object.assign(Object.assign({},c),y);return[!0,[],i.createElement(r,Object.assign({key:"infix-icon",icon:x},k)),{}]}return"function"==typeof j?[!0,[],j(v,b),{}]:"string"==typeof j?[!0,["txt"],i.createElement(i.Fragment,null,j),{}]:void 0===j?[!1,[],null,{}]:[!0,[],i.createElement(i.Fragment,null,j),{}]}export{a as useSliderInfixComponent};
|
|
2
|
-
//# sourceMappingURL=SliderInfixHooks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderInfixHooks.js","sources":["../../../../../src/components/Slider/SliderInfixHooks.tsx"],"sourcesContent":["import React, { type CSSProperties, type ReactElement } from \"react\";\nimport { type IconType, Icon } from \"@vibe/icon\";\nimport { type InfixKind } from \"./Slider.types\";\nimport { useSliderInfix, useSliderSelection } from \"./SliderContext\";\nimport SelectionIndicator from \"./SelectionIndicator\";\n\nconst defaultIconProps = {\n clickable: false,\n size: 18,\n ignoreFocusStyle: true\n};\n\nexport function useSliderInfixComponent(kind: InfixKind): [boolean, string[], ReactElement, CSSProperties] {\n const isPostfix = kind === \"postfix\";\n const { prefix, postfix, indicateSelection, selectionIndicatorWidth } = useSliderInfix();\n const { ranged, value, valueText } = useSliderSelection();\n const infix = isPostfix ? postfix : prefix;\n\n if (indicateSelection && (isPostfix || ranged)) {\n return [true, [], <SelectionIndicator key={kind} kind={kind} />, { width: selectionIndicatorWidth }];\n }\n if (typeof infix === \"object\" && (infix as { icon: IconType }).icon) {\n const { icon, ...restIconProps } = infix as { icon: IconType };\n const iconProps = { ...defaultIconProps, ...restIconProps };\n return [true, [], <Icon key=\"infix-icon\" icon={icon} {...iconProps} />, {}];\n }\n if (typeof infix === \"function\") {\n return [true, [], infix(value, valueText), {}];\n }\n if (typeof infix === \"string\") {\n return [true, [\"txt\"], <>{infix}</>, {}];\n }\n if (typeof infix === \"undefined\") {\n return [false, [], null, {}];\n }\n return [true, [], <>{infix as ReactElement}</>, {}];\n}\n"],"names":["defaultIconProps","clickable","size","ignoreFocusStyle","useSliderInfixComponent","kind","isPostfix","_useSliderInfix","useSliderInfix","prefix","postfix","indicateSelection","selectionIndicatorWidth","_useSliderSelection","useSliderSelection","value","valueText","infix","ranged","React","createElement","SelectionIndicator","key","width","_typeof","icon","restIconProps","__rest","iconProps","Object","assign","Icon","Fragment"],"mappings":"wTAMA,IAAMA,EAAmB,CACvBC,WAAW,EACXC,KAAM,GACNC,kBAAkB,GAGd,SAAUC,EAAwBC,GACtC,IAAMC,EAAqB,YAATD,EAClBE,EAAwEC,IAAhEC,EAAMF,EAANE,OAAQC,EAAOH,EAAPG,QAASC,EAAiBJ,EAAjBI,kBAAmBC,EAAuBL,EAAvBK,wBAC5CC,EAAqCC,IAArBC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UACjBC,EAAQX,EAAYI,EAAUD,EAEpC,GAAIE,IAAsBL,GAHZO,EAANK,QAIN,MAAO,EAAC,EAAM,GAAIC,EAACC,cAAAC,EAAmB,CAAAC,IAAKjB,EAAMA,KAAMA,IAAU,CAAEkB,MAAOX,IAE5E,GAAqB,WAAjBY,EAAOP,IAAuBA,EAA6BQ,KAAM,CAC7D,IAAEA,EAA2BR,EAA3BQ,KAASC,EAAaC,EAAKV,EAA7B,CAA0B,SAC1BW,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GAAA9B,GAAqB0B,GAC5C,MAAO,EAAC,EAAM,GAAIP,EAACC,cAAAW,iBAAKT,IAAI,aAAaG,KAAMA,GAAUG,IAAe,CAAA,EAC1E,CACA,MAAqB,mBAAVX,EACF,EAAC,EAAM,GAAIA,EAAMF,EAAOC,GAAY,CAAA,GAExB,iBAAVC,EACF,EAAC,EAAM,CAAC,OAAQE,EAAAC,cAAAD,EAAAa,SAAA,KAAGf,GAAW,CAAE,QAEpB,IAAVA,EACF,EAAC,EAAO,GAAI,KAAM,CAAE,GAEtB,EAAC,EAAM,GAAIE,EAAGC,cAAAD,EAAAa,SAAA,KAAAf,GAA2B,CAAE,EACpD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as n,useState as r,useCallback as s,useMemo as a}from"react";import l from"classnames";import{camelCase as d}from"es-toolkit";import{getTestId as c,ComponentDefaultTestId as u}from"../../tests/testIds.js";import m from"./MenuButton.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";import g from"../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import f from"../../../components/dialog/dist/Dialog/Dialog.js";import v from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import h from"../../../icons/dist/react/Menu.js";import{useMergeRef as C}from"../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as b}from"../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";import{getStyle as T}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as y}from"../../../shared/dist/utils/function-utils.js";var j={main:8,secondary:0},M=["esckey","tab"],O=Symbol.for("react.forward_ref"),E=function(e){return null!=e&&e.$$typeof===O},w=i((function(i,O){var w=i.id,k=i.className,x=i.openDialogComponentClassName,I=i.children,N=i.component,D=void 0===N?h:N,S=i.componentPosition,H=void 0===S?"start":S,P=i.size,z=void 0===P?"small":P,B=i.open,R=void 0!==B&&B,U=i.onClick,_=void 0===U?y:U,A=i.zIndex,W=void 0===A?null:A,F=i["aria-label"],$=void 0===F?"Menu":F,q=i.closeMenuOnItemClick,L=i.dialogOffset,V=void 0===L?j:L,G=i.dialogPosition,J=void 0===G?"bottom-start":G,K=i.dialogClassName,Q=i.dialogPaddingSize,X=void 0===Q?"small":Q,Y=i.dialogShowTriggerIgnoreClass,Z=i.dialogHideTriggerIgnoreClass,ee=i.onMenuHide,oe=void 0===ee?y:ee,te=i.onMenuShow,ie=void 0===te?y:te,ne=i.disabled,re=void 0!==ne&&ne,se=i.text,ae=i.tooltipContent,le=i.tooltipProps,de=i.tooltipTriggers,ce=void 0===de?["mouseleave"]:de,ue=i.tooltipPosition,me=void 0===ue?"right":ue,pe=i.startingEdge,ge=void 0===pe?"bottom":pe,fe=i.removeTabCloseTrigger,ve=void 0!==fe&&fe,he=i.tooltipReferenceClassName,Ce=i.hideWhenReferenceHidden,be=void 0===Ce||Ce,Te=i.dialogContainerSelector,ye=i.active,je=i.triggerElement,Me=void 0===je?"button":je,Oe=i.showTooltipOnlyOnTriggerElement,Ee=i["data-testid"],we=i.closeDialogOnContentClick,ke=void 0!==we&&we,xe=i["aria-controls"],Ie=n(null),Ne=C(O,Ie),De=r(R),Se=e(De,2),He=Se[0],Pe=Se[1],ze=null!=ye?ye:He,Be=s((function(e){oe(),Pe(!1);var o=Ie.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),Re=s((function(e){var o=M.includes(e.key);(o||q)&&e.propagate&&Be(o)}),[q,Be]),Ue=s((function(e,o){Be(He&&M.includes(o))}),[Be,He]),_e=s((function(){Pe(!0),ie()}),[Pe,ie]),Ae=a((function(){var e=new Set(["clickoutside","tab","esckey"]);return ke&&(e.add("onContentClick"),e.add("enter")),ve&&e.delete("tab"),[t.Children.toArray(I).map((function(o){if(!t.isValidElement(o))return null;var i={};return o.type&&o.type.supportFocusOnMount&&(i.focusOnMount=!0,void 0===o.props.focusItemIndexOnMount&&(i.focusItemIndexOnMount=0),e.delete("esckey")),o.type&&o.type.isMenu&&(i.onClose=Re),t.cloneElement(o,i)})),Array.from(e)]}),[I,Re,ke,ve]),We=e(Ae,2),Fe=We[0],$e=We[1],qe=a((function(){return 0===Fe.length?null:t.createElement(g,{size:X,type:"popover",role:null},Fe)}),[Fe,X]),Le=a((function(){return Object.assign(Object.assign({},j),V)}),[V]),Ve=D,Ge=a((function(){switch(z){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return 20;default:return 24}}),[z]),Je=Ve?t.createElement(Ve,{size:""+Ge,role:"img","aria-hidden":"true"}):null;b((function(){Pe(R)}),[R,Pe]);var Ke="button"===Me?{ref:Ne}:{active:ze,disabled:re,ref:E(Me)?Ne:void 0},Qe=t.createElement(Me,Object.assign({id:w,"data-testid":Ee||c(u.MENU_BUTTON,w),"data-vibe":p.MENU_BUTTON,type:"button",className:l(m.wrapper,k,T(m,d("size-".concat(z))),o(o(o(o({},m.active,ze),T(m,x),He&&x),m.disabled,re),m.text,se)),"aria-haspopup":"true","aria-expanded":He,"aria-controls":xe,"aria-label":!se&&$,onMouseUp:function(e){re?e.currentTarget.blur():_(e)},"aria-disabled":re},Ke),"start"===H&&Je,se&&t.createElement("span",{className:m.innerText},se),"end"===H&&Je),Xe=function(e){return t.createElement(f,{wrapperClassName:K,position:J,containerSelector:Te,startingEdge:ge,animationType:"expand",content:qe,moveBy:Le,showTrigger:re?[]:["click","enter"],hideTrigger:$e,showTriggerIgnoreClass:Y,hideTriggerIgnoreClass:Z,useDerivedStateFromProps:!0,onDialogDidShow:_e,onDialogDidHide:Ue,zIndex:W,isOpen:He,hideWhenReferenceHidden:be},e)},Ye=function(e){return t.createElement(v,Object.assign({content:ae,position:me,showTrigger:"mouseenter",hideTrigger:ce,referenceWrapperClassName:he,hideWhenReferenceHidden:be},le),e)};return Oe?Xe(Ye(Qe)):Ye(Xe(Qe))}));export{w as default};
|
|
2
|
-
//# sourceMappingURL=MenuButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport {\n type DialogOffset,\n type DialogPosition,\n type DialogSize,\n type DialogStartingEdge,\n type DialogTriggerEvent\n} from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsomorphicLayoutEffect, useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"@vibe/menu\";\n\nimport { Menu } from \"@vibe/icons\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEvent[] = [\"esckey\", \"tab\"];\n\n// Inline replacement for `react-is`'s `isForwardRef`. React tags forwardRef\n// components with the `react.forward_ref` symbol on `$$typeof`.\nconst REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\");\nconst isForwardRef = (component: unknown): boolean =>\n component != null && (component as { $$typeof?: symbol }).$$typeof === REACT_FORWARD_REF_TYPE;\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /**\n * If true, the button is in an active state.\n */\n active?: boolean;\n /**\n * Class name applied to the button when the dialog is open.\n */\n openDialogComponentClassName?: string;\n /**\n * The component used as the button icon.\n */\n component?: (() => JSX.Element) | React.ElementType;\n /**\n * The size of the button.\n */\n size?: MenuButtonSize;\n /**\n * If true, the menu is open.\n */\n open?: boolean;\n /**\n * Callback fired when the button is clicked.\n */\n onClick?: (event: React.MouseEvent) => void;\n /**\n * The z-index of the menu.\n */\n zIndex?: number;\n /**\n * The label of the button for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * Class name applied to the menu dialog wrapper.\n */\n dialogClassName?: string;\n /**\n * The offset of the menu relative to the button.\n */\n dialogOffset?: DialogOffset;\n /**\n * The padding size inside the menu dialog.\n */\n dialogPaddingSize?: DialogSize;\n /**\n * The position of the menu dialog relative to the button.\n */\n dialogPosition?: DialogPosition;\n /**\n * Classes that prevent showing the dialog when present.\n */\n dialogShowTriggerIgnoreClass?: string | Array<string>;\n /**\n * Classes that prevent hiding the dialog when present.\n */\n dialogHideTriggerIgnoreClass?: string | Array<string>;\n /**\n * The container selector in which to append the dialog.\n */\n dialogContainerSelector?: string;\n /**\n * The starting edge alignment of the menu.\n */\n startingEdge?: DialogStartingEdge;\n /**\n * Callback fired when the menu is shown.\n */\n onMenuShow?: () => void;\n /**\n * Callback fired when the menu is hidden.\n */\n onMenuHide?: () => void;\n /**\n * The text displayed inside the button.\n */\n text?: string;\n /**\n * If true, the button is disabled.\n */\n disabled?: boolean;\n /**\n * The tooltip content displayed when hovering over the button.\n */\n tooltipContent?: string;\n /**\n * If true, removes the tab key from the hide trigger.\n */\n removeTabCloseTrigger?: boolean;\n /**\n * The triggers that cause the tooltip to show or hide.\n */\n tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n /**\n * The position of the tooltip.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * Class name applied to the tooltip reference wrapper.\n */\n tooltipReferenceClassName?: string;\n /**\n * Additional props for customizing the tooltip.\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * If true, hides the menu and tooltip when the button is not visible.\n */\n hideWhenReferenceHidden?: boolean;\n /**\n * The content inside the menu button.\n */\n children?: ElementContent;\n /**\n * The position of the component relative to the text.\n */\n componentPosition?: MenuButtonComponentPosition;\n /**\n * The element used as the trigger for the menu.\n */\n triggerElement?: React.ElementType;\n /**\n * If true, closes the menu when a menu item is clicked.\n */\n closeMenuOnItemClick?: boolean;\n /**\n * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n /**\n * If true, closes the menu when clicking inside the dialog.\n */\n closeDialogOnContentClick?: boolean;\n /**\n * The ARIA control of the menu button for accessibility.\n */\n \"aria-controls\"?: string;\n}\n\nconst MenuButton = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n \"aria-label\": ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = \"bottom-start\",\n dialogClassName,\n dialogPaddingSize = \"small\",\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [\"mouseleave\"],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId,\n closeDialogOnContentClick = false,\n \"aria-controls\": ariaControls\n }: MenuButtonProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button || !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEvent);\n if (isCloseKey || closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isCloseKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEvent));\n },\n [handleMenuClose, isOpen]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set<DialogTriggerEvent>([\"clickoutside\", \"tab\", \"esckey\"]);\n\n if (closeDialogOnContentClick) {\n triggers.add(\"onContentClick\");\n triggers.add(\"enter\");\n }\n\n if (removeTabCloseTrigger) {\n triggers.delete(\"tab\");\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: {\n focusOnMount?: boolean;\n focusItemIndexOnMount?: number;\n onClose?: (event: React.KeyboardEvent) => void;\n } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n if (child.props.focusItemIndexOnMount === undefined) {\n newProps.focusItemIndexOnMount = 0;\n }\n triggers.delete(\"esckey\");\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type=\"popover\" role={null}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return 20;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n data-vibe={ComponentVibeId.MENU_BUTTON}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-controls={ariaControls}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default MenuButton;\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","REACT_FORWARD_REF_TYPE","Symbol","for","isForwardRef","component","$$typeof","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","add","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","undefined","props","focusItemIndexOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","DialogContentContainer","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","useIsomorphicLayoutEffect","triggerElementProps","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","Dialog","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName"],"mappings":"khCAyBA,IAAMA,EAAU,CAAEC,KAAM,EAAGC,UAAW,GAChCC,EAAmC,CAAC,SAAU,OAI9CC,EAAyBC,OAAOC,IAAI,qBACpCC,EAAe,SAACC,GAAkB,OACzB,MAAbA,GAAsBA,EAAoCC,WAAaL,CAAsB,EA6IzFM,EAAaC,GACjB,SAAAC,EAwCEC,GACE,IAvCAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAA4BJ,EAA5BI,6BACAC,EAAQL,EAARK,SAAQC,EAAAN,EACRJ,UAAAA,OAAYW,IAAHD,EAAGC,EAAID,EAAAE,EAAAR,EAChBS,kBAAAA,OAAoB,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EAC3BW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAZ,EACda,KAAAA,OAAO,IAAHD,GAAQA,EAAAE,EAAAd,EACZe,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAjB,EACdkB,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACb,cAAcoB,OAAY,IAAHD,EAAG,OAAMA,EAChCE,EAAoBrB,EAApBqB,qBAAoBC,EAAAtB,EACpBuB,aAAAA,OAAenC,IAAHkC,EAAGlC,EAAOkC,EAAAE,EAAAxB,EACtByB,eAAAA,OAAiB,IAAHD,EAAG,eAAcA,EAC/BE,EAAe1B,EAAf0B,gBAAeC,EAAA3B,EACf4B,kBAAAA,OAAoB,IAAHD,EAAG,QAAOA,EAC3BE,EAA4B7B,EAA5B6B,6BACAC,EAA4B9B,EAA5B8B,6BAA4BC,GAAA/B,EAC5BgC,WAAAA,QAAahB,IAAHe,GAAGf,EAAIe,GAAAE,GAAAjC,EACjBkC,WAAAA,QAAalB,IAAHiB,GAAGjB,EAAIiB,GAAAE,GAAAnC,EACjBoC,SAAAA,QAAW,IAAHD,IAAQA,GAChBE,GAAIrC,EAAJqC,KACAC,GAActC,EAAdsC,eACAC,GAAYvC,EAAZuC,aAAYC,GAAAxC,EACZyC,gBAAAA,QAAe,IAAAD,GAAG,CAAC,cAAaA,GAAAE,GAAA1C,EAChC2C,gBAAAA,QAAkB,IAAHD,GAAG,QAAOA,GAAAE,GAAA5C,EACzB6C,aAAAA,QAAe,IAAHD,GAAG,SAAQA,GAAAE,GAAA9C,EACvB+C,sBAAAA,QAAwB,IAAHD,IAAQA,GAC7BE,GAAyBhD,EAAzBgD,0BAAyBC,GAAAjD,EACzBkD,wBAAAA,QAA0B,IAAHD,IAAOA,GAC9BE,GAAuBnD,EAAvBmD,wBACAC,GAAMpD,EAANoD,OAAMC,GAAArD,EACNsD,eAAgBC,QAAiB,IAAHF,GAAG,SAAQA,GACzCG,GAA+BxD,EAA/BwD,gCACeC,GAAUzD,EAAzB,eAAa0D,GAAA1D,EACb2D,0BAAAA,QAA4B,IAAHD,IAAQA,GAChBE,GAAY5D,EAA7B,iBAII6D,GAAeC,EAAO,MACtBC,GAAYC,EAAY/D,EAAK4D,IAEnCI,GAA4BC,EAASrD,GAAKsD,GAAAC,EAAAH,GAAA,GAAnCI,GAAMF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAWnB,SAAAA,GAAUiB,GAErBG,GAAkBC,GACtB,SAACC,GACC1C,KACAsC,IAAU,GACV,IAAMK,EAASd,GAAae,QACvBD,GAAWD,GAGhBG,OAAOC,uBAAsB,WAC3BH,EAAOI,OACT,GACF,GACA,CAAC/C,KAGGgD,GAAiBP,GACrB,SAACQ,GAEC,IAAMC,EAAa3F,EAAW4F,SAASF,EAAMG,MACzCF,GAAc7D,IAEZ4D,EAAMI,WACRb,GAAgBU,EAGtB,GACA,CAAC7D,EAAsBmD,KAGnBc,GAAkBb,GACtB,SAACQ,EAAoBM,GACnBf,GAAgBH,IAAU9E,EAAW4F,SAASI,GAChD,GACA,CAACf,GAAiBH,KAGdmB,GAAkBf,GAAY,WAClCH,IAAU,GACVpC,IACF,GAAG,CAACoC,GAAWpC,KAEfuD,GAAsCC,GAAQ,WAC5C,IAAMC,EAAW,IAAIC,IAAwB,CAAC,eAAgB,MAAO,WAiCrE,OA/BIjC,KACFgC,EAASE,IAAI,kBACbF,EAASE,IAAI,UAGX9C,IACF4C,EAASG,OAAO,OAyBX,CAvBaC,EAAMC,SAASC,QAAQ5F,GAChB6F,KAAI,SAAAC,GAC7B,IAAKJ,EAAMK,eAAeD,GAAQ,OAAO,KAEzC,IAAME,EAIF,CAAA,EAaJ,OAZIF,EAAMG,MAAQH,EAAMG,KAAKC,sBAC3BF,EAASG,cAAe,OACkBC,IAAtCN,EAAMO,MAAMC,wBACdN,EAASM,sBAAwB,GAEnChB,EAASG,OAAO,WAGdK,EAAMG,MAAQH,EAAMG,KAAKM,SAC3BP,EAASQ,QAAU7B,IAGde,EAAMe,aAAaX,EAAOE,EACnC,IACgBU,MAAMC,KAAKrB,GAC5B,GAAE,CAACtF,EAAU2E,GAAgBrB,GAA2BZ,KAAuBkE,GAAA7C,EAAAqB,GAAA,GAnCzEyB,GAAcD,GAAA,GAAEE,GAAWF,GAAA,GAqC5BG,GAAU1B,GAAQ,WACtB,OAA8B,IAA1BwB,GAAeG,OAAqB,KAEtCtB,EAACuB,cAAAC,GAAuB5G,KAAMiB,EAAmB0E,KAAK,UAAUkB,KAAM,MACnEN,GAGP,GAAG,CAACA,GAAgBtF,IAEd6F,GAAuB/B,GAC3B,WAAA,OAAMgC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDvI,GACAmC,EACH,GACF,CAACA,IAWGqG,GAAOhI,EACPiI,GAAWnC,GAAQ,WACvB,OAAQ/E,GACN,IAAK,MACL,IAAK,KACH,OAAO,GACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAO,GACT,QACE,OAAO,GAEb,GAAG,CAACA,IACEmH,GAAOF,GAAO7B,EAAAuB,cAACM,GAAI,CAACjH,KAAMkH,MAAqBL,KAAK,MAAK,cAAa,SAAY,KAExFO,GAA0B,WACxBzD,GAAUzD,EACZ,GAAG,CAACA,EAAMyD,KAGV,IAAM0D,GACe,WAAnBzE,GACI,CACEtD,IAAK8D,IAEP,CACEX,OAAQmB,GACRnC,SAAUA,GACVnC,IAAKN,EAAa4D,IAAkBQ,QAAY0C,GAGlDwB,GACJlC,EAAAuB,cAAC/D,GACCmE,OAAAC,OAAA,CAAAzH,GAAIA,EACS,cAAAuD,IAAcyE,EAAUC,EAAuBC,YAAalI,GAAG,YACjEmI,EAAgBD,YAC3B9B,KAAK,SACLnG,UAAWmI,EAAGC,EAAOC,QAASrI,EAAWsI,EAASF,EAAQG,EAAS,QAAAC,OAAShI,KAAQiI,EAAAA,EAAAA,EAAAA,EACjFL,CAAAA,EAAAA,EAAOnF,OAASmB,IAChBkE,EAASF,EAAQnI,GAAgCiE,IAAUjE,GAC3DmI,EAAOnG,SAAWA,IAClBmG,EAAOlG,KAAOA,qBAEH,OAAM,gBACLgC,GACA,gBAAAT,iBACFvB,IAAQjB,EACrByH,UAxDc,SAAC5D,GACb7C,GACF6C,EAAM6D,cAAcC,OAGtBhI,EAAQkE,IAoDS,gBAAA7C,IACX4F,IAEmB,UAAtBvH,GAAiCqH,GACjCzF,IAAQ0D,wBAAM5F,UAAWoI,EAAOS,WAAY3G,IACtB,QAAtB5B,GAA+BqH,IAI9BmB,GAAa,SAACC,GAAkC,OACpDnD,EAACuB,cAAA6B,GACCC,iBAAkB1H,EAClB2H,SAAU5H,EACV6H,kBAAmBnG,GACnBN,aAAcA,GACd0G,cAAc,SACdnC,QAASA,GACToC,OAAQ/B,GACRgC,YAAarH,GAAW,GAAK,CAAC,QAAS,SACvC+E,YAAaA,GACbuC,uBAAwB7H,EACxB8H,uBAAwB7H,EACxB8H,0BAA0B,EAC1BpE,gBAAiBA,GACjBF,gBAAiBA,GACjBpE,OAAQA,EACRmD,OAAQA,GACRnB,wBAAyBA,IAExBgG,IAICW,GAAc,SAACC,GAAmC,OACtD/D,EAAAuB,cAACyC,EAAOrC,OAAAC,OAAA,CACNP,QAAS9E,GACT+G,SAAU1G,GACV8G,YAAY,aACZtC,YAAa1E,GACbuH,0BAA2BhH,GAC3BE,wBAAyBA,IACrBX,IAEHuH,IAIL,OAAItG,GACKyF,GAAWY,GAAY5B,KAEzB4B,GAAYZ,GAAWhB,IAChC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={wrapper:"wrapper_bb81fd3708","focus-visible":"focus-visible_c404949c14",active:"active_492f87d67c",sizeXxs:"sizeXxs_bcd1a344e8",sizeXs:"sizeXs_c6f9820f3c",sizeSmall:"sizeSmall_b6d8f8fd00",sizeMedium:"sizeMedium_52f3a391a4",sizeLarge:"sizeLarge_4204cce68e",disabled:"disabled_7a9396f2d2",text:"text_ac49ff020f",innerText:"innerText_01b644d8fa"};!function(n){const o="s_id-fe45efde1a3d_4_5_22";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_bb81fd3708 {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n border-radius: var(--border-radius-small);\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n color: var(--primary-text-color);\n}\n.wrapper_bb81fd3708:focus-visible, .wrapper_bb81fd3708.focus-visible_c404949c14 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_bb81fd3708:focus:not(.focus-visible_c404949c14) {\n outline: none;\n}\n.wrapper_bb81fd3708:focus-visible, .wrapper_bb81fd3708.focus-visible_c404949c14 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_bb81fd3708:focus:not(.focus-visible_c404949c14) {\n outline: none;\n}\n.wrapper_bb81fd3708:focus,\n.wrapper_bb81fd3708:hover {\n background-color: var(--primary-background-hover-color);\n}\n.wrapper_bb81fd3708:active {\n transform: scale(0.95);\n}\n.active_492f87d67c {\n background-color: var(--primary-selected-color);\n}\n.active_492f87d67c:focus {\n background-color: var(--primary-selected-color);\n}\n.active_492f87d67c:hover {\n background-color: var(--primary-selected-color);\n}\n.sizeXxs_bcd1a344e8 {\n width: 16px;\n height: 16px;\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_c6f9820f3c {\n width: 24px;\n height: 24px;\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_b6d8f8fd00 {\n width: 32px;\n height: 32px;\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_52f3a391a4 {\n width: 40px;\n height: 40px;\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_4204cce68e {\n width: 48px;\n height: 48px;\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_7a9396f2d2 {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.disabled_7a9396f2d2:hover {\n background-color: transparent;\n}\n.text_ac49ff020f {\n width: 100%;\n}\n.innerText_01b644d8fa {\n margin: 0 var(--space-8);\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=MenuButton.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useMemo as r}from"react";import{debounce as o}from"es-toolkit";import{useSliderSelection as n,useSliderActions as i}from"./SliderContext.js";import a from"./SelectionIndicator.module.scss.js";import l from"../../../components/text-inputs/dist/TextField/TextField.js";var u=function(u){var s=u.kind,c="postfix"===(void 0===s?"prefix":s),m=n(),f=function(e,t,r,o){return t?e?[r[1],o[1]]:[r[0],o[0]]:[r,o]}(c,m.ranged,m.value,m.valueText),p=e(f,2)[1],d=i().changeThumbValue,v=r((function(){return o((function(e){var t=function(e){return e.replace(/\D/g,"")}(e);d(t,c?1:0,!0)}),300)}),[d,c]);return t.createElement(l,{onChange:v,value:p+"",className:a.selectionIndicator})};export{u as default};
|
|
2
|
-
//# sourceMappingURL=SelectionIndicator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionIndicator.js","sources":["../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { TextField } from \"@vibe/text-inputs\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { type InfixKind } from \"./Slider.types\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number | number[], valueText: string | string[]) {\n if (!ranged) {\n return [value as number, valueText as string];\n }\n if (isPostfix) {\n return [(value as number[])[1], (valueText as string[])[1]];\n }\n return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n /**\n * Determines whether the selection indicator is a prefix or postfix.\n */\n kind?: InfixKind;\n /**\n * The key for the selection indicator (used for React key uniqueness).\n */\n key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n const isPostfix = kind === \"postfix\";\n const { ranged, value, valueText } = useSliderSelection();\n const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n const { changeThumbValue } = useSliderActions();\n const handleChange = useMemo(\n () =>\n debounce(newValueText => {\n const newValue = parseValue(newValueText);\n const thumbIndex = isPostfix ? 1 : 0;\n changeThumbValue(newValue, thumbIndex, true);\n }, VALUE_UPDATE_DELAY),\n [changeThumbValue, isPostfix]\n );\n return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"oWAmCA,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={selectionIndicator:"selectionIndicator_77292c5f2c"};!function(e){const t="s_id-8b539873b4f7_4_5_22";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_77292c5f2c.selectionIndicator_77292c5f2c.selectionIndicator_77292c5f2c {\n text-align: center;\n padding: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SelectionIndicator.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionIndicator.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as o,useRef as t,useMemo as a}from"react";import{ensureDefaultValue as r}from"./SliderHelpers.js";import{SliderProvider as l}from"./SliderContext.js";import s from"./SliderBase/SliderBase.js";import d from"./SliderInfix.js";import n from"classnames";import m from"./Slider.module.scss.js";import{camelCase as u}from"es-toolkit";import{useMergeRef as p}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as v}from"../../../shared/dist/utils/function-utils.js";var c=o((function(o,c){var x=o["aria-label"],b=o["aria-labelledby"],h=o.className,j=o.color,S=o["data-testid"],g=void 0===S?"monday-slider":S,y=o.disabled,C=void 0!==y&&y,E=o.id,k=o.max,L=void 0===k?100:k,P=o.min,V=void 0===P?0:P,w=o.onChange,B=void 0===w?v:w,H=o.ranged,I=void 0!==H&&H,z=o.step,F=void 0===z?1:z,M=o.showValue,N=void 0!==M&&M,T=o.valueLabelPosition,W=void 0===T?"top":T,_=o.valueLabelColor,O=void 0===_?"primary":_,R=o.size,q=void 0===R?"small":R,A=o.value,D=o.defaultValue,G=void 0===D?0:D,J=o.valueFormatter,K=void 0===J?function(e){return"".concat(e,"%")}:J,Q=o.valueText,U=o.indicateSelection,X=void 0!==U&&U,Y=o.prefix,Z=o.postfix,$=o.selectionIndicatorWidth,ee=void 0===$?"60px":$,ie=t(null),oe=p(c,ie),te=a((function(){return{prefix:Y,postfix:Z,indicateSelection:X,selectionIndicatorWidth:ee}}),[Y,Z,X,ee]);return i.createElement(l,{"aria-label":x,"aria-labelledby":b,color:j,"data-testid":g,disabled:C,infixOptions:te,max:L,min:V,onChange:B,ranged:I,showValue:N,valueLabelPosition:W,valueLabelColor:O,size:q,step:F,value:A,defaultValue:r(G,V,L,I),valueFormatter:K,valueText:Q},i.createElement("div",{className:n(m.slider,e({},m.valueShown,N),f(m,u("position-"+W)),h),"data-testid":g,id:E,ref:oe},i.createElement(d,{kind:"prefix"}),i.createElement(s,null),i.createElement(d,{kind:"postfix"})))}));export{c as default};
|
|
2
|
-
//# sourceMappingURL=Slider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, type ReactElement, useMemo, useRef } from \"react\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { ensureDefaultValue } from \"./SliderHelpers\";\nimport { SliderProvider } from \"./SliderContext\";\nimport SliderBase from \"./SliderBase/SliderBase\";\nimport SliderInfix from \"./SliderInfix\";\nimport { type IconType } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./Slider.module.scss\";\nimport { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from \"./Slider.types\";\n\nimport { camelCase } from \"es-toolkit\";\n\nexport type SliderProps = {\n /**\n * Define a string that labels the current element (Slider)\n */\n \"aria-label\"?: string;\n /**\n * ElementId of Node that have the text needed for labeling the current element (Slider)\n */\n \"aria-labelledby\"?: string;\n /**\n * Custom `class name` to be added to the component-root-node\n */\n className?: string;\n /**\n * Color Mode (primary/positive/negative) of the component (Slider)\n */\n color?: SliderColor;\n /**\n * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)\n */\n \"data-testid\"?: string;\n defaultValue?: number | number[];\n /**\n * Formatter function `value => formattedValue`\n * default formatter return `${value}%`\n */\n /**\n * If set to true, Component (Slider) will be disabled\n * - impossible to change value of component (Slider)\n * - visual changes (opacity)\n */\n disabled?: boolean;\n /**\n * Attribute `id` to be added to the component-root-node\n */\n id?: string;\n /**\n * Max range value of the component (Slider)\n */\n max?: number;\n /**\n * Min range value of the component (Slider)\n */\n min?: number;\n /**\n * Optional onChange callback (for outer trigger or Controlled mode)\n * - required in Controlled Mode\n */\n onChange?: (value: number | number[]) => void;\n /**\n * If true switch slider to RRange mode (two Thumbs)\n */\n ranged?: boolean;\n /**\n * The granularity with which the slider can step through values.\n * (A \"discrete\" slider.) The min prop serves as the origin for the valid values.\n * We recommend (max - min) to be evenly divisible by the step.\n */\n step?: number;\n /**\n * Always show `value` instead of Tooltip\n */\n showValue?: boolean;\n /**\n * Position of the `value` when `showValue` is true\n */\n valueLabelPosition?: SliderLabelPosition;\n /**\n * Color of the `value` when `showValue` is true\n */\n valueLabelColor?: SliderLabelColor;\n /**\n * Size small/medium/large of the component (Slider)\n */\n size?: SliderSize;\n /**\n * Current/selected value of the range of the Component (Slider)\n * - should be used in Controlled Mode only\n * - in ranged mode should be an array of two numbers\n */\n value?: number | number[];\n /**\n * Function to format the value, e.g. add %. By default, returns `${value}%`\n */\n valueFormatter?: (value: number) => string;\n /**\n * Text/presentation of current/selected value\n * - should be used in Controlled Mode only\n */\n valueText?: string;\n /**\n * Show selected from Slider range value\n */\n indicateSelection?: boolean;\n /**\n * Options for initial/start/prefix element, it can be one of:\n * - Any Component (react component, node, text, number etc.)\n * - Or it can be an object of options for Icons component (see Icon components props)\n * - Or it can be an object for Label (Icon, Heading - and other components)\n * - Or it can be Render Props Function witch are getting value and valueText\n */\n prefix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n /**\n * Options for postfix/end/finishing element. Same as prefix element.\n */\n postfix?: { icon: IconType } | string | ((value: number, valueText: string) => void) | ReactElement;\n /**\n * Width of SelectionIndicator (i.e. TextField)\n */\n selectionIndicatorWidth?: string;\n};\n\nconst Slider = forwardRef(\n (\n {\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n className,\n color,\n \"data-testid\": dataTestId = \"monday-slider\",\n disabled = false,\n id,\n max = 100,\n min = 0,\n onChange = NOOP,\n ranged = false,\n step = 1,\n showValue = false,\n valueLabelPosition = \"top\",\n valueLabelColor = \"primary\",\n size = \"small\",\n value,\n defaultValue = 0,\n valueFormatter = (value: number) => `${value}%`,\n valueText,\n indicateSelection = false,\n prefix,\n postfix,\n selectionIndicatorWidth = \"60px\"\n }: SliderProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const infixOptions = useMemo(\n () => ({ prefix, postfix, indicateSelection, selectionIndicatorWidth }),\n [prefix, postfix, indicateSelection, selectionIndicatorWidth]\n );\n return (\n <SliderProvider\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n color={color}\n data-testid={dataTestId}\n disabled={disabled}\n infixOptions={infixOptions}\n max={max}\n min={min}\n onChange={onChange}\n ranged={ranged}\n showValue={showValue}\n valueLabelPosition={valueLabelPosition}\n valueLabelColor={valueLabelColor}\n size={size}\n step={step}\n value={value}\n defaultValue={ensureDefaultValue(defaultValue, min, max, ranged)}\n valueFormatter={valueFormatter}\n valueText={valueText}\n >\n <div\n className={cx(\n styles.slider,\n { [styles.valueShown]: showValue },\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition)),\n className\n )}\n data-testid={dataTestId}\n id={id}\n ref={mergedRef}\n >\n <SliderInfix kind=\"prefix\" />\n <SliderBase />\n <SliderInfix kind=\"postfix\" />\n </div>\n </SliderProvider>\n );\n }\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","_ref","ref","ariaLabel","ariaLabelledby","className","color","_ref$dataTestid","dataTestId","_ref$disabled","disabled","id","_ref$max","max","_ref$min","min","_ref$onChange","onChange","NOOP","_ref$ranged","ranged","_ref$step","step","_ref$showValue","showValue","_ref$valueLabelPositi","valueLabelPosition","_ref$valueLabelColor","valueLabelColor","_ref$size","size","value","_ref$defaultValue","defaultValue","_ref$valueFormatter","valueFormatter","concat","valueText","_ref$indicateSelectio","indicateSelection","prefix","postfix","_ref$selectionIndicat","selectionIndicatorWidth","componentRef","useRef","mergedRef","useMergeRef","infixOptions","useMemo","React","createElement","SliderProvider","ensureDefaultValue","cx","styles","slider","_defineProperty","valueShown","getStyle","camelCase","SliderInfix","kind","SliderBase"],"mappings":"4oBA8HMA,IAAAA,EAASC,GACb,SAAAC,EA2BEC,GACE,IA1BcC,EAASF,EAAvB,cACmBG,EAAcH,EAAjC,mBACAI,EAASJ,EAATI,UACAC,EAAKL,EAALK,MAAKC,EAAAN,EACL,eAAeO,OAAa,IAAHD,EAAG,gBAAeA,EAAAE,EAAAR,EAC3CS,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAEV,EAAFU,GAAEC,EAAAX,EACFY,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAb,EACTc,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAf,EACPgB,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACfmB,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAApB,EACdqB,KAAAA,OAAO,IAAHD,EAAG,EAACA,EAAAE,EAAAtB,EACRuB,UAAAA,OAAY,IAAHD,GAAQA,EAAAE,EAAAxB,EACjByB,mBAAAA,OAAqB,IAAHD,EAAG,MAAKA,EAAAE,EAAA1B,EAC1B2B,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAA5B,EAC3B6B,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAK9B,EAAL8B,MAAKC,EAAA/B,EACLgC,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAjC,EAChBkC,eAAAA,OAAiB,IAAHD,EAAG,SAACH,GAAa,MAAAK,GAAAA,OAAQL,EAAK,IAAA,EAAGG,EAC/CG,EAASpC,EAAToC,UAASC,EAAArC,EACTsC,kBAAAA,OAAoB,IAAHD,GAAQA,EACzBE,EAAMvC,EAANuC,OACAC,EAAOxC,EAAPwC,QAAOC,EAAAzC,EACP0C,wBAAAA,QAA0B,IAAHD,EAAG,OAAMA,EAI5BE,GAAeC,EAAO,MACtBC,GAAYC,EAAY7C,EAAK0C,IAC7BI,GAAeC,GACnB,WAAA,MAAO,CAAET,OAAAA,EAAQC,QAAAA,EAASF,kBAAAA,EAAmBI,wBAAAA,GAA0B,GACvE,CAACH,EAAQC,EAASF,EAAmBI,KAEvC,OACEO,EAACC,cAAAC,EACa,CAAA,aAAAjD,oBACKC,EACjBE,MAAOA,EACM,cAAAE,EACbE,SAAUA,EACVsC,aAAcA,GACdnC,IAAKA,EACLE,IAAKA,EACLE,SAAUA,EACVG,OAAQA,EACRI,UAAWA,EACXE,mBAAoBA,EACpBE,gBAAiBA,EACjBE,KAAMA,EACNR,KAAMA,EACNS,MAAOA,EACPE,aAAcoB,EAAmBpB,EAAclB,EAAKF,EAAKO,GACzDe,eAAgBA,EAChBE,UAAWA,GAEXa,EAAAC,cAAA,MAAA,CACE9C,UAAWiD,EACTC,EAAOC,OAAMC,EACVF,CAAAA,EAAAA,EAAOG,WAAalC,GACvBmC,EAASJ,EAAQK,EAAU,YAAclC,IACzCrB,GAEW,cAAAG,EACbG,GAAIA,EACJT,IAAK4C,IAELI,EAAAC,cAACU,EAAW,CAACC,KAAK,WAClBZ,EAAAC,cAACY,EAAa,MACdb,EAACC,cAAAU,GAAYC,KAAK,aAI1B"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slider:"slider_bca2d65ef4",valueShown:"valueShown_7bd52b6069",positionTop:"positionTop_08c3eae0eb",positionBottom:"positionBottom_a615aa2eae"};!function(e){const n="s_id-4e41ea5b2e41_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_bca2d65ef4 {\n align-items: center;\n display: flex;\n max-width: 500px;\n min-width: 200px;\n width: 100%;\n}\n\n.valueShown_7bd52b6069.positionTop_08c3eae0eb {\n margin-top: 10px;\n}\n\n.valueShown_7bd52b6069.positionBottom_a615aa2eae {\n margin-bottom: 10px;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Slider.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useCallback as o}from"react";import{useSliderUi as i,useSliderSelection as s,useSliderActions as l}from"../SliderContext.js";import{calcDimensions as a,moveToPx as n,getNearest as m,calculatePageStep as d}from"../SliderHelpers.js";import{useSliderRail as u}from"../SliderHooks.js";import f from"./SliderRail.js";import c from"./SliderTrack.js";import p from"./SliderFilledTrack.js";import v from"./SliderThumb.js";import j from"classnames";import b from"./SliderBase.module.scss.js";import{isArrowUpEvent as h,isArrowRightEvent as S,isArrowDownEvent as E,isArrowLeftEvent as T,isPageUpEvent as g,isPageDownEvent as k,isHomeEvent as y,isEndEvent as D}from"../../../../shared/dist/utils/dom-event-utils.js";import{getStyle as x}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var C=t((function(t,C){var H=t.className,z=i(),M=z.color,V=z.disabled,B=z.size,F=z.shapeTestId,K=s(),N=K.min,P=K.max,R=K.ranged,X=K.step,_=K.value,w=l(),I=w.changeThumbValue,q=w.drugThumb,A=w.decreaseValue,G=w.increaseValue,J=u(),L=J.railCoords,O=J.railRef,Q=a(P,N,R,_),U=Q.dimension,W=Q.offset,Y=Q.positions,Z=Q.thumbKeys,$=o((function(e){var r=n(Math.round(e.clientX-L.left),N,P,L,X);q(r)}),[q,N,P,L,X]),ee=o((function(e){var r=n(e.clientX-L.left,N,P,L,X),t=m(r,R,_);I(r,t)}),[I,N,P,L,R,X,_]);return r.createElement("div",{className:j(b.base,e(e(e({},x(b,B),B),x(b,M),M),b.disabled,V),H),"data-testid":F("base"),onKeyDown:function(e){return h(e)||S(e)?G():E(e)||T(e)?A():g(e)?(e.preventDefault(),G(d(P,N,X))):k(e)?(e.preventDefault(),A(d(P,N,X))):y(e)?(e.preventDefault(),I(N)):D(e)?(e.preventDefault(),I(P)):void 0}},r.createElement(f,{onClick:ee,size:B,ref:O},r.createElement(c,{color:M}),O.current&&r.createElement(r.Fragment,null,r.createElement(p,{dimension:U,offset:W,color:M}),Y.map((function(e,t){return r.createElement(v,{key:Z[t],index:t,onMove:$,position:e,color:M,size:B})})))))}));export{C as default};
|
|
2
|
-
//# sourceMappingURL=SliderBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderBase.js","sources":["../../../../../src/components/Slider/SliderBase/SliderBase.tsx"],"sourcesContent":["import React, { type FC, forwardRef, useCallback } from \"react\";\nimport {\n isArrowDownEvent,\n isArrowLeftEvent,\n isArrowRightEvent,\n isArrowUpEvent,\n isEndEvent,\n isHomeEvent,\n isPageDownEvent,\n isPageUpEvent,\n getStyle\n} from \"@vibe/shared\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport { calcDimensions, calculatePageStep, getNearest, moveToPx } from \"../SliderHelpers\";\nimport { useSliderRail } from \"../SliderHooks\";\nimport SliderRail from \"./SliderRail\";\nimport SliderTrack from \"./SliderTrack\";\nimport SliderFilledTrack from \"./SliderFilledTrack\";\nimport SliderThumb from \"./SliderThumb\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderBase.module.scss\";\n\nexport type SliderBaseProps = VibeComponentProps;\n\nconst SliderBase: FC<SliderBaseProps> = forwardRef(({ className }, _ref) => {\n const { color, disabled, size, shapeTestId } = useSliderUi();\n const { min, max, ranged, step, value } = useSliderSelection();\n const { changeThumbValue, drugThumb, decreaseValue, increaseValue } = useSliderActions();\n const { railCoords, railRef } = useSliderRail();\n const { dimension, offset, positions, thumbKeys } = calcDimensions(max, min, ranged, value);\n\n const handlePointerMove = useCallback(\n (e: PointerEvent) => {\n const offsetInPx = Math.round(e.clientX - railCoords.left);\n const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n drugThumb(newValue);\n },\n [drugThumb, min, max, railCoords, step]\n );\n\n const handleRailClick = useCallback(\n (e: React.MouseEvent) => {\n const offsetInPx = e.clientX - railCoords.left;\n const newValue = moveToPx(offsetInPx, min, max, railCoords, step);\n const thumbIndex = getNearest(newValue, ranged, value);\n changeThumbValue(newValue, thumbIndex);\n },\n [changeThumbValue, min, max, railCoords, ranged, step, value]\n );\n\n function handleKeyDown(e: React.KeyboardEvent) {\n if (isArrowUpEvent(e) || isArrowRightEvent(e)) {\n return increaseValue();\n }\n if (isArrowDownEvent(e) || isArrowLeftEvent(e)) {\n return decreaseValue();\n }\n if (isPageUpEvent(e)) {\n e.preventDefault();\n return increaseValue(calculatePageStep(max, min, step));\n }\n if (isPageDownEvent(e)) {\n e.preventDefault();\n return decreaseValue(calculatePageStep(max, min, step));\n }\n if (isHomeEvent(e)) {\n e.preventDefault();\n return changeThumbValue(min);\n }\n if (isEndEvent(e)) {\n e.preventDefault();\n return changeThumbValue(max);\n }\n }\n\n return (\n <div\n className={cx(\n styles.base,\n { [getStyle(styles, size)]: size, [getStyle(styles, color)]: color, [styles.disabled]: disabled },\n className\n )}\n data-testid={shapeTestId(\"base\")}\n onKeyDown={handleKeyDown}\n >\n <SliderRail onClick={handleRailClick} size={size} ref={railRef}>\n <SliderTrack color={color} />\n {railRef.current && (\n <>\n <SliderFilledTrack dimension={dimension} offset={offset} color={color} />\n {positions.map((position, index) => {\n return (\n <SliderThumb\n key={thumbKeys[index]}\n index={index}\n onMove={handlePointerMove}\n position={position}\n color={color}\n size={size}\n />\n );\n })}\n </>\n )}\n </SliderRail>\n </div>\n );\n});\n\nexport default SliderBase;\n"],"names":["SliderBase","forwardRef","_ref2","_ref","className","_useSliderUi","useSliderUi","color","disabled","size","shapeTestId","_useSliderSelection","useSliderSelection","min","max","ranged","step","value","_useSliderActions","useSliderActions","changeThumbValue","drugThumb","decreaseValue","increaseValue","_useSliderRail","useSliderRail","railCoords","railRef","_calcDimensions","calcDimensions","dimension","offset","positions","thumbKeys","handlePointerMove","useCallback","e","newValue","moveToPx","Math","round","clientX","left","handleRailClick","thumbIndex","getNearest","React","createElement","cx","styles","base","_defineProperty","getStyle","onKeyDown","isArrowUpEvent","isArrowRightEvent","isArrowDownEvent","isArrowLeftEvent","isPageUpEvent","preventDefault","calculatePageStep","isPageDownEvent","isHomeEvent","isEndEvent","SliderRail","onClick","ref","SliderTrack","current","Fragment","SliderFilledTrack","map","position","index","SliderThumb","key","onMove"],"mappings":"o4BAyBMA,IAAAA,EAAkCC,GAAW,SAAAC,EAAgBC,GAAQ,IAArBC,EAASF,EAATE,UACpDC,EAA+CC,IAAvCC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAIJ,EAAJI,KAAMC,EAAWL,EAAXK,YAC/BC,EAA0CC,IAAlCC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAQC,EAAIL,EAAJK,KAAMC,EAAKN,EAALM,MAChCC,EAAsEC,IAA9DC,EAAgBF,EAAhBE,iBAAkBC,EAASH,EAATG,UAAWC,EAAaJ,EAAbI,cAAeC,EAAaL,EAAbK,cACpDC,EAAgCC,IAAxBC,EAAUF,EAAVE,WAAYC,EAAOH,EAAPG,QACpBC,EAAoDC,EAAef,EAAKD,EAAKE,EAAQE,GAA7Ea,EAASF,EAATE,UAAWC,EAAMH,EAANG,OAAQC,EAASJ,EAATI,UAAWC,EAASL,EAATK,UAEhCC,EAAoBC,GACxB,SAACC,GACC,IACMC,EAAWC,EADEC,KAAKC,MAAMJ,EAAEK,QAAUf,EAAWgB,MACf7B,EAAKC,EAAKY,EAAYV,GAC5DK,EAAUgB,EACZ,GACA,CAAChB,EAAWR,EAAKC,EAAKY,EAAYV,IAG9B2B,GAAkBR,GACtB,SAACC,GACC,IACMC,EAAWC,EADEF,EAAEK,QAAUf,EAAWgB,KACJ7B,EAAKC,EAAKY,EAAYV,GACtD4B,EAAaC,EAAWR,EAAUtB,EAAQE,GAChDG,EAAiBiB,EAAUO,EAC7B,GACA,CAACxB,EAAkBP,EAAKC,EAAKY,EAAYX,EAAQC,EAAMC,IA4BzD,OACE6B,EACEC,cAAA,MAAA,CAAA3C,UAAW4C,EACTC,EAAOC,KAAIC,EAAAA,EAAAA,EAAA,CAAA,EACRC,EAASH,EAAQxC,GAAQA,GAAO2C,EAASH,EAAQ1C,GAASA,GAAQ0C,EAAOzC,SAAWA,GACvFJ,GACD,cACYM,EAAY,QACzB2C,UAjCJ,SAAuBjB,GACrB,OAAIkB,EAAelB,IAAMmB,EAAkBnB,GAClCb,IAELiC,EAAiBpB,IAAMqB,EAAiBrB,GACnCd,IAELoC,EAActB,IAChBA,EAAEuB,iBACKpC,EAAcqC,EAAkB9C,EAAKD,EAAKG,KAE/C6C,EAAgBzB,IAClBA,EAAEuB,iBACKrC,EAAcsC,EAAkB9C,EAAKD,EAAKG,KAE/C8C,EAAY1B,IACdA,EAAEuB,iBACKvC,EAAiBP,IAEtBkD,EAAW3B,IACbA,EAAEuB,iBACKvC,EAAiBN,SAF1B,CAIF,GAYIgC,EAAAC,cAACiB,EAAU,CAACC,QAAStB,GAAiBlC,KAAMA,EAAMyD,IAAKvC,GACrDmB,EAAAC,cAACoB,EAAW,CAAC5D,MAAOA,IACnBoB,EAAQyC,SACPtB,EAAAC,cAAAD,EAAAuB,SAAA,KACEvB,EAAAC,cAACuB,EAAiB,CAACxC,UAAWA,EAAWC,OAAQA,EAAQxB,MAAOA,IAC/DyB,EAAUuC,KAAI,SAACC,EAAUC,GACxB,OACE3B,EAAAC,cAAC2B,EAAW,CACVC,IAAK1C,EAAUwC,GACfA,MAAOA,EACPG,OAAQ1C,EACRsC,SAAUA,EACVjE,MAAOA,EACPE,KAAMA,GAGZ,MAMZ"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={base:"base_a9983a5f9d",disabled:"disabled_c1c85f53eb",small:"small_5388bebc6e",medium:"medium_2e6531ca76",large:"large_2e6531ca76"};!function(e){const n="s_id-2512e1e86422_4_5_22";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_a9983a5f9d {\n display: flex;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n width: 100%;\n}\n\n.disabled_c1c85f53eb {\n cursor: not-allowed !important;\n opacity: var(--disabled-component-opacity);\n}\n\n.disabled_c1c85f53eb * {\n pointer-events: none;\n}\n\n.small_5388bebc6e {\n padding: 0 var(--space-8);\n}\n\n.medium_2e6531ca76 {\n padding: 0 12px;\n}\n\n.large_2e6531ca76 {\n padding: 0 12px;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderBase.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderBase.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from"react";import t from"classnames";import r from"./SliderFilledTrack.module.scss.js";import{getStyle as o}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var s=function(s){var i=s.className,c=s.dimension,a=s.offset,l=s.reverse,d=s.color,m=function(e,t,r){return r?{right:"".concat(t,"%"),width:"".concat(e-t,"%")}:{left:"".concat(t,"%"),width:"".concat(e-t,"%")}}(void 0===c?0:c,void 0===a?0:a,void 0!==l&&l);return e.createElement("div",{className:t(r.filledTrack,o(r,d),i),style:m})};export{s as default};
|
|
2
|
-
//# sourceMappingURL=SliderFilledTrack.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"@vibe/shared\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { type SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n if (reverse) {\n return {\n right: `${offset}%`,\n width: `${dimension - offset}%`\n };\n }\n return {\n left: `${offset}%`,\n width: `${dimension - offset}%`\n };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n /**\n * The size of the filled track, based on the selected value.\n */\n dimension?: number;\n /**\n * The offset from the start of the track.\n */\n offset?: number;\n /**\n * If true, the filled track starts from the end instead of the beginning.\n */\n reverse?: boolean;\n /**\n * The color of the filled track.\n */\n color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n className,\n dimension = 0,\n offset = 0,\n reverse = false,\n color\n}) => {\n const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"uLAuCA,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,EAvCR,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={filledTrack:"filledTrack_cb90e40330",positive:"positive_44b89ca2b7",negative:"negative_0d6f8e8f69"};!function(e){const n="s_id-bb386829c5aa_4_5_22";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_cb90e40330 {\n position: absolute;\n border-radius: inherit;\n background-color: var(--primary-color);\n height: inherit;\n top: 50%;\n transform: translateY(-50%);\n width: 100%;\n}\n\n.positive_44b89ca2b7 {\n background-color: var(--positive-color);\n}\n\n.negative_0d6f8e8f69 {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SliderFilledTrack.module.scss.js.map
|