@telus-uds/components-community.content-card 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @telus-uds/components-community.content-card
 
-This log was last generated on Wed, 01 Nov 2023 00:54:31 GMT and should not be manually modified.
+This log was last generated on Fri, 10 Nov 2023 22:28:25 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.0.3
+
+Fri, 10 Nov 2023 22:28:25 GMT
+
+### Patches
+
+- Bump @telus-uds/components-base to v1.67.1
+- Bump @telus-uds/browserslist-config to v1.0.5
+- Bump @telus-uds/system-theme-tokens to v2.44.1
+
+## 1.0.2
+
+Tue, 07 Nov 2023 16:32:21 GMT
+
+### Patches
+
+- Bump @telus-uds/components-base to v1.67.0
+- Bump @telus-uds/browserslist-config to v1.0.5
+- Bump @telus-uds/system-theme-tokens to v2.44.0
+
 ## 1.0.1
 
-Wed, 01 Nov 2023 00:54:31 GMT
+Wed, 01 Nov 2023 01:05:43 GMT
 
 ### Patches
 

package/lib/ContentCard.js

@@ -4,28 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _componentsBase = require("@telus-uds/components-base");
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _ImageBackground = _interopRequireDefault(require("react-native-web/dist/cjs/exports/ImageBackground"));
-
 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; }
-
 /* eslint-disable react/require-default-props */
+
 const styles = _StyleSheet.default.create({
   rowReverse: {
     flexDirection: 'row-reverse'
@@ -40,9 +30,9 @@ const styles = _StyleSheet.default.create({
   informationContainer: {
     width: '65%'
   }
-}); // Passes React Native-oriented system props through UDS PressableCardBase
-
+});
 
+// Passes React Native-oriented system props through UDS PressableCardBase
 exports.styles = styles;
 const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
 const ContentCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
@@ -67,18 +57,16 @@ const ContentCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const cardTokens = (0, _componentsBase.useThemeTokens)('Card', tokens, {}, {
     viewport
   });
-
   const {
     hrefAttrs,
     rest: unusedRest
   } = _componentsBase.hrefAttrsProp.bundle(rest);
-
   const getPressableCardTokens = cardState => {
-    return { ...cardTokens,
+    return {
+      ...cardTokens,
       ...getTokens(cardState)
     };
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.PressableCardBase, {
     ref: ref,
     onPress: onPress,
@@ -89,8 +77,9 @@ const ContentCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     children: cardState => {
       const {
         borderWidth
-      } = getPressableCardTokens(cardState); // Stop content jumping around as border size changes
+      } = getPressableCardTokens(cardState);
 
+      // Stop content jumping around as border size changes
       const borderOffset = borderWidth - generalTokens.borderWidth;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Box, {
         horizontal: {
@@ -132,7 +121,8 @@ const ContentCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
               children: linkText
             })]
           }), customImage || /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageBackground.default, {
-            source: imageSrc // eslint-disable-next-line react-native/no-inline-styles
+            source: imageSrc
+            // eslint-disable-next-line react-native/no-inline-styles
             ,
             style: {
               flex: 1,
@@ -148,53 +138,44 @@ const ContentCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 ContentCard.displayName = 'ContentCard';
-ContentCard.propTypes = { ...selectedSystemPropTypes,
-
+ContentCard.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The URL  to be navigated to.
    */
   href: _propTypes.default.string,
-
   /**
    * Text stating the title or headline.
    */
   title: _propTypes.default.string.isRequired,
-
   /**
    * Text giving a short content of the card. One paragraph of plain text.
    */
   content: _propTypes.default.string.isRequired,
-
   /**
    * Text for the ChevronLink.
    */
   linkText: _propTypes.default.string.isRequired,
-
   /**
    * Optional function to be called on press e.g. for within-page navigation.
    */
   onPress: _propTypes.default.func,
-
   /**
    * Src of the Image.
    */
   imageSrc: _propTypes.default.string,
-
   /**
    * Height of the Image.
    */
   imageHeight: _propTypes.default.number,
-
   /**
    * Width of the Image.
    */
   imageWidth: _propTypes.default.number,
-
   /**
    * Custom Image to be used instead of the default image.
    */
   customImage: _propTypes.default.node,
-
   /**
    * Controls if the content is on the right side of the image.
    */
@@ -203,7 +184,5 @@ ContentCard.propTypes = { ...selectedSystemPropTypes,
 ContentCard.defaultProps = {
   isContentOnRight: false
 };
-
 var _default = (0, _componentsBase.withLinkRouter)(ContentCard);
-
 exports.default = _default;

package/lib/index.js

@@ -10,10 +10,7 @@ Object.defineProperty(exports, "ContentCard", {
   }
 });
 exports.default = void 0;
-
 var _ContentCard = _interopRequireDefault(require("./ContentCard"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _ContentCard.default;
 exports.default = _default;

package/lib/index.native.js

@@ -10,10 +10,7 @@ Object.defineProperty(exports, "ContentCard", {
   }
 });
 exports.default = void 0;
-
 var _ContentCard = _interopRequireDefault(require("./ContentCard"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _ContentCard.default;
 exports.default = _default;

package/lib-module/ContentCard.js

@@ -21,8 +21,9 @@ export const styles = StyleSheet.create({
   informationContainer: {
     width: '65%'
   }
-}); // Passes React Native-oriented system props through UDS PressableCardBase
+});
 
+// Passes React Native-oriented system props through UDS PressableCardBase
 const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, focusHandlerProps, viewProps]);
 const ContentCard = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
@@ -50,13 +51,12 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref, ref) => {
     hrefAttrs,
     rest: unusedRest
   } = hrefAttrsProp.bundle(rest);
-
   const getPressableCardTokens = cardState => {
-    return { ...cardTokens,
+    return {
+      ...cardTokens,
       ...getTokens(cardState)
     };
   };
-
   return /*#__PURE__*/_jsx(PressableCardBase, {
     ref: ref,
     onPress: onPress,
@@ -67,8 +67,9 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref, ref) => {
     children: cardState => {
       const {
         borderWidth
-      } = getPressableCardTokens(cardState); // Stop content jumping around as border size changes
+      } = getPressableCardTokens(cardState);
 
+      // Stop content jumping around as border size changes
       const borderOffset = borderWidth - generalTokens.borderWidth;
       return /*#__PURE__*/_jsx(Box, {
         horizontal: {
@@ -110,7 +111,8 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref, ref) => {
               children: linkText
             })]
           }), customImage || /*#__PURE__*/_jsx(ImageBackground, {
-            source: imageSrc // eslint-disable-next-line react-native/no-inline-styles
+            source: imageSrc
+            // eslint-disable-next-line react-native/no-inline-styles
             ,
             style: {
               flex: 1,
@@ -126,53 +128,44 @@ const ContentCard = /*#__PURE__*/forwardRef((_ref, ref) => {
   });
 });
 ContentCard.displayName = 'ContentCard';
-ContentCard.propTypes = { ...selectedSystemPropTypes,
-
+ContentCard.propTypes = {
+  ...selectedSystemPropTypes,
   /**
    * The URL  to be navigated to.
    */
   href: PropTypes.string,
-
   /**
    * Text stating the title or headline.
    */
   title: PropTypes.string.isRequired,
-
   /**
    * Text giving a short content of the card. One paragraph of plain text.
    */
   content: PropTypes.string.isRequired,
-
   /**
    * Text for the ChevronLink.
    */
   linkText: PropTypes.string.isRequired,
-
   /**
    * Optional function to be called on press e.g. for within-page navigation.
    */
   onPress: PropTypes.func,
-
   /**
    * Src of the Image.
    */
   imageSrc: PropTypes.string,
-
   /**
    * Height of the Image.
    */
   imageHeight: PropTypes.number,
-
   /**
    * Width of the Image.
    */
   imageWidth: PropTypes.number,
-
   /**
    * Custom Image to be used instead of the default image.
    */
   customImage: PropTypes.node,
-
   /**
    * Controls if the content is on the right side of the image.
    */

package/package.json

@@ -5,7 +5,7 @@
   ],
   "dependencies": {
     "prop-types": "^15.7.2",
-    "@telus-uds/components-base": "^1.66.0"
+    "@telus-uds/components-base": "^1.67.1"
   },
   "devDependencies": {
     "@telus-uds/browserslist-config": "^1.0.4",
@@ -13,7 +13,7 @@
     "jest-styled-components": "^7.0.8",
     "babel-plugin-react-native-web": "^0.17.0",
     "@testing-library/react-native": "11.0.0",
-    "@telus-uds/system-theme-tokens": "^2.43.0"
+    "@telus-uds/system-theme-tokens": "^2.44.1"
   },
   "homepage": "https://github.com/telus/universal-design-system#readme",
   "license": "MIT",
@@ -44,5 +44,5 @@
   "standard-engine": {
     "skip": true
   },
-  "version": "1.0.1"
+  "version": "1.0.3"
 }