@telus-uds/components-base 1.3.1 → 1.4.0

package/.turbo/turbo-build.log

@@ -1,8 +1,8 @@
-@telus-uds/components-base:build: cache hit, replaying output 4c5b413de9c92c19
+@telus-uds/components-base:build: cache hit, replaying output 875a557dac68c9fc
 @telus-uds/components-base:build: $ yarn build:code && yarn build:docs
 @telus-uds/components-base:build: $ yarn build:main && yarn build:module
 @telus-uds/components-base:build: $ babel src -d lib
-@telus-uds/components-base:build: Successfully compiled 215 files with Babel (14990ms).
+@telus-uds/components-base:build: Successfully compiled 215 files with Babel (7019ms).
 @telus-uds/components-base:build: $ babel src -d lib-module --env-name module
-@telus-uds/components-base:build: Successfully compiled 215 files with Babel (11089ms).
+@telus-uds/components-base:build: Successfully compiled 215 files with Babel (5391ms).
 @telus-uds/components-base:build: $ babel-node --plugins=react-docgen-alpha generate-component-docs.js

package/CHANGELOG.json

@@ -2,7 +2,30 @@
   "name": "@telus-uds/components-base",
   "entries": [
     {
-      "date": "Wed, 30 Mar 2022 09:49:08 GMT",
+      "date": "Fri, 01 Apr 2022 14:15:14 GMT",
+      "tag": "@telus-uds/components-base_v1.4.0",
+      "version": "1.4.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "simon.lawrence@nearform.com",
+            "package": "@telus-uds/components-base",
+            "commit": "05e43b4642997ec461094b5d8a439bfef1abaab8",
+            "comment": "Refactor children wrapping in the notifications"
+          }
+        ],
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@telus-uds/components-base",
+            "comment": "Bump @telus-uds/system-theme-tokens to v1.3.0",
+            "commit": "05e43b4642997ec461094b5d8a439bfef1abaab8"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Mar 2022 09:49:18 GMT",
       "tag": "@telus-uds/components-base_v1.3.1",
       "version": "1.3.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,24 @@
 # Change Log - @telus-uds/components-base
 
-This log was last generated on Wed, 30 Mar 2022 09:49:08 GMT and should not be manually modified.
+This log was last generated on Fri, 01 Apr 2022 14:15:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.4.0
+
+Fri, 01 Apr 2022 14:15:14 GMT
+
+### Minor changes
+
+- Bump @telus-uds/system-theme-tokens to v1.3.0
+
+### Patches
+
+- Refactor children wrapping in the notifications (simon.lawrence@nearform.com)
+
 ## 1.3.1
 
-Wed, 30 Mar 2022 09:49:08 GMT
+Wed, 30 Mar 2022 09:49:18 GMT
 
 ### Patches
 
@@ -14,6 +26,12 @@ Wed, 30 Mar 2022 09:49:08 GMT
 - Bump @telus-uds/system-constants to v1.0.2
 - Bump @telus-uds/system-theme-tokens to v1.2.2
 - Bump @telus-uds/browserslist-config to v1.0.1
+- Export viewport context
+- Unify system props handling
+- Reduced motion support for ActivityIndicator component
+- Include FootnoteLink in list of wrappable children
+- Add a module build target
+- Add SSR util functions
 
 ## [1.3.0](https://github.com/telus/universal-design-system/compare/@telus-uds/components-base/v1.2.0...@telus-uds/components-base/v1.3.0) (2022-03-21)
 

package/component-docs.json

@@ -110,7 +110,8 @@
         "rightIcon": "icon",
         "iconDisplace": "size",
         "iconSize": "size",
-        "iconSpace": "integer"
+        "iconSpace": "integer",
+        "textLine": "textLine"
       },
       "CheckboxGroup": {
         "space": "integer",

package/lib/Notification/Notification.js

@@ -9,8 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
 
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -143,10 +141,11 @@ const Notification = /*#__PURE__*/(0, _react.forwardRef)(({
   }
 
   const textStyles = selectTextStyles(themeTokens);
-  const content = typeof children === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
-    style: textStyles,
-    children: children
-  }) : children;
+  const content = (0, _utils.wrapStringsInText)(typeof children === 'function' ? children({
+    textStyles
+  }) : children, {
+    style: textStyles
+  });
   const {
     icon: IconComponent,
     dismissIcon: DismissIconComponent

package/lib-module/Notification/Notification.js

@@ -1,10 +1,9 @@
 import React, { forwardRef, useState } from 'react';
 import StyleSheet from "react-native-web/dist/exports/StyleSheet";
-import Text from "react-native-web/dist/exports/Text";
 import View from "react-native-web/dist/exports/View";
 import PropTypes from 'prop-types';
 import { applyTextStyles, useThemeTokens } from '../ThemeProvider';
-import { a11yProps, getTokensPropType, selectSystemProps, selectTokens, variantProp, viewProps } from '../utils';
+import { a11yProps, getTokensPropType, selectSystemProps, selectTokens, variantProp, viewProps, wrapStringsInText } from '../utils';
 import ButtonBase from '../Button/ButtonBase';
 import useCopy from '../utils/useCopy';
 import dictionary from './dictionary';
@@ -120,10 +119,11 @@ const Notification = /*#__PURE__*/forwardRef(({
   }
 
   const textStyles = selectTextStyles(themeTokens);
-  const content = typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
-    style: textStyles,
-    children: children
-  }) : children;
+  const content = wrapStringsInText(typeof children === 'function' ? children({
+    textStyles
+  }) : children, {
+    style: textStyles
+  });
   const {
     icon: IconComponent,
     dismissIcon: DismissIconComponent

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telus-uds/components-base",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Base components",
   "keywords": [
     "base"
@@ -59,7 +59,7 @@
   "dependencies": {
     "airbnb-prop-types": "^2.16.0",
     "@telus-uds/system-constants": "^1.0.2",
-    "@telus-uds/system-theme-tokens": "^1.2.2",
+    "@telus-uds/system-theme-tokens": "^1.3.0",
     "lodash.debounce": "^4.0.8",
     "lodash.merge": "^4.6.2",
     "prop-types": "^15.7.2",

package/src/Notification/Notification.jsx

@@ -1,5 +1,5 @@
 import React, { forwardRef, useState } from 'react'
-import { StyleSheet, Text, View } from 'react-native'
+import { StyleSheet, View } from 'react-native'
 
 import PropTypes from 'prop-types'
 import { applyTextStyles, useThemeTokens } from '../ThemeProvider'
@@ -9,7 +9,8 @@ import {
   selectSystemProps,
   selectTokens,
   variantProp,
-  viewProps
+  viewProps,
+  wrapStringsInText
 } from '../utils'
 import ButtonBase from '../Button/ButtonBase'
 import useCopy from '../utils/useCopy'
@@ -102,8 +103,10 @@ const Notification = forwardRef(
 
     const textStyles = selectTextStyles(themeTokens)
 
-    const content =
-      typeof children === 'string' ? <Text style={textStyles}>{children}</Text> : children
+    const content = wrapStringsInText(
+      typeof children === 'function' ? children({ textStyles }) : children,
+      { style: textStyles }
+    )
 
     const { icon: IconComponent, dismissIcon: DismissIconComponent } = themeTokens