@skyscanner/backpack-web 35.3.0 → 35.3.1

package/bpk-component-barchart/src/customPropTypes.js

@@ -14,7 +14,7 @@
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */export default ((props, propName, componentName) => {
+ */export default (props, propName, componentName) => {
   const {
     xScaleDataKey,
     yScaleDataKey
@@ -31,4 +31,4 @@
     }
   }
   return null;
-});
+};

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

@@ -20,7 +20,7 @@ import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkDescriptionList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-export default (({
+export default ({
   children,
   className,
   ...rest
@@ -29,4 +29,4 @@ export default (({
   .join(' '),
   ...rest,
   children: children
-}));
+});

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

@@ -20,7 +20,7 @@ import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkDescriptionList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-export default (({
+export default ({
   children,
   className,
   ...rest
@@ -29,4 +29,4 @@ export default (({
   .join(' '),
   ...rest,
   children: children
-}));
+});

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

@@ -20,7 +20,7 @@ import { cssModules } from "../../bpk-react-utils";
 import STYLES from "./BpkDescriptionList.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 const getClassName = cssModules(STYLES);
-export default (({
+export default ({
   children,
   className,
   ...rest
@@ -29,4 +29,4 @@ export default (({
   .join(' '),
   ...rest,
   children: children
-}));
+});

package/bpk-component-flare/src/__generated__/js/corner-radius.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
+export default ({
   styles = {},
   ...props
 }) => /*#__PURE__*/_jsx("svg", {
@@ -9,4 +9,4 @@ export default (({
   children: /*#__PURE__*/_jsx("path", {
     d: "M0 0v75h75C37.5 75 0 37.5 0 0z"
   })
-}));
+});

package/bpk-component-flare/src/__generated__/js/pointer.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default (({
+export default ({
   styles = {},
   ...props
 }) => /*#__PURE__*/_jsx("svg", {
@@ -9,4 +9,4 @@ export default (({
   children: /*#__PURE__*/_jsx("path", {
     d: "M7501.307 8.517l-68.043 39.341c-10.632 6.185-23.795 6.185-34.528 0l-68.144-39.34c-8.91-5.173-18.988-8.215-29.316-8.518H0v55h14832V0H7530.671a63.604 63.604 0 00-29.364 8.517z"
   })
-}));
+});

package/bpk-component-icon/src/classNameModifierHOCFactory.js

@@ -18,7 +18,7 @@
 
 import { wrapDisplayName } from "../../bpk-react-utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-export default ((displayName, classNamesToAdd = []) => ComposedComponent => {
+export default (displayName, classNamesToAdd = []) => ComposedComponent => {
   const ClassNameModifierHOC = props => {
     let classNames = [];
     const {
@@ -36,4 +36,4 @@ export default ((displayName, classNamesToAdd = []) => ComposedComponent => {
   };
   ClassNameModifierHOC.displayName = wrapDisplayName(ComposedComponent, displayName);
   return ClassNameModifierHOC;
-});
+};

package/bpk-component-navigation-tab-group/src/BpkNavigationTabGroup.d.ts

@@ -4,13 +4,15 @@ export declare const NAVIGATION_TAB_GROUP_TYPES: {
     SurfaceContrast: string;
 };
 export type NavigationTabGroupTypes = (typeof NAVIGATION_TAB_GROUP_TYPES)[keyof typeof NAVIGATION_TAB_GROUP_TYPES];
-type TabItem = {
+type TabWrapItem = {
     id: string;
-    text: string;
-    icon?: FunctionComponent<any> | null;
     href?: string;
     [rest: string]: any;
 };
+type TabItem = TabWrapItem & {
+    text: string;
+    icon?: FunctionComponent<any> | null;
+};
 export type Props = {
     id: string;
     tabs: TabItem[];

package/bpk-component-navigation-tab-group/src/BpkNavigationTabGroup.js

@@ -76,9 +76,14 @@ const BpkNavigationTabGroup = ({
     "aria-label": ariaLabel,
     children: tabs.map((tab, index) => {
       const selected = index === selectedTab;
-      const Icon = tab.icon;
+      const {
+        icon,
+        text,
+        ...tabWrapItem
+      } = tab;
+      const Icon = icon;
       return /*#__PURE__*/_jsx(TabWrap, {
-        tab: tab,
+        tab: tabWrapItem,
         selected: selected,
         onClick: e => handleButtonClick(e, tab, index),
         type: type,
@@ -89,7 +94,7 @@ const BpkNavigationTabGroup = ({
           }), /*#__PURE__*/_jsx(BpkText, {
             tagName: "span",
             textStyle: TEXT_STYLES.label2,
-            children: tab.text
+            children: text
           })]
         })
       }, `index-${index.toString()}`);

package/bpk-component-popover/src/BpkPopover.js

@@ -103,7 +103,7 @@ const BpkPopover = ({
       }
     }
   }) : getReferenceProps();
-  const targetElement = /*#__PURE__*/isValidElement(target) ? ( /*#__PURE__*/cloneElement(target, {
+  const targetElement = /*#__PURE__*/isValidElement(target) ? (/*#__PURE__*/cloneElement(target, {
     ...referenceProps,
     // @ts-ignore - we're adding a popover ref to the target element so we can position the popover relative to it
     ref: refs.setReference

package/bpk-component-progress/src/BpkProgress.js

@@ -26,7 +26,7 @@ const renderSteps = numberOfSteps => {
   const steps = [];
   for (let i = 1; i <= numberOfSteps; i += 1) {
     const left = `${100 * (i / (numberOfSteps + 1))}%`;
-    steps.push( /*#__PURE__*/_jsx("div", {
+    steps.push(/*#__PURE__*/_jsx("div", {
       className: getClassName('bpk-progress__step'),
       style: {
         left

package/bpk-component-split-input/src/BpkSplitInput.js

@@ -180,7 +180,7 @@ class BpkSplitInput extends Component {
     } = this.props;
     const inputs = [];
     for (let index = 0; index < inputLength; index += 1) {
-      inputs.push( /*#__PURE__*/_jsx(InputField, {
+      inputs.push(/*#__PURE__*/_jsx(InputField, {
         index: index,
         focus: focusedInput === index,
         id: `${id}-${index}`,

package/bpk-component-star-rating/src/BpkInteractiveStarRating.js

@@ -50,7 +50,7 @@ const BpkInteractiveStarRating = props => {
   }
   for (let starNumber = 1; starNumber <= maxRating; starNumber += 1) {
     const type = getTypeByRating(starNumber, currentRating);
-    stars.push( /*#__PURE__*/_jsx(BpkInteractiveStar, {
+    stars.push(/*#__PURE__*/_jsx(BpkInteractiveStar, {
       onClick: event => onRatingSelect(starNumber, event),
       type: type,
       large: large,

package/bpk-component-star-rating/src/BpkStarRating.js

@@ -53,7 +53,7 @@ const BpkStarRating = props => {
   }
   for (let starNumber = 1; starNumber <= maxRating; starNumber += 1) {
     const type = getTypeByRating(starNumber, rounding(currentRating));
-    stars.push( /*#__PURE__*/_jsx(BpkStar, {
+    stars.push(/*#__PURE__*/_jsx(BpkStar, {
       type: type,
       large: large
     }, `star-${starNumber}`));

package/bpk-react-utils/src/Portal.js

@@ -224,7 +224,7 @@ class Portal extends Component {
       return null;
     }
     const stopPropagationHandler = e => e.stopPropagation();
-    return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx("div", {
       onClick: stopPropagationHandler,
       onMouseDown: stopPropagationHandler,
       onMouseUp: stopPropagationHandler,

package/bpk-react-utils/src/cssModules.js

@@ -16,10 +16,10 @@
  * limitations under the License.
  */
 
-export default ((styles = {}) => (...classNames) => classNames.reduce((className, currentClass) => {
+export default (styles = {}) => (...classNames) => classNames.reduce((className, currentClass) => {
   if (currentClass && typeof currentClass === 'string') {
     const realName = styles[currentClass] || currentClass;
     return className ? `${className} ${realName}` : realName;
   }
   return className;
-}, ''));
+}, '');

package/bpk-scrim-utils/src/withScrimmedPortal.js

@@ -47,7 +47,7 @@ const withScrimmedPortal = WrappedComponent => {
      */
     if (isPortalReady) {
       const portalElement = getPortalElement(renderTarget);
-      return /*#__PURE__*/createPortal( /*#__PURE__*/_jsx(Scrimmed, {
+      return /*#__PURE__*/createPortal(/*#__PURE__*/_jsx(Scrimmed, {
         ...rest,
         isPortalReady: isPortalReady
       }), portalElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyscanner/backpack-web",
-  "version": "35.3.0",
+  "version": "35.3.1",
   "description": "Backpack Design System web library",
   "repository": {
     "type": "git",