@times-components/button 2.5.30 → 2.6.0
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 +11 -0
- package/babel.config.js +2 -5
- package/dist/button-prop-types.js +30 -1
- package/dist/button.js +49 -1
- package/dist/styles/index.js +39 -1
- package/dist/styles/shared.js +36 -1
- package/package.json +5 -4
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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
|
+
# [2.6.0](https://github.com/newsuk/times-components/compare/@times-components/button@2.5.30...@times-components/button@2.6.0) (2022-07-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TDP-1712:** change jest config 01 ([#3038](https://github.com/newsuk/times-components/issues/3038)) ([a06acac](https://github.com/newsuk/times-components/commit/a06acac0a2a5812787ddd856a5a78faf000d224a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [2.5.30](https://github.com/newsuk/times-components/compare/@times-components/button@2.5.29...@times-components/button@2.5.30) (2022-07-19)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/button
|
package/babel.config.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
module.exports = api => {
|
|
2
2
|
api.cache(true);
|
|
3
3
|
return {
|
|
4
|
-
plugins: [
|
|
5
|
-
|
|
6
|
-
"@babel/plugin-transform-react-display-name"
|
|
7
|
-
],
|
|
8
|
-
presets: ["module:metro-react-native-babel-preset"]
|
|
4
|
+
plugins: ["babel-plugin-styled-components"],
|
|
5
|
+
presets: ["@babel/preset-env", "@babel/preset-react"]
|
|
9
6
|
};
|
|
10
7
|
};
|
|
@@ -1 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = exports.propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var propTypes = {
|
|
13
|
+
fontSize: _propTypes["default"].number,
|
|
14
|
+
lineHeight: _propTypes["default"].number,
|
|
15
|
+
onPress: _propTypes["default"].func.isRequired,
|
|
16
|
+
style: _propTypes["default"].object,
|
|
17
|
+
title: _propTypes["default"].string,
|
|
18
|
+
textStyle: _propTypes["default"].string,
|
|
19
|
+
underlayColor: _propTypes["default"].string
|
|
20
|
+
};
|
|
21
|
+
exports.propTypes = propTypes;
|
|
22
|
+
var defaultProps = {
|
|
23
|
+
fontSize: null,
|
|
24
|
+
lineHeight: null,
|
|
25
|
+
style: null,
|
|
26
|
+
textStyle: null,
|
|
27
|
+
title: "Submit",
|
|
28
|
+
underlayColor: null
|
|
29
|
+
};
|
|
30
|
+
exports.defaultProps = defaultProps;
|
package/dist/button.js
CHANGED
|
@@ -1 +1,49 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _utils = require("@times-components/utils");
|
|
11
|
+
|
|
12
|
+
var _buttonPropTypes = require("./button-prop-types");
|
|
13
|
+
|
|
14
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
+
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
21
|
+
|
|
22
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
+
|
|
24
|
+
var Button = function Button(_ref) {
|
|
25
|
+
var fontSize = _ref.fontSize,
|
|
26
|
+
lineHeight = _ref.lineHeight,
|
|
27
|
+
onPress = _ref.onPress,
|
|
28
|
+
style = _ref.style,
|
|
29
|
+
title = _ref.title;
|
|
30
|
+
var fontSizeStyle = fontSize ? {
|
|
31
|
+
fontSize: fontSize
|
|
32
|
+
} : null;
|
|
33
|
+
var lineHeightStyle = lineHeight ? {
|
|
34
|
+
lineHeight: lineHeight
|
|
35
|
+
} : null;
|
|
36
|
+
|
|
37
|
+
var buttonStyles = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, _styles["default"].button), style), fontSizeStyle), lineHeightStyle);
|
|
38
|
+
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
|
40
|
+
onClick: onPress,
|
|
41
|
+
style: buttonStyles,
|
|
42
|
+
type: "button"
|
|
43
|
+
}, (0, _utils.capitalise)(title));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
Button.propTypes = _buttonPropTypes.propTypes;
|
|
47
|
+
Button.defaultProps = _buttonPropTypes.defaultProps;
|
|
48
|
+
var _default = Button;
|
|
49
|
+
exports["default"] = _default;
|
package/dist/styles/index.js
CHANGED
|
@@ -1 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
+
|
|
12
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
13
|
+
|
|
14
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
+
|
|
16
|
+
var _styleguide = (0, _tsStyleguide.styleguide)(),
|
|
17
|
+
colours = _styleguide.colours,
|
|
18
|
+
fontFactory = _styleguide.fontFactory;
|
|
19
|
+
|
|
20
|
+
var styles = {
|
|
21
|
+
button: _objectSpread(_objectSpread({}, fontFactory({
|
|
22
|
+
font: "supporting",
|
|
23
|
+
fontSize: "button"
|
|
24
|
+
})), {}, {
|
|
25
|
+
alignItems: "center",
|
|
26
|
+
backgroundColor: colours.functional.action,
|
|
27
|
+
borderRadius: 2,
|
|
28
|
+
color: colours.functional.white,
|
|
29
|
+
cursor: "pointer",
|
|
30
|
+
height: 45,
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
lineHeight: 0,
|
|
33
|
+
minWidth: 100,
|
|
34
|
+
paddingTop: 4,
|
|
35
|
+
width: 160
|
|
36
|
+
})
|
|
37
|
+
};
|
|
38
|
+
var _default = styles;
|
|
39
|
+
exports["default"] = _default;
|
package/dist/styles/shared.js
CHANGED
|
@@ -1 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _tsStyleguide = require("@times-components/ts-styleguide");
|
|
9
|
+
|
|
10
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
11
|
+
|
|
12
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
13
|
+
|
|
14
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
+
|
|
16
|
+
var styles = {
|
|
17
|
+
button: {
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
backgroundColor: _tsStyleguide.colours.functional.action,
|
|
20
|
+
borderRadius: 2,
|
|
21
|
+
height: 45,
|
|
22
|
+
justifyContent: "center",
|
|
23
|
+
minWidth: 100,
|
|
24
|
+
width: "100%"
|
|
25
|
+
},
|
|
26
|
+
text: _objectSpread(_objectSpread({
|
|
27
|
+
color: _tsStyleguide.colours.functional.white
|
|
28
|
+
}, (0, _tsStyleguide.fontFactory)({
|
|
29
|
+
font: "supporting",
|
|
30
|
+
fontSize: "button"
|
|
31
|
+
})), {}, {
|
|
32
|
+
paddingTop: 5
|
|
33
|
+
})
|
|
34
|
+
};
|
|
35
|
+
var _default = styles;
|
|
36
|
+
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/button",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"description": "Button component",
|
|
5
5
|
"main": "dist/button",
|
|
6
6
|
"dev": "src/button",
|
|
@@ -32,8 +32,10 @@
|
|
|
32
32
|
"homepage": "https://github.com/newsuk/times-components#readme",
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/core": "7.4.4",
|
|
35
|
+
"@babel/preset-env": "7.4.4",
|
|
36
|
+
"@babel/preset-react": "7.9.1",
|
|
35
37
|
"@times-components/eslint-config-thetimes": "0.8.18",
|
|
36
|
-
"@times-components/jest-configurator": "2.
|
|
38
|
+
"@times-components/jest-configurator-web": "0.2.0",
|
|
37
39
|
"@times-components/jest-serializer": "3.3.0",
|
|
38
40
|
"@times-components/storybook": "4.4.0",
|
|
39
41
|
"@times-components/test-utils": "2.3.10",
|
|
@@ -50,7 +52,6 @@
|
|
|
50
52
|
"react": "16.9.0",
|
|
51
53
|
"react-art": "16.6.3",
|
|
52
54
|
"react-dom": "16.9.0",
|
|
53
|
-
"react-native-web": "0.11.4",
|
|
54
55
|
"webpack": "4.30.0",
|
|
55
56
|
"webpack-cli": "3.3.1"
|
|
56
57
|
},
|
|
@@ -70,5 +71,5 @@
|
|
|
70
71
|
"publishConfig": {
|
|
71
72
|
"access": "public"
|
|
72
73
|
},
|
|
73
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "6b76eb20d30ad851e2d80acfff1d964d81e3722e"
|
|
74
75
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=
|
|
1
|
+
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=4)}([function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,r){"use strict";r.r(t);var n=r(1),o=r.n(n),i=r(2),u=r(0),c=r.n(u),l=(c.a.number,c.a.number,c.a.func.isRequired,c.a.object,c.a.string,c.a.string,c.a.string,r(3));function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s=Object(l.styleguide)(),b=s.colours,y={button:a(a({},(0,s.fontFactory)({font:"supporting",fontSize:"button"})),{},{alignItems:"center",backgroundColor:b.functional.action,borderRadius:2,color:b.functional.white,cursor:"pointer",height:45,justifyContent:"center",lineHeight:0,minWidth:100,paddingTop:4,width:160})};function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){g(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var j=function(e){var t=e.fontSize,r=e.lineHeight,n=e.onPress,u=e.style,c=e.title,l=t?{fontSize:t}:null,f=r?{lineHeight:r}:null,a=d(d(d(d({},y.button),u),l),f);return o.a.createElement("button",{onClick:n,style:a,type:"button"},Object(i.capitalise)(c))};j.defaultProps={fontSize:null,lineHeight:null,style:null,textStyle:null,title:"Submit",underlayColor:null};t.default=j}]);
|