@micromag/screen-keypad 0.3.665 → 0.3.668
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/es/index.js +33 -2
- package/package.json +18 -18
package/es/index.js
CHANGED
|
@@ -97,6 +97,7 @@ var propTypes = {
|
|
|
97
97
|
boxStyle: PropTypes$1.boxStyle
|
|
98
98
|
})),
|
|
99
99
|
title: PropTypes$1.headingElement,
|
|
100
|
+
subtitle: PropTypes$1.textElement,
|
|
100
101
|
layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
|
|
101
102
|
spacing: PropTypes.number,
|
|
102
103
|
keypadSettings: PropTypes.shape({
|
|
@@ -131,6 +132,7 @@ var propTypes = {
|
|
|
131
132
|
var defaultProps = {
|
|
132
133
|
items: null,
|
|
133
134
|
title: null,
|
|
135
|
+
subtitle: null,
|
|
134
136
|
layout: null,
|
|
135
137
|
spacing: 20,
|
|
136
138
|
keypadSettings: null,
|
|
@@ -147,6 +149,7 @@ var defaultProps = {
|
|
|
147
149
|
var KeypadScreen = function KeypadScreen(_ref) {
|
|
148
150
|
var items = _ref.items,
|
|
149
151
|
title = _ref.title,
|
|
152
|
+
subtitle = _ref.subtitle,
|
|
150
153
|
layout = _ref.layout,
|
|
151
154
|
spacing = _ref.spacing,
|
|
152
155
|
keypadSettings = _ref.keypadSettings,
|
|
@@ -196,6 +199,7 @@ var KeypadScreen = function KeypadScreen(_ref) {
|
|
|
196
199
|
var _ref2 = title || {},
|
|
197
200
|
_ref2$textStyle = _ref2.textStyle,
|
|
198
201
|
titleTextStyle = _ref2$textStyle === void 0 ? null : _ref2$textStyle;
|
|
202
|
+
var hasSubtitle = isTextFilled(subtitle);
|
|
199
203
|
var _useDimensionObserver = useDimensionObserver(),
|
|
200
204
|
headerRef = _useDimensionObserver.ref,
|
|
201
205
|
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
@@ -396,7 +400,8 @@ var KeypadScreen = function KeypadScreen(_ref) {
|
|
|
396
400
|
},
|
|
397
401
|
dragOptions: {
|
|
398
402
|
filterTaps: true,
|
|
399
|
-
preventDefault: true
|
|
403
|
+
preventDefault: true,
|
|
404
|
+
stopPropagation: true
|
|
400
405
|
},
|
|
401
406
|
onTap: onCloseModal
|
|
402
407
|
}),
|
|
@@ -595,7 +600,20 @@ var KeypadScreen = function KeypadScreen(_ref) {
|
|
|
595
600
|
className: styles.title
|
|
596
601
|
}, title, {
|
|
597
602
|
textStyle: titleTextStyle
|
|
598
|
-
})) : null), /*#__PURE__*/React.createElement(
|
|
603
|
+
})) : null), /*#__PURE__*/React.createElement(ScreenElement, {
|
|
604
|
+
placeholder: "Subtitle",
|
|
605
|
+
emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
606
|
+
id: "ZG8/oK",
|
|
607
|
+
defaultMessage: [{
|
|
608
|
+
"type": 0,
|
|
609
|
+
"value": "Subtitle"
|
|
610
|
+
}]
|
|
611
|
+
}),
|
|
612
|
+
emptyClassName: classNames([styles.empty, styles.emptyHeading]),
|
|
613
|
+
isEmpty: !hasSubtitle
|
|
614
|
+
}, hasSubtitle ? /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
615
|
+
className: styles.subtitle
|
|
616
|
+
}, subtitle)) : null), /*#__PURE__*/React.createElement(Keypad, {
|
|
599
617
|
className: classNames([styles.grid, _defineProperty({}, styles.gridPlaceholder, isPlaceholder)]),
|
|
600
618
|
align: columnAlign,
|
|
601
619
|
columns: isPlaceholder ? 3 : columns,
|
|
@@ -1030,6 +1048,19 @@ var definition = [{
|
|
|
1030
1048
|
"value": "Title"
|
|
1031
1049
|
}]
|
|
1032
1050
|
})
|
|
1051
|
+
}, {
|
|
1052
|
+
name: 'subtitle',
|
|
1053
|
+
type: 'text-element',
|
|
1054
|
+
theme: {
|
|
1055
|
+
textStyle: 'text'
|
|
1056
|
+
},
|
|
1057
|
+
label: defineMessage({
|
|
1058
|
+
id: "EcZYpr",
|
|
1059
|
+
defaultMessage: [{
|
|
1060
|
+
"type": 0,
|
|
1061
|
+
"value": "Subtitle"
|
|
1062
|
+
}]
|
|
1063
|
+
})
|
|
1033
1064
|
}, {
|
|
1034
1065
|
name: 'background',
|
|
1035
1066
|
type: 'background',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-keypad",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.668",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -65,22 +65,22 @@
|
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
67
|
"@babel/runtime": "^7.13.10",
|
|
68
|
-
"@micromag/core": "^0.3.
|
|
69
|
-
"@micromag/element-background": "^0.3.
|
|
70
|
-
"@micromag/element-button": "^0.3.
|
|
71
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
72
|
-
"@micromag/element-container": "^0.3.
|
|
73
|
-
"@micromag/element-footer": "^0.3.
|
|
74
|
-
"@micromag/element-grid": "^0.3.
|
|
75
|
-
"@micromag/element-header": "^0.3.
|
|
76
|
-
"@micromag/element-heading": "^0.3.
|
|
77
|
-
"@micromag/element-keypad": "^0.3.
|
|
78
|
-
"@micromag/element-layout": "^0.3.
|
|
79
|
-
"@micromag/element-scroll": "^0.3.
|
|
80
|
-
"@micromag/element-text": "^0.3.
|
|
81
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
82
|
-
"@micromag/element-visual": "^0.3.
|
|
83
|
-
"@micromag/transforms": "^0.3.
|
|
68
|
+
"@micromag/core": "^0.3.668",
|
|
69
|
+
"@micromag/element-background": "^0.3.668",
|
|
70
|
+
"@micromag/element-button": "^0.3.668",
|
|
71
|
+
"@micromag/element-call-to-action": "^0.3.668",
|
|
72
|
+
"@micromag/element-container": "^0.3.668",
|
|
73
|
+
"@micromag/element-footer": "^0.3.668",
|
|
74
|
+
"@micromag/element-grid": "^0.3.668",
|
|
75
|
+
"@micromag/element-header": "^0.3.668",
|
|
76
|
+
"@micromag/element-heading": "^0.3.668",
|
|
77
|
+
"@micromag/element-keypad": "^0.3.668",
|
|
78
|
+
"@micromag/element-layout": "^0.3.668",
|
|
79
|
+
"@micromag/element-scroll": "^0.3.668",
|
|
80
|
+
"@micromag/element-text": "^0.3.668",
|
|
81
|
+
"@micromag/element-urbania-author": "^0.3.668",
|
|
82
|
+
"@micromag/element-visual": "^0.3.668",
|
|
83
|
+
"@micromag/transforms": "^0.3.668",
|
|
84
84
|
"@react-spring/core": "^9.6.1",
|
|
85
85
|
"@react-spring/web": "^9.6.1",
|
|
86
86
|
"@use-gesture/react": "^10.3.0",
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
"access": "public",
|
|
96
96
|
"registry": "https://registry.npmjs.org/"
|
|
97
97
|
},
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "589e48229251be230da5101a48a111d58b60314a"
|
|
99
99
|
}
|