@skyscanner/backpack-web 25.7.0-beta.2 → 25.8.0

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

@@ -1,27 +1,43 @@
-/*
- * Backpack - Skyscanner's Design System
- *
- * Copyright 2016 Skyscanner Ltd
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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.
- */import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { cssModules } from "../../bpk-react-utils";
-import { INPUT_TYPES } from "../../bpk-component-input";
-import InputField from "./BpkInputField";
-import STYLES from "./BpkSplitInput.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "INPUT_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _bpkComponentInput.INPUT_TYPES;
+  }
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _bpkComponentInput = require("../../bpk-component-input");
+var _BpkInputField = _interopRequireDefault(require("./BpkInputField"));
+var _BpkSplitInputModule = _interopRequireDefault(require("./BpkSplitInput.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /*
+                                                                                                                                                                                                                                                                                                                                                                                           * Backpack - Skyscanner's Design System
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Copyright 2016 Skyscanner Ltd
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Licensed under the Apache License, Version 2.0 (the "License");
+                                                                                                                                                                                                                                                                                                                                                                                           * you may not use this file except in compliance with the License.
+                                                                                                                                                                                                                                                                                                                                                                                           * You may obtain a copy of the License at
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           *   http://www.apache.org/licenses/LICENSE-2.0
+                                                                                                                                                                                                                                                                                                                                                                                           *
+                                                                                                                                                                                                                                                                                                                                                                                           * Unless required by applicable law or agreed to in writing, software
+                                                                                                                                                                                                                                                                                                                                                                                           * distributed under the License is distributed on an "AS IS" BASIS,
+                                                                                                                                                                                                                                                                                                                                                                                           * 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.
+                                                                                                                                                                                                                                                                                                                                                                                           */
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkSplitInputModule.default);
 
 // keyCode constants
 const BACKSPACE = 8;
@@ -30,201 +46,201 @@ const RIGHT_ARROW = 39;
 const DELETE = 46;
 const SPACEBAR = 32;
 const ENTER = 13;
-class BpkSplitInput extends Component {
+class BpkSplitInput extends _react.Component {
   constructor(props) {
     super(props);
-    this.state = {
-      focusedInput: 0,
-      inputValue: []
-    };
-  }
-  onInputChange = input => {
-    this.setState({
-      inputValue: input
+    _defineProperty(this, "onInputChange", input => {
+      this.setState({
+        inputValue: input
+      });
+      const {
+        onChange
+      } = this.props;
+      const value = input.join('');
+      onChange(value);
+    });
+    _defineProperty(this, "updateInputValue", value => {
+      const {
+        focusedInput,
+        inputValue
+      } = this.state;
+      inputValue[focusedInput] = value;
+      this.onInputChange(inputValue);
     });
-    const {
-      onChange
-    } = this.props;
-    const value = input.join('');
-    onChange(value);
-  };
-  updateInputValue = value => {
-    const {
-      focusedInput,
-      inputValue
-    } = this.state;
-    inputValue[focusedInput] = value;
-    this.onInputChange(inputValue);
-  };
-  handleSubmit = () => {
-    const {
-      onSubmit
-    } = this.props;
-    const {
-      inputValue
-    } = this.state;
-    if (this.validateInput(inputValue)) {
-      const value = inputValue.join('');
-      onSubmit(value);
-    }
-  };
-  validateInput = inputValue => {
-    let index = 0;
-    while (index < inputValue.length) {
-      if (!this.isInputValid(inputValue[index])) {
-        this.setState({
-          focusedInput: index
-        });
-        return false;
+    _defineProperty(this, "handleSubmit", () => {
+      const {
+        onSubmit
+      } = this.props;
+      const {
+        inputValue
+      } = this.state;
+      if (this.validateInput(inputValue)) {
+        const value = inputValue.join('');
+        onSubmit(value);
       }
-      index += 1;
-    }
-    return true;
-  };
-  isNumeric = () => this.props.type === INPUT_TYPES.number;
-  isInputValid = value => {
-    const isTypeValid = this.isNumeric() ? /^\d$/.test(value) : typeof value === 'string';
-    return isTypeValid && value.trim().length === 1;
-  };
-  focusInput = inputIndex => {
-    const {
-      inputLength
-    } = this.props;
-    const focusedInput = Math.max(Math.min(inputLength - 1, inputIndex), 0);
-    this.setState({
-      focusedInput
     });
-  };
-  focusNextInput = () => {
-    const {
-      focusedInput
-    } = this.state;
-    this.focusInput(focusedInput + 1);
-  };
-  focusPreviousInput = () => {
-    const {
-      focusedInput
-    } = this.state;
-    this.focusInput(focusedInput - 1);
-  };
-  handleOnPaste = e => {
-    e.preventDefault();
-    const {
-      inputLength
-    } = this.props;
-    const {
-      focusedInput,
-      inputValue
-    } = this.state;
-    const pastedData = e.clipboardData.getData('text/plain').slice(0, inputLength - focusedInput).split('');
-    const charsReceived = pastedData.length;
-    let firstInvalidInputPosition;
-    let position = focusedInput;
-    for (position; position < charsReceived; position += 1) {
-      const firstElement = pastedData.shift();
-      if (this.isInputValid(firstElement)) {
-        inputValue[position] = firstElement;
-      } else if (typeof firstInvalidInputPosition === 'undefined') {
-        firstInvalidInputPosition = position;
+    _defineProperty(this, "validateInput", inputValue => {
+      let index = 0;
+      while (index < inputValue.length) {
+        if (!this.isInputValid(inputValue[index])) {
+          this.setState({
+            focusedInput: index
+          });
+          return false;
+        }
+        index += 1;
       }
-    }
-    this.focusInput(typeof firstInvalidInputPosition !== 'undefined' ? firstInvalidInputPosition : position);
-    this.onInputChange(inputValue);
-  };
-  handleOnKeyDown = e => {
-    if (e.keyCode === BACKSPACE || e.key === 'Backspace') {
-      e.preventDefault();
-      this.updateInputValue('');
-      this.focusPreviousInput();
-    } else if (e.keyCode === DELETE || e.key === 'Delete') {
-      e.preventDefault();
-      this.updateInputValue('');
-    } else if (e.keyCode === LEFT_ARROW || e.key === 'Left' || e.key === 'ArrowLeft') {
-      e.preventDefault();
-      this.focusPreviousInput();
-    } else if (e.keyCode === RIGHT_ARROW || e.key === 'Right' || e.key === 'ArrowRight') {
-      e.preventDefault();
-      this.focusNextInput();
-    } else if (e.keyCode === ENTER || e.key === 'Enter') {
-      e.preventDefault();
-      this.handleSubmit();
-    } else if (e.keyCode === SPACEBAR || e.key === ' ' || e.key === 'Spacebar' || e.key === 'Space') {
+      return true;
+    });
+    _defineProperty(this, "isNumeric", () => this.props.type === _bpkComponentInput.INPUT_TYPES.number);
+    _defineProperty(this, "isInputValid", value => {
+      const isTypeValid = this.isNumeric() ? /^\d$/.test(value) : typeof value === 'string';
+      return isTypeValid && value.trim().length === 1;
+    });
+    _defineProperty(this, "focusInput", inputIndex => {
+      const {
+        inputLength
+      } = this.props;
+      const focusedInput = Math.max(Math.min(inputLength - 1, inputIndex), 0);
+      this.setState({
+        focusedInput
+      });
+    });
+    _defineProperty(this, "focusNextInput", () => {
+      const {
+        focusedInput
+      } = this.state;
+      this.focusInput(focusedInput + 1);
+    });
+    _defineProperty(this, "focusPreviousInput", () => {
+      const {
+        focusedInput
+      } = this.state;
+      this.focusInput(focusedInput - 1);
+    });
+    _defineProperty(this, "handleOnPaste", e => {
       e.preventDefault();
-    }
-  };
-  handleOnChange = e => {
-    const {
-      value
-    } = e.target;
-    if (this.isInputValid(value)) {
-      this.updateInputValue(value);
-      this.focusNextInput();
-    }
-  };
-  handleOnFocus = (e, index) => {
-    this.setState({
-      focusedInput: index
+      const {
+        inputLength
+      } = this.props;
+      const {
+        focusedInput,
+        inputValue
+      } = this.state;
+      const pastedData = e.clipboardData.getData('text/plain').slice(0, inputLength - focusedInput).split('');
+      const charsReceived = pastedData.length;
+      let firstInvalidInputPosition;
+      let position = focusedInput;
+      for (position; position < charsReceived; position += 1) {
+        const firstElement = pastedData.shift();
+        if (this.isInputValid(firstElement)) {
+          inputValue[position] = firstElement;
+        } else if (typeof firstInvalidInputPosition === 'undefined') {
+          firstInvalidInputPosition = position;
+        }
+      }
+      this.focusInput(typeof firstInvalidInputPosition !== 'undefined' ? firstInvalidInputPosition : position);
+      this.onInputChange(inputValue);
+    });
+    _defineProperty(this, "handleOnKeyDown", e => {
+      if (e.keyCode === BACKSPACE || e.key === 'Backspace') {
+        e.preventDefault();
+        this.updateInputValue('');
+        this.focusPreviousInput();
+      } else if (e.keyCode === DELETE || e.key === 'Delete') {
+        e.preventDefault();
+        this.updateInputValue('');
+      } else if (e.keyCode === LEFT_ARROW || e.key === 'Left' || e.key === 'ArrowLeft') {
+        e.preventDefault();
+        this.focusPreviousInput();
+      } else if (e.keyCode === RIGHT_ARROW || e.key === 'Right' || e.key === 'ArrowRight') {
+        e.preventDefault();
+        this.focusNextInput();
+      } else if (e.keyCode === ENTER || e.key === 'Enter') {
+        e.preventDefault();
+        this.handleSubmit();
+      } else if (e.keyCode === SPACEBAR || e.key === ' ' || e.key === 'Spacebar' || e.key === 'Space') {
+        e.preventDefault();
+      }
+    });
+    _defineProperty(this, "handleOnChange", e => {
+      const {
+        value
+      } = e.target;
+      if (this.isInputValid(value)) {
+        this.updateInputValue(value);
+        this.focusNextInput();
+      }
+    });
+    _defineProperty(this, "handleOnFocus", (e, index) => {
+      this.setState({
+        focusedInput: index
+      });
+      e.target.select();
     });
-    e.target.select();
-  };
-  renderInputs = () => {
-    const {
-      focusedInput,
-      inputValue
-    } = this.state;
-    const {
-      id,
-      inputLength,
-      label,
-      large,
-      name,
-      placeholder,
-      type
-    } = this.props;
-    const inputs = [];
-    for (let index = 0; index < inputLength; index += 1) {
-      inputs.push( /*#__PURE__*/_jsx(InputField, {
-        index: index,
-        focus: focusedInput === index,
-        id: `${id}-${index}`,
-        label: label,
-        name: name,
-        type: type,
-        large: large,
-        value: inputValue && inputValue[index],
-        placeholder: placeholder,
-        onChange: this.handleOnChange,
-        onInput: this.handleOnChange,
-        onKeyDown: this.handleOnKeyDown,
-        onPaste: this.handleOnPaste,
-        onFocus: e => this.handleOnFocus(e, index)
-      }, index));
-    }
-    return inputs;
-  };
+    _defineProperty(this, "renderInputs", () => {
+      const {
+        focusedInput,
+        inputValue
+      } = this.state;
+      const {
+        id,
+        inputLength,
+        label,
+        large,
+        name,
+        placeholder,
+        type
+      } = this.props;
+      const inputs = [];
+      for (let index = 0; index < inputLength; index += 1) {
+        inputs.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkInputField.default, {
+          index: index,
+          focus: focusedInput === index,
+          id: `${id}-${index}`,
+          label: label,
+          name: name,
+          type: type,
+          large: large,
+          value: inputValue && inputValue[index],
+          placeholder: placeholder,
+          onChange: this.handleOnChange,
+          onInput: this.handleOnChange,
+          onKeyDown: this.handleOnKeyDown,
+          onPaste: this.handleOnPaste,
+          onFocus: e => this.handleOnFocus(e, index)
+        }, index));
+      }
+      return inputs;
+    });
+    this.state = {
+      focusedInput: 0,
+      inputValue: []
+    };
+  }
   render() {
-    return /*#__PURE__*/_jsx("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: getClassName('bpk-split-input'),
       children: this.renderInputs()
     });
   }
 }
 BpkSplitInput.propTypes = {
-  type: PropTypes.oneOf([INPUT_TYPES.text, INPUT_TYPES.number]),
-  id: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  inputLength: PropTypes.number,
-  placeholder: PropTypes.string,
-  onChange: PropTypes.func.isRequired,
-  onSubmit: PropTypes.func.isRequired,
-  large: PropTypes.bool
+  type: _propTypes.default.oneOf([_bpkComponentInput.INPUT_TYPES.text, _bpkComponentInput.INPUT_TYPES.number]),
+  id: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  inputLength: _propTypes.default.number,
+  placeholder: _propTypes.default.string,
+  onChange: _propTypes.default.func.isRequired,
+  onSubmit: _propTypes.default.func.isRequired,
+  large: _propTypes.default.bool
 };
 BpkSplitInput.defaultProps = {
-  type: INPUT_TYPES.number,
+  type: _bpkComponentInput.INPUT_TYPES.number,
   inputLength: 4,
   large: true,
   placeholder: ''
 };
-export default BpkSplitInput;
-export { INPUT_TYPES };
+var _default = BpkSplitInput;
+exports.default = _default;

package/bpk-component-star-rating/index.js

@@ -1,3 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BpkInteractiveStar", {
+  enumerable: true,
+  get: function () {
+    return _BpkInteractiveStar.default;
+  }
+});
+Object.defineProperty(exports, "BpkInteractiveStarRating", {
+  enumerable: true,
+  get: function () {
+    return _BpkInteractiveStarRating.default;
+  }
+});
+Object.defineProperty(exports, "BpkStar", {
+  enumerable: true,
+  get: function () {
+    return _BpkStar.default;
+  }
+});
+Object.defineProperty(exports, "BpkStarNonRtl", {
+  enumerable: true,
+  get: function () {
+    return _BpkStar.BpkStarNonRtl;
+  }
+});
+Object.defineProperty(exports, "ROUNDING_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkStarRating.ROUNDING_TYPES;
+  }
+});
+Object.defineProperty(exports, "STAR_TYPES", {
+  enumerable: true,
+  get: function () {
+    return _BpkStar.STAR_TYPES;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "themeAttributes", {
+  enumerable: true,
+  get: function () {
+    return _themeAttributes.default;
+  }
+});
+Object.defineProperty(exports, "withInteractiveStarRatingState", {
+  enumerable: true,
+  get: function () {
+    return _withInteractiveStarRatingState.default;
+  }
+});
+var _BpkStar = _interopRequireWildcard(require("./src/BpkStar"));
+var _BpkInteractiveStar = _interopRequireDefault(require("./src/BpkInteractiveStar"));
+var _BpkStarRating = _interopRequireWildcard(require("./src/BpkStarRating"));
+var _BpkInteractiveStarRating = _interopRequireDefault(require("./src/BpkInteractiveStarRating"));
+var _withInteractiveStarRatingState = _interopRequireDefault(require("./src/withInteractiveStarRatingState"));
+var _themeAttributes = _interopRequireDefault(require("./src/themeAttributes"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,11 +77,6 @@
  * 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.
- */import BpkStar, { BpkStarNonRtl, STAR_TYPES } from "./src/BpkStar";
-import BpkInteractiveStar from "./src/BpkInteractiveStar";
-import BpkStarRating, { ROUNDING_TYPES } from "./src/BpkStarRating";
-import BpkInteractiveStarRating from "./src/BpkInteractiveStarRating";
-import withInteractiveStarRatingState from "./src/withInteractiveStarRatingState";
-import themeAttributes from "./src/themeAttributes";
-export { BpkStar, BpkStarNonRtl, STAR_TYPES, ROUNDING_TYPES, BpkInteractiveStar, BpkInteractiveStarRating, withInteractiveStarRatingState, themeAttributes };
-export default BpkStarRating;
+ */
+var _default = _BpkStarRating.default;
+exports.default = _default;

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

@@ -1,3 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _bpkReactUtils = require("../../bpk-react-utils");
+var _BpkStar = require("./BpkStar");
+var _BpkInteractiveStarModule = _interopRequireDefault(require("./BpkInteractiveStar.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["label", "name", "onClick", "onMouseEnter", "selected", "type", "value"];
 /*
  * Backpack - Skyscanner's Design System
  *
@@ -14,53 +26,57 @@
  * 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.
- */import PropTypes from 'prop-types';
-import { cssModules } from "../../bpk-react-utils";
-import { BpkStarNonRtl, STAR_TYPES } from "./BpkStar";
-import STYLES from "./BpkInteractiveStar.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const getClassName = cssModules(STYLES);
+ */
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const getClassName = (0, _bpkReactUtils.cssModules)(_BpkInteractiveStarModule.default);
 const BpkInteractiveStar = props => {
   const {
-    label,
-    name,
-    onClick,
-    onMouseEnter,
-    selected,
-    type,
-    value,
-    ...rest
-  } = props;
+      label,
+      name,
+      onClick,
+      onMouseEnter,
+      selected,
+      type,
+      value
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const buttonClassNames = getClassName('bpk-interactive-star', selected && 'bpk-interactive-star--selected');
   const iconClassNames = getClassName('bpk-interactive-star__icon', selected && 'bpk-interactive-star__icon--selected');
 
   // Note we use `BpkStarRatingNonRtl` here otherwise it already has `scaleX(-1)` applied in RTL.
   // That causes the scale animation to be a bit over the top.
 
-  return /*#__PURE__*/_jsx("button", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
     "aria-label": label,
     onClick: onClick,
     onMouseEnter: onMouseEnter,
     className: buttonClassNames,
     "aria-pressed": selected,
     type: "button",
-    children: /*#__PURE__*/_jsx(BpkStarNonRtl, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkStar.BpkStarNonRtl, _objectSpread({
       className: iconClassNames,
-      type: type,
-      ...rest
-    })
+      type: type
+    }, rest))
   });
 };
 BpkInteractiveStar.propTypes = {
-  label: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  onClick: PropTypes.func.isRequired,
-  onMouseEnter: PropTypes.func.isRequired,
-  type: PropTypes.oneOf([STAR_TYPES.EMPTY, STAR_TYPES.FULL]).isRequired,
-  value: PropTypes.number.isRequired,
-  selected: PropTypes.bool
+  label: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  onMouseEnter: _propTypes.default.func.isRequired,
+  type: _propTypes.default.oneOf([_BpkStar.STAR_TYPES.EMPTY, _BpkStar.STAR_TYPES.FULL]).isRequired,
+  value: _propTypes.default.number.isRequired,
+  selected: _propTypes.default.bool
 };
 BpkInteractiveStar.defaultProps = {
   selected: false
 };
-export default BpkInteractiveStar;
+var _default = BpkInteractiveStar;
+exports.default = _default;