@skyscanner/backpack-web 0.0.1 → 0.0.4
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/README.md +100 -0
- package/bpk-animate-height/examples.js +1 -1
- package/bpk-component-accordion/examples.js +4 -4
- package/bpk-component-accordion/package.json +4 -4
- package/bpk-component-accordion/src/BpkAccordion.js +1 -1
- package/bpk-component-accordion/src/BpkAccordionItem.js +8 -8
- package/bpk-component-accordion/src/withAccordionItemState.js +2 -2
- package/bpk-component-accordion/src/withSingleItemAccordionState.js +1 -1
- package/bpk-component-aria-live/examples.js +7 -8
- package/bpk-component-aria-live/package.json +3 -3
- package/bpk-component-aria-live/src/BpkAriaLive.js +1 -1
- package/bpk-component-autosuggest/examples.js +4 -4
- package/bpk-component-autosuggest/package.json +3 -3
- package/bpk-component-autosuggest/src/BpkAutosuggest.js +2 -2
- package/bpk-component-autosuggest/src/BpkAutosuggestSuggestion.js +1 -1
- package/bpk-component-badge/BadgeLayout.js +1 -1
- package/bpk-component-badge/examples.js +5 -5
- package/bpk-component-badge/package.json +2 -2
- package/bpk-component-badge/src/BpkBadge.js +1 -1
- package/bpk-component-banner-alert/examples.js +4 -4
- package/bpk-component-banner-alert/package.json +4 -4
- package/bpk-component-banner-alert/src/AnimateAndFade.js +2 -2
- package/bpk-component-banner-alert/src/BpkBannerAlertInner.js +7 -7
- package/bpk-component-banner-alert/src/withBannerAlertState.js +1 -1
- package/bpk-component-barchart/examples.js +4 -4
- package/bpk-component-barchart/hocs.js +1 -1
- package/bpk-component-barchart/package.json +2 -2
- package/bpk-component-barchart/src/BpkBarchart.js +2 -2
- package/bpk-component-barchart/src/BpkBarchartBar.js +1 -1
- package/bpk-component-barchart/src/BpkChartAxis.js +1 -1
- package/bpk-component-barchart/src/BpkChartDataTable.js +1 -1
- package/bpk-component-barchart/src/BpkChartGridLines.js +9 -9
- package/bpk-component-barchart/src/RTLtransforms.js +1 -1
- package/bpk-component-blockquote/src/BpkBlockquote.js +1 -1
- package/bpk-component-breadcrumb/package.json +3 -3
- package/bpk-component-breadcrumb/src/BpkBreadcrumb.js +1 -1
- package/bpk-component-breadcrumb/src/BpkBreadcrumbItem.js +5 -5
- package/bpk-component-breakpoint/examples.js +1 -1
- package/bpk-component-calendar/examples-components.js +1 -1
- package/bpk-component-calendar/examples.js +1 -1
- package/bpk-component-calendar/package.json +4 -4
- package/bpk-component-calendar/src/BpkCalendarContainer.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarDate.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarGrid.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarGridHeader.js +1 -1
- package/bpk-component-calendar/src/BpkCalendarGridTransition.js +12 -12
- package/bpk-component-calendar/src/BpkCalendarNav.js +13 -13
- package/bpk-component-calendar/src/Week.js +2 -2
- package/bpk-component-calendar/src/composeCalendar.js +1 -1
- package/bpk-component-card/examples.js +3 -3
- package/bpk-component-card/package.json +2 -2
- package/bpk-component-card/src/BpkCard.js +1 -1
- package/bpk-component-checkbox/package.json +2 -2
- package/bpk-component-checkbox/src/BpkCheckbox.js +1 -1
- package/bpk-component-chip/examples.js +12 -13
- package/bpk-component-chip/package.json +4 -4
- package/bpk-component-chip/src/BpkDismissibleChip.js +1 -1
- package/bpk-component-chip/src/BpkSelectableChip.js +3 -3
- package/bpk-component-close-button/package.json +2 -2
- package/bpk-component-close-button/src/BpkCloseButton.js +2 -2
- package/bpk-component-code/src/BpkCode.js +1 -1
- package/bpk-component-code/src/BpkCodeBlock.js +1 -1
- package/bpk-component-content-container/examples.js +2 -2
- package/bpk-component-content-container/src/BpkContentContainer.js +1 -1
- package/bpk-component-datatable/package.json +2 -2
- package/bpk-component-datatable/src/BpkDataTable.js +1 -1
- package/bpk-component-datatable/src/BpkDataTableColumn.js +1 -1
- package/bpk-component-datatable/src/bpkHeaderRenderer.js +4 -4
- package/bpk-component-datepicker/examples.js +4 -4
- package/bpk-component-datepicker/index.js +1 -1
- package/bpk-component-datepicker/package.json +5 -5
- package/bpk-component-datepicker/src/BpkDatepicker.js +6 -6
- package/bpk-component-datepicker/src/themeAttributes.js +3 -3
- package/bpk-component-description-list/src/ComponentFactory.js +1 -1
- package/bpk-component-dialog/examples.js +7 -7
- package/bpk-component-dialog/package.json +5 -5
- package/bpk-component-dialog/src/BpkDialog.js +2 -2
- package/bpk-component-dialog/src/BpkDialogInner.js +3 -3
- package/bpk-component-drawer/examples.js +4 -4
- package/bpk-component-drawer/package.json +4 -4
- package/bpk-component-drawer/src/BpkDrawer.js +2 -2
- package/bpk-component-drawer/src/BpkDrawerContent.js +3 -3
- package/bpk-component-drawer/src/themeAttributes.js +1 -1
- package/bpk-component-fieldset/examples.js +12 -12
- package/bpk-component-fieldset/package.json +7 -7
- package/bpk-component-fieldset/src/BpkFieldset.js +3 -3
- package/bpk-component-flare/examples.js +4 -4
- package/bpk-component-flare/package.json +2 -2
- package/bpk-component-flare/src/BpkContentBubble.js +1 -1
- package/bpk-component-flare/src/BpkFlareBar.js +1 -1
- package/bpk-component-form-validation/examples.js +6 -6
- package/bpk-component-form-validation/package.json +4 -4
- package/bpk-component-form-validation/src/BpkFormValidation.js +4 -4
- package/bpk-component-grid/src/BpkGridColumn.js +1 -1
- package/bpk-component-grid/src/BpkGridContainer.js +1 -1
- package/bpk-component-grid/src/BpkGridRow.js +1 -1
- package/bpk-component-grid-toggle/src/BpkGridToggle.js +2 -2
- package/bpk-component-horizontal-nav/examples.js +2 -2
- package/bpk-component-horizontal-nav/package.json +2 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNav.js +2 -2
- package/bpk-component-horizontal-nav/src/BpkHorizontalNavItem.js +1 -1
- package/bpk-component-icon/examples.js +7 -7
- package/bpk-component-icon/package.json +2 -2
- package/bpk-component-icon/src/classNameModifierHOCFactory.js +1 -1
- package/bpk-component-icon/src/withAlignment.js +3 -4
- package/bpk-component-icon/src/withDescription.js +1 -1
- package/bpk-component-icon/src/withRtlSupport.js +1 -1
- package/bpk-component-image/examples.js +5 -5
- package/bpk-component-image/package.json +2 -2
- package/bpk-component-image/src/BpkBackgroundImage.js +2 -2
- package/bpk-component-image/src/BpkImage.js +2 -2
- package/bpk-component-image/src/withLazyLoading.js +1 -1
- package/bpk-component-image/src/withLoadingBehavior.js +28 -28
- package/bpk-component-infinite-scroll/examples.js +4 -4
- package/bpk-component-infinite-scroll/src/withInfiniteScroll.js +106 -106
- package/bpk-component-input/examples.js +3 -3
- package/bpk-component-input/package.json +3 -3
- package/bpk-component-input/src/BpkClearButton.js +3 -3
- package/bpk-component-input/src/BpkInput.js +1 -1
- package/bpk-component-input/src/withOpenEvents.js +1 -1
- package/bpk-component-label/src/BpkLabel.js +1 -1
- package/bpk-component-link/src/BpkButtonLink.js +1 -1
- package/bpk-component-link/src/BpkLink.js +1 -1
- package/bpk-component-list/src/BpkList.js +1 -1
- package/bpk-component-list/src/BpkListItem.js +1 -1
- package/bpk-component-loading-button/examples.js +3 -3
- package/bpk-component-loading-button/package.json +2 -2
- package/bpk-component-loading-button/src/BpkLoadingButton.js +5 -5
- package/bpk-component-map/examples.js +6 -6
- package/bpk-component-map/package.json +3 -3
- package/bpk-component-map/src/BpkIconMarker.js +1 -1
- package/bpk-component-map/src/BpkIconMarkerBackground.js +1 -1
- package/bpk-component-map/src/BpkPriceMarker.js +4 -8
- package/bpk-component-map/src/DefaultLoadingElement.js +2 -2
- package/bpk-component-mobile-scroll-container/examples.js +1 -1
- package/bpk-component-mobile-scroll-container/src/BpkMobileScrollContainer.js +1 -1
- package/bpk-component-modal/examples.js +8 -8
- package/bpk-component-modal/package.json +5 -5
- package/bpk-component-modal/src/BpkModal.js +8 -8
- package/bpk-component-modal/src/BpkModalInner.js +4 -4
- package/bpk-component-modal/src/themeAttributes.js +1 -1
- package/bpk-component-navigation-bar/AirlineLogo.js +1 -1
- package/bpk-component-navigation-bar/examples.js +4 -4
- package/bpk-component-navigation-bar/package.json +4 -4
- package/bpk-component-navigation-bar/src/BpkNavigationBar.js +3 -3
- package/bpk-component-navigation-bar/src/BpkNavigationBarButtonLink.js +2 -2
- package/bpk-component-navigation-bar/src/BpkNavigationBarIconButton.js +2 -2
- package/bpk-component-navigation-stack/examples.js +2 -2
- package/bpk-component-navigation-stack/package.json +3 -3
- package/bpk-component-navigation-stack/src/BpkNavigationStack.js +4 -5
- package/bpk-component-navigation-stack/stories-components.js +20 -20
- package/bpk-component-nudger/examples.js +2 -2
- package/bpk-component-nudger/package.json +2 -2
- package/bpk-component-nudger/src/BpkConfigurableNudger.js +6 -6
- package/bpk-component-nudger/src/BpkNudger.js +1 -1
- package/bpk-component-nudger/src/themeAttributes.js +1 -1
- package/bpk-component-overlay/examples.js +3 -3
- package/bpk-component-overlay/package.json +3 -3
- package/bpk-component-overlay/src/BpkOverlay.js +2 -2
- package/bpk-component-pagination/package.json +2 -2
- package/bpk-component-pagination/src/BpkPagination.js +1 -1
- package/bpk-component-pagination/src/BpkPaginationList.js +1 -1
- package/bpk-component-pagination/src/BpkPaginationNudger.js +4 -4
- package/bpk-component-pagination/src/BpkPaginationPage.js +2 -2
- package/bpk-component-pagination/src/themeAttributes.js +1 -1
- package/bpk-component-panel/src/BpkPanel.js +1 -1
- package/bpk-component-phone-input/examples.js +2 -2
- package/bpk-component-phone-input/package.json +5 -5
- package/bpk-component-phone-input/src/BpkPhoneInput.js +4 -4
- package/bpk-component-popover/examples.js +6 -6
- package/bpk-component-popover/package.json +4 -4
- package/bpk-component-popover/src/BpkPopover.js +5 -5
- package/bpk-component-popover/src/BpkPopoverPortal.js +1 -1
- package/bpk-component-popover/src/themeAttributes.js +1 -1
- package/bpk-component-progress/examples.js +2 -2
- package/bpk-component-progress/src/BpkProgress.js +1 -1
- package/bpk-component-radio/src/BpkRadio.js +1 -1
- package/bpk-component-rating/examples.js +1 -1
- package/bpk-component-rating/package.json +2 -2
- package/bpk-component-rating/src/BpkRating.js +15 -9
- package/bpk-component-rtl-toggle/src/BpkRtlToggle.js +1 -1
- package/bpk-component-rtl-toggle/src/updateOnDirectionChange.js +1 -1
- package/bpk-component-scrollable-calendar/examples.js +1 -1
- package/bpk-component-scrollable-calendar/index.js +1 -1
- package/bpk-component-scrollable-calendar/package.json +3 -3
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendar.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarDate.js +1 -1
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGrid.js +4 -5
- package/bpk-component-scrollable-calendar/src/BpkScrollableCalendarGridList.js +2 -2
- package/bpk-component-scrollable-calendar/src/utils.js +1 -1
- package/bpk-component-section-list/package.json +3 -3
- package/bpk-component-section-list/src/BpkSectionListItem.js +3 -3
- package/bpk-component-section-list/src/BpkSectionListSection.js +3 -5
- package/bpk-component-select/src/BpkSelect.js +1 -1
- package/bpk-component-skip-link/src/BpkSkipLink.js +1 -1
- package/bpk-component-slider/examples.js +9 -9
- package/bpk-component-slider/src/BpkSlider.js +1 -1
- package/bpk-component-spinner/SpinnerLayout.js +1 -1
- package/bpk-component-spinner/src/BpkExtraLargeSpinner.js +1 -1
- package/bpk-component-spinner/src/BpkLargeSpinner.js +1 -1
- package/bpk-component-spinner/src/BpkSpinner.js +1 -1
- package/bpk-component-star-rating/examples.js +1 -1
- package/bpk-component-star-rating/package.json +2 -2
- package/bpk-component-star-rating/src/BpkInteractiveStar.js +1 -1
- package/bpk-component-star-rating/src/BpkInteractiveStarRating.js +1 -1
- package/bpk-component-star-rating/src/BpkStar.js +8 -8
- package/bpk-component-star-rating/src/BpkStarRating.js +4 -4
- package/bpk-component-star-rating/src/withInteractiveStarRatingState.js +1 -1
- package/bpk-component-switch/src/BpkSwitch.js +1 -1
- package/bpk-component-table/src/BpkTable.js +1 -1
- package/bpk-component-table/src/BpkTableCell.js +1 -1
- package/bpk-component-table/src/BpkTableHeadCell.js +1 -1
- package/bpk-component-text/examples.js +18 -18
- package/bpk-component-text/package.json +1 -1
- package/bpk-component-text/src/BpkText.js +2 -2
- package/bpk-component-textarea/examples.js +1 -1
- package/bpk-component-textarea/src/BpkTextarea.js +1 -1
- package/bpk-component-theme-toggle/src/BpkThemeToggle.js +3 -3
- package/bpk-component-theme-toggle/src/updateOnThemeChange.js +1 -1
- package/bpk-component-ticket/examples.js +4 -4
- package/bpk-component-ticket/package.json +2 -2
- package/bpk-component-ticket/src/BpkTicket.js +7 -7
- package/bpk-component-tooltip/examples.js +4 -4
- package/bpk-component-tooltip/package.json +2 -2
- package/bpk-component-tooltip/src/BpkTooltip.js +1 -1
- package/bpk-component-tooltip/src/BpkTooltipPortal.js +1 -1
- package/bpk-scrim-utils/src/BpkScrim.js +1 -1
- package/bpk-scrim-utils/src/withScrim.js +1 -1
- package/package.json +2 -2
- package/bpk-component-heading/README.md +0 -31
- package/bpk-component-heading/examples.js +0 -36
- package/bpk-component-heading/index.js +0 -23
- package/bpk-component-heading/package.json +0 -25
- package/bpk-component-heading/src/BpkHeading.js +0 -70
- package/bpk-component-heading/src/BpkHeading.module.css +0 -18
- package/bpk-component-heading/src/BpkHeading.module.scss +0 -49
- package/bpk-component-paragraph/README.md +0 -28
- package/bpk-component-paragraph/examples.js +0 -46
- package/bpk-component-paragraph/index.js +0 -23
- package/bpk-component-paragraph/package.json +0 -25
- package/bpk-component-paragraph/src/BpkParagraph.js +0 -55
- package/bpk-component-paragraph/src/BpkParagraph.module.css +0 -18
- package/bpk-component-paragraph/src/BpkParagraph.module.scss +0 -25
- package/bpk-tether/.eslintrc +0 -6
- package/bpk-tether/README.md +0 -52
- package/bpk-tether/index.js +0 -24
- package/bpk-tether/package.json +0 -19
- package/bpk-tether/src/TetherWrapper.js +0 -30
- package/bpk-tether/src/applyRTLTransforms.js +0 -49
- package/bpk-tether/src/getArrowPositionCallback.js +0 -65
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Backpack - Skyscanner's Design System
|
|
3
|
-
*
|
|
4
|
-
* Copyright 2016 Skyscanner Ltd
|
|
5
|
-
*
|
|
6
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
7
|
-
* you may not use this file except in compliance with the License.
|
|
8
|
-
* You may obtain a copy of the License at
|
|
9
|
-
*
|
|
10
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
11
|
-
*
|
|
12
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
13
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
14
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
15
|
-
* See the License for the specific language governing permissions and
|
|
16
|
-
* limitations under the License.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
// For compat with various IE browsers who haven't implemented classList yet.
|
|
20
|
-
// See http://youmightnotneedjquery.com/#has_class.
|
|
21
|
-
const hasClass = (el, className) => {
|
|
22
|
-
if (el.classList) {
|
|
23
|
-
return el.classList.contains(className);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
return new RegExp(`(^| )${className}( |$)`, 'gi').test(el.className);
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
const getArrowPositionCallback = (
|
|
30
|
-
popoverElement = {},
|
|
31
|
-
arrowId,
|
|
32
|
-
classNamePrefix = 'bpk-popover-tether',
|
|
33
|
-
) => {
|
|
34
|
-
let arrowElement = null;
|
|
35
|
-
|
|
36
|
-
if (popoverElement.querySelector) {
|
|
37
|
-
arrowElement = popoverElement.querySelector(`#${arrowId}`);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
if (arrowElement === null) {
|
|
41
|
-
return () => null;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return (props) => {
|
|
45
|
-
const { left, targetPos, top } = props;
|
|
46
|
-
|
|
47
|
-
const shouldApplyLeftOffset =
|
|
48
|
-
hasClass(popoverElement, `${classNamePrefix}-element-attached-top`) ||
|
|
49
|
-
hasClass(popoverElement, `${classNamePrefix}-element-attached-bottom`);
|
|
50
|
-
|
|
51
|
-
if (shouldApplyLeftOffset) {
|
|
52
|
-
const leftOffset = targetPos.left + targetPos.width / 2 - left;
|
|
53
|
-
|
|
54
|
-
arrowElement.style.top = '';
|
|
55
|
-
arrowElement.style.left = `${leftOffset}px`;
|
|
56
|
-
} else {
|
|
57
|
-
const topOffset = targetPos.top + targetPos.height / 2 - top;
|
|
58
|
-
|
|
59
|
-
arrowElement.style.top = `${topOffset}px`;
|
|
60
|
-
arrowElement.style.left = '';
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
export default getArrowPositionCallback;
|