@semcore/card 4.2.15 → 4.2.17
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 +2 -2
- package/lib/cjs/Card.js +21 -33
- package/lib/cjs/Card.js.map +1 -1
- package/lib/es6/Card.js +12 -21
- package/lib/es6/Card.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.2.
|
|
5
|
+
## [4.2.17] - 2023-02-22
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [3.10.2 ~> 3.12.0]).
|
|
10
10
|
|
|
11
11
|
## [4.2.13] - 2023-02-13
|
|
12
12
|
|
package/lib/cjs/Card.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
15
|
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
17
|
|
|
16
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
19
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
21
|
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
@@ -35,42 +35,30 @@ var _m = _interopRequireDefault(require("@semcore/icon/Info/m"));
|
|
|
35
35
|
|
|
36
36
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
37
37
|
|
|
38
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
-
|
|
40
|
-
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; }
|
|
41
|
-
|
|
42
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
43
|
-
|
|
44
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
45
|
-
|
|
46
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
47
|
-
|
|
48
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
49
|
-
|
|
50
38
|
/*__reshadow-styles__:"./style/card.shadow.css"*/
|
|
51
39
|
var style = (
|
|
52
40
|
/*__reshadow_css_start__*/
|
|
53
41
|
_core.sstyled.insert(
|
|
54
42
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
43
|
+
".___SCard_e3eu6_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16),\n 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SWrapper_e3eu6_gg_{display:inline-flex;align-items:center}.___SIcon_e3eu6_gg_,.___STitle_e3eu6_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_e3eu6_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_e3eu6_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_e3eu6_gg_{display:inline-flex;vertical-align:middle}.___SDescription_e3eu6_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_e3eu6_gg_,.___SHeader_e3eu6_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_e3eu6_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_e3eu6_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}"
|
|
56
44
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
45
|
+
, "e3eu6_gg_")
|
|
58
46
|
/*__reshadow_css_end__*/
|
|
59
47
|
, {
|
|
60
|
-
"__SCard": "
|
|
61
|
-
"__SWrapper": "
|
|
62
|
-
"__STitle": "
|
|
63
|
-
"__SIcon": "
|
|
64
|
-
"__STooltip": "
|
|
65
|
-
"__SDescription": "
|
|
66
|
-
"__SHeader": "
|
|
67
|
-
"__SBody": "
|
|
48
|
+
"__SCard": "___SCard_e3eu6_gg_",
|
|
49
|
+
"__SWrapper": "___SWrapper_e3eu6_gg_",
|
|
50
|
+
"__STitle": "___STitle_e3eu6_gg_",
|
|
51
|
+
"__SIcon": "___SIcon_e3eu6_gg_",
|
|
52
|
+
"__STooltip": "___STooltip_e3eu6_gg_",
|
|
53
|
+
"__SDescription": "___SDescription_e3eu6_gg_",
|
|
54
|
+
"__SHeader": "___SHeader_e3eu6_gg_",
|
|
55
|
+
"__SBody": "___SBody_e3eu6_gg_"
|
|
68
56
|
});
|
|
69
57
|
|
|
70
58
|
var CardRoot = /*#__PURE__*/function (_Component) {
|
|
71
59
|
(0, _inherits2["default"])(CardRoot, _Component);
|
|
72
60
|
|
|
73
|
-
var _super =
|
|
61
|
+
var _super = (0, _createSuper2["default"])(CardRoot);
|
|
74
62
|
|
|
75
63
|
function CardRoot() {
|
|
76
64
|
(0, _classCallCheck2["default"])(this, CardRoot);
|
|
@@ -88,7 +76,7 @@ var CardRoot = /*#__PURE__*/function (_Component) {
|
|
|
88
76
|
Children = _this$asProps.Children,
|
|
89
77
|
styles = _this$asProps.styles;
|
|
90
78
|
var advanceMode = (0, _findComponent.isAdvanceMode)(Children, [Card.Header.displayName, Card.Body.displayName]);
|
|
91
|
-
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCard, _ref6.cn("SCard",
|
|
79
|
+
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCard, _ref6.cn("SCard", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advanceMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(Card.Body, null, /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {}))));
|
|
92
80
|
}
|
|
93
81
|
}]);
|
|
94
82
|
return CardRoot;
|
|
@@ -107,7 +95,7 @@ function Title(props) {
|
|
|
107
95
|
var STitle = _typography.Text;
|
|
108
96
|
var SIcon = _m["default"];
|
|
109
97
|
var STooltip = _tooltip["default"];
|
|
110
|
-
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref7.cn("SWrapper", {}), /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle",
|
|
98
|
+
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref7.cn("SWrapper", {}), /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2)))), hint && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
|
|
111
99
|
"title": hint
|
|
112
100
|
}), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {}))));
|
|
113
101
|
}
|
|
@@ -118,7 +106,7 @@ function Description(props) {
|
|
|
118
106
|
|
|
119
107
|
var styles = props.styles;
|
|
120
108
|
var SDescription = _typography.Text;
|
|
121
|
-
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref8.cn("SDescription",
|
|
109
|
+
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref8.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
122
110
|
"tag": "p"
|
|
123
111
|
}, _ref3))));
|
|
124
112
|
}
|
|
@@ -129,7 +117,7 @@ function Header(props) {
|
|
|
129
117
|
|
|
130
118
|
var styles = props.styles;
|
|
131
119
|
var SHeader = _flexBox.Box;
|
|
132
|
-
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref9.cn("SHeader",
|
|
120
|
+
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SHeader, _ref9.cn("SHeader", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref4))));
|
|
133
121
|
}
|
|
134
122
|
|
|
135
123
|
function Body(props) {
|
|
@@ -138,7 +126,7 @@ function Body(props) {
|
|
|
138
126
|
|
|
139
127
|
var styles = props.styles;
|
|
140
128
|
var SBody = _flexBox.Box;
|
|
141
|
-
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody",
|
|
129
|
+
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBody, _ref10.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({}, props), _ref5))));
|
|
142
130
|
}
|
|
143
131
|
|
|
144
132
|
var Card = (0, _core["default"])(CardRoot, {
|
package/lib/cjs/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["CardRoot","SCard","Box","asProps","Children","styles","advanceMode","isAdvanceMode","Card","Header","displayName","Body","sstyled","Component","style","Title","props","hint","SWrapper","STitle","Text","SIcon","InfoM","STooltip","Tooltip","Description","SDescription","SHeader","SBody","createComponent"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Tooltip from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const SWrapper = 'div';\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <SWrapper>\n <STitle render={Text} />\n {hint && (\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\n )}\n </SWrapper>,\n );\n}\n\nfunction Description(props) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AAGA
|
|
1
|
+
{"version":3,"file":"Card.js","names":["CardRoot","SCard","Box","asProps","Children","styles","advanceMode","isAdvanceMode","Card","Header","displayName","Body","sstyled","Component","style","Title","props","hint","SWrapper","STitle","Text","SIcon","InfoM","STooltip","Tooltip","Description","SDescription","SHeader","SBody","createComponent"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Tooltip from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const SWrapper = 'div';\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <SWrapper>\n <STitle render={Text} />\n {hint && (\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\n )}\n </SWrapper>,\n );\n}\n\nfunction Description(props) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AAGA;;;;;;;;;;;;;;;;;;;;;;IAEMA,Q;;;;;;;;;;;;WAKJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAMMC,YANjB;MACA,oBAA6B,KAAKC,OAAlC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAEA,IAAMC,WAAW,GAAG,IAAAC,4BAAA,EAAcH,QAAd,EAAwB,CAACI,IAAI,CAACC,MAAL,CAAYC,WAAb,EAA0BF,IAAI,CAACG,IAAL,CAAUD,WAApC,CAAxB,CAApB;MAEA,eAAO,IAAAE,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,KAAD,2FACGC,WAAW,gBACV,gCAAC,QAAD,2BADU,gBAGV,gCAAC,IAAD,CAAM,IAAN,qBACE,gCAAC,QAAD,2BADF,CAJJ,CADF;IAWD;;;EAtBoBO,e;;iCAAjBb,Q,iBACiB,M;iCADjBA,Q,WAGWc,K;;AAsBjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAQX,MAAR,GAAyBW,KAAzB,CAAQX,MAAR;EAAA,IAAgBY,IAAhB,GAAyBD,KAAzB,CAAgBC,IAAhB;EACA,IAAMC,QAAQ,GAAG,KAAjB;EACA,IAAMC,MAAM,GAKQC,gBALpB;EACA,IAAMC,KAAK,GAAGC,aAAd;EACA,IAAMC,QAAQ,GAAGC,mBAAjB;EACA,eAAO,IAAAZ,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,QAAD,yCACE,gCAAC,MAAD,4FADF,EAEGY,IAAI,iBACH,gCAAC,QAAD;IAAA,SAAiBA;EAAjB,iBACE,gCAAC,KAAD,wBADF,CAHJ,CADF;AAUD;;AAED,SAASQ,WAAT,CAAqBT,KAArB,EAA4B;EAAA;EAAA;;EAC1B,IAAQX,MAAR,GAAmBW,KAAnB,CAAQX,MAAR;EACA,IAAMqB,YAAY,GAC2BN,gBAD7C;EACA,eAAO,IAAAR,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,YAAD;IAAA,OAAgC;EAAhC,YAAvB;AACD;;AAED,SAASI,MAAT,CAAgBO,KAAhB,EAAuB;EAAA;EAAA;;EACrB,IAAQX,MAAR,GAAmBW,KAAnB,CAAQX,MAAR;EACA,IAAMsB,OAAO,GAC2BzB,YADxC;EACA,eAAO,IAAAU,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,OAAD,mHAA0BW,KAA1B,YAAvB;AACD;;AAED,SAASL,IAAT,CAAcK,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAQX,MAAR,GAAmBW,KAAnB,CAAQX,MAAR;EACA,IAAMuB,KAAK,GAC2B1B,YADtC;EACA,gBAAO,IAAAU,aAAA,EAAQP,MAAR,CAAP,eAAuB,gCAAC,KAAD,kHAAwBW,KAAxB,YAAvB;AACD;;AAED,IAAMR,IAAI,GAAG,IAAAqB,gBAAA,EAAgB7B,QAAhB,EAA0B;EACrCe,KAAK,EAALA,KADqC;EAErCU,WAAW,EAAXA,WAFqC;EAGrChB,MAAM,EAANA,MAHqC;EAIrCE,IAAI,EAAJA;AAJqC,CAA1B,CAAb;eAOeH,I"}
|
package/lib/es6/Card.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
-
import
|
|
5
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
7
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps5 } from "@semcore/core";
|
|
@@ -10,15 +10,6 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
10
10
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
12
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
13
|
-
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
-
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
|
-
|
|
18
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
19
|
-
|
|
20
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
21
|
-
|
|
22
13
|
import React from 'react';
|
|
23
14
|
import createComponent, { Component, sstyled, Root } from '@semcore/core';
|
|
24
15
|
import { Box } from '@semcore/flex-box';
|
|
@@ -31,19 +22,19 @@ var style = (
|
|
|
31
22
|
/*__reshadow_css_start__*/
|
|
32
23
|
_sstyled.insert(
|
|
33
24
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
25
|
+
".___SCard_e3eu6_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n 0px 0px 1px 0px rgba(25, 27, 35, 0.16),\n 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n )}.___SWrapper_e3eu6_gg_{display:inline-flex;align-items:center}.___SIcon_e3eu6_gg_,.___STitle_e3eu6_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_e3eu6_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_e3eu6_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_e3eu6_gg_{display:inline-flex;vertical-align:middle}.___SDescription_e3eu6_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_e3eu6_gg_,.___SHeader_e3eu6_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_e3eu6_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_e3eu6_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}"
|
|
35
26
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
27
|
+
, "e3eu6_gg_")
|
|
37
28
|
/*__reshadow_css_end__*/
|
|
38
29
|
, {
|
|
39
|
-
"__SCard": "
|
|
40
|
-
"__SWrapper": "
|
|
41
|
-
"__STitle": "
|
|
42
|
-
"__SIcon": "
|
|
43
|
-
"__STooltip": "
|
|
44
|
-
"__SDescription": "
|
|
45
|
-
"__SHeader": "
|
|
46
|
-
"__SBody": "
|
|
30
|
+
"__SCard": "___SCard_e3eu6_gg_",
|
|
31
|
+
"__SWrapper": "___SWrapper_e3eu6_gg_",
|
|
32
|
+
"__STitle": "___STitle_e3eu6_gg_",
|
|
33
|
+
"__SIcon": "___SIcon_e3eu6_gg_",
|
|
34
|
+
"__STooltip": "___STooltip_e3eu6_gg_",
|
|
35
|
+
"__SDescription": "___SDescription_e3eu6_gg_",
|
|
36
|
+
"__SHeader": "___SHeader_e3eu6_gg_",
|
|
37
|
+
"__SBody": "___SBody_e3eu6_gg_"
|
|
47
38
|
});
|
|
48
39
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
49
40
|
|
package/lib/es6/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","InfoM","isAdvanceMode","CardRoot","SCard","asProps","Children","styles","advanceMode","Card","Header","displayName","Body","style","Title","props","hint","SWrapper","STitle","SIcon","STooltip","Description","SDescription","SHeader","SBody"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Tooltip from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const SWrapper = 'div';\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <SWrapper>\n <STitle render={Text} />\n {hint && (\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\n )}\n </SWrapper>,\n );\n}\n\nfunction Description(props) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","InfoM","isAdvanceMode","CardRoot","SCard","asProps","Children","styles","advanceMode","Card","Header","displayName","Body","style","Title","props","hint","SWrapper","STitle","SIcon","STooltip","Description","SDescription","SHeader","SBody"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Tooltip from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n static displayName = 'Card';\n\n static style = style;\n\n render() {\n const SCard = Root;\n const { Children, styles } = this.asProps;\n\n const advanceMode = isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n return sstyled(styles)(\n <SCard render={Box}>\n {advanceMode ? (\n <Children />\n ) : (\n <Card.Body>\n <Children />\n </Card.Body>\n )}\n </SCard>,\n );\n }\n}\n\nfunction Title(props) {\n const { styles, hint } = props;\n const SWrapper = 'div';\n const STitle = Root;\n const SIcon = InfoM;\n const STooltip = Tooltip;\n return sstyled(styles)(\n <SWrapper>\n <STitle render={Text} />\n {hint && (\n <STooltip title={hint}>\n <SIcon />\n </STooltip>\n )}\n </SWrapper>,\n );\n}\n\nfunction Description(props) {\n const { styles } = props;\n const SDescription = Root;\n return sstyled(styles)(<SDescription render={Text} tag=\"p\" />);\n}\n\nfunction Header(props) {\n const { styles } = props;\n const SHeader = Root;\n return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n const { styles } = props;\n const SBody = Root;\n return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n Title,\n Description,\n Header,\n Body,\n});\n\nexport default Card;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,IAAT,QAAqB,qBAArB;AACA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,KAAP,MAAkB,sBAAlB;;;;;;;;;;;;;;;;;;;;;AAGA,SAASC,aAAT,QAA8B,kCAA9B;;IAEMC,Q;;;;;;;;;;;;;WAKJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,KAAK,GAMMN,GANjB;MACA,oBAA6B,KAAKO,OAAlC;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAEA,IAAMC,WAAW,GAAGN,aAAa,CAACI,QAAD,EAAW,CAACG,IAAI,CAACC,MAAL,CAAYC,WAAb,EAA0BF,IAAI,CAACG,IAAL,CAAUD,WAApC,CAAX,CAAjC;MAEA,eAAOf,OAAO,CAACW,MAAD,CAAd,eACE,oBAAC,KAAD,gEACGC,WAAW,gBACV,oBAAC,QAAD,2BADU,gBAGV,oBAAC,IAAD,CAAM,IAAN,qBACE,oBAAC,QAAD,2BADF,CAJJ,CADF;IAWD;;;;EAtBoBb,S;;gBAAjBQ,Q,iBACiB,M;;gBADjBA,Q,WAGWU,K;;AAsBjB,SAASC,KAAT,CAAeC,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAQR,MAAR,GAAyBQ,KAAzB,CAAQR,MAAR;EAAA,IAAgBS,IAAhB,GAAyBD,KAAzB,CAAgBC,IAAhB;EACA,IAAMC,QAAQ,GAAG,KAAjB;EACA,IAAMC,MAAM,GAKQnB,IALpB;EACA,IAAMoB,KAAK,GAAGlB,KAAd;EACA,IAAMmB,QAAQ,GAAGpB,OAAjB;EACA,eAAOJ,OAAO,CAACW,MAAD,CAAd,eACE,oBAAC,QAAD,yCACE,oBAAC,MAAD,kEADF,EAEGS,IAAI,iBACH,oBAAC,QAAD;IAAA,SAAiBA;EAAjB,iBACE,oBAAC,KAAD,wBADF,CAHJ,CADF;AAUD;;AAED,SAASK,WAAT,CAAqBN,KAArB,EAA4B;EAAA;EAAA;;EAC1B,IAAQR,MAAR,GAAmBQ,KAAnB,CAAQR,MAAR;EACA,IAAMe,YAAY,GAC2BvB,IAD7C;EACA,eAAOH,OAAO,CAACW,MAAD,CAAd,eAAuB,oBAAC,YAAD;IAAA,OAAgC;EAAhC,YAAvB;AACD;;AAED,SAASG,MAAT,CAAgBK,KAAhB,EAAuB;EAAA;EAAA;;EACrB,IAAQR,MAAR,GAAmBQ,KAAnB,CAAQR,MAAR;EACA,IAAMgB,OAAO,GAC2BzB,GADxC;EACA,eAAOF,OAAO,CAACW,MAAD,CAAd,eAAuB,oBAAC,OAAD,wEAA0BQ,KAA1B,YAAvB;AACD;;AAED,SAASH,IAAT,CAAcG,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAQR,MAAR,GAAmBQ,KAAnB,CAAQR,MAAR;EACA,IAAMiB,KAAK,GAC2B1B,GADtC;EACA,gBAAOF,OAAO,CAACW,MAAD,CAAd,eAAuB,oBAAC,KAAD,uEAAwBQ,KAAxB,YAAvB;AACD;;AAED,IAAMN,IAAI,GAAGf,eAAe,CAACS,QAAD,EAAW;EACrCW,KAAK,EAALA,KADqC;EAErCO,WAAW,EAAXA,WAFqC;EAGrCX,MAAM,EAANA,MAHqC;EAIrCE,IAAI,EAAJA;AAJqC,CAAX,CAA5B;AAOA,eAAeH,IAAf"}
|