@skyscanner/backpack-web 4.1.0 → 6.0.0

package/bpk-component-code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-code",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack code component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-content-container/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-content-container",
-  "version": "5.0.5",
+  "version": "5.0.6",
   "description": "Backpack content container component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-datatable/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datatable",
-  "version": "4.1.12",
+  "version": "4.1.13",
   "description": "Backpack datatable component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-icon": "^9.2.12",
+    "bpk-component-icon": "^9.2.13",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "lodash": "^4.17.20",
     "prop-types": "^15.7.2",
     "react-virtualized": "^9.22.3"

package/bpk-component-datepicker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-datepicker",
-  "version": "15.2.18",
+  "version": "16.0.0",
   "description": "Backpack datepicker component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,13 +14,13 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-breakpoint": "^4.0.3",
-    "bpk-component-calendar": "^11.1.18",
-    "bpk-component-input": "^6.1.16",
-    "bpk-component-modal": "^4.0.1",
-    "bpk-component-popover": "^5.0.3",
+    "bpk-component-breakpoint": "^4.0.4",
+    "bpk-component-calendar": "^11.1.19",
+    "bpk-component-input": "^6.1.17",
+    "bpk-component-modal": "^5.0.0",
+    "bpk-component-popover": "^6.0.0",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -28,6 +28,6 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-datepicker/src/BpkDatepicker.js

@@ -262,18 +262,20 @@ class BpkDatepicker extends Component {
       <BpkBreakpoint query={BREAKPOINTS.MOBILE}>
         {(isMobile) =>
           isMobile ? (
-            <BpkModal
-              id={`${id}-modal`}
-              target={input}
-              renderTarget={renderTarget}
-              onClose={this.props.onClose || this.onClose}
-              isOpen={this.state.isOpen}
-              title={title}
-              closeLabel={closeButtonText}
-              getApplicationElement={getApplicationElement}
-            >
-              <Calendar {...calendarProps} fixedWidth={false} />
-            </BpkModal>
+            <>
+              {input}
+              <BpkModal
+                id={`${id}-modal`}
+                renderTarget={renderTarget}
+                onClose={this.props.onClose || this.onClose}
+                isOpen={this.state.isOpen}
+                title={title}
+                closeLabel={closeButtonText}
+                getApplicationElement={getApplicationElement}
+              >
+                <Calendar {...calendarProps} fixedWidth={false} />
+              </BpkModal>
+            </>
           ) : (
             <BpkPopover
               id={`${id}-popover`}

package/bpk-component-description-list/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-description-list",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack description list component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-dialog/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-dialog",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "Backpack dialog component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,19 +14,19 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-close-button": "^3.1.12",
-    "bpk-component-flare": "^2.1.14",
+    "bpk-component-close-button": "^3.1.13",
+    "bpk-component-flare": "^2.1.15",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
-    "bpk-scrim-utils": "^5.1.10",
+    "bpk-react-utils": "^6.0.0",
+    "bpk-scrim-utils": "^5.1.11",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-drawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-drawer",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "Backpack drawer component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,12 +15,12 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-close-button": "^3.1.12",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-link": "^3.1.11",
+    "bpk-component-close-button": "^3.1.13",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-link": "^3.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
-    "bpk-scrim-utils": "^5.1.10",
+    "bpk-react-utils": "^6.0.0",
+    "bpk-scrim-utils": "^5.1.11",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
@@ -28,7 +28,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-drawer/src/BpkDrawer.js

@@ -35,7 +35,6 @@ type Props = {
   isOpen: boolean,
   onClose: () => mixed,
   renderTarget: ?() => mixed,
-  target: ?any,
 };
 
 type State = {
@@ -45,7 +44,6 @@ type State = {
 class BpkDrawer extends Component<Props, State> {
   static defaultProps = {
     renderTarget: null,
-    target: null,
   };
 
   constructor() {
@@ -71,17 +69,12 @@ class BpkDrawer extends Component<Props, State> {
   };
 
   render() {
-    const { isOpen, onClose, renderTarget, target, ...rest } = this.props;
+    const { isOpen, onClose, renderTarget, ...rest } = this.props;
 
     const { isDrawerShown } = this.state;
 
     return (
-      <Portal
-        isOpen={isOpen}
-        onClose={this.hide}
-        target={target}
-        renderTarget={renderTarget}
-      >
+      <Portal isOpen={isOpen} onClose={this.hide} renderTarget={renderTarget}>
         {/* $FlowFixMe[cannot-spread-inexact] - inexact rest. See decisions/flowfixme.md */}
         <BpkScrimDrawerContent
           isDrawerShown={isDrawerShown}
@@ -99,7 +92,6 @@ BpkDrawer.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
   renderTarget: PropTypes.func,
-  target: PropTypes.element,
 };
 
 export default BpkDrawer;

package/bpk-component-fieldset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-fieldset",
-  "version": "4.1.18",
+  "version": "4.1.19",
   "description": "Backpack fieldset component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,23 +14,23 @@
   },
   "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
   "dependencies": {
-    "bpk-component-form-validation": "^4.2.16",
-    "bpk-component-label": "^5.1.11",
+    "bpk-component-form-validation": "^4.2.17",
+    "bpk-component-label": "^5.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-autosuggest": "^6.1.16",
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-calendar": "^11.1.18",
-    "bpk-component-checkbox": "^4.1.13",
-    "bpk-component-datepicker": "^15.2.18",
-    "bpk-component-input": "^6.1.16",
-    "bpk-component-select": "^5.1.11",
-    "bpk-component-textarea": "^4.2.11"
+    "bpk-component-autosuggest": "^6.1.17",
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-calendar": "^11.1.19",
+    "bpk-component-checkbox": "^4.1.14",
+    "bpk-component-datepicker": "^16.0.0",
+    "bpk-component-input": "^6.1.17",
+    "bpk-component-select": "^5.1.12",
+    "bpk-component-textarea": "^4.2.12"
   }
 }

package/bpk-component-flare/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-flare",
-  "version": "2.1.14",
+  "version": "2.1.15",
   "description": "Backpack FlareBar and ContentBubble component.",
   "license": "Apache-2.0",
   "repository": {
@@ -17,10 +17,10 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-label": "^5.1.11",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-label": "^5.1.12",
+    "bpk-component-text": "^7.0.6",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-floating-notification/README.md

@@ -35,6 +35,7 @@ export default () => (
 | hideAfter      | number       | false    | 4000          |
 | icon           | ReactElement | false    | null          |
 | onClick        | func         | false    | null          |
+| onExit         | func         | false    | null          |
 | text           | string       | true     | -             |
 | type           | oneOf(TYPE)  | false    | TYPE.light    |
 
@@ -46,6 +47,10 @@ This prop controls the amount of time that the notification stays visible before
 
 The default value is 4 seconds (4000 milliseconds).
 
+#### onExit
+
+Execute a function after the component has finished the exit animation.
+
 #### type
 
 By default the component is rendered in the light theme (`TYPE.light`) which uses a dark background and white text for the notification. This contrasts against a white page.

package/bpk-component-floating-notification/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-floating-notification",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Backpack floating-notification component.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,10 +13,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-text": "^7.0.6",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {

package/bpk-component-floating-notification/src/BpkFloatingNotification.js

@@ -34,7 +34,7 @@ export const TYPE = {
   dark: 'dark',
 };
 
-export type Props = {
+type Props = {
   animateOnEnter: ?boolean,
   animateOnExit: ?boolean,
   className: ?string,
@@ -42,6 +42,7 @@ export type Props = {
   hideAfter: ?number,
   icon: ?() => ReactElement,
   onClick: ?() => void,
+  onExit: ?() => void,
   text: string,
   type: ?TYPE,
 };
@@ -57,6 +58,7 @@ const BpkFloatingNotification = (props: Props) => {
     hideAfter,
     icon: Icon,
     onClick,
+    onExit,
     text,
     type,
     ...rest
@@ -100,6 +102,7 @@ const BpkFloatingNotification = (props: Props) => {
       appear={animateOnEnter}
       exit={animateOnExit}
       unmountOnExit
+      onExited={onExit}
     >
       <div className={classNames} {...rest}>
         {Icon && (
@@ -132,6 +135,7 @@ BpkFloatingNotification.propTypes = {
   hideAfter: PropTypes.number,
   icon: PropTypes.ReactElement,
   onClick: PropTypes.func,
+  onExit: PropTypes.func,
   text: PropTypes.string.isRequired,
   type: PropTypes.oneOf(Object.values(TYPE)),
 };
@@ -144,6 +148,7 @@ BpkFloatingNotification.defaultProps = {
   hideAfter: 4000,
   icon: null,
   onClick: null,
+  onExit: null,
   type: TYPE.light,
 };
 

package/bpk-component-form-validation/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-form-validation",
-  "version": "4.2.16",
+  "version": "4.2.17",
   "description": "Backpack form-validation component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-animate-height": "^4.1.11",
+    "bpk-animate-height": "^4.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,11 +24,11 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-checkbox": "^4.1.13",
-    "bpk-component-icon": "^9.2.12",
-    "bpk-component-input": "^6.1.16",
-    "bpk-component-select": "^5.1.11",
-    "bpk-component-textarea": "^4.2.11"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-checkbox": "^4.1.14",
+    "bpk-component-icon": "^9.2.13",
+    "bpk-component-input": "^6.1.17",
+    "bpk-component-select": "^5.1.12",
+    "bpk-component-textarea": "^4.2.12"
   }
 }

package/bpk-component-graphic-promotion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-graphic-promotion",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "Backpack graphic-promotion component.",
   "license": "Apache-2.0",
   "repository": {
@@ -13,10 +13,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-text": "^7.0.5",
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-text": "^7.0.6",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.5.8"
   },
   "peerDependencies": {

package/bpk-component-grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-grid",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack grid components.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-grid-toggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-grid-toggle",
-  "version": "3.1.11",
+  "version": "3.1.12",
   "description": "Backpack vertical grid toggle component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
-    "bpk-component-link": "^3.1.11",
+    "bpk-component-link": "^3.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {

package/bpk-component-horizontal-nav/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-horizontal-nav",
-  "version": "5.1.12",
+  "version": "5.1.13",
   "description": "Backpack horizontal nav component.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,9 +14,9 @@
   },
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
-    "bpk-component-mobile-scroll-container": "^3.1.11",
+    "bpk-component-mobile-scroll-container": "^3.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
@@ -24,7 +24,7 @@
   },
   "devDependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-text": "^7.0.5",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-component-text": "^7.0.6",
+    "bpk-storybook-utils": "^1.1.11"
   }
 }

package/bpk-component-icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-icon",
-  "version": "9.2.12",
+  "version": "9.2.13",
   "description": "Backpack icon components.",
   "license": "Apache-2.0",
   "repository": {
@@ -20,13 +20,13 @@
     "@skyscanner/bpk-foundations-web": "^8.0.0",
     "@skyscanner/bpk-svgs": "^14.1.9",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-list": "^4.0.4",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-list": "^4.0.5",
+    "bpk-component-text": "^7.0.6"
   },
   "peerDependencies": {
     "react": "^16.3.0 || ^17.0.0"

package/bpk-component-image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-image",
-  "version": "5.1.13",
+  "version": "5.1.14",
   "description": "Backpack image component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,9 +15,9 @@
   "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
   "dependencies": {
     "@skyscanner/bpk-foundations-web": "^8.0.0",
-    "bpk-component-spinner": "^5.1.11",
+    "bpk-component-spinner": "^5.1.12",
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "prop-types": "^15.7.2",
     "react-transition-group": "^2.5.3"
   },
@@ -25,7 +25,7 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-mobile-scroll-container": "^3.1.11",
-    "bpk-component-text": "^7.0.5"
+    "bpk-component-mobile-scroll-container": "^3.1.12",
+    "bpk-component-text": "^7.0.6"
   }
 }

package/bpk-component-infinite-scroll/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpk-component-infinite-scroll",
-  "version": "4.1.11",
+  "version": "4.1.12",
   "description": "Backpack infinite scroll component.",
   "license": "Apache-2.0",
   "repository": {
@@ -15,7 +15,7 @@
   "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
   "dependencies": {
     "bpk-mixins": "^31.1.1",
-    "bpk-react-utils": "^5.0.0",
+    "bpk-react-utils": "^6.0.0",
     "intersection-observer": "^0.7.0",
     "prop-types": "^15.7.2"
   },
@@ -23,9 +23,9 @@
     "react": "^16.3.0 || ^17.0.0"
   },
   "devDependencies": {
-    "bpk-component-button": "^6.2.6",
-    "bpk-component-list": "^4.0.4",
-    "bpk-component-spinner": "^5.1.11",
-    "bpk-storybook-utils": "^1.1.10"
+    "bpk-component-button": "^6.2.7",
+    "bpk-component-list": "^4.0.5",
+    "bpk-component-spinner": "^5.1.12",
+    "bpk-storybook-utils": "^1.1.11"
   }
 }