@pagopa/io-app-design-system 1.13.0 → 1.14.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/lib/commonjs/components/banner/Banner.js +9 -8
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +9 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +9 -0
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +28 -10
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +17 -5
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +5 -3
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +6 -5
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/utils/textInput/index.js +2 -1
- package/lib/commonjs/utils/textInput/index.js.map +1 -1
- package/lib/module/components/banner/Banner.js +9 -8
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/lib/module/components/layout/HeaderFirstLevel.js +9 -6
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +9 -0
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +28 -11
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +17 -5
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +5 -3
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +6 -5
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/utils/textInput/index.js +2 -1
- package/lib/module/utils/textInput/index.js.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +2 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +14 -3
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts +4 -4
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts +2 -2
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts +5 -5
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/utils/textInput/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/banner/Banner.tsx +9 -6
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -2
- package/src/components/layout/HeaderFirstLevel.tsx +28 -6
- package/src/components/listitems/ListItemNav.tsx +19 -5
- package/src/components/listitems/ListItemSwitch.tsx +37 -12
- package/src/components/loadingSpinner/LoadingSpinner.tsx +78 -74
- package/src/components/switch/NativeSwitch.tsx +10 -2
- package/src/components/textInput/TextInputBase.tsx +15 -9
- package/src/utils/textInput/index.ts +2 -1
|
@@ -116,7 +116,13 @@ const Banner = _ref => {
|
|
|
116
116
|
isPressed.value = 0;
|
|
117
117
|
}, [isPressed]);
|
|
118
118
|
const renderMainBlock = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
119
|
-
style: [_core.IOStyles.flex, _core.IOStyles.selfCenter]
|
|
119
|
+
style: [_core.IOStyles.flex, _core.IOStyles.selfCenter],
|
|
120
|
+
accessible: true
|
|
121
|
+
// A11y related props
|
|
122
|
+
,
|
|
123
|
+
accessibilityLabel: accessibilityLabel,
|
|
124
|
+
accessibilityHint: accessibilityHint,
|
|
125
|
+
accessibilityRole: action !== undefined ? "button" : undefined
|
|
120
126
|
}, title && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
121
127
|
color: colorTitle
|
|
122
128
|
}, title), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
@@ -157,13 +163,8 @@ const Banner = _ref => {
|
|
|
157
163
|
testID: testID,
|
|
158
164
|
onPress: onPress,
|
|
159
165
|
onPressIn: onPressIn,
|
|
160
|
-
onPressOut: onPressOut
|
|
161
|
-
|
|
162
|
-
,
|
|
163
|
-
accessible: true,
|
|
164
|
-
accessibilityLabel: accessibilityLabel,
|
|
165
|
-
accessibilityHint: accessibilityHint,
|
|
166
|
-
accessibilityRole: "button"
|
|
166
|
+
onPressOut: onPressOut,
|
|
167
|
+
accessible: false
|
|
167
168
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
168
169
|
style: [styles.container, dynamicContainerStyles(size, color), pressedAnimationStyle]
|
|
169
170
|
}, renderMainBlock()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_buttons","_pictograms","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorTitle","colorContent","colorCloseButton","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","IOBannerBigSpacing","sizeSmallHPadding","IOBannerSmallHSpacing","sizeSmallVPadding","IOBannerSmallVSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","dynamicContainerStyles","size","color","backgroundColor","IOColors","mapBackgroundColor","paddingVertical","paddingHorizontal","bannerBackgroundColours","exports","neutral","turquoise","Banner","_ref","_IOScaleValues$magnif","viewRef","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","onPressIn","useCallback","onPressOut","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","H6","VSpacer","LabelSmall","weight","pointerEvents","ButtonLink","label","PictogramBleed","pictogramStyle","name","IconButton","icon","PressableButton","Pressable","ref","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_buttons","_pictograms","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorTitle","colorContent","colorCloseButton","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","IOBannerBigSpacing","sizeSmallHPadding","IOBannerSmallHSpacing","sizeSmallVPadding","IOBannerSmallVSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","dynamicContainerStyles","size","color","backgroundColor","IOColors","mapBackgroundColor","paddingVertical","paddingHorizontal","bannerBackgroundColours","exports","neutral","turquoise","Banner","_ref","_IOScaleValues$magnif","viewRef","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","onPressIn","useCallback","onPressOut","renderMainBlock","createElement","Fragment","View","style","IOStyles","flex","selfCenter","accessible","accessibilityRole","undefined","H6","VSpacer","LabelSmall","weight","pointerEvents","ButtonLink","label","PictogramBleed","pictogramStyle","name","IconButton","icon","PressableButton","Pressable","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
4
4
|
<View
|
|
5
|
-
accessibilityRole="button"
|
|
6
5
|
accessibilityState={
|
|
7
6
|
{
|
|
8
7
|
"busy": undefined,
|
|
@@ -20,7 +19,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
20
19
|
"text": undefined,
|
|
21
20
|
}
|
|
22
21
|
}
|
|
23
|
-
accessible={
|
|
22
|
+
accessible={false}
|
|
24
23
|
collapsable={false}
|
|
25
24
|
focusable={true}
|
|
26
25
|
onBlur={[Function]}
|
|
@@ -58,6 +57,8 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
58
57
|
}
|
|
59
58
|
>
|
|
60
59
|
<View
|
|
60
|
+
accessibilityRole="button"
|
|
61
|
+
accessible={true}
|
|
61
62
|
style={
|
|
62
63
|
[
|
|
63
64
|
{
|
|
@@ -14,7 +14,8 @@ var _buttons = require("../buttons");
|
|
|
14
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
15
|
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; }
|
|
16
16
|
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); }
|
|
17
|
-
const
|
|
17
|
+
const HEADER_BG_COLOR_LIGHT = "white";
|
|
18
|
+
const HEADER_BG_COLOR_DARK = "bluegrey";
|
|
18
19
|
const styles = _reactNative.StyleSheet.create({
|
|
19
20
|
headerInner: {
|
|
20
21
|
paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
|
|
@@ -30,6 +31,7 @@ const HeaderFirstLevel = _ref => {
|
|
|
30
31
|
title,
|
|
31
32
|
type,
|
|
32
33
|
testID,
|
|
34
|
+
backgroundColor = "light",
|
|
33
35
|
firstAction,
|
|
34
36
|
secondAction,
|
|
35
37
|
thirdAction
|
|
@@ -38,7 +40,7 @@ const HeaderFirstLevel = _ref => {
|
|
|
38
40
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
39
41
|
style: {
|
|
40
42
|
paddingTop: insets.top,
|
|
41
|
-
backgroundColor: _core.IOColors[
|
|
43
|
+
backgroundColor: backgroundColor === "light" ? _core.IOColors[HEADER_BG_COLOR_LIGHT] : _core.IOColors[HEADER_BG_COLOR_DARK]
|
|
42
44
|
},
|
|
43
45
|
accessibilityRole: "header",
|
|
44
46
|
testID: testID
|
|
@@ -48,21 +50,22 @@ const HeaderFirstLevel = _ref => {
|
|
|
48
50
|
style: {
|
|
49
51
|
flexShrink: 1
|
|
50
52
|
},
|
|
51
|
-
numberOfLines: 1
|
|
53
|
+
numberOfLines: 1,
|
|
54
|
+
color: backgroundColor === "dark" ? "white" : undefined
|
|
52
55
|
}, title), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
53
56
|
style: [_core.IOStyles.row, {
|
|
54
57
|
flexShrink: 0
|
|
55
58
|
}]
|
|
56
59
|
}, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, thirdAction, {
|
|
57
|
-
color: "neutral"
|
|
60
|
+
color: backgroundColor === "dark" ? "contrast" : "neutral"
|
|
58
61
|
})), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
59
62
|
size: 16
|
|
60
63
|
})), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, secondAction, {
|
|
61
|
-
color: "neutral"
|
|
64
|
+
color: backgroundColor === "dark" ? "contrast" : "neutral"
|
|
62
65
|
})), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
63
66
|
size: 16
|
|
64
67
|
})), type !== "base" && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, firstAction, {
|
|
65
|
-
color: "neutral"
|
|
68
|
+
color: backgroundColor === "dark" ? "contrast" : "neutral"
|
|
66
69
|
})))));
|
|
67
70
|
};
|
|
68
71
|
exports.HeaderFirstLevel = HeaderFirstLevel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_core","_typography","_spacer","_buttons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_core","_typography","_spacer","_buttons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","HEADER_BG_COLOR_LIGHT","HEADER_BG_COLOR_DARK","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","insets","useSafeAreaInsets","createElement","View","style","paddingTop","top","IOColors","accessibilityRole","H3","flexShrink","numberOfLines","color","undefined","IOStyles","row","Fragment","IconButton","HSpacer","size","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAAwC,SAAAO,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAuCxC,MAAMI,qBAA+B,GAAG,OAAO;AAC/C,MAAMC,oBAA8B,GAAG,UAAU;AAEjD,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAEC,sBAAgB,CAACC,gBAAgB;IACpDC,MAAM,EAAEF,sBAAgB,CAACG,YAAY;IACrCC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEK,MAAMC,gBAAgB,GAAGC,IAAA,IAQR;EAAA,IARS;IAC/BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,eAAe,GAAG,OAAO;IACzBC,WAAW;IACXC,YAAY;IACZC;EACgB,CAAC,GAAAP,IAAA;EACjB,MAAMQ,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,oBACEjE,KAAA,CAAAkE,aAAA,CAAC/D,YAAA,CAAAgE,IAAI;IACHC,KAAK,EAAE;MACLC,UAAU,EAAEL,MAAM,CAACM,GAAG;MACtBV,eAAe,EACbA,eAAe,KAAK,OAAO,GACvBW,cAAQ,CAAC/B,qBAAqB,CAAC,GAC/B+B,cAAQ,CAAC9B,oBAAoB;IACrC,CAAE;IACF+B,iBAAiB,EAAC,QAAQ;IAC1Bb,MAAM,EAAEA;EAAO,gBAEf3D,KAAA,CAAAkE,aAAA,CAAC/D,YAAA,CAAAgE,IAAI;IAACC,KAAK,EAAE1B,MAAM,CAACG;EAAY,gBAC9B7C,KAAA,CAAAkE,aAAA,CAAC5D,WAAA,CAAAmE,EAAE;IACDL,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE,CAAE;IACzBC,aAAa,EAAE,CAAE;IACjBC,KAAK,EAAEhB,eAAe,KAAK,MAAM,GAAG,OAAO,GAAGiB;EAAU,GAEvDpB,KACC,CAAC,eACLzD,KAAA,CAAAkE,aAAA,CAAC/D,YAAA,CAAAgE,IAAI;IAACC,KAAK,EAAE,CAACU,cAAQ,CAACC,GAAG,EAAE;MAAEL,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5ChB,IAAI,KAAK,cAAc,iBACtB1D,KAAA,CAAAkE,aAAA,CAAAlE,KAAA,CAAAgF,QAAA,qBACEhF,KAAA,CAAAkE,aAAA,CAAC1D,QAAA,CAAAyE,UAAU,EAAAlD,QAAA,KACLgC,WAAW;IACfa,KAAK,EAAEhB,eAAe,KAAK,MAAM,GAAG,UAAU,GAAG;EAAU,EAC5D,CAAC,eAGF5D,KAAA,CAAAkE,aAAA,CAAC3D,OAAA,CAAA2E,OAAO;IAACC,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACA,CAACzB,IAAI,KAAK,YAAY,IAAIA,IAAI,KAAK,cAAc,kBAChD1D,KAAA,CAAAkE,aAAA,CAAAlE,KAAA,CAAAgF,QAAA,qBACEhF,KAAA,CAAAkE,aAAA,CAAC1D,QAAA,CAAAyE,UAAU,EAAAlD,QAAA,KACL+B,YAAY;IAChBc,KAAK,EAAEhB,eAAe,KAAK,MAAM,GAAG,UAAU,GAAG;EAAU,EAC5D,CAAC,eAEF5D,KAAA,CAAAkE,aAAA,CAAC3D,OAAA,CAAA2E,OAAO;IAACC,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACAzB,IAAI,KAAK,MAAM,iBACd1D,KAAA,CAAAkE,aAAA,CAAC1D,QAAA,CAAAyE,UAAU,EAAAlD,QAAA,KACL8B,WAAW;IACfe,KAAK,EAAEhB,eAAe,KAAK,MAAM,GAAG,UAAU,GAAG;EAAU,EAC5D,CAEC,CACF,CACF,CAAC;AAEX,CAAC;AAACwB,OAAA,CAAA7B,gBAAA,GAAAA,gBAAA;AAAA,IAAA8B,QAAA,GAEa9B,gBAAgB;AAAA6B,OAAA,CAAApE,OAAA,GAAAqE,QAAA"}
|
|
@@ -11,6 +11,7 @@ var _core = require("../../core");
|
|
|
11
11
|
var _fonts = require("../../utils/fonts");
|
|
12
12
|
var _icons = require("../icons");
|
|
13
13
|
var _typography = require("../typography");
|
|
14
|
+
var _logos = require("../logos");
|
|
14
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
16
|
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; }
|
|
16
17
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
@@ -29,6 +30,7 @@ const ListItemNav = _ref => {
|
|
|
29
30
|
description,
|
|
30
31
|
onPress,
|
|
31
32
|
icon,
|
|
33
|
+
paymentLogo,
|
|
32
34
|
accessibilityLabel,
|
|
33
35
|
testID
|
|
34
36
|
} = _ref;
|
|
@@ -104,6 +106,13 @@ const ListItemNav = _ref => {
|
|
|
104
106
|
name: icon,
|
|
105
107
|
color: "grey-450",
|
|
106
108
|
size: _core.IOListItemVisualParams.iconSize
|
|
109
|
+
})), paymentLogo && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
110
|
+
style: {
|
|
111
|
+
marginRight: _core.IOListItemVisualParams.iconMargin
|
|
112
|
+
}
|
|
113
|
+
}, /*#__PURE__*/_react.default.createElement(_logos.LogoPayment, {
|
|
114
|
+
name: paymentLogo,
|
|
115
|
+
size: _core.IOListItemVisualParams.iconSize
|
|
107
116
|
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
108
117
|
style: _core.IOStyles.flex
|
|
109
118
|
}, navTextComponent), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","legacyStyles","StyleSheet","create","textValue","fontSize","lineHeight","color","IOColors","bluegreyDark","makeFontStyleObject","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","theme","useIOTheme","legacyNavText","createElement","Fragment","Text","style","Body","weight","navText","H6","LabelSmall","navTextComponent","mapBackgroundStates","hexToRgba","pressed","iconColor","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","size","iconSize","IOStyles","flex","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AASA,IAAAG,KAAA,GAAAH,OAAA;AAWA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_icons","_typography","_logos","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","legacyStyles","StyleSheet","create","textValue","fontSize","lineHeight","color","IOColors","bluegreyDark","makeFontStyleObject","undefined","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","paymentLogo","accessibilityLabel","testID","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","theme","useIOTheme","legacyNavText","createElement","Fragment","Text","style","Body","weight","navText","H6","LabelSmall","navTextComponent","mapBackgroundStates","hexToRgba","pressed","iconColor","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","size","iconSize","LogoPayment","IOStyles","flex","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ListItemSwitch = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
10
|
var _icons = require("../icons");
|
|
@@ -13,7 +13,9 @@ var _typography = require("../typography");
|
|
|
13
13
|
var _NativeSwitch = require("../switch/NativeSwitch");
|
|
14
14
|
var _badge = require("../badge");
|
|
15
15
|
var _logos = require("../logos");
|
|
16
|
-
|
|
16
|
+
var _loadingSpinner = require("../loadingSpinner");
|
|
17
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
+
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; }
|
|
17
19
|
const DISABLED_OPACITY = 0.5;
|
|
18
20
|
|
|
19
21
|
/* Estimated height of the native switch component,
|
|
@@ -25,31 +27,43 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
25
27
|
description,
|
|
26
28
|
icon,
|
|
27
29
|
paymentLogo,
|
|
28
|
-
value,
|
|
30
|
+
value = false,
|
|
29
31
|
disabled,
|
|
30
32
|
action,
|
|
31
33
|
isLoading,
|
|
32
34
|
badge,
|
|
33
35
|
onSwitchValueChange
|
|
34
36
|
} = _ref;
|
|
37
|
+
const {
|
|
38
|
+
isExperimental
|
|
39
|
+
} = (0, _core.useIOExperimentalDesign)();
|
|
35
40
|
const theme = (0, _core.useIOTheme)();
|
|
41
|
+
|
|
42
|
+
// If we have a badge or we are loading, we can't render the switch
|
|
43
|
+
// this affects the accessibility tree and the rendering of the component
|
|
44
|
+
const canRenderSwitch = (0, _react.useMemo)(() => !isLoading && !badge, [isLoading, badge]);
|
|
45
|
+
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
36
46
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
37
47
|
testID: "ListItemSwitch",
|
|
38
48
|
style: [_core.IOSelectionListItemStyles.listItem, {
|
|
39
49
|
opacity: disabled ? DISABLED_OPACITY : 1
|
|
40
50
|
}],
|
|
41
51
|
pointerEvents: disabled ? "none" : "auto",
|
|
42
|
-
needsOffscreenAlphaCompositing: true
|
|
52
|
+
needsOffscreenAlphaCompositing: true,
|
|
53
|
+
accessible: false
|
|
43
54
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
44
55
|
style: [_core.IOSelectionListItemStyles.listItemInner, {
|
|
45
56
|
alignItems: "center"
|
|
46
|
-
}]
|
|
57
|
+
}],
|
|
58
|
+
accessible: false
|
|
47
59
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
48
60
|
style: {
|
|
49
61
|
flex: 1,
|
|
50
62
|
flexDirection: "row",
|
|
51
63
|
alignItems: "center"
|
|
52
|
-
}
|
|
64
|
+
},
|
|
65
|
+
accessible: !canRenderSwitch,
|
|
66
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
53
67
|
}, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
54
68
|
style: {
|
|
55
69
|
marginRight: _core.IOSelectionListItemVisualParams.iconMargin,
|
|
@@ -71,7 +85,9 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
71
85
|
color: "black",
|
|
72
86
|
style: {
|
|
73
87
|
flex: 1
|
|
74
|
-
}
|
|
88
|
+
},
|
|
89
|
+
accessible: !canRenderSwitch,
|
|
90
|
+
importantForAccessibility: !canRenderSwitch ? "yes" : "no-hide-descendants"
|
|
75
91
|
}, label)), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
76
92
|
size: 8
|
|
77
93
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -84,10 +100,12 @@ const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
|
84
100
|
text: badge.text,
|
|
85
101
|
variant: badge.variant,
|
|
86
102
|
testID: badge.testID
|
|
87
|
-
}), isLoading && /*#__PURE__*/_react.default.createElement(
|
|
88
|
-
|
|
89
|
-
|
|
103
|
+
}), isLoading && /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
104
|
+
size: 24,
|
|
105
|
+
color: primaryColor
|
|
106
|
+
}), canRenderSwitch && /*#__PURE__*/_react.default.createElement(_NativeSwitch.NativeSwitch, {
|
|
90
107
|
value: value,
|
|
108
|
+
accessibilityLabel: label,
|
|
91
109
|
onValueChange: onSwitchValueChange
|
|
92
110
|
}))), description && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
93
111
|
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_icons","_spacer","_typography","_NativeSwitch","_badge","_logos","_loadingSpinner","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ESTIMATED_SWITCH_HEIGHT","ListItemSwitch","React","memo","_ref","label","description","icon","paymentLogo","value","disabled","action","isLoading","badge","onSwitchValueChange","isExperimental","useIOExperimentalDesign","theme","useIOTheme","canRenderSwitch","useMemo","primaryColor","createElement","View","testID","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","accessible","listItemInner","alignItems","flex","flexDirection","importantForAccessibility","marginRight","IOSelectionListItemVisualParams","iconMargin","alignSelf","Icon","name","color","size","iconSize","LogoPayment","H6","HSpacer","justifyContent","minHeight","Badge","text","variant","LoadingSpinner","NativeSwitch","accessibilityLabel","onValueChange","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","LabelLink","fontSize","onPress","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
|
|
@@ -15,6 +15,11 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
15
15
|
* It will be removed in the future.
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
|
+
const strokeMap = {
|
|
19
|
+
24: 3,
|
|
20
|
+
48: 5,
|
|
21
|
+
76: 7
|
|
22
|
+
};
|
|
18
23
|
const startRotationAnimation = (durationMs, rotationDegree) => {
|
|
19
24
|
_reactNative.Animated.loop(_reactNative.Animated.timing(rotationDegree, {
|
|
20
25
|
toValue: 360,
|
|
@@ -26,21 +31,28 @@ const startRotationAnimation = (durationMs, rotationDegree) => {
|
|
|
26
31
|
const LoadingSpinner = _ref => {
|
|
27
32
|
let {
|
|
28
33
|
color = "blueIO-500",
|
|
29
|
-
stroke = 3,
|
|
30
34
|
size = 24,
|
|
31
|
-
durationMs =
|
|
35
|
+
durationMs = 850,
|
|
36
|
+
accessibilityHint,
|
|
37
|
+
accessibilityLabel,
|
|
38
|
+
testID = "LoadingSpinnerTestID"
|
|
32
39
|
} = _ref;
|
|
33
40
|
const rotationDegree = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
41
|
+
const stroke = strokeMap[size];
|
|
34
42
|
(0, _react.useEffect)(() => {
|
|
35
43
|
startRotationAnimation(durationMs, rotationDegree);
|
|
36
44
|
}, [durationMs, rotationDegree]);
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
45
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
38
46
|
style: {
|
|
39
47
|
width: size,
|
|
40
48
|
height: size
|
|
41
49
|
},
|
|
50
|
+
accessible: true,
|
|
42
51
|
accessibilityRole: "progressbar",
|
|
43
|
-
|
|
52
|
+
accessibilityHint: accessibilityHint,
|
|
53
|
+
accessibilityLabel: accessibilityLabel,
|
|
54
|
+
importantForAccessibility: "no-hide-descendants",
|
|
55
|
+
testID: testID
|
|
44
56
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
|
|
45
57
|
testID: "LoadingSpinnerAnimatedTestID",
|
|
46
58
|
style: {
|
|
@@ -88,7 +100,7 @@ const LoadingSpinner = _ref => {
|
|
|
88
100
|
stroke: _core.IOColors[color],
|
|
89
101
|
strokeLinecap: "round",
|
|
90
102
|
d: `M ${stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${stroke / 2} ${size / 2 - stroke / 4}`
|
|
91
|
-
})))))
|
|
103
|
+
})))));
|
|
92
104
|
};
|
|
93
105
|
exports.LoadingSpinner = LoadingSpinner;
|
|
94
106
|
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","startRotationAnimation","durationMs","rotationDegree","Animated","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","LoadingSpinner","_ref","color","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","strokeMap","startRotationAnimation","durationMs","rotationDegree","Animated","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","LoadingSpinner","_ref","color","size","accessibilityHint","accessibilityLabel","testID","useRef","Value","current","stroke","useEffect","createElement","View","style","width","height","accessible","accessibilityRole","importantForAccessibility","transform","rotateZ","interpolate","inputRange","outputRange","viewBox","fill","Defs","LinearGradient","id","Stop","offset","stopOpacity","stopColor","IOColors","G","strokeWidth","Path","d","strokeLinecap","exports"],"sourceRoot":"../../../../src","sources":["components/loadingSpinner/LoadingSpinner.tsx"],"mappings":"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"}
|
|
@@ -10,12 +10,14 @@ var _core = require("../../core");
|
|
|
10
10
|
var _IOColors = require("../../core/IOColors");
|
|
11
11
|
var _IOStyles = require("../../core/IOStyles");
|
|
12
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); }
|
|
13
14
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
14
15
|
const bgLegacyTrackColorAndroid = _reactNative.Platform.OS === "android" ? _IOColors.IOColors["grey-300"] : _IOColors.IOColors.greyUltraLight;
|
|
15
16
|
const NativeSwitch = _ref => {
|
|
16
17
|
let {
|
|
17
18
|
onValueChange,
|
|
18
|
-
value
|
|
19
|
+
value,
|
|
20
|
+
...accessibility
|
|
19
21
|
} = _ref;
|
|
20
22
|
const {
|
|
21
23
|
isExperimental
|
|
@@ -31,13 +33,13 @@ const NativeSwitch = _ref => {
|
|
|
31
33
|
true: _IOColors.IOColors.blue
|
|
32
34
|
};
|
|
33
35
|
const trackColorComponent = isExperimental ? trackColor : legacyTrackColor;
|
|
34
|
-
return /*#__PURE__*/_react.default.createElement(_reactNative.Switch, {
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.Switch, _extends({}, accessibility, {
|
|
35
37
|
trackColor: trackColorComponent,
|
|
36
38
|
thumbColor: _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgCircle],
|
|
37
39
|
ios_backgroundColor: isExperimental ? _IOColors.IOColors[_IOStyles.IOSwitchVisualParams.bgColorOffState] : bgLegacyTrackColorAndroid,
|
|
38
40
|
onValueChange: onValueChange,
|
|
39
41
|
value: value
|
|
40
|
-
});
|
|
42
|
+
}));
|
|
41
43
|
};
|
|
42
44
|
exports.NativeSwitch = NativeSwitch;
|
|
43
45
|
//# sourceMappingURL=NativeSwitch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_IOColors","_IOStyles","obj","__esModule","default","bgLegacyTrackColorAndroid","Platform","OS","IOColors","greyUltraLight","NativeSwitch","_ref","onValueChange","value","isExperimental","useIOExperimentalDesign","trackColor","false","IOSwitchVisualParams","bgColorOffState","true","bgColorOnState","legacyTrackColor","blue","trackColorComponent","createElement","Switch","thumbColor","bgCircle","ios_backgroundColor","exports"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAA2D,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_IOColors","_IOStyles","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","bgLegacyTrackColorAndroid","Platform","OS","IOColors","greyUltraLight","NativeSwitch","_ref","onValueChange","value","accessibility","isExperimental","useIOExperimentalDesign","trackColor","false","IOSwitchVisualParams","bgColorOffState","true","bgColorOnState","legacyTrackColor","blue","trackColorComponent","createElement","Switch","thumbColor","bgCircle","ios_backgroundColor","exports"],"sourceRoot":"../../../../src","sources":["components/switch/NativeSwitch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAA2D,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO3D;AACA,MAAMQ,yBAAyB,GAC7BC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAGC,kBAAQ,CAAC,UAAU,CAAC,GAAGA,kBAAQ,CAACC,cAAc;AAErE,MAAMC,YAAY,GAAGC,IAAA,IAIZ;EAAA,IAJa;IAC3BC,aAAa;IACbC,KAAK;IACL,GAAGC;EACK,CAAC,GAAAH,IAAA;EACT,MAAM;IAAEI;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,MAAMC,UAAU,GAAG;IACjBC,KAAK,EAAEV,kBAAQ,CAACW,8BAAoB,CAACC,eAAe,CAAC;IACrDC,IAAI,EAAEb,kBAAQ,CAACW,8BAAoB,CAACG,cAAc;EACpD,CAAC;;EAED;EACA,MAAMC,gBAAgB,GAAG;IACvBL,KAAK,EAAEb,yBAAyB;IAChCgB,IAAI,EAAEb,kBAAQ,CAACgB;EACjB,CAAC;EAED,MAAMC,mBAAmB,GAAGV,cAAc,GAAGE,UAAU,GAAGM,gBAAgB;EAE1E,oBACE1C,MAAA,CAAAS,OAAA,CAAAoC,aAAA,CAAC1C,YAAA,CAAA2C,MAAM,EAAApC,QAAA,KACDuB,aAAa;IACjBG,UAAU,EAAEQ,mBAAoB;IAChCG,UAAU,EAAEpB,kBAAQ,CAACW,8BAAoB,CAACU,QAAQ,CAAE;IACpDC,mBAAmB,EACjBf,cAAc,GACVP,kBAAQ,CAACW,8BAAoB,CAACC,eAAe,CAAC,GAC9Cf,yBACL;IACDO,aAAa,EAAEA,aAAc;IAC7BC,KAAK,EAAEA;EAAM,EACd,CAAC;AAEN,CAAC;AAACkB,OAAA,CAAArB,YAAA,GAAAA,YAAA"}
|
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.TextInputBase = void 0;
|
|
7
|
-
var _reactNative = require("react-native");
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
|
+
var _fonts = require("../../utils/fonts");
|
|
12
|
+
var _textInput = require("../../utils/textInput");
|
|
11
13
|
var _icons = require("../icons");
|
|
12
14
|
var _spacer = require("../spacer");
|
|
13
15
|
var _typography = require("../typography");
|
|
14
|
-
var _textInput = require("../../utils/textInput");
|
|
15
|
-
var _fonts = require("../../utils/fonts");
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
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; }
|
|
18
18
|
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); } /* eslint-disable functional/immutable-data */
|
|
@@ -96,7 +96,7 @@ const TextInputBase = _ref2 => {
|
|
|
96
96
|
onChangeText,
|
|
97
97
|
accessibilityLabel,
|
|
98
98
|
textInputProps,
|
|
99
|
-
|
|
99
|
+
inputType = "default",
|
|
100
100
|
status,
|
|
101
101
|
icon,
|
|
102
102
|
rightElement,
|
|
@@ -177,7 +177,7 @@ const TextInputBase = _ref2 => {
|
|
|
177
177
|
onBlur === null || onBlur === void 0 || onBlur();
|
|
178
178
|
setInputStatus("initial");
|
|
179
179
|
}, [value, labelSharedValue, onBlur]);
|
|
180
|
-
const derivedInputProps = (0, _react.useMemo)(() => (0, _textInput.getInputPropsByType)(
|
|
180
|
+
const derivedInputProps = (0, _react.useMemo)(() => (0, _textInput.getInputPropsByType)(inputType), [inputType]);
|
|
181
181
|
const inputValue = (0, _react.useMemo)(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
|
|
182
182
|
const {
|
|
183
183
|
isExperimental
|
|
@@ -224,6 +224,7 @@ const TextInputBase = _ref2 => {
|
|
|
224
224
|
numberOfLines: 1,
|
|
225
225
|
accessible: false,
|
|
226
226
|
style: [animatedLabelProps, {
|
|
227
|
+
...(0, _fonts.makeFontStyleObject)("Regular", false, "TitilliumWeb"),
|
|
227
228
|
color: _core.IOColors["grey-700"]
|
|
228
229
|
}]
|
|
229
230
|
}, placeholder)), rightElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|