jornada-ui 0.4.13 → 0.4.14
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/list-devices/components/list-device-empty/index.js +68 -0
- package/lib/commonjs/components/list-devices/components/list-device-empty/index.js.map +1 -0
- package/lib/commonjs/components/list-devices/components/list-device-render-item/index.js +77 -0
- package/lib/commonjs/components/list-devices/components/list-device-render-item/index.js.map +1 -0
- package/lib/commonjs/components/list-devices/index.js +22 -54
- package/lib/commonjs/components/list-devices/index.js.map +1 -1
- package/lib/commonjs/components/list-devices/interface.js +2 -0
- package/lib/commonjs/components/list-devices/interface.js.map +1 -0
- package/lib/commonjs/components/list-devices/styles.js +14 -3
- package/lib/commonjs/components/list-devices/styles.js.map +1 -1
- package/lib/module/components/list-devices/components/list-device-empty/index.js +63 -0
- package/lib/module/components/list-devices/components/list-device-empty/index.js.map +1 -0
- package/lib/module/components/list-devices/components/list-device-render-item/index.js +74 -0
- package/lib/module/components/list-devices/components/list-device-render-item/index.js.map +1 -0
- package/lib/module/components/list-devices/index.js +25 -57
- package/lib/module/components/list-devices/index.js.map +1 -1
- package/lib/module/components/list-devices/interface.js +2 -0
- package/lib/module/components/list-devices/interface.js.map +1 -0
- package/lib/module/components/list-devices/styles.js +14 -3
- package/lib/module/components/list-devices/styles.js.map +1 -1
- package/lib/typescript/commonjs/src/components/list-devices/components/list-device-empty/index.d.ts +10 -0
- package/lib/typescript/commonjs/src/components/list-devices/components/list-device-empty/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/list-devices/components/list-device-render-item/index.d.ts +22 -0
- package/lib/typescript/commonjs/src/components/list-devices/components/list-device-render-item/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/list-devices/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/list-devices/interface.d.ts +29 -0
- package/lib/typescript/commonjs/src/components/list-devices/interface.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/list-devices/styles.d.ts +5 -5
- package/lib/typescript/commonjs/src/components/list-devices/styles.d.ts.map +1 -1
- package/lib/typescript/module/src/components/list-devices/components/list-device-empty/index.d.ts +10 -0
- package/lib/typescript/module/src/components/list-devices/components/list-device-empty/index.d.ts.map +1 -0
- package/lib/typescript/module/src/components/list-devices/components/list-device-render-item/index.d.ts +22 -0
- package/lib/typescript/module/src/components/list-devices/components/list-device-render-item/index.d.ts.map +1 -0
- package/lib/typescript/module/src/components/list-devices/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/list-devices/interface.d.ts +29 -0
- package/lib/typescript/module/src/components/list-devices/interface.d.ts.map +1 -0
- package/lib/typescript/module/src/components/list-devices/styles.d.ts +5 -5
- package/lib/typescript/module/src/components/list-devices/styles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/list-devices/components/list-device-empty/index.tsx +60 -0
- package/src/components/list-devices/components/list-device-render-item/index.tsx +86 -0
- package/src/components/list-devices/index.tsx +26 -58
- package/src/components/list-devices/{interface.d.ts → interface.ts} +36 -36
- package/src/components/list-devices/styles.ts +73 -68
- package/lib/commonjs/components/list-devices/interface.d.js +0 -2
- package/lib/commonjs/components/list-devices/interface.d.js.map +0 -1
- package/lib/module/components/list-devices/interface.d.js +0 -2
- package/lib/module/components/list-devices/interface.d.js.map +0 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _index = _interopRequireDefault(require("../../../box/index.js"));
|
|
9
|
+
var _index2 = _interopRequireDefault(require("../../../typography/index.js"));
|
|
10
|
+
var _asBaseComponent = require("../../../../@types/as-base-component.js");
|
|
11
|
+
var _index3 = require("../../../../common/icons-svg/index.js");
|
|
12
|
+
var _theme = require("../../../../styles/theme/theme.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
|
+
/**
|
|
17
|
+
* IMPORTS
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
// components
|
|
21
|
+
|
|
22
|
+
// typings
|
|
23
|
+
|
|
24
|
+
// styles
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Componente ListDeviceEmpty para a exibição de messagens
|
|
28
|
+
*/const ListDeviceEmpty = /*#__PURE__*/(0, _react.forwardRef)((_prop, ref) => {
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
|
|
30
|
+
ref: ref,
|
|
31
|
+
width: "100%",
|
|
32
|
+
flexStyle: {
|
|
33
|
+
flex: 1,
|
|
34
|
+
flexDirection: "column",
|
|
35
|
+
justifyContent: "center",
|
|
36
|
+
alignItems: "center"
|
|
37
|
+
},
|
|
38
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.default, {
|
|
39
|
+
width: "100%",
|
|
40
|
+
height: 60,
|
|
41
|
+
flexStyle: {
|
|
42
|
+
flex: 1,
|
|
43
|
+
flexDirection: "column",
|
|
44
|
+
justifyContent: "center",
|
|
45
|
+
alignItems: "center"
|
|
46
|
+
},
|
|
47
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Icons, {
|
|
48
|
+
icon: "FILES",
|
|
49
|
+
size: 28,
|
|
50
|
+
color: _theme.theme.colors.gray[800]
|
|
51
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
|
|
52
|
+
text: "Sem Relações de dispositivos.",
|
|
53
|
+
align: "center",
|
|
54
|
+
size: _theme.theme.fontSizes.md,
|
|
55
|
+
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
56
|
+
color: _theme.theme.colors.gray[800],
|
|
57
|
+
lineHeight: 24,
|
|
58
|
+
letterSpacing: "regular"
|
|
59
|
+
})]
|
|
60
|
+
})
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* Componente ListDeviceEmpty para a interação da ui.
|
|
66
|
+
*/
|
|
67
|
+
var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(ListDeviceEmpty);
|
|
68
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_interopRequireDefault","_index2","_asBaseComponent","_index3","_theme","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListDeviceEmpty","forwardRef","_prop","ref","jsx","width","flexStyle","flex","flexDirection","justifyContent","alignItems","children","jsxs","height","Icons","icon","size","color","theme","colors","gray","text","align","fontSizes","md","fontFamily","fonts","inter_regular_400","lineHeight","letterSpacing","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/list-devices/components/list-device-empty/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.DeviceRow = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _index = require("../../../../common/icons-svg/index.js");
|
|
10
|
+
var _theme = require("../../../../styles/theme/theme.js");
|
|
11
|
+
var _styles = require("../../styles.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
/* eslint-disable no-unused-vars */
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* IMPORTS
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
// commons / svg
|
|
21
|
+
|
|
22
|
+
// typings
|
|
23
|
+
|
|
24
|
+
// styles
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Componente DeviceRow para a exibição de um item da lista de dispositivos
|
|
28
|
+
*/const DeviceRow = exports.DeviceRow = /*#__PURE__*/_react.default.memo(function DeviceRow({
|
|
29
|
+
device,
|
|
30
|
+
isSelected,
|
|
31
|
+
isLast,
|
|
32
|
+
disabled,
|
|
33
|
+
onPress,
|
|
34
|
+
titleColor,
|
|
35
|
+
textColorDescription
|
|
36
|
+
}) {
|
|
37
|
+
// estilos base/memoizados (evite recriar objetos grandes)
|
|
38
|
+
const s = (0, _react.useMemo)(() => (0, _styles.styles)({
|
|
39
|
+
titleColor,
|
|
40
|
+
textColorDescription,
|
|
41
|
+
disabled,
|
|
42
|
+
isSelected
|
|
43
|
+
}), [titleColor, textColorDescription, disabled, isSelected]);
|
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
45
|
+
activeOpacity: 0.7,
|
|
46
|
+
testID: "list-devices",
|
|
47
|
+
onPress: () => onPress(device),
|
|
48
|
+
disabled: disabled,
|
|
49
|
+
accessibilityRole: "button",
|
|
50
|
+
accessibilityState: {
|
|
51
|
+
selected: isSelected,
|
|
52
|
+
disabled
|
|
53
|
+
},
|
|
54
|
+
accessibilityLabel: `Dispositivo ${device.nameDevice}`,
|
|
55
|
+
style: [s.containerIndicator, !isLast && s.separator, isSelected && s.containerIndicatorSelected],
|
|
56
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Icons, {
|
|
57
|
+
icon: "BLUETOOTH",
|
|
58
|
+
size: 26,
|
|
59
|
+
background: _theme.theme.colors.gray[600],
|
|
60
|
+
color: _theme.theme.colors.gray[300]
|
|
61
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
62
|
+
style: s.containerMain,
|
|
63
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
64
|
+
style: [s.title, isSelected && s.titleSelected],
|
|
65
|
+
children: device.nameDevice
|
|
66
|
+
}), !!device.macDevice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
67
|
+
style: [s.titleDescription, isSelected && s.descSelected],
|
|
68
|
+
children: device.macDevice
|
|
69
|
+
})]
|
|
70
|
+
})]
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
/**
|
|
75
|
+
* EXPORTS
|
|
76
|
+
*/
|
|
77
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_theme","_styles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DeviceRow","exports","React","memo","device","isSelected","isLast","disabled","onPress","titleColor","textColorDescription","s","useMemo","makeStyles","jsxs","TouchableOpacity","activeOpacity","testID","accessibilityRole","accessibilityState","selected","accessibilityLabel","nameDevice","style","containerIndicator","separator","containerIndicatorSelected","children","jsx","Icons","icon","size","background","theme","colors","gray","color","View","containerMain","Text","title","titleSelected","macDevice","titleDescription","descSelected"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/list-devices/components/list-device-render-item/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,11 +6,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _index =
|
|
10
|
-
var _index2 = require("
|
|
9
|
+
var _index = require("./components/list-device-render-item/index.js");
|
|
10
|
+
var _index2 = _interopRequireDefault(require("./components/list-device-empty/index.js"));
|
|
11
11
|
var _asBaseComponent = require("../../@types/as-base-component.js");
|
|
12
|
-
var _styles = require("./styles.js");
|
|
13
|
-
var _theme = require("../../styles/theme/theme.js");
|
|
14
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
14
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
@@ -18,14 +16,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
18
16
|
* IMPORTS
|
|
19
17
|
*/
|
|
20
18
|
|
|
21
|
-
// components
|
|
22
|
-
|
|
23
|
-
// icons
|
|
24
|
-
|
|
25
19
|
// typings
|
|
26
20
|
|
|
27
|
-
// styles
|
|
28
|
-
|
|
29
21
|
/**
|
|
30
22
|
* Componente ListDevices para a interação da ui.
|
|
31
23
|
*/const ListDevices = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
@@ -38,61 +30,37 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
38
30
|
disabled
|
|
39
31
|
}, ref) => {
|
|
40
32
|
const isControlled = selectedId !== undefined;
|
|
41
|
-
const [internalSelected, setInternalSelected] = _react.default.useState(defaultSelectedId);
|
|
33
|
+
const [internalSelected, setInternalSelected] = _react.default.useState(defaultSelectedId ?? null);
|
|
42
34
|
const currentSelected = isControlled ? selectedId ?? null : internalSelected;
|
|
43
35
|
const handlePress = device => {
|
|
44
36
|
if (disabled) return;
|
|
45
37
|
if (!isControlled) setInternalSelected(device.id);
|
|
46
38
|
onSelect?.(device);
|
|
47
39
|
};
|
|
48
|
-
|
|
40
|
+
const renderItem = (0, _react.useCallback)(({
|
|
41
|
+
item: device,
|
|
42
|
+
index
|
|
43
|
+
}) => {
|
|
44
|
+
const isLast = index === data?.length - 1;
|
|
45
|
+
const isSelected = currentSelected === device.id;
|
|
46
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DeviceRow, {
|
|
47
|
+
device: device,
|
|
48
|
+
isSelected: isSelected,
|
|
49
|
+
isLast: isLast,
|
|
50
|
+
disabled: disabled,
|
|
51
|
+
onPress: handlePress,
|
|
52
|
+
titleColor: titleColor,
|
|
53
|
+
textColorDescription: textColorDescription
|
|
54
|
+
});
|
|
55
|
+
}, [currentSelected, disabled, handlePress, titleColor, textColorDescription]);
|
|
49
56
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
|
|
57
|
+
ref: ref,
|
|
50
58
|
data: data,
|
|
51
59
|
keyExtractor: ({
|
|
52
60
|
id
|
|
53
61
|
}) => String(id),
|
|
54
|
-
renderItem:
|
|
55
|
-
|
|
56
|
-
index
|
|
57
|
-
}) => {
|
|
58
|
-
const isLast = index === data.length - 1;
|
|
59
|
-
const isSelected = currentSelected === device.id;
|
|
60
|
-
const s = (0, _styles.styles)({
|
|
61
|
-
titleColor,
|
|
62
|
-
textColorDescription,
|
|
63
|
-
disabled,
|
|
64
|
-
isSelected
|
|
65
|
-
});
|
|
66
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
67
|
-
ref: ref,
|
|
68
|
-
activeOpacity: 0.7,
|
|
69
|
-
testID: "list-devices",
|
|
70
|
-
onPress: () => handlePress(device),
|
|
71
|
-
disabled: disabled,
|
|
72
|
-
accessibilityRole: "button",
|
|
73
|
-
accessibilityState: {
|
|
74
|
-
selected: isSelected,
|
|
75
|
-
disabled
|
|
76
|
-
},
|
|
77
|
-
accessibilityLabel: `Dispositivo ${device.nameDevice}`,
|
|
78
|
-
style: [s.containerIndicator, !isLast && s.separator, isSelected && s.containerIndicatorSelected],
|
|
79
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Icons, {
|
|
80
|
-
icon: "BLUETOOTH",
|
|
81
|
-
size: 26,
|
|
82
|
-
background: _theme.theme.colors.gray[600],
|
|
83
|
-
color: _theme.theme.colors.gray[300]
|
|
84
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
85
|
-
style: s.containerMain,
|
|
86
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
87
|
-
style: [s.title, isSelected && s.titleSelected],
|
|
88
|
-
children: device.nameDevice
|
|
89
|
-
}), !!device.macDevice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
90
|
-
style: [s.titleDescription, isSelected && s.descSelected],
|
|
91
|
-
children: device.macDevice
|
|
92
|
-
})]
|
|
93
|
-
})]
|
|
94
|
-
}, device.id);
|
|
95
|
-
}
|
|
62
|
+
renderItem: renderItem,
|
|
63
|
+
ListEmptyComponent: _index2.default
|
|
96
64
|
});
|
|
97
65
|
});
|
|
98
66
|
ListDevices.displayName = "ListDevices";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_interopRequireDefault","_asBaseComponent","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ListDevices","forwardRef","data","textColorDescription","titleColor","selectedId","onSelect","defaultSelectedId","disabled","ref","isControlled","undefined","internalSelected","setInternalSelected","React","useState","currentSelected","handlePress","device","id","renderItem","useCallback","item","index","isLast","length","isSelected","jsx","DeviceRow","onPress","FlatList","keyExtractor","String","ListEmptyComponent","ListDeviceEmpty","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/interface.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.styles = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _theme = require("../../styles/theme/theme.js");
|
|
9
|
+
/**
|
|
10
|
+
* IMPORTS
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
// typings
|
|
14
|
+
|
|
9
15
|
const styles = (props = {}) => _reactNative.StyleSheet.create({
|
|
10
16
|
containerIndicator: {
|
|
11
17
|
width: "100%",
|
|
@@ -29,9 +35,10 @@ const styles = (props = {}) => _reactNative.StyleSheet.create({
|
|
|
29
35
|
color: props.titleColor ?? _theme.theme.colors.black[10],
|
|
30
36
|
textAlign: "center",
|
|
31
37
|
lineHeight: 20,
|
|
32
|
-
fontSize: _theme.theme.fontSizes.
|
|
38
|
+
fontSize: _theme.theme.fontSizes.lg,
|
|
33
39
|
fontWeight: "500",
|
|
34
|
-
marginLeft: _theme.theme.margins.xs
|
|
40
|
+
marginLeft: _theme.theme.margins.xs,
|
|
41
|
+
marginBottom: 8
|
|
35
42
|
},
|
|
36
43
|
titleSelected: {
|
|
37
44
|
color: _theme.theme.colors.neutral[25],
|
|
@@ -41,7 +48,7 @@ const styles = (props = {}) => _reactNative.StyleSheet.create({
|
|
|
41
48
|
color: props.textColorDescription ?? _theme.theme.colors.gray[600],
|
|
42
49
|
textAlign: "center",
|
|
43
50
|
lineHeight: 16,
|
|
44
|
-
fontSize:
|
|
51
|
+
fontSize: _theme.theme.fontSizes.md,
|
|
45
52
|
fontFamily: _theme.theme.fonts.inter_light_300,
|
|
46
53
|
marginLeft: _theme.theme.margins.xs
|
|
47
54
|
},
|
|
@@ -56,5 +63,9 @@ const styles = (props = {}) => _reactNative.StyleSheet.create({
|
|
|
56
63
|
justifyContent: "center"
|
|
57
64
|
}
|
|
58
65
|
});
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* EXPORTS
|
|
69
|
+
*/
|
|
59
70
|
exports.styles = styles;
|
|
60
71
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_theme","styles","props","StyleSheet","create","containerIndicator","width","flexDirection","justifyContent","alignItems","marginTop","paddingVertical","paddingHorizontal","opacity","disabled","containerIndicatorSelected","backgroundColor","theme","colors","green","borderRadius","separator","borderBottomWidth","borderBottomColor","isSelected","gray","title","color","titleColor","black","textAlign","lineHeight","fontSize","fontSizes","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_theme","styles","props","StyleSheet","create","containerIndicator","width","flexDirection","justifyContent","alignItems","marginTop","paddingVertical","paddingHorizontal","opacity","disabled","containerIndicatorSelected","backgroundColor","theme","colors","green","borderRadius","separator","borderBottomWidth","borderBottomColor","isSelected","gray","title","color","titleColor","black","textAlign","lineHeight","fontSize","fontSizes","lg","fontWeight","marginLeft","margins","xs","marginBottom","titleSelected","neutral","titleDescription","textColorDescription","md","fontFamily","fonts","inter_light_300","descSelected","containerMain","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/styles.ts"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA;;AAGA,MAAME,MAAM,GAAGA,CAACC,KAAoC,GAAG,CAAC,CAAC,KACvDC,uBAAU,CAACC,MAAM,CAAC;EAChBC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,CAAC;IACZC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,OAAO,EAAEX,KAAK,CAACY,QAAQ,GAAG,GAAG,GAAG;EAClC,CAAC;EAEDC,0BAA0B,EAAE;IAC1BC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;IACxCC,YAAY,EAAE;EAChB,CAAC;EAEDC,SAAS,EAAE;IACTC,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAErB,KAAK,CAACsB,UAAU,GAAG,aAAa,GAAGP,YAAK,CAACC,MAAM,CAACO,IAAI,CAAC,GAAG;EAC7E,CAAC;EAEDC,KAAK,EAAE;IACLC,KAAK,EAAEzB,KAAK,CAAC0B,UAAU,IAAIX,YAAK,CAACC,MAAM,CAACW,KAAK,CAAC,EAAE,CAAC;IACjDC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAEf,YAAK,CAACgB,SAAS,CAACC,EAAE;IAC5BC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEnB,YAAK,CAACoB,OAAO,CAACC,EAAE;IAC5BC,YAAY,EAAE;EAChB,CAAC;EAEDC,aAAa,EAAE;IACbb,KAAK,EAAEV,YAAK,CAACC,MAAM,CAACuB,OAAO,CAAC,EAAE,CAAC;IAC/BN,UAAU,EAAE;EACd,CAAC;EAEDO,gBAAgB,EAAE;IAChBf,KAAK,EAAEzB,KAAK,CAACyC,oBAAoB,IAAI1B,YAAK,CAACC,MAAM,CAACO,IAAI,CAAC,GAAG,CAAC;IAC3DK,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAEf,YAAK,CAACgB,SAAS,CAACW,EAAE;IAC5BC,UAAU,EAAE5B,YAAK,CAAC6B,KAAK,CAACC,eAAe;IACvCX,UAAU,EAAEnB,YAAK,CAACoB,OAAO,CAACC;EAC5B,CAAC;EAEDU,YAAY,EAAE;IACZrB,KAAK,EAAEV,YAAK,CAACC,MAAM,CAACuB,OAAO,CAAC,EAAE;EAChC,CAAC;EAEDQ,aAAa,EAAE;IACb3C,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,QAAQ;IACvBE,UAAU,EAAE,YAAY;IACxB2B,UAAU,EAAE,CAAC;IACb5B,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;;AAEJ;AACA;AACA;AAFA0C,OAAA,CAAAjD,MAAA,GAAAA,MAAA","ignoreList":[]}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* IMPORTS
|
|
5
|
+
*/
|
|
6
|
+
import React, { forwardRef } from "react";
|
|
7
|
+
|
|
8
|
+
// components
|
|
9
|
+
import Box from "../../../box/index.js";
|
|
10
|
+
import Typography from "../../../typography/index.js";
|
|
11
|
+
|
|
12
|
+
// typings
|
|
13
|
+
import { asBaseComponent } from "../../../../@types/as-base-component.js";
|
|
14
|
+
|
|
15
|
+
// styles
|
|
16
|
+
import { Icons } from "../../../../common/icons-svg/index.js";
|
|
17
|
+
import { theme } from "../../../../styles/theme/theme.js";
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Componente ListDeviceEmpty para a exibição de messagens
|
|
21
|
+
*/
|
|
22
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
+
const ListDeviceEmpty = /*#__PURE__*/forwardRef((_prop, ref) => {
|
|
24
|
+
return /*#__PURE__*/_jsx(Box, {
|
|
25
|
+
ref: ref,
|
|
26
|
+
width: "100%",
|
|
27
|
+
flexStyle: {
|
|
28
|
+
flex: 1,
|
|
29
|
+
flexDirection: "column",
|
|
30
|
+
justifyContent: "center",
|
|
31
|
+
alignItems: "center"
|
|
32
|
+
},
|
|
33
|
+
children: /*#__PURE__*/_jsxs(Box, {
|
|
34
|
+
width: "100%",
|
|
35
|
+
height: 60,
|
|
36
|
+
flexStyle: {
|
|
37
|
+
flex: 1,
|
|
38
|
+
flexDirection: "column",
|
|
39
|
+
justifyContent: "center",
|
|
40
|
+
alignItems: "center"
|
|
41
|
+
},
|
|
42
|
+
children: [/*#__PURE__*/_jsx(Icons, {
|
|
43
|
+
icon: "FILES",
|
|
44
|
+
size: 28,
|
|
45
|
+
color: theme.colors.gray[800]
|
|
46
|
+
}), /*#__PURE__*/_jsx(Typography, {
|
|
47
|
+
text: "Sem Relações de dispositivos.",
|
|
48
|
+
align: "center",
|
|
49
|
+
size: theme.fontSizes.md,
|
|
50
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
51
|
+
color: theme.colors.gray[800],
|
|
52
|
+
lineHeight: 24,
|
|
53
|
+
letterSpacing: "regular"
|
|
54
|
+
})]
|
|
55
|
+
})
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Componente ListDeviceEmpty para a interação da ui.
|
|
61
|
+
*/
|
|
62
|
+
export default asBaseComponent(ListDeviceEmpty);
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Box","Typography","asBaseComponent","Icons","theme","jsx","_jsx","jsxs","_jsxs","ListDeviceEmpty","_prop","ref","width","flexStyle","flex","flexDirection","justifyContent","alignItems","children","height","icon","size","color","colors","gray","text","align","fontSizes","md","fontFamily","fonts","inter_regular_400","lineHeight","letterSpacing"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/list-devices/components/list-device-empty/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC;AACA,OAAOC,GAAG,MAAM,uBAAc;AAC9B,OAAOC,UAAU,MAAM,8BAAqB;;AAE5C;AACA,SAASC,eAAe,QAAQ,yCAAsC;;AAEtE;AACA,SAASC,KAAK,QAAQ,uCAA8B;AACpD,SAASC,KAAK,QAAQ,mCAAgC;;AAEtD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGA,MAAMC,eAAe,gBAAGV,UAAU,CAAW,CAACW,KAAK,EAAEC,GAAG,KAAyB;EAC/E,oBACEL,IAAA,CAACN,GAAG;IACFW,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAE,MAAO;IACdC,SAAS,EAAE;MACTC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAE;IAAAC,QAAA,eAEFV,KAAA,CAACR,GAAG;MACFY,KAAK,EAAE,MAAO;MACdO,MAAM,EAAE,EAAG;MACXN,SAAS,EAAE;QACTC,IAAI,EAAE,CAAC;QACPC,aAAa,EAAE,QAAQ;QACvBC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE;MACd,CAAE;MAAAC,QAAA,gBAEFZ,IAAA,CAACH,KAAK;QAACiB,IAAI,EAAE,OAAQ;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAElB,KAAK,CAACmB,MAAM,CAACC,IAAI,CAAC,GAAG;MAAE,CAAE,CAAC,eACjElB,IAAA,CAACL,UAAU;QACTwB,IAAI,EAAE,+BAAgC;QACtCC,KAAK,EAAE,QAAS;QAChBL,IAAI,EAAEjB,KAAK,CAACuB,SAAS,CAACC,EAAG;QACzBC,UAAU,EAAEzB,KAAK,CAAC0B,KAAK,CAACC,iBAAkB;QAC1CT,KAAK,EAAElB,KAAK,CAACmB,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAC9BQ,UAAU,EAAE,EAAG;QACfC,aAAa,EAAE;MAAU,CAC1B,CAAC;IAAA,CACC;EAAC,CACH,CAAC;AAEV,CAAC,CAAC;;AAEF;AACA;AACA;AACA,eAAe/B,eAAe,CAACO,eAAe,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/* eslint-disable no-unused-vars */
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* IMPORTS
|
|
7
|
+
*/
|
|
8
|
+
import React, { useMemo } from "react";
|
|
9
|
+
import { Text, TouchableOpacity, View } from "react-native";
|
|
10
|
+
|
|
11
|
+
// commons / svg
|
|
12
|
+
import { Icons } from "../../../../common/icons-svg/index.js";
|
|
13
|
+
|
|
14
|
+
// typings
|
|
15
|
+
|
|
16
|
+
// styles
|
|
17
|
+
import { theme } from "../../../../styles/theme/theme.js";
|
|
18
|
+
import { styles as makeStyles } from "../../styles.js";
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Componente DeviceRow para a exibição de um item da lista de dispositivos
|
|
22
|
+
*/
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
const DeviceRow = /*#__PURE__*/React.memo(function DeviceRow({
|
|
25
|
+
device,
|
|
26
|
+
isSelected,
|
|
27
|
+
isLast,
|
|
28
|
+
disabled,
|
|
29
|
+
onPress,
|
|
30
|
+
titleColor,
|
|
31
|
+
textColorDescription
|
|
32
|
+
}) {
|
|
33
|
+
// estilos base/memoizados (evite recriar objetos grandes)
|
|
34
|
+
const s = useMemo(() => makeStyles({
|
|
35
|
+
titleColor,
|
|
36
|
+
textColorDescription,
|
|
37
|
+
disabled,
|
|
38
|
+
isSelected
|
|
39
|
+
}), [titleColor, textColorDescription, disabled, isSelected]);
|
|
40
|
+
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
41
|
+
activeOpacity: 0.7,
|
|
42
|
+
testID: "list-devices",
|
|
43
|
+
onPress: () => onPress(device),
|
|
44
|
+
disabled: disabled,
|
|
45
|
+
accessibilityRole: "button",
|
|
46
|
+
accessibilityState: {
|
|
47
|
+
selected: isSelected,
|
|
48
|
+
disabled
|
|
49
|
+
},
|
|
50
|
+
accessibilityLabel: `Dispositivo ${device.nameDevice}`,
|
|
51
|
+
style: [s.containerIndicator, !isLast && s.separator, isSelected && s.containerIndicatorSelected],
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Icons, {
|
|
53
|
+
icon: "BLUETOOTH",
|
|
54
|
+
size: 26,
|
|
55
|
+
background: theme.colors.gray[600],
|
|
56
|
+
color: theme.colors.gray[300]
|
|
57
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
58
|
+
style: s.containerMain,
|
|
59
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
60
|
+
style: [s.title, isSelected && s.titleSelected],
|
|
61
|
+
children: device.nameDevice
|
|
62
|
+
}), !!device.macDevice && /*#__PURE__*/_jsx(Text, {
|
|
63
|
+
style: [s.titleDescription, isSelected && s.descSelected],
|
|
64
|
+
children: device.macDevice
|
|
65
|
+
})]
|
|
66
|
+
})]
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* EXPORTS
|
|
72
|
+
*/
|
|
73
|
+
export { DeviceRow };
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","Text","TouchableOpacity","View","Icons","theme","styles","makeStyles","jsx","_jsx","jsxs","_jsxs","DeviceRow","memo","device","isSelected","isLast","disabled","onPress","titleColor","textColorDescription","s","activeOpacity","testID","accessibilityRole","accessibilityState","selected","accessibilityLabel","nameDevice","style","containerIndicator","separator","containerIndicatorSelected","children","icon","size","background","colors","gray","color","containerMain","title","titleSelected","macDevice","titleDescription","descSelected"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/list-devices/components/list-device-render-item/index.tsx"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAE3D;AACA,SAASC,KAAK,QAAQ,uCAA8B;;AAEpD;;AAGA;AACA,SAASC,KAAK,QAAQ,mCAAgC;AACtD,SAASC,MAAM,IAAIC,UAAU,QAAQ,iBAAc;;AAEnD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGA,MAAMC,SAAS,gBAAGb,KAAK,CAACc,IAAI,CAAC,SAASD,SAASA,CAAC;EAC9CE,MAAM;EACNC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC;AASF,CAAC,EAAE;EACD;EACA,MAAMC,CAAC,GAAGrB,OAAO,CACf,MACEO,UAAU,CAAC;IACTY,UAAU;IACVC,oBAAoB;IACpBH,QAAQ;IACRF;EACF,CAAC,CAAC,EACJ,CAACI,UAAU,EAAEC,oBAAoB,EAAEH,QAAQ,EAAEF,UAAU,CACzD,CAAC;EAED,oBACEJ,KAAA,CAACT,gBAAgB;IACfoB,aAAa,EAAE,GAAI;IACnBC,MAAM,EAAC,cAAc;IACrBL,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACJ,MAAM,CAAE;IAC/BG,QAAQ,EAAEA,QAAS;IACnBO,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEX,UAAU;MAAEE;IAAS,CAAE;IACvDU,kBAAkB,EAAE,eAAeb,MAAM,CAACc,UAAU,EAAG;IACvDC,KAAK,EAAE,CACLR,CAAC,CAACS,kBAAkB,EACpB,CAACd,MAAM,IAAIK,CAAC,CAACU,SAAS,EACtBhB,UAAU,IAAIM,CAAC,CAACW,0BAA0B,CAC1C;IAAAC,QAAA,gBAEFxB,IAAA,CAACL,KAAK;MACJ8B,IAAI,EAAC,WAAW;MAChBC,IAAI,EAAE,EAAG;MACTC,UAAU,EAAE/B,KAAK,CAACgC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;MACnCC,KAAK,EAAElC,KAAK,CAACgC,MAAM,CAACC,IAAI,CAAC,GAAG;IAAE,CAC/B,CAAC,eACF3B,KAAA,CAACR,IAAI;MAAC0B,KAAK,EAAER,CAAC,CAACmB,aAAc;MAAAP,QAAA,gBAC3BxB,IAAA,CAACR,IAAI;QAAC4B,KAAK,EAAE,CAACR,CAAC,CAACoB,KAAK,EAAE1B,UAAU,IAAIM,CAAC,CAACqB,aAAa,CAAE;QAAAT,QAAA,EAAEnB,MAAM,CAACc;MAAU,CAAO,CAAC,EAChF,CAAC,CAACd,MAAM,CAAC6B,SAAS,iBACjBlC,IAAA,CAACR,IAAI;QAAC4B,KAAK,EAAE,CAACR,CAAC,CAACuB,gBAAgB,EAAE7B,UAAU,IAAIM,CAAC,CAACwB,YAAY,CAAE;QAAAZ,QAAA,EAAEnB,MAAM,CAAC6B;MAAS,CAAO,CAC1F;IAAA,CACG,CAAC;EAAA,CACS,CAAC;AAEvB,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAAS/B,SAAS","ignoreList":[]}
|
|
@@ -3,27 +3,19 @@
|
|
|
3
3
|
/**
|
|
4
4
|
* IMPORTS
|
|
5
5
|
*/
|
|
6
|
-
import React, { forwardRef } from "react";
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
import Box from "../box/index.js";
|
|
11
|
-
|
|
12
|
-
// icons
|
|
13
|
-
import { Icons } from "../../common/icons-svg/index.js";
|
|
6
|
+
import React, { forwardRef, useCallback } from "react";
|
|
7
|
+
import { FlatList } from "react-native";
|
|
8
|
+
import { DeviceRow } from "./components/list-device-render-item/index.js";
|
|
9
|
+
import ListDeviceEmpty from "./components/list-device-empty/index.js";
|
|
14
10
|
|
|
15
11
|
// typings
|
|
16
12
|
|
|
17
13
|
import { asBaseComponent } from "../../@types/as-base-component.js";
|
|
18
14
|
|
|
19
|
-
// styles
|
|
20
|
-
import { styles as makeStyles } from "./styles.js";
|
|
21
|
-
import { theme } from "../../styles/theme/theme.js";
|
|
22
|
-
|
|
23
15
|
/**
|
|
24
16
|
* Componente ListDevices para a interação da ui.
|
|
25
17
|
*/
|
|
26
|
-
import { jsx as _jsx
|
|
18
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
27
19
|
const ListDevices = /*#__PURE__*/forwardRef(({
|
|
28
20
|
data,
|
|
29
21
|
textColorDescription,
|
|
@@ -34,61 +26,37 @@ const ListDevices = /*#__PURE__*/forwardRef(({
|
|
|
34
26
|
disabled
|
|
35
27
|
}, ref) => {
|
|
36
28
|
const isControlled = selectedId !== undefined;
|
|
37
|
-
const [internalSelected, setInternalSelected] = React.useState(defaultSelectedId);
|
|
29
|
+
const [internalSelected, setInternalSelected] = React.useState(defaultSelectedId ?? null);
|
|
38
30
|
const currentSelected = isControlled ? selectedId ?? null : internalSelected;
|
|
39
31
|
const handlePress = device => {
|
|
40
32
|
if (disabled) return;
|
|
41
33
|
if (!isControlled) setInternalSelected(device.id);
|
|
42
34
|
onSelect?.(device);
|
|
43
35
|
};
|
|
44
|
-
|
|
36
|
+
const renderItem = useCallback(({
|
|
37
|
+
item: device,
|
|
38
|
+
index
|
|
39
|
+
}) => {
|
|
40
|
+
const isLast = index === data?.length - 1;
|
|
41
|
+
const isSelected = currentSelected === device.id;
|
|
42
|
+
return /*#__PURE__*/_jsx(DeviceRow, {
|
|
43
|
+
device: device,
|
|
44
|
+
isSelected: isSelected,
|
|
45
|
+
isLast: isLast,
|
|
46
|
+
disabled: disabled,
|
|
47
|
+
onPress: handlePress,
|
|
48
|
+
titleColor: titleColor,
|
|
49
|
+
textColorDescription: textColorDescription
|
|
50
|
+
});
|
|
51
|
+
}, [currentSelected, disabled, handlePress, titleColor, textColorDescription]);
|
|
45
52
|
return /*#__PURE__*/_jsx(FlatList, {
|
|
53
|
+
ref: ref,
|
|
46
54
|
data: data,
|
|
47
55
|
keyExtractor: ({
|
|
48
56
|
id
|
|
49
57
|
}) => String(id),
|
|
50
|
-
renderItem:
|
|
51
|
-
|
|
52
|
-
index
|
|
53
|
-
}) => {
|
|
54
|
-
const isLast = index === data.length - 1;
|
|
55
|
-
const isSelected = currentSelected === device.id;
|
|
56
|
-
const s = makeStyles({
|
|
57
|
-
titleColor,
|
|
58
|
-
textColorDescription,
|
|
59
|
-
disabled,
|
|
60
|
-
isSelected
|
|
61
|
-
});
|
|
62
|
-
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
63
|
-
ref: ref,
|
|
64
|
-
activeOpacity: 0.7,
|
|
65
|
-
testID: "list-devices",
|
|
66
|
-
onPress: () => handlePress(device),
|
|
67
|
-
disabled: disabled,
|
|
68
|
-
accessibilityRole: "button",
|
|
69
|
-
accessibilityState: {
|
|
70
|
-
selected: isSelected,
|
|
71
|
-
disabled
|
|
72
|
-
},
|
|
73
|
-
accessibilityLabel: `Dispositivo ${device.nameDevice}`,
|
|
74
|
-
style: [s.containerIndicator, !isLast && s.separator, isSelected && s.containerIndicatorSelected],
|
|
75
|
-
children: [/*#__PURE__*/_jsx(Icons, {
|
|
76
|
-
icon: "BLUETOOTH",
|
|
77
|
-
size: 26,
|
|
78
|
-
background: theme.colors.gray[600],
|
|
79
|
-
color: theme.colors.gray[300]
|
|
80
|
-
}), /*#__PURE__*/_jsxs(View, {
|
|
81
|
-
style: s.containerMain,
|
|
82
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
83
|
-
style: [s.title, isSelected && s.titleSelected],
|
|
84
|
-
children: device.nameDevice
|
|
85
|
-
}), !!device.macDevice && /*#__PURE__*/_jsx(Text, {
|
|
86
|
-
style: [s.titleDescription, isSelected && s.descSelected],
|
|
87
|
-
children: device.macDevice
|
|
88
|
-
})]
|
|
89
|
-
})]
|
|
90
|
-
}, device.id);
|
|
91
|
-
}
|
|
58
|
+
renderItem: renderItem,
|
|
59
|
+
ListEmptyComponent: ListDeviceEmpty
|
|
92
60
|
});
|
|
93
61
|
});
|
|
94
62
|
ListDevices.displayName = "ListDevices";
|