@skyscanner/backpack-web 2.0.1 → 3.0.0

package/bpk-component-calendar/src/BpkCalendarContainer.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-
-import { deprecated, isRTL } from '../../bpk-react-utils';
+import { deprecated, isRTL } from 'bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
 import BpkCalendarNav from './BpkCalendarNav';

package/bpk-component-calendar/src/BpkCalendarDate.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';
 import STYLES from './BpkCalendarDate.module.scss';

package/bpk-component-calendar/src/BpkCalendarGrid.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-
-import { cssModules, deprecated, isDeviceIos } from '../../bpk-react-utils';
+import { cssModules, deprecated, isDeviceIos } from 'bpk-react-utils';
 
 import BpkCalendarGridHeader from './BpkCalendarGridHeader';
 import Week from './Week';

package/bpk-component-calendar/src/BpkCalendarGridHeader.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { PureComponent } from 'react';
-
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules, deprecated } from 'bpk-react-utils';
 
 import CustomPropTypes from './custom-proptypes';
 import { orderDaysOfWeek } from './date-utils';

package/bpk-component-calendar/src/BpkCalendarGridTransition.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-
-import { cssModules, isRTL } from '../../bpk-react-utils';
+import { cssModules, isRTL } from 'bpk-react-utils';
 
 import {
   getCalendarGridWidth,
@@ -58,6 +57,8 @@ class BpkCalendarGridTransition extends Component {
   constructor(props) {
     super(props);
 
+    this.onMonthTransitionEnd = this.onMonthTransitionEnd.bind(this);
+
     this.state = {
       isTransitioning: false,
       transitionValue: transitionValues.current,
@@ -126,7 +127,7 @@ class BpkCalendarGridTransition extends Component {
     }
   }
 
-  onMonthTransitionEnd = () => {
+  onMonthTransitionEnd() {
     const { month } = this.props;
 
     this.setState({
@@ -137,7 +138,7 @@ class BpkCalendarGridTransition extends Component {
       currentMonth: month,
       months: [addMonths(month, -1), month, addMonths(month, 1)],
     });
-  };
+  }
 
   render() {
     const { TransitionComponent, className, focusedDate, ...rest } = this.props;

package/bpk-component-calendar/src/BpkCalendarNav.js

@@ -18,12 +18,11 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import ArrowLeftIcon from '../../bpk-component-icon/lg/arrow-left';
-import ArrowRightIcon from '../../bpk-component-icon/lg/arrow-right';
-import BpkSelect from '../../bpk-component-select';
-import { cssModules } from '../../bpk-react-utils';
-import BpkAriaLive from '../../bpk-component-aria-live';
+import ArrowLeftIcon from 'bpk-component-icon/lg/arrow-left';
+import ArrowRightIcon from 'bpk-component-icon/lg/arrow-right';
+import BpkSelect from 'bpk-component-select';
+import { cssModules } from 'bpk-react-utils';
+import BpkAriaLive from 'bpk-component-aria-live';
 
 import {
   addMonths,

package/bpk-component-calendar/src/Week.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules, deprecated } from 'bpk-react-utils';
 
 import {
   isSameDay,
@@ -107,7 +106,9 @@ function getSelectionType(
 
   if (
     selectionConfiguration.type === CALENDAR_SELECTION_TYPE.single &&
-    selectionConfiguration.date === formatDateFull(date)
+    selectionConfiguration.date &&
+    (selectionConfiguration.date === formatDateFull(date) ||
+      formatDateFull(selectionConfiguration.date) === formatDateFull(date))
   ) {
     return SELECTION_TYPES.single;
   }

package/bpk-component-calendar/src/composeCalendar.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import { cssModules, deprecated } from '../../bpk-react-utils';
+import { cssModules, deprecated } from 'bpk-react-utils';
 
 import CustomPropTypes, { CALENDAR_SELECTION_TYPE } from './custom-proptypes';
 import STYLES from './BpkCalendar.module.scss';

package/bpk-component-card/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "bpk-component-card",
+  "version": "4.1.11",
+  "description": "Backpack card component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-component-link": "^3.1.10",
+    "bpk-component-text": "^7.0.4"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-card/src/BpkCard.js

@@ -20,8 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkCard.module.scss';
 

package/bpk-component-checkbox/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-checkbox",
+  "version": "4.1.12",
+  "description": "Backpack checkbox component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-icon": "^9.2.11",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

package/bpk-component-checkbox/src/BpkCheckbox.js

@@ -20,8 +20,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkCheckbox.module.scss';
 

package/bpk-component-chip/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "bpk-component-chip",
+  "version": "5.2.13",
+  "description": "Backpack chip component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "4e4ec9add28e1db54d6a38a10c331bbd163f2926",
+  "dependencies": {
+    "bpk-component-icon": "^9.2.11",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-aria-live": "^2.1.15",
+    "bpk-component-text": "^7.0.4"
+  }
+}

package/bpk-component-chip/src/BpkDismissibleChip.js

@@ -25,8 +25,7 @@ of a close icon.
 */
 
 import React from 'react';
-
-import CloseCircleIconSm from '../../bpk-component-icon/sm/close-circle';
+import CloseCircleIconSm from 'bpk-component-icon/sm/close-circle';
 
 import BpkSelectableChip from './BpkSelectableChip';
 import {

package/bpk-component-chip/src/BpkSelectableChip.js

@@ -20,9 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
-import BpkText, { TEXT_STYLES } from '../../bpk-component-text';
+import { cssModules } from 'bpk-react-utils';
+import BpkText, { TEXT_STYLES } from 'bpk-component-text';
 
 import STYLES from './BpkSelectableChip.module.scss';
 import {

package/bpk-component-close-button/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "bpk-component-close-button",
+  "version": "3.1.11",
+  "description": "Backpack close button component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-icon": "^9.2.11",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "devDependencies": {
+    "bpk-storybook-utils": "^1.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-close-button/src/BpkCloseButton.js

@@ -20,9 +20,8 @@
 
 import PropTypes from 'prop-types';
 import React, { type StatelessFunctionalComponent } from 'react';
-
-import CloseIcon from '../../bpk-component-icon/sm/close';
-import { cssModules } from '../../bpk-react-utils';
+import CloseIcon from 'bpk-component-icon/sm/close';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkCloseButton.module.scss';
 

package/bpk-component-code/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-code",
+  "version": "3.1.10",
+  "description": "Backpack code component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-code/src/BpkCode.js

@@ -19,8 +19,7 @@
 
 import PropTypes from 'prop-types';
 import React, { type Node } from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkCode.module.scss';
 

package/bpk-component-code/src/BpkCodeBlock.js

@@ -19,8 +19,7 @@
 
 import React, { type Node } from 'react';
 import PropTypes from 'prop-types';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkCodeBlock.module.scss';
 

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

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-content-container",
+  "version": "5.0.4",
+  "description": "Backpack content container component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-content-container/src/BpkContentContainer.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkContentContainer.module.scss';
 

package/bpk-component-datatable/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "bpk-component-datatable",
+  "version": "4.1.11",
+  "description": "Backpack datatable component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-icon": "^9.2.11",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "lodash": "^4.17.20",
+    "prop-types": "^15.7.2",
+    "react-virtualized": "^9.22.3"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0"
+  }
+}

package/bpk-component-datatable/src/BpkDataTable.js

@@ -20,10 +20,9 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Table, AutoSizer } from 'react-virtualized';
+import { cssModules } from 'bpk-react-utils';
 import _omit from 'lodash/omit';
 
-import { cssModules } from '../../bpk-react-utils';
-
 import STYLES from './BpkDataTable.module.scss';
 import BpkDataTableColumn from './BpkDataTableColumn';
 import hasChildrenOfType from './hasChildrenOfType';

package/bpk-component-datatable/src/BpkDataTableColumn.js

@@ -19,8 +19,7 @@
 
 import React, { type Element } from 'react';
 import { Column } from 'react-virtualized';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import bpkHeaderRenderer from './bpkHeaderRenderer';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datatable/src/bpkHeaderRenderer.js

@@ -19,11 +19,10 @@
 
 import React from 'react';
 import { SortDirection } from 'react-virtualized';
-
-import { cssModules } from '../../bpk-react-utils';
-import BpkSmallArrowDownIcon from '../../bpk-component-icon/sm/arrow-down';
-import BpkSmallArrowUpIcon from '../../bpk-component-icon/sm/arrow-up';
-import { withRtlSupport } from '../../bpk-component-icon';
+import { cssModules } from 'bpk-react-utils';
+import BpkSmallArrowDownIcon from 'bpk-component-icon/sm/arrow-down';
+import BpkSmallArrowUpIcon from 'bpk-component-icon/sm/arrow-up';
+import { withRtlSupport } from 'bpk-component-icon';
 
 import { hasClassName } from './utils';
 import STYLES from './BpkDataTableColumn.module.scss';

package/bpk-component-datepicker/index.js

@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { CALENDAR_SELECTION_TYPE } from '../bpk-component-calendar';
+import { CALENDAR_SELECTION_TYPE } from 'bpk-component-calendar';
 
 import BpkDatepicker from './src/BpkDatepicker';
 import themeAttributes from './src/themeAttributes';

package/bpk-component-datepicker/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "bpk-component-datepicker",
+  "version": "15.2.15",
+  "description": "Backpack datepicker component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-breakpoint": "^4.0.2",
+    "bpk-component-calendar": "^11.1.15",
+    "bpk-component-input": "^6.1.13",
+    "bpk-component-modal": "^3.1.12",
+    "bpk-component-popover": "^5.0.0",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "@skyscanner/bpk-foundations-web": "^8.0.0",
+    "bpk-storybook-utils": "^1.1.9"
+  }
+}

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

@@ -16,14 +16,13 @@
  * limitations under the License.
  */
 
+import BpkInput, { withOpenEvents } from 'bpk-component-input';
+import BpkModal from 'bpk-component-modal';
+import BpkPopover from 'bpk-component-popover';
+import { cssModules, deprecated } from 'bpk-react-utils';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-
-import BpkInput, { withOpenEvents } from '../../bpk-component-input';
-import BpkModal from '../../bpk-component-modal';
-import BpkPopover from '../../bpk-component-popover';
-import { cssModules, deprecated } from '../../bpk-react-utils';
-import BpkBreakpoint, { BREAKPOINTS } from '../../bpk-component-breakpoint';
+import BpkBreakpoint, { BREAKPOINTS } from 'bpk-component-breakpoint';
 import {
   composeCalendar,
   BpkCalendarGridHeader,
@@ -34,7 +33,7 @@ import {
   CALENDAR_SELECTION_TYPE,
   DateUtils,
   BpkCalendarNav,
-} from '../../bpk-component-calendar';
+} from 'bpk-component-calendar';
 
 import STYLES from './BpkDatepicker.module.scss';
 

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

@@ -16,9 +16,9 @@
  * limitations under the License.
  */
 
-import { themeAttributes as calendarAttributes } from '../../bpk-component-calendar';
-import { themeAttributes as modalAttributes } from '../../bpk-component-modal';
-import { themeAttributes as popoverAttributes } from '../../bpk-component-popover';
+import { themeAttributes as calendarAttributes } from 'bpk-component-calendar';
+import { themeAttributes as modalAttributes } from 'bpk-component-modal';
+import { themeAttributes as popoverAttributes } from 'bpk-component-popover';
 
 export default [
   ...calendarAttributes,

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

@@ -0,0 +1,24 @@
+{
+  "name": "bpk-component-description-list",
+  "version": "3.1.10",
+  "description": "Backpack description list component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "5c156b97cb0ba5e75851d3c763334578714c895e",
+  "dependencies": {
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  }
+}

package/bpk-component-description-list/src/ComponentFactory.js

@@ -18,8 +18,7 @@
 
 import PropTypes from 'prop-types';
 import React from 'react';
-
-import { cssModules } from '../../bpk-react-utils';
+import { cssModules } from 'bpk-react-utils';
 
 import STYLES from './BpkDescriptionList.module.scss';
 

package/bpk-component-dialog/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "bpk-component-dialog",
+  "version": "4.1.13",
+  "description": "Backpack dialog component.",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:Skyscanner/backpack.git"
+  },
+  "author": "Backpack Design System <backpack@skyscanner.net>",
+  "main": "index.js",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "f9f94f86d7cfc75e43bc6ad5eb01b23e62a89cc8",
+  "dependencies": {
+    "bpk-component-close-button": "^3.1.11",
+    "bpk-component-flare": "^2.1.13",
+    "bpk-mixins": "^31.1.1",
+    "bpk-react-utils": "^4.1.2",
+    "bpk-scrim-utils": "^5.1.9",
+    "prop-types": "^15.7.2"
+  },
+  "peerDependencies": {
+    "react": "^16.3.0 || ^17.0.0"
+  },
+  "devDependencies": {
+    "bpk-component-button": "^6.2.5",
+    "bpk-component-icon": "^9.2.11",
+    "bpk-component-text": "^7.0.4"
+  }
+}

package/bpk-component-dialog/src/BpkDialog.js

@@ -19,9 +19,8 @@
 /* @flow strict */
 
 import React from 'react';
-
-import { cssModules, Portal } from '../../bpk-react-utils';
-import BpkCloseButton from '../../bpk-component-close-button';
+import { cssModules, Portal } from 'bpk-react-utils';
+import BpkCloseButton from 'bpk-component-close-button';
 
 import BpkDialogInner from './BpkDialogInner';
 import { type Props, propTypes, defaultProps } from './common-types';

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -19,10 +19,9 @@
 /* @flow strict */
 
 import React from 'react';
-
-import { TransitionInitialMount, cssModules } from '../../bpk-react-utils';
-import { withScrim } from '../../bpk-scrim-utils';
-import { BpkContentBubble } from '../../bpk-component-flare';
+import { TransitionInitialMount, cssModules } from 'bpk-react-utils';
+import { withScrim } from 'bpk-scrim-utils';
+import { BpkContentBubble } from 'bpk-component-flare';
 
 import {
   type DialogInnerProps as Props,