@telus-uds/components-base 1.66.0 → 1.67.1

package/lib/TextInput/TextArea.js

@@ -4,30 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _utils = require("../utils");
-
 var _InputSupports = _interopRequireDefault(require("../InputSupports"));
-
 var _TextInputBase = _interopRequireDefault(require("./TextInputBase"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _propTypes = _interopRequireDefault(require("./propTypes"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.inputSupportsProps, _utils.textInputHandlerProps, _utils.textInputProps, _utils.viewProps]);
+
 /**
  * Use to collect long-form information such as product feedback or support queries.
  * Due to React Native's implementation of `TextInput` it's not possible to access the current value by passing a ref.
@@ -52,7 +41,6 @@ const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_u
  * or an indicator that the field is optional.
  * It is a more usable and accessible option than the HTML `placeholder` attribute.
  */
-
 const TextArea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     tokens,
@@ -60,8 +48,9 @@ const TextArea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     ...rest
   } = _ref;
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('TextArea', tokens, variant);
-  const [inputHeight, setInputHeight] = (0, _react.useState)(); // adjust the text area's height as new lines are added to the content
+  const [inputHeight, setInputHeight] = (0, _react.useState)();
 
+  // adjust the text area's height as new lines are added to the content
   const onHeightChange = _ref2 => {
     let {
       nativeEvent: {
@@ -70,19 +59,19 @@ const TextArea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         }
       }
     } = _ref2;
-
     // on native this is happens out of the box
     if (_Platform.default.OS === 'web') {
       setInputHeight(height);
     }
   };
-
   const {
     supportsProps,
     ...selectedProps
   } = selectProps(rest);
-  const inputProps = { ...selectedProps,
-    variant: { ...variant,
+  const inputProps = {
+    ...selectedProps,
+    variant: {
+      ...variant,
       validation: supportsProps.validation
     },
     multiline: true,
@@ -90,7 +79,8 @@ const TextArea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     height: inputHeight,
     tokens: themeTokens
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, { ...supportsProps,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputSupports.default, {
+    ...supportsProps,
     children: _ref3 => {
       let {
         inputId,
@@ -106,7 +96,8 @@ const TextArea = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 TextArea.displayName = 'TextArea';
-TextArea.propTypes = { ...selectedSystemPropTypes,
+TextArea.propTypes = {
+  ...selectedSystemPropTypes,
   ..._propTypes.default,
   tokens: (0, _utils.getTokensPropType)('TextArea', 'TextInput'),
   // TODO: support both TextArea and TextInput tokens

package/lib/TextInput/TextInput.js

@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _InputSupports = _interopRequireDefault(require("../InputSupports"));
-
 var _TextInputBase = _interopRequireDefault(require("./TextInputBase"));
-
 var _propTypes2 = _interopRequireDefault(require("./propTypes"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.inputSupportsProps, _utils.textInputHandlerProps, _utils.textInputProps, _utils.viewProps]);
+
 /**
  * A basic text input component. Use in forms or individually to receive user's input.
  * Due to React Native's implementation of `TextInput` it's not possible to access the current value by passing a ref.
@@ -44,7 +34,6 @@ const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_u
  * supported props and <a href="https://reactnative.dev/docs/textinput" target="_blank">React Native Web documentation</a> for
  * their implementation on the web.
  */
-
 const TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     tokens,
@@ -56,9 +45,11 @@ const TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     supportsProps,
     ...selectedProps
   } = selectProps(rest);
-  const inputProps = { ...selectedProps,
+  const inputProps = {
+    ...selectedProps,
     tokens,
-    variant: { ...variant,
+    variant: {
+      ...variant,
       validation: supportsProps.validation
     }
   };
@@ -82,9 +73,9 @@ const TextInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 TextInput.displayName = 'TextInput';
-TextInput.propTypes = { ...selectedSystemPropTypes,
+TextInput.propTypes = {
+  ...selectedSystemPropTypes,
   ..._propTypes2.default,
-
   /**
    * A callback which if provided will get a clear button rendered and will be called whenever that button gets pressed.
    */

package/lib/TextInput/TextInputBase.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _TextInput = _interopRequireDefault(require("react-native-web/dist/cjs/exports/TextInput"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _StackView = _interopRequireDefault(require("../StackView"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _utils = require("../utils");
-
 var _dictionary = _interopRequireDefault(require("./dictionary"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.textInputHandlerProps, _utils.textInputProps, _utils.viewProps]);
-
 const selectInputStyles = (_ref, themeOptions, inactive, type) => {
   let {
     backgroundColor,
@@ -61,11 +43,9 @@ const selectInputStyles = (_ref, themeOptions, inactive, type) => {
     width,
     height
   } = _ref;
-
   // Subtract border width from padding so overall input width/height doesn't
   // jump around if the border width changes (avoiding NaN and negative padding)
   const offsetBorder = value => typeof value === 'number' ? Math.max(0, value - borderWidth) : value;
-
   const textStyles = (0, _ThemeProvider.applyTextStyles)({
     fontName,
     fontSize,
@@ -73,23 +53,19 @@ const selectInputStyles = (_ref, themeOptions, inactive, type) => {
     fontWeight,
     themeOptions
   });
-
   function linesToHeight(lines) {
     const {
       lineHeight: absoluteLineHeight
     } = textStyles;
     return lines !== undefined ? lines * absoluteLineHeight + paddingTop + paddingBottom : undefined;
   }
-
   const minHeight = linesToHeight(minLines);
   const maxHeight = linesToHeight(maxLines);
-
   const webStyles = _Platform.default.select({
     web: {
       outline: 'none',
       cursor: inactive ? 'not-allowed' : undefined,
       resize: minHeight !== maxHeight ? 'vertical' : 'none' // does nothing for an input, only needed for textarea
-
     }
   });
 
@@ -112,7 +88,6 @@ const selectInputStyles = (_ref, themeOptions, inactive, type) => {
     ...webStyles
   };
 };
-
 const selectOuterBorderStyles = _ref2 => {
   let {
     outerBackgroundColor,
@@ -129,7 +104,6 @@ const selectOuterBorderStyles = _ref2 => {
     })
   };
 };
-
 const selectIconTokens = _ref3 => {
   let {
     iconSize,
@@ -140,7 +114,6 @@ const selectIconTokens = _ref3 => {
     color: iconColor
   };
 };
-
 const selectIconContainerStyles = (_ref4, buttonCount) => {
   let {
     buttonSize,
@@ -153,7 +126,6 @@ const selectIconContainerStyles = (_ref4, buttonCount) => {
     paddingBottom
   };
 };
-
 const selectLeftIconContainerStyles = _ref5 => {
   let {
     leftIconPaddingBottom
@@ -164,7 +136,6 @@ const selectLeftIconContainerStyles = _ref5 => {
     paddingBottom: leftIconPaddingBottom
   };
 };
-
 const selectButtonsContainerStyle = _ref6 => {
   let {
     buttonsPaddingRight
@@ -173,7 +144,6 @@ const selectButtonsContainerStyle = _ref6 => {
     paddingRight: buttonsPaddingRight
   };
 };
-
 const getIcon = function () {
   let cardNumber = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let {
@@ -210,7 +180,6 @@ const getIcon = function () {
     testID: selectedIcon.testID
   });
 };
-
 const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
   let {
     buttons = [],
@@ -235,29 +204,23 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
   } = _ref7;
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const [showPassword, setShowPassword] = (0, _react.useState)(false);
-
   const handleFocus = event => {
     setIsFocused(true);
     if (typeof onFocus === 'function') onFocus(event);
   };
-
   const handleBlur = event => {
     setIsFocused(false);
     if (typeof onBlur === 'function') onBlur(event);
   };
-
   const [isHovered, setIsHovered] = (0, _react.useState)(false);
-
   const handleMouseOver = event => {
     setIsHovered(true);
     if (typeof onMouseOver === 'function') onMouseOver(event);
   };
-
   const handleMouseOut = event => {
     setIsHovered(false);
     if (typeof onMouseOut === 'function') onMouseOut(event);
   };
-
   const defaultRef = (0, _react.useRef)();
   const inputRef = ref ?? defaultRef;
   const {
@@ -287,43 +250,34 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
       element.pattern = pattern;
     }
   }, [element, pattern]);
-
   const handleChangeText = event => {
     var _event$nativeEvent, _event$target;
-
     const text = ((_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : _event$nativeEvent.text) || ((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
     let filteredText = isNumeric ? text === null || text === void 0 ? void 0 : text.replace(/[^\d]/g, '') : text;
-
     if (type === 'card' && filteredText) {
       const formattedValue = filteredText.replace(/[^a-zA-Z0-9]/g, '');
-      const regex = new RegExp(`([a-zA-Z0-9]{4})(?=[a-zA-Z0-9])`, 'g'); // Add a space every 4 digits starting from the 5th position
-
+      const regex = new RegExp(`([a-zA-Z0-9]{4})(?=[a-zA-Z0-9])`, 'g');
+      // Add a space every 4 digits starting from the 5th position
       filteredText = formattedValue.replace(regex, '$1 ').trim();
     }
-
     setValue(filteredText, event);
     if (typeof onChangeText === 'function') onChangeText(filteredText, event);
   };
-
   const states = {
     focus: isFocused,
     hover: isHovered,
     inactive
   };
   const themeTokens = (0, _ThemeProvider.useThemeTokens)('TextInput', tokens, variant, states);
-
   const handleClear = event => {
     var _inputRef$current;
-
     onClear === null || onClear === void 0 ? void 0 : onClear(event);
     resetValue(event);
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
   };
-
   const handleShowOrHide = () => {
     if (!variant.inactive) setShowPassword(!showPassword);
   };
-
   const {
     buttonsGap,
     clearButtonIcon: ClearButtonIcon,
@@ -341,7 +295,6 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
     copy
   });
   const textInputButtons = buttons;
-
   if (onClear && isDirty) {
     textInputButtons === null || textInputButtons === void 0 ? void 0 : textInputButtons.unshift( /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       accessibilityLabel: getCopy('clearButtonAccessibilityLabel'),
@@ -352,7 +305,6 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
       }
     }, "clear"));
   }
-
   if (isPassword) {
     textInputButtons === null || textInputButtons === void 0 ? void 0 : textInputButtons.unshift( /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       accessibilityLabel: !showPassword ? getCopy('hidePasswordAccessibilityLabel') : getCopy('showPasswordAccessibilityLabel'),
@@ -370,8 +322,8 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
       }
     }, !showPassword ? 'hide' : 'show'));
   }
-
-  const inputProps = { ...selectProps(rest),
+  const inputProps = {
+    ...selectProps(rest),
     editable: !inactive,
     onFocus: handleFocus,
     onBlur: handleBlur,
@@ -385,7 +337,8 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
   const {
     themeOptions
   } = (0, _ThemeProvider.useTheme)();
-  const nativeInputStyle = selectInputStyles({ ...themeTokens,
+  const nativeInputStyle = selectInputStyles({
+    ...themeTokens,
     height
   }, themeOptions, inactive, type);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
@@ -409,10 +362,12 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
     }), IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
       pointerEvents: "none" // avoid hijacking input press events
       ,
-      style: [staticStyles.rightIconContainer, selectIconContainerStyles({ ...themeTokens,
+      style: [staticStyles.rightIconContainer, selectIconContainerStyles({
+        ...themeTokens,
         buttonsGapSize
       }, buttons === null || buttons === void 0 ? void 0 : buttons.length)],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, { ...selectIconTokens(themeTokens)
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+        ...selectIconTokens(themeTokens)
       })
     }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
       style: [staticStyles.buttonsContainer, selectButtonsContainerStyle(themeTokens)],
@@ -425,9 +380,9 @@ const TextInputBase = /*#__PURE__*/(0, _react.forwardRef)((_ref7, ref) => {
   });
 });
 TextInputBase.displayName = 'TextInputBase';
-TextInputBase.propTypes = { ...selectedSystemPropTypes,
+TextInputBase.propTypes = {
+  ...selectedSystemPropTypes,
   buttons: _propTypes.default.arrayOf(_propTypes.default.node),
-
   /**
    * Select English or French copy for the accessible labels.
    * You may also pass in a custom dictionary object.
@@ -453,7 +408,6 @@ TextInputBase.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = TextInputBase;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   buttonsContainer: {
     position: 'absolute',

package/lib/TextInput/index.js

@@ -15,9 +15,6 @@ Object.defineProperty(exports, "TextInput", {
     return _TextInput.default;
   }
 });
-
 var _TextInput = _interopRequireDefault(require("./TextInput"));
-
 var _TextArea = _interopRequireDefault(require("./TextArea"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/TextInput/propTypes.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // These are prop types specific to UDS TextInput; see also ../utils/props/textInputProps
 // for generic React Native props and HTML input attrs that are passed through.
 const textInputPropTypes = {
@@ -17,28 +14,23 @@ const textInputPropTypes = {
    * together with the `onChange` to pass down and update the lifted state.
    */
   value: _propTypes.default.string,
-
   /**
    * Use this to set the type of the input. Defaults to `text`.
    */
   type: _propTypes.default.string,
-
   /**
    * Use this to set the initial value of an uncontrolled input.
    * Updating `initialValue` will **not** update the actual value.
    */
   initialValue: _propTypes.default.string,
-
   /**
    * Disables all user interactions with the input.
    */
   inactive: _propTypes.default.bool,
-
   /**
    * Makes it impossible to change the input's value.
    */
   readOnly: _propTypes.default.bool,
-
   /**
    * Use to react upon input's value changes. Required when the `value` prop is set.
    * Will receive the input's value as an argument.

package/lib/ThemeProvider/ThemeProvider.js

@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.uninitialisedError = exports.default = exports.ThemeSetterContext = exports.ThemeContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("./utils");
-
 var _responsiveProps = _interopRequireDefault(require("../utils/props/responsiveProps"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 const uninitialisedError = new Error('Theme context used outside of ThemeProvider');
 exports.uninitialisedError = uninitialisedError;
 const ThemeContext = /*#__PURE__*/(0, _react.createContext)(uninitialisedError);
 exports.ThemeContext = ThemeContext;
-const ThemeSetterContext = /*#__PURE__*/(0, _react.createContext)(uninitialisedError); // These options default to `true` in v1.x to match legacy defaults and avoid breaking changes.
-// This should change in future major releases to become "opt-in" legacy support.
+const ThemeSetterContext = /*#__PURE__*/(0, _react.createContext)(uninitialisedError);
 
+// These options default to `true` in v1.x to match legacy defaults and avoid breaking changes.
+// This should change in future major releases to become "opt-in" legacy support.
 exports.ThemeSetterContext = ThemeSetterContext;
 const defaultThemeOptions = {
   // TODO: switch `forceAbsoluteFontSizing` to be false by default in the next major version
@@ -37,7 +29,6 @@ const defaultThemeOptions = {
   // TODO: switch `enableHelmetSSR` to be false by default in the next major version
   enableHelmetSSR: true
 };
-
 const ThemeProvider = _ref => {
   let {
     children,
@@ -50,24 +41,26 @@ const ThemeProvider = _ref => {
       setTheme(defaultTheme);
     }
   }, [theme.metadata.name, defaultTheme]);
-  const appliedThemeOptions = { ...defaultThemeOptions,
+  const appliedThemeOptions = {
+    ...defaultThemeOptions,
     ...themeOptions
-  }; // Validate the theme tokens version on every render.
+  };
+
+  // Validate the theme tokens version on every render.
   // This will intentionally break the application when attempting to use an invalid theme.
   // This will surface an incompatibility quickly rather than allowing the potential for strange bugs due to missing or incompatible tokens.
-
   (0, _utils.validateThemeTokensVersion)(theme);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeSetterContext.Provider, {
     value: setTheme,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
-      value: { ...theme,
+      value: {
+        ...theme,
         themeOptions: appliedThemeOptions
       },
       children: children
     })
   });
 };
-
 ThemeProvider.propTypes = {
   children: _propTypes.default.node.isRequired,
   defaultTheme: _propTypes.default.shape({
@@ -76,7 +69,6 @@ ThemeProvider.propTypes = {
       name: _propTypes.default.string.isRequired
     }).isRequired
   }).isRequired,
-
   /**
    * An object containing options allowing to customize the theming experience:
    *

package/lib/ThemeProvider/index.js

@@ -20,15 +20,10 @@ Object.defineProperty(exports, "useTheme", {
     return _useTheme.default;
   }
 });
-
 var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
-
 var _useTheme = _interopRequireDefault(require("./useTheme"));
-
 var _useSetTheme = _interopRequireDefault(require("./useSetTheme"));
-
 var _useThemeTokens = require("./useThemeTokens");
-
 Object.keys(_useThemeTokens).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -40,9 +35,7 @@ Object.keys(_useThemeTokens).forEach(function (key) {
     }
   });
 });
-
 var _utils = require("./utils");
-
 Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -54,8 +47,6 @@ Object.keys(_utils).forEach(function (key) {
     }
   });
 });
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _ThemeProvider.default;
 exports.default = _default;

package/lib/ThemeProvider/useSetTheme.js

@@ -4,23 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _ThemeProvider = require("./ThemeProvider");
-
 const useSetTheme = () => {
   // Replace current theme with provided object
-  const setTheme = (0, _react.useContext)(_ThemeProvider.ThemeSetterContext); // Fail fast if dev uses useSetTheme outside of ThemeProvider
-
+  const setTheme = (0, _react.useContext)(_ThemeProvider.ThemeSetterContext);
+  // Fail fast if dev uses useSetTheme outside of ThemeProvider
   if (setTheme instanceof Error) {
     throw setTheme;
-  } // Merge provided object into current theme
-
+  }
 
+  // Merge provided object into current theme
   const editTheme = (0, _react.useCallback)(newTheme => setTheme(function () {
     let oldTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return { ...oldTheme,
+    return {
+      ...oldTheme,
       ...newTheme
     };
   }), [setTheme]);
@@ -29,6 +27,5 @@ const useSetTheme = () => {
     editTheme
   };
 };
-
 var _default = useSetTheme;
 exports.default = _default;

package/lib/ThemeProvider/useTheme.js

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _ThemeProvider = require("./ThemeProvider");
-
 const useTheme = () => {
-  const theme = (0, _react.useContext)(_ThemeProvider.ThemeContext); // Fail fast if dev uses useTheme outside of ThemeProvider
-
+  const theme = (0, _react.useContext)(_ThemeProvider.ThemeContext);
+  // Fail fast if dev uses useTheme outside of ThemeProvider
   if (theme instanceof Error) {
     throw theme;
   }
-
   return theme;
 };
-
 var _default = useTheme;
 exports.default = _default;