@chem-po/react-native 0.0.44 → 0.0.45
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/form/input/Editable.js +5 -14
- package/lib/commonjs/components/form/input/Editable.js.map +1 -1
- package/lib/commonjs/components/form/input/boolean/index.js +19 -22
- package/lib/commonjs/components/form/input/boolean/index.js.map +1 -1
- package/lib/module/components/form/input/Editable.js +6 -15
- package/lib/module/components/form/input/Editable.js.map +1 -1
- package/lib/module/components/form/input/boolean/index.js +5 -8
- package/lib/module/components/form/input/boolean/index.js.map +1 -1
- package/lib/typescript/components/form/input/Editable.d.ts.map +1 -1
- package/lib/typescript/components/form/input/boolean/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/form/input/Editable.tsx +6 -16
- package/src/components/form/input/boolean/index.tsx +5 -9
|
@@ -31,13 +31,14 @@ const Editable = ({
|
|
|
31
31
|
}) => {
|
|
32
32
|
const {
|
|
33
33
|
inputRef,
|
|
34
|
-
|
|
34
|
+
onChange,
|
|
35
35
|
isLoading,
|
|
36
36
|
uploads,
|
|
37
37
|
editHovered,
|
|
38
38
|
handleEditOpen,
|
|
39
39
|
handleEditClose,
|
|
40
40
|
isEditing,
|
|
41
|
+
shouldSubmitOnChange,
|
|
41
42
|
value,
|
|
42
43
|
setEditHovered,
|
|
43
44
|
submit
|
|
@@ -49,16 +50,6 @@ const Editable = ({
|
|
|
49
50
|
onEditOpen,
|
|
50
51
|
onEditClose
|
|
51
52
|
});
|
|
52
|
-
const alwaysEditing = (0, _react2.useMemo)(() => {
|
|
53
|
-
if (!field) return false;
|
|
54
|
-
switch (field._type) {
|
|
55
|
-
case 'file':
|
|
56
|
-
case 'boolean':
|
|
57
|
-
return true;
|
|
58
|
-
default:
|
|
59
|
-
return false;
|
|
60
|
-
}
|
|
61
|
-
}, [field]);
|
|
62
53
|
(0, _react2.useEffect)(() => {
|
|
63
54
|
if (isEditing) {
|
|
64
55
|
var _inputRef$current;
|
|
@@ -100,8 +91,8 @@ const Editable = ({
|
|
|
100
91
|
opacity: isLoading ? 0 : 1,
|
|
101
92
|
borderColor: isEditing || editHovered ? editingBorderColor : 'transparent'
|
|
102
93
|
}]
|
|
103
|
-
}, isEditing ||
|
|
104
|
-
onChange:
|
|
94
|
+
}, isEditing || shouldSubmitOnChange ? /*#__PURE__*/_react2.default.createElement(RenderInput, {
|
|
95
|
+
onChange: onChange,
|
|
105
96
|
ref: inputRef,
|
|
106
97
|
value: value,
|
|
107
98
|
inEditable: true,
|
|
@@ -112,7 +103,7 @@ const Editable = ({
|
|
|
112
103
|
noLabel: true,
|
|
113
104
|
size: size,
|
|
114
105
|
value: value
|
|
115
|
-
})), !
|
|
106
|
+
})), !shouldSubmitOnChange && /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
116
107
|
style: styles.buttonsContainer
|
|
117
108
|
}, isEditing ? null : /*#__PURE__*/_react2.default.createElement(_reactNativeGestureHandler.Pressable, {
|
|
118
109
|
onPress: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativeGestureHandler","_LoadingOverlay","_UploadProgress","_view","_StandaloneInput","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Editable","value","initValue","field","onSubmit","storagePath","style","onEditClose","onEditOpen","containerStyle","size","CustomInput","CustomView","inputStyle","inputRef","
|
|
1
|
+
{"version":3,"names":["_react","require","_vectorIcons","_react2","_interopRequireWildcard","_reactNative","_reactNativeGestureHandler","_LoadingOverlay","_UploadProgress","_view","_StandaloneInput","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","Editable","value","initValue","field","onSubmit","storagePath","style","onEditClose","onEditOpen","containerStyle","size","CustomInput","CustomView","inputStyle","inputRef","onChange","isLoading","uploads","editHovered","handleEditOpen","handleEditClose","isEditing","shouldSubmitOnChange","setEditHovered","submit","useEditable","useEffect","_inputRef$current","current","focus","iconColor","useIconColor","editingBorderColor","useColorModeValue","submitColor","useThemeValue","RenderInput","useCallback","props","ref","createElement","Error","StandaloneInput","RenderView","FieldView","textStyle","View","styles","container","contentContainer","inputContainer","opacity","borderColor","inEditable","noLabel","buttonsContainer","Pressable","onPress","submitButton","onPressIn","onPressOut","Ionicons","name","color","Fragment","backgroundColor","LoadingOverlay","loading","UploadProgress","exports","StyleSheet","create","borderRadius","width","flexDirection","justifyContent","paddingTop","gap","position","flex","minWidth","borderWidth","borderStyle","submitButtonContainer","overflow","height","alignItems"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/Editable.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.BooleanComponent = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = require("@chem-po/react");
|
|
8
|
+
var _react2 = _interopRequireWildcard(require("react"));
|
|
8
9
|
var _reactNative = require("react-native");
|
|
9
10
|
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); }
|
|
10
11
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -16,30 +17,28 @@ const BaseCheckboxComponent = ({
|
|
|
16
17
|
...input
|
|
17
18
|
}
|
|
18
19
|
}, ref) => {
|
|
19
|
-
|
|
20
|
-
placeholder
|
|
21
|
-
} = field;
|
|
22
|
-
(0, _react.useImperativeHandle)(ref, () => ({
|
|
20
|
+
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
23
21
|
focus: () => {},
|
|
24
22
|
blur: () => {}
|
|
25
23
|
}));
|
|
26
|
-
|
|
24
|
+
const text = (0, _react.useBooleanFieldText)(field, value);
|
|
25
|
+
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
27
26
|
style: {
|
|
28
27
|
flexDirection: 'row',
|
|
29
28
|
alignItems: 'center'
|
|
30
29
|
}
|
|
31
|
-
}, /*#__PURE__*/
|
|
30
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNative.Switch, _extends({
|
|
32
31
|
value: value,
|
|
33
32
|
onValueChange: onChange
|
|
34
|
-
}, input)), /*#__PURE__*/
|
|
33
|
+
}, input)), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
35
34
|
style: {
|
|
36
35
|
marginLeft: 8,
|
|
37
36
|
fontWeight: '600',
|
|
38
37
|
opacity: value ? 0.9 : 0.6
|
|
39
38
|
}
|
|
40
|
-
},
|
|
39
|
+
}, text));
|
|
41
40
|
};
|
|
42
|
-
const CheckboxBooleanComponent = /*#__PURE__*/(0,
|
|
41
|
+
const CheckboxBooleanComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseCheckboxComponent);
|
|
43
42
|
const BaseSwitchComponent = ({
|
|
44
43
|
field,
|
|
45
44
|
input: {
|
|
@@ -48,37 +47,35 @@ const BaseSwitchComponent = ({
|
|
|
48
47
|
...input
|
|
49
48
|
}
|
|
50
49
|
}, ref) => {
|
|
51
|
-
|
|
52
|
-
placeholder
|
|
53
|
-
} = field;
|
|
54
|
-
(0, _react.useImperativeHandle)(ref, () => ({
|
|
50
|
+
(0, _react2.useImperativeHandle)(ref, () => ({
|
|
55
51
|
focus: () => {},
|
|
56
52
|
blur: () => {}
|
|
57
53
|
}));
|
|
58
|
-
|
|
54
|
+
const text = (0, _react.useBooleanFieldText)(field, value);
|
|
55
|
+
return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
|
|
59
56
|
style: {
|
|
60
57
|
flexDirection: 'row',
|
|
61
58
|
alignItems: 'center'
|
|
62
59
|
}
|
|
63
|
-
}, /*#__PURE__*/
|
|
60
|
+
}, /*#__PURE__*/_react2.default.createElement(_reactNative.Switch, _extends({
|
|
64
61
|
value: value,
|
|
65
62
|
onValueChange: onChange
|
|
66
|
-
}, input)), /*#__PURE__*/
|
|
63
|
+
}, input)), /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
|
|
67
64
|
style: {
|
|
68
65
|
marginLeft: 8,
|
|
69
66
|
fontWeight: '600',
|
|
70
67
|
opacity: value ? 0.9 : 0.6
|
|
71
68
|
}
|
|
72
|
-
},
|
|
69
|
+
}, text));
|
|
73
70
|
};
|
|
74
|
-
const SwitchBooleanComponent = /*#__PURE__*/(0,
|
|
71
|
+
const SwitchBooleanComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseSwitchComponent);
|
|
75
72
|
const BaseBooleanComponent = (props, ref) => {
|
|
76
|
-
if (props.field.type === 'switch') return /*#__PURE__*/
|
|
73
|
+
if (props.field.type === 'switch') return /*#__PURE__*/_react2.default.createElement(SwitchBooleanComponent, _extends({
|
|
77
74
|
ref: ref
|
|
78
75
|
}, props));
|
|
79
|
-
return /*#__PURE__*/
|
|
76
|
+
return /*#__PURE__*/_react2.default.createElement(CheckboxBooleanComponent, _extends({
|
|
80
77
|
ref: ref
|
|
81
78
|
}, props));
|
|
82
79
|
};
|
|
83
|
-
const BooleanComponent = exports.BooleanComponent = /*#__PURE__*/(0,
|
|
80
|
+
const BooleanComponent = exports.BooleanComponent = /*#__PURE__*/(0, _react2.forwardRef)(BaseBooleanComponent);
|
|
84
81
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","BaseCheckboxComponent","field","input","onChange","value","ref","useImperativeHandle","focus","blur","text","useBooleanFieldText","createElement","View","style","flexDirection","alignItems","Switch","onValueChange","Text","marginLeft","fontWeight","opacity","CheckboxBooleanComponent","forwardRef","BaseSwitchComponent","SwitchBooleanComponent","BaseBooleanComponent","props","type","BooleanComponent","exports"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/boolean/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import { useColorModeValue, useEditable, useIconColor, useThemeValue } from '@chem-po/react';
|
|
3
3
|
import { Ionicons } from '@expo/vector-icons';
|
|
4
|
-
import React, { useCallback, useEffect
|
|
4
|
+
import React, { useCallback, useEffect } from 'react';
|
|
5
5
|
import { StyleSheet, View } from 'react-native';
|
|
6
6
|
import { Pressable } from 'react-native-gesture-handler';
|
|
7
7
|
import { LoadingOverlay } from '../../loading/LoadingOverlay';
|
|
@@ -24,13 +24,14 @@ export const Editable = ({
|
|
|
24
24
|
}) => {
|
|
25
25
|
const {
|
|
26
26
|
inputRef,
|
|
27
|
-
|
|
27
|
+
onChange,
|
|
28
28
|
isLoading,
|
|
29
29
|
uploads,
|
|
30
30
|
editHovered,
|
|
31
31
|
handleEditOpen,
|
|
32
32
|
handleEditClose,
|
|
33
33
|
isEditing,
|
|
34
|
+
shouldSubmitOnChange,
|
|
34
35
|
value,
|
|
35
36
|
setEditHovered,
|
|
36
37
|
submit
|
|
@@ -42,16 +43,6 @@ export const Editable = ({
|
|
|
42
43
|
onEditOpen,
|
|
43
44
|
onEditClose
|
|
44
45
|
});
|
|
45
|
-
const alwaysEditing = useMemo(() => {
|
|
46
|
-
if (!field) return false;
|
|
47
|
-
switch (field._type) {
|
|
48
|
-
case 'file':
|
|
49
|
-
case 'boolean':
|
|
50
|
-
return true;
|
|
51
|
-
default:
|
|
52
|
-
return false;
|
|
53
|
-
}
|
|
54
|
-
}, [field]);
|
|
55
46
|
useEffect(() => {
|
|
56
47
|
if (isEditing) {
|
|
57
48
|
var _inputRef$current;
|
|
@@ -93,8 +84,8 @@ export const Editable = ({
|
|
|
93
84
|
opacity: isLoading ? 0 : 1,
|
|
94
85
|
borderColor: isEditing || editHovered ? editingBorderColor : 'transparent'
|
|
95
86
|
}]
|
|
96
|
-
}, isEditing ||
|
|
97
|
-
onChange:
|
|
87
|
+
}, isEditing || shouldSubmitOnChange ? /*#__PURE__*/React.createElement(RenderInput, {
|
|
88
|
+
onChange: onChange,
|
|
98
89
|
ref: inputRef,
|
|
99
90
|
value: value,
|
|
100
91
|
inEditable: true,
|
|
@@ -105,7 +96,7 @@ export const Editable = ({
|
|
|
105
96
|
noLabel: true,
|
|
106
97
|
size: size,
|
|
107
98
|
value: value
|
|
108
|
-
})), !
|
|
99
|
+
})), !shouldSubmitOnChange && /*#__PURE__*/React.createElement(View, {
|
|
109
100
|
style: styles.buttonsContainer
|
|
110
101
|
}, isEditing ? null : /*#__PURE__*/React.createElement(Pressable, {
|
|
111
102
|
onPress: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useColorModeValue","useEditable","useIconColor","useThemeValue","Ionicons","React","useCallback","useEffect","
|
|
1
|
+
{"version":3,"names":["useColorModeValue","useEditable","useIconColor","useThemeValue","Ionicons","React","useCallback","useEffect","StyleSheet","View","Pressable","LoadingOverlay","UploadProgress","FieldView","StandaloneInput","Editable","value","initValue","field","onSubmit","storagePath","style","onEditClose","onEditOpen","containerStyle","size","CustomInput","CustomView","inputStyle","inputRef","onChange","isLoading","uploads","editHovered","handleEditOpen","handleEditClose","isEditing","shouldSubmitOnChange","setEditHovered","submit","_inputRef$current","current","focus","iconColor","editingBorderColor","submitColor","RenderInput","props","ref","createElement","_extends","Error","RenderView","textStyle","styles","container","contentContainer","inputContainer","opacity","borderColor","inEditable","noLabel","buttonsContainer","onPress","submitButton","onPressIn","onPressOut","name","color","Fragment","backgroundColor","loading","create","borderRadius","width","flexDirection","justifyContent","paddingTop","gap","position","flex","minWidth","borderWidth","borderStyle","submitButtonContainer","overflow","height","alignItems"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/input/Editable.tsx"],"mappings":";AACA,SAIEA,iBAAiB,EACjBC,WAAW,EACXC,YAAY,EACZC,aAAa,QACR,gBAAgB;AACvB,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAkBC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACnE,SAASC,UAAU,EAAaC,IAAI,QAAmB,cAAc;AACrE,SAASC,SAAS,QAAQ,8BAA8B;AAExD,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,SAAS;AACnC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,QAAQ,GAAGA,CAAkB;EACxCC,KAAK,EAAEC,SAAS;EAChBC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC,KAAK;EACLC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,IAAI;EACJC,WAAW;EACXC,UAAU;EACVC;AACsC,CAAC,KAAK;EAC5C,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,WAAW;IACXC,cAAc;IACdC,eAAe;IACfC,SAAS;IACTC,oBAAoB;IACpBrB,KAAK;IACLsB,cAAc;IACdC;EACF,CAAC,GAAGtC,WAAW,CAAC;IACde,KAAK,EAAEC,SAAS;IAChBC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXG,UAAU;IACVD;EACF,CAAC,CAAC;EAEFf,SAAS,CAAC,MAAM;IACd,IAAI6B,SAAS,EAAE;MAAA,IAAAI,iBAAA;MACb,CAAAA,iBAAA,GAAAX,QAAQ,CAACY,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBE,KAAK,CAAC,CAAC;IAC3B;EACF,CAAC,EAAE,CAACN,SAAS,EAAEP,QAAQ,CAAC,CAAC;EAEzB,MAAMc,SAAS,GAAGzC,YAAY,CAAC,CAAC;EAChC,MAAM0C,kBAAkB,GAAG5C,iBAAiB,CAAC,WAAW,EAAE,WAAW,CAAC;EACtE,MAAM6C,WAAW,GAAG1C,aAAa,CAAC,mBAAmB,CAAC;EAEtD,MAAM2C,WAAW,GAAGxC,WAAW,CAC7B,CAACyC,KAA0C,EAAEC,GAAmC,KAAK;IACnF,IAAItB,WAAW,EAAE;MACf,oBAAOrB,KAAA,CAAA4C,aAAA,CAACvB,WAAW,EAAAwB,QAAA,KAAKH,KAAK;QAAEC,GAAG,EAAEA;MAAI,EAAE,CAAC;IAC7C;IACA,IAAI,CAAC9B,KAAK,EAAE,MAAM,IAAIiC,KAAK,CAAC,uDAAuD,CAAC;IACpF,oBAAO9C,KAAA,CAAA4C,aAAA,CAACnC,eAAe,EAAAoC,QAAA;MAACF,GAAG,EAAEA,GAAI;MAAC9B,KAAK,EAAEA,KAAM;MAACU,UAAU,EAAEA;IAAW,GAAKmB,KAAK,CAAG,CAAC;EACvF,CAAC,EACD,CAACrB,WAAW,EAAER,KAAK,EAAEU,UAAU,CACjC,CAAC;EAED,MAAMwB,UAAU,GAAG9C,WAAW,CAC3ByC,KAAiD,IAAK;IACrD,IAAIpB,UAAU,EAAE;MACd,oBAAOtB,KAAA,CAAA4C,aAAA,CAACtB,UAAU,EAAKoB,KAAQ,CAAC;IAClC;IACA,IAAI,CAAC7B,KAAK,EAAE,MAAM,IAAIiC,KAAK,CAAC,sDAAsD,CAAC;IACnF,oBAAO9C,KAAA,CAAA4C,aAAA,CAACpC,SAAS,EAAAqC,QAAA;MAACG,SAAS,EAAEzB,UAAW;MAACV,KAAK,EAAEA;IAAM,GAAK6B,KAAK,CAAG,CAAC;EACtE,CAAC,EACD,CAACpB,UAAU,EAAET,KAAK,EAAEU,UAAU,CAChC,CAAC;EAED,oBACEvB,KAAA,CAAA4C,aAAA,CAACxC,IAAI;IAACY,KAAK,EAAE,CAACiC,MAAM,CAACC,SAAS,EAAE/B,cAAc;EAAE,gBAC9CnB,KAAA,CAAA4C,aAAA,CAACxC,IAAI;IAACY,KAAK,EAAEiC,MAAM,CAACE;EAAiB,gBACnCnD,KAAA,CAAA4C,aAAA,CAACxC,IAAI;IACHY,KAAK,EAAE,CACLiC,MAAM,CAACG,cAAc,EACrB;MACEC,OAAO,EAAE3B,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1B4B,WAAW,EAAEvB,SAAS,IAAIH,WAAW,GAAGW,kBAAkB,GAAG;IAC/D,CAAC;EACD,GACDR,SAAS,IAAIC,oBAAoB,gBAChChC,KAAA,CAAA4C,aAAA,CAACH,WAAW;IACVhB,QAAQ,EAAEA,QAAS;IACnBkB,GAAG,EAAEnB,QAAS;IACdb,KAAK,EAAEA,KAAM;IACb4C,UAAU;IACVvC,KAAK,EAAEA,KAAM;IACbI,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEFpB,KAAA,CAAA4C,aAAA,CAACG,UAAU;IAACQ,UAAU;IAACC,OAAO;IAACpC,IAAI,EAAEA,IAAK;IAACT,KAAK,EAAEA;EAAM,CAAE,CAExD,CAAC,EACN,CAACqB,oBAAoB,iBACpBhC,KAAA,CAAA4C,aAAA,CAACxC,IAAI;IAACY,KAAK,EAAEiC,MAAM,CAACQ;EAAiB,GAClC1B,SAAS,GAAG,IAAI,gBACf/B,KAAA,CAAA4C,aAAA,CAACvC,SAAS;IACRqD,OAAO,EAAEA,CAAA,KAAM;MACb7B,cAAc,CAAC,CAAC;IAClB,CAAE;IACFb,KAAK,EAAEiC,MAAM,CAACU,YAAa;IAC3BC,SAAS,EAAEA,CAAA,KAAM3B,cAAc,CAAC,IAAI,CAAE;IACtC4B,UAAU,EAAEA,CAAA,KAAM5B,cAAc,CAAC,KAAK;EAAE,gBACxCjC,KAAA,CAAA4C,aAAA,CAAC7C,QAAQ;IAAC+D,IAAI,EAAC,gBAAgB;IAAC1C,IAAI,EAAE,EAAG;IAAC2C,KAAK,EAAEzB;EAAU,CAAE,CACpD,CACZ,EACAP,SAAS,gBACR/B,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAAgE,QAAA,qBACEhE,KAAA,CAAA4C,aAAA,CAACvC,SAAS;IACRqD,OAAO,EAAEA,CAAA,KAAM;MACb5B,eAAe,CAAC,CAAC;IACnB,CAAE;IACFd,KAAK,EAAEiC,MAAM,CAACU,YAAa;IAC3BC,SAAS,EAAEA,CAAA,KAAM3B,cAAc,CAAC,IAAI,CAAE;IACtC4B,UAAU,EAAEA,CAAA,KAAM5B,cAAc,CAAC,KAAK;EAAE,gBACxCjC,KAAA,CAAA4C,aAAA,CAAC7C,QAAQ;IAAC+D,IAAI,EAAC,OAAO;IAAC1C,IAAI,EAAE,EAAG;IAAC2C,KAAK,EAAEzB;EAAU,CAAE,CAC3C,CAAC,eACZtC,KAAA,CAAA4C,aAAA,CAACvC,SAAS;IACRW,KAAK,EAAE,CAACiC,MAAM,CAACU,YAAY,EAAE;MAAEM,eAAe,EAAEzB;IAAY,CAAC,CAAE;IAC/DkB,OAAO,EAAEA,CAAA,KAAM;MACbxB,MAAM,CAAC,CAAC;IACV;EAAE,gBACFlC,KAAA,CAAA4C,aAAA,CAAC7C,QAAQ;IAAC+D,IAAI,EAAC,WAAW;IAAC1C,IAAI,EAAE,EAAG;IAAC2C,KAAK,EAAC;EAAM,CAAE,CAC1C,CACX,CAAC,GACD,IACA,CACP,eACD/D,KAAA,CAAA4C,aAAA,CAACtC,cAAc;IAAC4D,OAAO,EAAExC;EAAU,CAAE,CACjC,CAAC,eACP1B,KAAA,CAAA4C,aAAA,CAACrC,cAAc;IAACoB,OAAO,EAAEA;EAAQ,CAAE,CAC/B,CAAC;AAEX,CAAC;AAED,MAAMsB,MAAM,GAAG9C,UAAU,CAACgE,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE;EACT,CAAC;EACDZ,gBAAgB,EAAE;IAChBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,CAAC;IACbC,GAAG,EAAE;EACP,CAAC;EACDtB,gBAAgB,EAAE;IAChBmB,aAAa,EAAE,KAAK;IACpBG,GAAG,EAAE,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBL,KAAK,EAAE;EACT,CAAC;EACDjB,cAAc,EAAE;IACduB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDC,qBAAqB,EAAE;IACrBT,aAAa,EAAE,KAAK;IACpBU,QAAQ,EAAE,QAAQ;IAClBP,GAAG,EAAE;EACP,CAAC;EACDd,YAAY,EAAE;IACZU,KAAK,EAAE,EAAE;IACTY,MAAM,EAAE,EAAE;IACVb,YAAY,EAAE,CAAC;IACfc,UAAU,EAAE,QAAQ;IACpBX,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import { useBooleanFieldText } from '@chem-po/react';
|
|
2
3
|
import React, { forwardRef, useImperativeHandle } from 'react';
|
|
3
4
|
import { Switch, Text, View } from 'react-native';
|
|
4
5
|
const BaseCheckboxComponent = ({
|
|
@@ -9,13 +10,11 @@ const BaseCheckboxComponent = ({
|
|
|
9
10
|
...input
|
|
10
11
|
}
|
|
11
12
|
}, ref) => {
|
|
12
|
-
const {
|
|
13
|
-
placeholder
|
|
14
|
-
} = field;
|
|
15
13
|
useImperativeHandle(ref, () => ({
|
|
16
14
|
focus: () => {},
|
|
17
15
|
blur: () => {}
|
|
18
16
|
}));
|
|
17
|
+
const text = useBooleanFieldText(field, value);
|
|
19
18
|
return /*#__PURE__*/React.createElement(View, {
|
|
20
19
|
style: {
|
|
21
20
|
flexDirection: 'row',
|
|
@@ -30,7 +29,7 @@ const BaseCheckboxComponent = ({
|
|
|
30
29
|
fontWeight: '600',
|
|
31
30
|
opacity: value ? 0.9 : 0.6
|
|
32
31
|
}
|
|
33
|
-
},
|
|
32
|
+
}, text));
|
|
34
33
|
};
|
|
35
34
|
const CheckboxBooleanComponent = /*#__PURE__*/forwardRef(BaseCheckboxComponent);
|
|
36
35
|
const BaseSwitchComponent = ({
|
|
@@ -41,13 +40,11 @@ const BaseSwitchComponent = ({
|
|
|
41
40
|
...input
|
|
42
41
|
}
|
|
43
42
|
}, ref) => {
|
|
44
|
-
const {
|
|
45
|
-
placeholder
|
|
46
|
-
} = field;
|
|
47
43
|
useImperativeHandle(ref, () => ({
|
|
48
44
|
focus: () => {},
|
|
49
45
|
blur: () => {}
|
|
50
46
|
}));
|
|
47
|
+
const text = useBooleanFieldText(field, value);
|
|
51
48
|
return /*#__PURE__*/React.createElement(View, {
|
|
52
49
|
style: {
|
|
53
50
|
flexDirection: 'row',
|
|
@@ -62,7 +59,7 @@ const BaseSwitchComponent = ({
|
|
|
62
59
|
fontWeight: '600',
|
|
63
60
|
opacity: value ? 0.9 : 0.6
|
|
64
61
|
}
|
|
65
|
-
},
|
|
62
|
+
}, text));
|
|
66
63
|
};
|
|
67
64
|
const SwitchBooleanComponent = /*#__PURE__*/forwardRef(BaseSwitchComponent);
|
|
68
65
|
const BaseBooleanComponent = (props, ref) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useImperativeHandle","Switch","Text","View","BaseCheckboxComponent","field","input","onChange","value","ref","
|
|
1
|
+
{"version":3,"names":["useBooleanFieldText","React","forwardRef","useImperativeHandle","Switch","Text","View","BaseCheckboxComponent","field","input","onChange","value","ref","focus","blur","text","createElement","style","flexDirection","alignItems","_extends","onValueChange","marginLeft","fontWeight","opacity","CheckboxBooleanComponent","BaseSwitchComponent","SwitchBooleanComponent","BaseBooleanComponent","props","type","BooleanComponent"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/boolean/index.tsx"],"mappings":";AACA,SAAuBA,mBAAmB,QAAQ,gBAAgB;AAClE,OAAOC,KAAK,IAAkBC,UAAU,EAAEC,mBAAmB,QAAQ,OAAO;AAC5E,SAASC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAGjD,MAAMC,qBAAqB,GAAGA,CAC5B;EAAEC,KAAK;EAAEC,KAAK,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGF;EAAM;AAA4B,CAAC,EACzEG,GAA2B,KACxB;EACHT,mBAAmB,CAACS,GAAG,EAAE,OAAO;IAC9BC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;IACfC,IAAI,EAAEA,CAAA,KAAM,CAAC;EACf,CAAC,CAAC,CAAC;EACH,MAAMC,IAAI,GAAGf,mBAAmB,CAACQ,KAAK,EAAEG,KAAK,CAAC;EAC9C,oBACEV,KAAA,CAAAe,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS;EAAE,gBAC1DlB,KAAA,CAAAe,aAAA,CAACZ,MAAM,EAAAgB,QAAA;IAACT,KAAK,EAAEA,KAAM;IAACU,aAAa,EAAEX;EAAS,GAAKD,KAAK,CAAG,CAAC,eAC5DR,KAAA,CAAAe,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE;MAAEK,UAAU,EAAE,CAAC;MAAEC,UAAU,EAAE,KAAK;MAAEC,OAAO,EAAEb,KAAK,GAAG,GAAG,GAAG;IAAI;EAAE,GAAEI,IAAW,CACvF,CAAC;AAEX,CAAC;AAED,MAAMU,wBAAwB,gBAAGvB,UAAU,CACzCK,qBACF,CAAC;AAED,MAAMmB,mBAAmB,GAAGA,CAC1B;EAAElB,KAAK;EAAEC,KAAK,EAAE;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGF;EAAM;AAA4B,CAAC,EACzEG,GAA2B,KACxB;EACHT,mBAAmB,CAACS,GAAG,EAAE,OAAO;IAC9BC,KAAK,EAAEA,CAAA,KAAM,CAAC,CAAC;IACfC,IAAI,EAAEA,CAAA,KAAM,CAAC;EACf,CAAC,CAAC,CAAC;EACH,MAAMC,IAAI,GAAGf,mBAAmB,CAACQ,KAAK,EAAEG,KAAK,CAAC;EAC9C,oBACEV,KAAA,CAAAe,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE;IAAS;EAAE,gBAC1DlB,KAAA,CAAAe,aAAA,CAACZ,MAAM,EAAAgB,QAAA;IAACT,KAAK,EAAEA,KAAM;IAACU,aAAa,EAAEX;EAAS,GAAKD,KAAK,CAAG,CAAC,eAC5DR,KAAA,CAAAe,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE;MAAEK,UAAU,EAAE,CAAC;MAAEC,UAAU,EAAE,KAAK;MAAEC,OAAO,EAAEb,KAAK,GAAG,GAAG,GAAG;IAAI;EAAE,GAAEI,IAAW,CACvF,CAAC;AAEX,CAAC;AAED,MAAMY,sBAAsB,gBAAGzB,UAAU,CAAqCwB,mBAAmB,CAAC;AAElG,MAAME,oBAAoB,GAAGA,CAACC,KAA+B,EAAEjB,GAA2B,KAAK;EAC7F,IAAIiB,KAAK,CAACrB,KAAK,CAACsB,IAAI,KAAK,QAAQ,EAAE,oBAAO7B,KAAA,CAAAe,aAAA,CAACW,sBAAsB,EAAAP,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKiB,KAAK,CAAG,CAAC;EACzF,oBAAO5B,KAAA,CAAAe,aAAA,CAACS,wBAAwB,EAAAL,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKiB,KAAK,CAAG,CAAC;AAC1D,CAAC;AAED,OAAO,MAAME,gBAAgB,gBAAG7B,UAAU,CAAqC0B,oBAAoB,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,
|
|
1
|
+
{"version":3,"file":"Editable.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/input/Editable.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EACb,KAAK,EAKN,MAAM,gBAAgB,CAAA;AAEvB,OAAO,KAA+C,MAAM,OAAO,CAAA;AACnE,OAAO,EAAc,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAQrE,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,KAAK,EAAE,gJAavC,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,sBAuHxC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/boolean/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/boolean/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,YAAY,EAAuB,MAAM,gBAAgB,CAAA;AAClE,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AA+CxC,eAAO,MAAM,gBAAgB,2FAAuE,CAAA"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@chem-po/react-native",
|
|
3
3
|
"author": "Elan Canfield",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.45",
|
|
6
6
|
"main": "lib/commonjs/index.js",
|
|
7
7
|
"types": "lib/typescript/index.d.ts",
|
|
8
8
|
"source": "src/index.ts",
|
|
@@ -53,8 +53,8 @@
|
|
|
53
53
|
"react-native-svg": "15.12.1",
|
|
54
54
|
"react-native-worklets": "0.5.1",
|
|
55
55
|
"zustand": "^4.3.3",
|
|
56
|
-
"@chem-po/core": "0.0.
|
|
57
|
-
"@chem-po/react": "0.0.
|
|
56
|
+
"@chem-po/core": "0.0.45",
|
|
57
|
+
"@chem-po/react": "0.0.45"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
60
|
"@babel/core": "^7.26.0",
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
useThemeValue,
|
|
10
10
|
} from '@chem-po/react'
|
|
11
11
|
import { Ionicons } from '@expo/vector-icons'
|
|
12
|
-
import React, { ForwardedRef, useCallback, useEffect
|
|
12
|
+
import React, { ForwardedRef, useCallback, useEffect } from 'react'
|
|
13
13
|
import { StyleSheet, TextStyle, View, ViewStyle } from 'react-native'
|
|
14
14
|
import { Pressable } from 'react-native-gesture-handler'
|
|
15
15
|
import { CustomInputProps } from '../../../types/forms'
|
|
@@ -34,13 +34,14 @@ export const Editable = <T extends Field>({
|
|
|
34
34
|
}: EditableProps<ViewStyle, TextStyle, T>) => {
|
|
35
35
|
const {
|
|
36
36
|
inputRef,
|
|
37
|
-
|
|
37
|
+
onChange,
|
|
38
38
|
isLoading,
|
|
39
39
|
uploads,
|
|
40
40
|
editHovered,
|
|
41
41
|
handleEditOpen,
|
|
42
42
|
handleEditClose,
|
|
43
43
|
isEditing,
|
|
44
|
+
shouldSubmitOnChange,
|
|
44
45
|
value,
|
|
45
46
|
setEditHovered,
|
|
46
47
|
submit,
|
|
@@ -53,17 +54,6 @@ export const Editable = <T extends Field>({
|
|
|
53
54
|
onEditClose,
|
|
54
55
|
})
|
|
55
56
|
|
|
56
|
-
const alwaysEditing = useMemo(() => {
|
|
57
|
-
if (!field) return false
|
|
58
|
-
switch (field._type) {
|
|
59
|
-
case 'file':
|
|
60
|
-
case 'boolean':
|
|
61
|
-
return true
|
|
62
|
-
default:
|
|
63
|
-
return false
|
|
64
|
-
}
|
|
65
|
-
}, [field])
|
|
66
|
-
|
|
67
57
|
useEffect(() => {
|
|
68
58
|
if (isEditing) {
|
|
69
59
|
inputRef.current?.focus()
|
|
@@ -107,9 +97,9 @@ export const Editable = <T extends Field>({
|
|
|
107
97
|
borderColor: isEditing || editHovered ? editingBorderColor : 'transparent',
|
|
108
98
|
},
|
|
109
99
|
]}>
|
|
110
|
-
{isEditing ||
|
|
100
|
+
{isEditing || shouldSubmitOnChange ? (
|
|
111
101
|
<RenderInput
|
|
112
|
-
onChange={
|
|
102
|
+
onChange={onChange}
|
|
113
103
|
ref={inputRef}
|
|
114
104
|
value={value}
|
|
115
105
|
inEditable
|
|
@@ -120,7 +110,7 @@ export const Editable = <T extends Field>({
|
|
|
120
110
|
<RenderView inEditable noLabel size={size} value={value} />
|
|
121
111
|
)}
|
|
122
112
|
</View>
|
|
123
|
-
{!
|
|
113
|
+
{!shouldSubmitOnChange && (
|
|
124
114
|
<View style={styles.buttonsContainer}>
|
|
125
115
|
{isEditing ? null : (
|
|
126
116
|
<Pressable
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputRef } from '@chem-po/core'
|
|
2
|
-
import { BooleanField } from '@chem-po/react'
|
|
2
|
+
import { BooleanField, useBooleanFieldText } from '@chem-po/react'
|
|
3
3
|
import React, { ForwardedRef, forwardRef, useImperativeHandle } from 'react'
|
|
4
4
|
import { Switch, Text, View } from 'react-native'
|
|
5
5
|
import { FieldProps } from '../../types'
|
|
@@ -8,17 +8,15 @@ const BaseCheckboxComponent = (
|
|
|
8
8
|
{ field, input: { onChange, value, ...input } }: FieldProps<BooleanField>,
|
|
9
9
|
ref: ForwardedRef<InputRef>,
|
|
10
10
|
) => {
|
|
11
|
-
const { placeholder } = field
|
|
12
11
|
useImperativeHandle(ref, () => ({
|
|
13
12
|
focus: () => {},
|
|
14
13
|
blur: () => {},
|
|
15
14
|
}))
|
|
15
|
+
const text = useBooleanFieldText(field, value)
|
|
16
16
|
return (
|
|
17
17
|
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
|
|
18
18
|
<Switch value={value} onValueChange={onChange} {...input} />
|
|
19
|
-
<Text style={{ marginLeft: 8, fontWeight: '600', opacity: value ? 0.9 : 0.6 }}>
|
|
20
|
-
{placeholder}
|
|
21
|
-
</Text>
|
|
19
|
+
<Text style={{ marginLeft: 8, fontWeight: '600', opacity: value ? 0.9 : 0.6 }}>{text}</Text>
|
|
22
20
|
</View>
|
|
23
21
|
)
|
|
24
22
|
}
|
|
@@ -31,17 +29,15 @@ const BaseSwitchComponent = (
|
|
|
31
29
|
{ field, input: { onChange, value, ...input } }: FieldProps<BooleanField>,
|
|
32
30
|
ref: ForwardedRef<InputRef>,
|
|
33
31
|
) => {
|
|
34
|
-
const { placeholder } = field
|
|
35
32
|
useImperativeHandle(ref, () => ({
|
|
36
33
|
focus: () => {},
|
|
37
34
|
blur: () => {},
|
|
38
35
|
}))
|
|
36
|
+
const text = useBooleanFieldText(field, value)
|
|
39
37
|
return (
|
|
40
38
|
<View style={{ flexDirection: 'row', alignItems: 'center' }}>
|
|
41
39
|
<Switch value={value} onValueChange={onChange} {...input} />
|
|
42
|
-
<Text style={{ marginLeft: 8, fontWeight: '600', opacity: value ? 0.9 : 0.6 }}>
|
|
43
|
-
{placeholder}
|
|
44
|
-
</Text>
|
|
40
|
+
<Text style={{ marginLeft: 8, fontWeight: '600', opacity: value ? 0.9 : 0.6 }}>{text}</Text>
|
|
45
41
|
</View>
|
|
46
42
|
)
|
|
47
43
|
}
|