@synerise/ds-card 0.9.4 → 0.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.10.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.10.2...@synerise/ds-card@0.10.3) (2022-01-17)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-card
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.10.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.10.1...@synerise/ds-card@0.10.2) (2021-11-22)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-card
17
+
18
+
19
+
20
+
21
+
22
+ ## [0.10.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.9.4...@synerise/ds-card@0.10.1) (2021-11-09)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-card
25
+
26
+
27
+
28
+
29
+
30
+ # [0.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.9.4...@synerise/ds-card@0.10.0) (2021-11-09)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-card
33
+
34
+
35
+
36
+
37
+
6
38
  ## [0.9.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.9.2...@synerise/ds-card@0.9.4) (2021-10-26)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-card
package/dist/Card/Card.js CHANGED
@@ -1,15 +1,3 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
1
  import * as React from 'react';
14
2
  import Icon from '@synerise/ds-icon';
15
3
  import AnimateHeight from 'react-animate-height';
@@ -41,59 +29,58 @@ var Card = function Card(_ref) {
41
29
  var fatTitle = !description || description && compactHeader;
42
30
 
43
31
  var _React$useState = React.useState(false),
44
- _React$useState2 = _slicedToArray(_React$useState, 2),
45
- headerActionsVisible = _React$useState2[0],
46
- setHeaderActionsVisible = _React$useState2[1];
32
+ headerActionsVisible = _React$useState[0],
33
+ setHeaderActionsVisible = _React$useState[1];
47
34
 
48
- return React.createElement(S.Container, {
35
+ return /*#__PURE__*/React.createElement(S.Container, {
49
36
  raised: raised,
50
37
  disabled: disabled,
51
38
  style: style,
52
- className: "ds-card ".concat(className || ''),
39
+ className: "ds-card " + (className || ''),
53
40
  lively: lively,
54
41
  background: background
55
- }, withHeader && React.createElement(S.Header, {
42
+ }, withHeader && /*#__PURE__*/React.createElement(S.Header, {
56
43
  onClick: onHeaderClick,
57
44
  headerBorderBottom: headerBorderBottom
58
- }, icon && React.createElement(S.IconContainer, {
45
+ }, icon && /*#__PURE__*/React.createElement(S.IconContainer, {
59
46
  description: description,
60
47
  compact: compactHeader
61
- }, React.createElement(Icon, {
48
+ }, /*#__PURE__*/React.createElement(Icon, {
62
49
  component: icon,
63
50
  color: iconColor
64
- })), React.createElement(S.HeaderContent, {
51
+ })), /*#__PURE__*/React.createElement(S.HeaderContent, {
65
52
  compact: compactHeader,
66
53
  hasIcon: !!icon
67
- }, title && React.createElement(S.Title, {
54
+ }, title && /*#__PURE__*/React.createElement(S.Title, {
68
55
  description: description,
69
56
  level: 4,
70
57
  fat: !!fatTitle
71
- }, title), description && React.createElement(S.Description, null, description)), headerSideChildren && React.createElement(VisibilitySensor, {
58
+ }, title), description && /*#__PURE__*/React.createElement(S.Description, null, description)), headerSideChildren && /*#__PURE__*/React.createElement(VisibilitySensor, {
72
59
  partialVisibility: true,
73
60
  onChange: setHeaderActionsVisible
74
- }, React.createElement(S.HeaderSideChildren, {
61
+ }, /*#__PURE__*/React.createElement(S.HeaderSideChildren, {
75
62
  onClick: function onClick(event) {
76
63
  return event.stopPropagation();
77
64
  }
78
- }, headerSideChildren))), staticContent && React.createElement(AnimateHeight, {
65
+ }, headerSideChildren))), staticContent && /*#__PURE__*/React.createElement(AnimateHeight, {
79
66
  className: "static-content-card-animation",
80
67
  duration: 300,
81
68
  height: hideContent ? 'auto' : 0
82
- }, React.createElement(S.ChildrenContainer, null, React.createElement(S.PaddingWrapper, {
69
+ }, /*#__PURE__*/React.createElement(S.ChildrenContainer, null, /*#__PURE__*/React.createElement(S.PaddingWrapper, {
83
70
  withoutPadding: withoutPadding,
84
71
  withHeader: withHeader
85
- }, staticContent))), React.createElement(AnimateHeight, {
72
+ }, staticContent))), /*#__PURE__*/React.createElement(AnimateHeight, {
86
73
  className: "card-animation",
87
74
  duration: 300,
88
75
  height: hideContent ? 0 : 'auto'
89
- }, React.createElement(S.ChildrenContainer, null, React.createElement(S.PaddingWrapper, {
76
+ }, /*#__PURE__*/React.createElement(S.ChildrenContainer, null, /*#__PURE__*/React.createElement(S.PaddingWrapper, {
90
77
  withoutPadding: withoutPadding,
91
78
  withHeader: withHeader
92
- }, children))), showSideChildrenWhenHeaderHidden && React.createElement(AnimateHeight, {
79
+ }, children))), showSideChildrenWhenHeaderHidden && /*#__PURE__*/React.createElement(AnimateHeight, {
93
80
  className: "card-animation-footer",
94
81
  duration: 0,
95
82
  height: headerSideChildren && !headerActionsVisible ? 'auto' : 0
96
- }, React.createElement(S.FooterContainer, null, headerSideChildren)));
83
+ }, /*#__PURE__*/React.createElement(S.FooterContainer, null, headerSideChildren)));
97
84
  };
98
85
 
99
86
  export default Card;
@@ -13,7 +13,7 @@ var backgroundColor = function backgroundColor(props) {
13
13
 
14
14
  var boxShadow = function boxShadow(props) {
15
15
  if (withBoxShadow.includes(props.background)) return "0 4px 12px 0 rgba(35, 41, 54, 0.04)";
16
- if (withOutline.includes(props.background)) return "".concat(props.theme.palette['grey-200'], " 0px 0px 0px 1px inset");
16
+ if (withOutline.includes(props.background)) return props.theme.palette['grey-200'] + " 0px 0px 0px 1px inset";
17
17
  return 'none';
18
18
  };
19
19
 
@@ -0,0 +1 @@
1
+ export {};
@@ -6,9 +6,9 @@ var CardBadge = function CardBadge(_ref) {
6
6
  var icon = _ref.icon,
7
7
  _ref$status = _ref.status,
8
8
  status = _ref$status === void 0 ? 'default' : _ref$status;
9
- return React.createElement(S.CardBadge, {
9
+ return /*#__PURE__*/React.createElement(S.CardBadge, {
10
10
  status: status
11
- }, React.createElement(Icon, {
11
+ }, /*#__PURE__*/React.createElement(Icon, {
12
12
  component: icon
13
13
  }));
14
14
  };
@@ -15,7 +15,7 @@ var color = {
15
15
  };
16
16
 
17
17
  var boxShadow = function boxShadow(props) {
18
- return props.status === 'default' ? "".concat(props.theme.palette['grey-400'], " 0px 0px 0px 1.5px inset") : 'none';
18
+ return props.status === 'default' ? props.theme.palette['grey-400'] + " 0px 0px 0px 1.5px inset" : 'none';
19
19
  }; // eslint-disable-next-line import/prefer-default-export
20
20
 
21
21
 
@@ -0,0 +1 @@
1
+ export {};
@@ -5,7 +5,7 @@ var CardGroup = function CardGroup(_ref) {
5
5
  var className = _ref.className,
6
6
  children = _ref.children,
7
7
  columns = _ref.columns;
8
- return React.createElement(S.Container, {
8
+ return /*#__PURE__*/React.createElement(S.Container, {
9
9
  className: className,
10
10
  items: columns
11
11
  }, children);
@@ -1,22 +1,10 @@
1
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
2
-
3
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
8
-
9
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
10
-
11
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
12
-
13
1
  import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
14
2
 
15
3
  export var Container = styled.div.withConfig({
16
4
  displayName: "CardGroupstyles__Container",
17
5
  componentId: "qyudjs-0"
18
6
  })(["display:grid;grid-column-gap:24px;grid-row-gap:24px;grid-template-columns:", ";width:100%;"], function (props) {
19
- return _toConsumableArray(new Array(props.items)).map(function () {
7
+ return [].concat(new Array(props.items)).map(function () {
20
8
  return '1fr';
21
9
  }).join(' ');
22
10
  });
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-card",
3
- "version": "0.9.4",
3
+ "version": "0.10.3",
4
4
  "description": "Card UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,8 +32,8 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-icon": "^0.45.2",
36
- "@synerise/ds-typography": "^0.11.9",
35
+ "@synerise/ds-icon": "^0.47.0",
36
+ "@synerise/ds-typography": "^0.12.2",
37
37
  "@synerise/ds-utils": "^0.8.31",
38
38
  "react-animate-height": "^2.0.23",
39
39
  "react-visibility-sensor": "^5.1.1"
@@ -43,5 +43,5 @@
43
43
  "antd": "^4",
44
44
  "react": ">=16.9.0 < 17.0.0"
45
45
  },
46
- "gitHead": "daaf50ad62081d7ad77eb4ac65100173df77c731"
46
+ "gitHead": "56c08eca6e2a1e41b8a39e28a9ec657ac1bdec83"
47
47
  }