@synerise/ds-card 0.12.7 → 0.13.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.13.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.12.7...@synerise/ds-card@0.13.0) (2022-11-08)
+
+
+### Features
+
+* **card:** passing down data-* attributes ([490d298](https://github.com/Synerise/synerise-design/commit/490d298de250fd3f30975d160601c88392b3c054))
+* **card:** support data-* attributes in CardBadge ([4e59200](https://github.com/Synerise/synerise-design/commit/4e592003b7dba56ff92348d0b453f3512d062bce))
+
+
+
+
+
 ## [0.12.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.12.6...@synerise/ds-card@0.12.7) (2022-08-31)
 
 **Note:** Version bump only for package @synerise/ds-card

package/dist/Card/Card.js

@@ -1,3 +1,9 @@
+var _excluded = ["children", "raised", "disabled", "style", "className", "lively", "withHeader", "defaultHeaderBackgroundColor", "title", "description", "compactHeader", "icon", "renderBadge", "iconColor", "headerSideChildren", "onHeaderClick", "withoutPadding", "headerBorderBottom", "background", "hideContent", "staticContent", "showSideChildrenWhenHeaderHidden"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
 import * as React from 'react';
 import Icon from '@synerise/ds-icon';
 import AnimateHeight from 'react-animate-height';
@@ -27,21 +33,25 @@ var Card = function Card(_ref) {
       background = _ref$background === void 0 ? 'white-shadow' : _ref$background,
       hideContent = _ref.hideContent,
       staticContent = _ref.staticContent,
-      showSideChildrenWhenHeaderHidden = _ref.showSideChildrenWhenHeaderHidden;
+      showSideChildrenWhenHeaderHidden = _ref.showSideChildrenWhenHeaderHidden,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var fatTitle = !description || description && compactHeader;
 
   var _React$useState = React.useState(false),
       headerActionsVisible = _React$useState[0],
       setHeaderActionsVisible = _React$useState[1];
 
-  return /*#__PURE__*/React.createElement(S.Container, {
+  return /*#__PURE__*/React.createElement(S.Container, _extends({
     raised: raised,
     disabled: disabled,
     style: style,
     className: "ds-card " + (className || ''),
     lively: lively,
     background: background
-  }, withHeader && /*#__PURE__*/React.createElement(S.Header, {
+    /** Necessary for passing down data-* attributes */
+
+  }, props), withHeader && /*#__PURE__*/React.createElement(S.Header, {
     onClick: onHeaderClick,
     headerBorderBottom: headerBorderBottom,
     defaultHeaderBackgroundColor: defaultHeaderBackgroundColor

package/dist/CardBadge/CardBadge.js

@@ -1,3 +1,9 @@
+var _excluded = ["icon", "status"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
 import * as React from 'react';
 import Icon from '@synerise/ds-icon';
 import * as S from './CardBadge.styles';
@@ -5,10 +11,14 @@ import * as S from './CardBadge.styles';
 var CardBadge = function CardBadge(_ref) {
   var icon = _ref.icon,
       _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'default' : _ref$status;
-  return /*#__PURE__*/React.createElement(S.CardBadge, {
+      status = _ref$status === void 0 ? 'default' : _ref$status,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(S.CardBadge, _extends({
     status: status
-  }, /*#__PURE__*/React.createElement(Icon, {
+    /** Necessary for passing down data-* attributes */
+
+  }, props), /*#__PURE__*/React.createElement(Icon, {
     component: icon
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card",
-  "version": "0.12.7",
+  "version": "0.13.0",
   "description": "Card UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -43,5 +43,5 @@
     "antd": "^4",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "ef480757296035e4ba2928cd169a98458477b8d1"
+  "gitHead": "3fe156f20f596548e107e9a88c92aa6ec1bef8fe"
 }