tenjin-ui-kit 0.2.95 → 0.2.101
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/Jenkinsfile +3 -3
- package/dist/components/text/index.js +63 -0
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/dist/components/Typo/index.js +0 -123
package/Jenkinsfile
CHANGED
|
@@ -3,7 +3,7 @@ pipeline {
|
|
|
3
3
|
|
|
4
4
|
environment {
|
|
5
5
|
|
|
6
|
-
TOKEN= credentials('
|
|
6
|
+
TOKEN= credentials('NPM_TOKEN')
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
|
|
@@ -37,8 +37,8 @@ pipeline {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
dir("./dist") {
|
|
40
|
-
sh '
|
|
41
|
-
|
|
40
|
+
sh 'export NPM_TOKEN=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'
|
|
41
|
+
sh 'echo $NPM_TOKEN'
|
|
42
42
|
sh 'npm publish'
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _material = require("@mui/material");
|
|
11
|
+
var _excluded = ["children", "bold", "semibold", "color", "variant", "link", "sx"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
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
|
+
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; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
19
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
20
|
+
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; }
|
|
21
|
+
var getColor = function getColor(color, theme) {
|
|
22
|
+
switch (color) {
|
|
23
|
+
default:
|
|
24
|
+
return color;
|
|
25
|
+
case "success":
|
|
26
|
+
return theme.palette.success.main;
|
|
27
|
+
case "error":
|
|
28
|
+
return theme.palette.error.main;
|
|
29
|
+
case "info":
|
|
30
|
+
return theme.palette.info.main;
|
|
31
|
+
case "warning":
|
|
32
|
+
return theme.palette.warning.main;
|
|
33
|
+
case "secondary":
|
|
34
|
+
return "GrayText";
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
var Text = function Text(_ref) {
|
|
38
|
+
var children = _ref.children,
|
|
39
|
+
bold = _ref.bold,
|
|
40
|
+
semibold = _ref.semibold,
|
|
41
|
+
color = _ref.color,
|
|
42
|
+
variant = _ref.variant,
|
|
43
|
+
link = _ref.link,
|
|
44
|
+
sx = _ref.sx,
|
|
45
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
46
|
+
var theme = (0, _material.useTheme)();
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
48
|
+
variant: variant === "title" ? "h6" : variant === "subtitle" ? "body2" : "body1",
|
|
49
|
+
fontWeight: bold ? "bold" : semibold ? 600 : "inherit",
|
|
50
|
+
color: link ? "primary" : getColor(color, theme)
|
|
51
|
+
}, rest, {
|
|
52
|
+
sx: _objectSpread({
|
|
53
|
+
textDecoration: link ? "none !important" : "inherit"
|
|
54
|
+
}, sx)
|
|
55
|
+
}), children);
|
|
56
|
+
};
|
|
57
|
+
Text.propTypes = {
|
|
58
|
+
bold: _propTypes.default.bool,
|
|
59
|
+
semibold: _propTypes.default.bool,
|
|
60
|
+
variant: _propTypes.default.oneOf(["title", "subtitle"])
|
|
61
|
+
};
|
|
62
|
+
var _default = Text;
|
|
63
|
+
exports.default = _default;
|
package/dist/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _default2 = _interopRequireDefault(require("../../themes/default"));
|
|
9
|
-
var _material = require("@mui/material");
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
var _reactRouterDom = require("react-router-dom");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
14
|
-
var Typo = function Typo(props) {
|
|
15
|
-
var color = props.color,
|
|
16
|
-
fontWeight = props.fontWeight,
|
|
17
|
-
secondary = props.secondary,
|
|
18
|
-
variant = props.variant,
|
|
19
|
-
to = props.to;
|
|
20
|
-
var titleSize = {
|
|
21
|
-
1: _default2.default.spacing(3),
|
|
22
|
-
1.25: _default2.default.spacing(3.345),
|
|
23
|
-
1.5: _default2.default.spacing(4.5)
|
|
24
|
-
};
|
|
25
|
-
var title1Size = {
|
|
26
|
-
1: _default2.default.spacing(2.5),
|
|
27
|
-
1.25: _default2.default.spacing(3),
|
|
28
|
-
1.5: _default2.default.spacing(4)
|
|
29
|
-
};
|
|
30
|
-
var textSize = {
|
|
31
|
-
1: _default2.default.spacing(2),
|
|
32
|
-
1.25: _default2.default.spacing(2.5),
|
|
33
|
-
1.5: _default2.default.spacing(3.5)
|
|
34
|
-
};
|
|
35
|
-
var text2Size = {
|
|
36
|
-
1: _default2.default.spacing(1.75),
|
|
37
|
-
1.25: _default2.default.spacing(2.1),
|
|
38
|
-
1.5: _default2.default.spacing(2.8)
|
|
39
|
-
};
|
|
40
|
-
var text3Size = {
|
|
41
|
-
1: _default2.default.spacing(1.5),
|
|
42
|
-
1.25: _default2.default.spacing(1.8),
|
|
43
|
-
1.5: _default2.default.spacing(2.7)
|
|
44
|
-
};
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, function () {
|
|
46
|
-
switch (variant) {
|
|
47
|
-
case "title1":
|
|
48
|
-
case "h1":
|
|
49
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
50
|
-
fontSize: titleSize[window.devicePixelRatio],
|
|
51
|
-
color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
|
|
52
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
53
|
-
}, props), props.children, titleSize[window.devicePixelRatio]);
|
|
54
|
-
case "title2":
|
|
55
|
-
case "h2":
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
57
|
-
fontSize: title1Size[window.devicePixelRatio],
|
|
58
|
-
color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
|
|
59
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
60
|
-
}, props), props.children, title1Size[window.devicePixelRatio]);
|
|
61
|
-
case "text":
|
|
62
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
63
|
-
fontSize: textSize[window.devicePixelRatio],
|
|
64
|
-
color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
|
|
65
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
66
|
-
}, props), props.children, textSize[window.devicePixelRatio]);
|
|
67
|
-
case "secondaryText":
|
|
68
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
69
|
-
fontSize: textSize[window.devicePixelRatio],
|
|
70
|
-
color: color ? color : _default2.default.palette.grey.main,
|
|
71
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
72
|
-
}, props), props.children, textSize[window.devicePixelRatio]);
|
|
73
|
-
case "text2":
|
|
74
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
75
|
-
fontSize: text2Size[window.devicePixelRatio],
|
|
76
|
-
color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
|
|
77
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
78
|
-
}, props), props.children, text2Size[window.devicePixelRatio]);
|
|
79
|
-
case "secondaryText2":
|
|
80
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
81
|
-
fontSize: text2Size[window.devicePixelRatio],
|
|
82
|
-
color: color ? color : _default2.default.palette.grey.main,
|
|
83
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
84
|
-
}, props), props.children, text2Size[window.devicePixelRatio]);
|
|
85
|
-
case "link":
|
|
86
|
-
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
87
|
-
to: to,
|
|
88
|
-
style: {
|
|
89
|
-
textDecoration: "none"
|
|
90
|
-
}
|
|
91
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
92
|
-
fontSize: text2Size[window.devicePixelRatio],
|
|
93
|
-
color: _default2.default.palette.primary_link.main,
|
|
94
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
95
|
-
}, props), props.children, text2Size[window.devicePixelRatio]));
|
|
96
|
-
case "text3":
|
|
97
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
98
|
-
fontSize: text3Size[window.devicePixelRatio],
|
|
99
|
-
color: color ? color : secondary ? _default2.default.palette.grey.main : _default2.default.palette.text.main,
|
|
100
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
101
|
-
}, props), props.children, text3Size[window.devicePixelRatio]);
|
|
102
|
-
case "secondaryText3":
|
|
103
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
104
|
-
fontSize: text3Size[window.devicePixelRatio],
|
|
105
|
-
color: color ? color : _default2.default.palette.grey.main,
|
|
106
|
-
fontWeight: fontWeight !== null && fontWeight !== void 0 ? fontWeight : 600
|
|
107
|
-
}, props), props.children, text3Size[window.devicePixelRatio]);
|
|
108
|
-
default:
|
|
109
|
-
return /*#__PURE__*/_react.default.createElement(_material.Typography, _extends({
|
|
110
|
-
fontSize: _default2.default.spacing(3)
|
|
111
|
-
}, props), "Default Typo");
|
|
112
|
-
}
|
|
113
|
-
}());
|
|
114
|
-
};
|
|
115
|
-
Typo.propTypes = {
|
|
116
|
-
variant: _propTypes.default.oneOf(["title1", "h1", "title2", "h2", "text", "secondaryText", "text2", "secondaryText2", "link", "text3", "scondaryText3"]).isRequired,
|
|
117
|
-
color: _propTypes.default.string,
|
|
118
|
-
fontWeight: _propTypes.default.number,
|
|
119
|
-
secondary: _propTypes.default.string,
|
|
120
|
-
to: _propTypes.default.string
|
|
121
|
-
};
|
|
122
|
-
var _default = Typo;
|
|
123
|
-
exports.default = _default;
|