@evlop/native-components 1.0.250 → 1.0.252
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/dist/cjs/src/Actionable.d.ts +7 -4
- package/dist/cjs/src/Actionable.d.ts.map +1 -1
- package/dist/cjs/src/Actionable.js +8 -23
- package/dist/cjs/src/Actionable.js.map +1 -1
- package/dist/cjs/src/Button.d.ts +3 -2
- package/dist/cjs/src/Button.d.ts.map +1 -1
- package/dist/cjs/src/NativeButton/index.d.ts +3 -2
- package/dist/cjs/src/NativeButton/index.d.ts.map +1 -1
- package/dist/types/main.ai.d.ts +2 -2
- package/dist/types/src/Actionable.d.ts +7 -4
- package/dist/types/src/Actionable.d.ts.map +1 -1
- package/dist/types/src/Button.d.ts +3 -2
- package/dist/types/src/Button.d.ts.map +1 -1
- package/dist/types/src/NativeButton/index.d.ts +3 -2
- package/dist/types/src/NativeButton/index.d.ts.map +1 -1
- package/package.json +4 -2
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PressableProps } from 'react-native';
|
|
4
|
+
import { HapticFeedbackTypes } from 'react-native-haptic-feedback';
|
|
4
5
|
declare type EffectType = 'none' | 'shrink' | 'dim' | 'shrink-dim' | 'push-down' | 'gentle-shrink' | 'tilt' | 'bounce' | 'squeeze' | 'pop' | 'wobble';
|
|
5
|
-
declare type FeedbackType = 'none' | 'light' | 'medium' | 'heavy' | 'success' | 'error' | 'warning';
|
|
6
6
|
export interface BaseActionableProps extends PressableProps {
|
|
7
7
|
pressEffect?: EffectType;
|
|
8
|
-
|
|
8
|
+
hapticFeedback?: keyof typeof HapticFeedbackTypes;
|
|
9
9
|
action: Action;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
12
12
|
export declare const BaseActionable: React.ComponentType<BaseActionableProps>;
|
|
13
|
-
declare const _default:
|
|
13
|
+
declare const _default: (props: BaseActionableProps & {
|
|
14
14
|
model?: string;
|
|
15
15
|
dataModel?: string;
|
|
16
16
|
configModel?: string;
|
|
17
17
|
action?: Action;
|
|
18
|
-
|
|
18
|
+
ref?: any;
|
|
19
|
+
} & {
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
}) => React.JSX.Element;
|
|
19
22
|
export default _default;
|
|
20
23
|
//# sourceMappingURL=Actionable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAA8C,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAoC,MAAM,8BAA8B,CAAC;AAIrG,aAAK,UAAU,GACT,MAAM,GACN,QAAQ,GACR,KAAK,GACL,YAAY,GACZ,WAAW,GACX,eAAe,GACf,MAAM,GACN,QAAQ,GACR,SAAS,GACT,KAAK,GACL,QAAQ,CAAC;AAEf,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACvD,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAmLD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAyBnE,CAAA;;;;;;;;;;AAED,wBAImB"}
|
|
@@ -41,28 +41,11 @@ exports.BaseActionable = void 0;
|
|
|
41
41
|
const commons_1 = require("@evlop/commons");
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const react_native_1 = require("react-native");
|
|
44
|
+
const react_native_haptic_feedback_1 = require("react-native-haptic-feedback");
|
|
44
45
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
45
46
|
const styled_system_1 = require("styled-system");
|
|
46
47
|
const AnimatedPressable = react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);
|
|
47
48
|
const StyledPressable = (0, native_1.default)(AnimatedPressable)(styled_system_1.border, styled_system_1.background, styled_system_1.layout, styled_system_1.space);
|
|
48
|
-
const getFeedbackPattern = (type) => {
|
|
49
|
-
switch (type) {
|
|
50
|
-
case 'light':
|
|
51
|
-
return 20;
|
|
52
|
-
case 'medium':
|
|
53
|
-
return 50;
|
|
54
|
-
case 'heavy':
|
|
55
|
-
return 100;
|
|
56
|
-
case 'success':
|
|
57
|
-
return [0, 30, 50, 30];
|
|
58
|
-
case 'error':
|
|
59
|
-
return [0, 50, 50, 50];
|
|
60
|
-
case 'warning':
|
|
61
|
-
return [0, 100, 50, 100];
|
|
62
|
-
default:
|
|
63
|
-
return 0;
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
49
|
// Hook to create animated press effect
|
|
67
50
|
const useAnimatedPress = (effect) => {
|
|
68
51
|
return (0, react_1.useMemo)(() => {
|
|
@@ -226,18 +209,20 @@ const useAnimatedPress = (effect) => {
|
|
|
226
209
|
}, [effect]);
|
|
227
210
|
};
|
|
228
211
|
const BaseActionable = (_a) => {
|
|
229
|
-
var { action, pressEffect = 'none',
|
|
212
|
+
var { action, pressEffect = 'none', hapticFeedback: hapticFeedbackType, style } = _a, props = __rest(_a, ["action", "pressEffect", "hapticFeedback", "style"]);
|
|
230
213
|
const onPress = (0, commons_1.useAction)(action);
|
|
231
214
|
const { handlePressIn, handlePressOut, animatedStyle } = useAnimatedPress(pressEffect);
|
|
232
215
|
const handlePress = (0, react_1.useCallback)((event) => {
|
|
233
|
-
if (
|
|
234
|
-
|
|
235
|
-
|
|
216
|
+
if (hapticFeedbackType) {
|
|
217
|
+
(0, react_native_haptic_feedback_1.trigger)(hapticFeedbackType, {
|
|
218
|
+
enableVibrateFallback: true,
|
|
219
|
+
ignoreAndroidSystemSettings: false,
|
|
220
|
+
});
|
|
236
221
|
}
|
|
237
222
|
setImmediate(() => {
|
|
238
223
|
onPress === null || onPress === void 0 ? void 0 : onPress(event);
|
|
239
224
|
});
|
|
240
|
-
}, [
|
|
225
|
+
}, [hapticFeedbackType, onPress]);
|
|
241
226
|
return (react_1.default.createElement(StyledPressable, Object.assign({ onPress: action ? handlePress : undefined, onPressIn: handlePressIn, onPressOut: handlePressOut, style: [animatedStyle, style] }, props)));
|
|
242
227
|
};
|
|
243
228
|
exports.BaseActionable = BaseActionable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiE;AACjE,+CAAoD;AACpD,+
|
|
1
|
+
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAiE;AACjE,+CAAoD;AACpD,+CAA0F;AAC1F,+EAAqG;AACrG,sEAA8C;AAC9C,iDAAkE;AAsBlE,MAAM,iBAAiB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,wBAAS,CAAC,CAAC;AAEtE,MAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,iBAAiB,CAAC,CAC7C,sBAAM,EACN,0BAAU,EACV,sBAAM,EACN,qBAAK,CACR,CAAA;AAED,uCAAuC;AACvC,MAAM,gBAAgB,GAAG,CAAC,MAAkB,EAAE,EAAE;IAC5C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAChB,IAAI,MAAM,KAAK,MAAM,EAAE;YACnB,OAAO,EAAE,CAAC;SACb;QAED,MAAM,aAAa,GAAG,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAE5C,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,uBAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;gBAC3B,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE,EAAE;gBACT,UAAU,EAAE,CAAC;aAChB,CAAC,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,EAAE;YACxB,uBAAQ,CAAC,MAAM,CAAC,aAAa,EAAE;gBAC3B,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE,EAAE;gBACT,UAAU,EAAE,CAAC;aAChB,CAAC,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC1B,QAAQ,MAAM,EAAE;gBACZ,KAAK,QAAQ;oBACT,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,KAAK;oBACN,OAAO;wBACH,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;4BAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;4BAClB,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;yBACxB,CAAC;qBACL,CAAC;gBACN,KAAK,YAAY;oBACb,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;wBACF,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;4BAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;4BAClB,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;yBACxB,CAAC;qBACL,CAAC;gBACN,KAAK,WAAW;oBACZ,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC;oCAClC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;iCACtB,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN,KAAK,eAAe;oBAChB,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,MAAM;oBACP,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;iCACjC,CAAC;6BACL;4BACD;gCACI,WAAW,EAAE,aAAa,CAAC,WAAW,CAAC;oCACnC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;iCAC3B,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN,KAAK,QAAQ;oBACT,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;oCACvB,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;iCAC9B,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,SAAS;oBACV,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC9B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC9B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN,KAAK,KAAK;oBACN,OAAO;wBACH,SAAS,EAAE,CAAC;gCACR,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL,CAAC;qBACL,CAAC;gBACN,KAAK,QAAQ;oBACT,OAAO;wBACH,SAAS,EAAE;4BACP;gCACI,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC7B,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oCAClB,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;iCACzB,CAAC;6BACL;4BACD;gCACI,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC;oCAC/B,UAAU,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;oCACnC,WAAW,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC;iCAC5D,CAAC;6BACL;yBACJ;qBACJ,CAAC;gBACN;oBACI,OAAO,EAAE,CAAC;aACjB;QACL,CAAC,CAAC;QAEF,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,CAAC;IAChF,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,CAAC,CAAC;AAEK,MAAM,cAAc,GAA6C,CAAC,EAAqF,EAAE,EAAE;QAAzF,EAAE,MAAM,EAAE,WAAW,GAAG,MAAM,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,OAAY,EAAP,KAAK,cAAnF,oDAAqF,CAAF;IACxJ,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAEvF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,KAA4B,EAAE,EAAE;QAC7D,IAAI,kBAAkB,EAAE;YACpB,IAAA,sCAAqB,EAAC,kBAAkB,EAAE;gBACtC,qBAAqB,EAAE,IAAI;gBAC3B,2BAA2B,EAAE,KAAK;aACrC,CAAC,CAAC;SACN;QACD,YAAY,CAAC,GAAG,EAAE;YACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,8BAAC,eAAe,kBACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACzC,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,CAAC,aAAa,EAAE,KAAK,CAAQ,IAChC,KAAK,EACX,CACL,CAAC;AACN,CAAC,CAAA;AAzBY,QAAA,cAAc,kBAyB1B;AAED,kBAAe,IAAA,sBAAY,EAAC;IACxB,IAAI,EAAE,YAAY;IAClB,oBAAoB,EAAE,EAAE;IACxB,YAAY,EAAE,EAAE;CACnB,CAAC,CAAC,sBAAc,CAAC,CAAC"}
|
package/dist/cjs/src/Button.d.ts
CHANGED
|
@@ -17,13 +17,14 @@ export interface BaseButtonProps extends ViewProps, FontWeightProps<Theme>, Font
|
|
|
17
17
|
iconPosition?: 'left' | 'right';
|
|
18
18
|
}
|
|
19
19
|
export declare const BaseButton: React.FC<BaseButtonProps>;
|
|
20
|
-
declare const ButtonWithSettings:
|
|
20
|
+
declare const ButtonWithSettings: (props: BaseButtonProps & {
|
|
21
21
|
model?: string;
|
|
22
22
|
dataModel?: string;
|
|
23
23
|
configModel?: string;
|
|
24
24
|
action?: Action;
|
|
25
|
+
ref?: any;
|
|
25
26
|
} & {
|
|
26
27
|
children?: React.ReactNode;
|
|
27
|
-
}
|
|
28
|
+
}) => React.JSX.Element;
|
|
28
29
|
export default ButtonWithSettings;
|
|
29
30
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAkHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsDhD,CAAC;AAEF,QAAA,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAkHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsDhD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;;uBAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Color, Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonProps as RNButtonProps } from 'react-native';
|
|
4
|
-
export declare const NativeButton:
|
|
4
|
+
export declare const NativeButton: (props: RNButtonProps & {
|
|
5
5
|
color: Color;
|
|
6
6
|
action: Action;
|
|
7
7
|
} & {
|
|
@@ -9,8 +9,9 @@ export declare const NativeButton: React.ForwardRefExoticComponent<RNButtonProps
|
|
|
9
9
|
dataModel?: string;
|
|
10
10
|
configModel?: string;
|
|
11
11
|
action?: Action;
|
|
12
|
+
ref?: any;
|
|
12
13
|
} & {
|
|
13
14
|
children?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
+
}) => React.JSX.Element;
|
|
15
16
|
export default NativeButton;
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/NativeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAa,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsB,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AA4BhF,eAAO,MAAM,YAAY;WAzBsB,KAAK;YAAU,MAAM
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/NativeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAa,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsB,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AA4BhF,eAAO,MAAM,YAAY;WAzBsB,KAAK;YAAU,MAAM;;;;;;;;;uBAkCtD,CAAC;AAGf,eAAe,YAAY,CAAC"}
|
package/dist/types/main.ai.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Action, Color, ComponentWithSettings, IconIdentifier, Theme } from '@evlop/commons';
|
|
2
2
|
import React$1 from 'react';
|
|
3
3
|
import { FlatListProps, ImageBackgroundProps as RNImageBackgroundProps, ImageProps, ListRenderItem, PressableProps, TextProps as RNTextProps, TextStyle, View as RNView, ViewProps, ViewProps as RNViewProps, ViewStyle } from 'react-native';
|
|
4
|
+
import { HapticFeedbackTypes } from 'react-native-haptic-feedback';
|
|
4
5
|
import { BackgroundColorProps, BackgroundProps, BorderProps, ColorProps, FlexProps, FlexboxProps, FlexboxProps as SSFlexboxProps, FontSizeProps, FontWeightProps, LayoutProps, OpacityProps, PositionProps, ResponsiveValue, SpaceProps, ThemeValue, TypographyProps } from 'styled-system';
|
|
5
6
|
|
|
6
7
|
type BaseViewProps = RNViewProps & FlexboxProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & PositionProps<Theme> & OpacityProps<Theme>;
|
|
@@ -47,10 +48,9 @@ interface BaseButtonProps extends ViewProps, FontWeightProps<Theme>, FontSizePro
|
|
|
47
48
|
}
|
|
48
49
|
declare const BaseButton: React$1.FC<BaseButtonProps>;
|
|
49
50
|
type EffectType = "none" | "shrink" | "dim" | "shrink-dim" | "push-down" | "gentle-shrink" | "tilt" | "bounce" | "squeeze" | "pop" | "wobble";
|
|
50
|
-
type FeedbackType = "none" | "light" | "medium" | "heavy" | "success" | "error" | "warning";
|
|
51
51
|
interface BaseActionableProps extends PressableProps {
|
|
52
52
|
pressEffect?: EffectType;
|
|
53
|
-
|
|
53
|
+
hapticFeedback?: keyof typeof HapticFeedbackTypes;
|
|
54
54
|
action: Action;
|
|
55
55
|
[key: string]: any;
|
|
56
56
|
}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PressableProps } from 'react-native';
|
|
4
|
+
import { HapticFeedbackTypes } from 'react-native-haptic-feedback';
|
|
4
5
|
declare type EffectType = 'none' | 'shrink' | 'dim' | 'shrink-dim' | 'push-down' | 'gentle-shrink' | 'tilt' | 'bounce' | 'squeeze' | 'pop' | 'wobble';
|
|
5
|
-
declare type FeedbackType = 'none' | 'light' | 'medium' | 'heavy' | 'success' | 'error' | 'warning';
|
|
6
6
|
export interface BaseActionableProps extends PressableProps {
|
|
7
7
|
pressEffect?: EffectType;
|
|
8
|
-
|
|
8
|
+
hapticFeedback?: keyof typeof HapticFeedbackTypes;
|
|
9
9
|
action: Action;
|
|
10
10
|
[key: string]: any;
|
|
11
11
|
}
|
|
12
12
|
export declare const BaseActionable: React.ComponentType<BaseActionableProps>;
|
|
13
|
-
declare const _default:
|
|
13
|
+
declare const _default: (props: BaseActionableProps & {
|
|
14
14
|
model?: string;
|
|
15
15
|
dataModel?: string;
|
|
16
16
|
configModel?: string;
|
|
17
17
|
action?: Action;
|
|
18
|
-
|
|
18
|
+
ref?: any;
|
|
19
|
+
} & {
|
|
20
|
+
children?: React.ReactNode;
|
|
21
|
+
}) => React.JSX.Element;
|
|
19
22
|
export default _default;
|
|
20
23
|
//# sourceMappingURL=Actionable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../../src/Actionable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAA8C,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAoC,MAAM,8BAA8B,CAAC;AAIrG,aAAK,UAAU,GACT,MAAM,GACN,QAAQ,GACR,KAAK,GACL,YAAY,GACZ,WAAW,GACX,eAAe,GACf,MAAM,GACN,QAAQ,GACR,SAAS,GACT,KAAK,GACL,QAAQ,CAAC;AAEf,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACvD,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,OAAO,mBAAmB,CAAC;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAmLD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAyBnE,CAAA;;;;;;;;;;AAED,wBAImB"}
|
|
@@ -17,13 +17,14 @@ export interface BaseButtonProps extends ViewProps, FontWeightProps<Theme>, Font
|
|
|
17
17
|
iconPosition?: 'left' | 'right';
|
|
18
18
|
}
|
|
19
19
|
export declare const BaseButton: React.FC<BaseButtonProps>;
|
|
20
|
-
declare const ButtonWithSettings:
|
|
20
|
+
declare const ButtonWithSettings: (props: BaseButtonProps & {
|
|
21
21
|
model?: string;
|
|
22
22
|
dataModel?: string;
|
|
23
23
|
configModel?: string;
|
|
24
24
|
action?: Action;
|
|
25
|
+
ref?: any;
|
|
25
26
|
} & {
|
|
26
27
|
children?: React.ReactNode;
|
|
27
|
-
}
|
|
28
|
+
}) => React.JSX.Element;
|
|
28
29
|
export default ButtonWithSettings;
|
|
29
30
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAkHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsDhD,CAAC;AAEF,QAAA,MAAM,kBAAkB
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAgC,MAAM,gBAAgB,CAAC;AAEpG,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgC,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAExF,OAAO,EAAmB,oBAAoB,EAAU,WAAW,EAAE,aAAa,EAAE,eAAe,EAAU,WAAW,EAAS,UAAU,EAAuB,MAAM,eAAe,CAAC;AAWxL,aAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC;IACtL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,qBAAqB,GAAG,OAAO,CAAC;IACnF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACjC;AAkHD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsDhD,CAAC;AAEF,QAAA,MAAM,kBAAkB;;;;;;;;uBAIV,CAAC;AAEf,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Color, Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonProps as RNButtonProps } from 'react-native';
|
|
4
|
-
export declare const NativeButton:
|
|
4
|
+
export declare const NativeButton: (props: RNButtonProps & {
|
|
5
5
|
color: Color;
|
|
6
6
|
action: Action;
|
|
7
7
|
} & {
|
|
@@ -9,8 +9,9 @@ export declare const NativeButton: React.ForwardRefExoticComponent<RNButtonProps
|
|
|
9
9
|
dataModel?: string;
|
|
10
10
|
configModel?: string;
|
|
11
11
|
action?: Action;
|
|
12
|
+
ref?: any;
|
|
12
13
|
} & {
|
|
13
14
|
children?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
+
}) => React.JSX.Element;
|
|
15
16
|
export default NativeButton;
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/NativeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAa,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsB,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AA4BhF,eAAO,MAAM,YAAY;WAzBsB,KAAK;YAAU,MAAM
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/NativeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAa,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsB,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AA4BhF,eAAO,MAAM,YAAY;WAzBsB,KAAK;YAAU,MAAM;;;;;;;;;uBAkCtD,CAAC;AAGf,eAAe,YAAY,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evlop/native-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.252",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/cjs/main.js",
|
|
6
6
|
"types": "dist/types/main.d.ts",
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
"react-native": "^0.76.1",
|
|
31
31
|
"react-native-elements": "^3.1.0",
|
|
32
32
|
"react-native-fast-image": "^8.6.3",
|
|
33
|
+
"react-native-haptic-feedback": "^2.3.3",
|
|
33
34
|
"react-native-safe-area-context": "^4.3.1",
|
|
34
35
|
"react-native-svg": "^15.15.1",
|
|
35
36
|
"react-native-tab-view": "^4.1.0",
|
|
@@ -39,7 +40,7 @@
|
|
|
39
40
|
"styled-system": "^5.1.5"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
42
|
-
"@evlop/commons": "^1.0.
|
|
43
|
+
"@evlop/commons": "^1.0.369",
|
|
43
44
|
"@react-navigation/elements": "*",
|
|
44
45
|
"@react-navigation/native": "^7.1.17",
|
|
45
46
|
"@types/lodash": "^4.14.178",
|
|
@@ -59,6 +60,7 @@
|
|
|
59
60
|
"react-native": "^0.76.1",
|
|
60
61
|
"react-native-elements": "^3.1.0",
|
|
61
62
|
"react-native-fast-image": "^8.6.3",
|
|
63
|
+
"react-native-haptic-feedback": "*",
|
|
62
64
|
"react-native-safe-area-context": "^4.3.1",
|
|
63
65
|
"react-native-svg": "^15.15.1",
|
|
64
66
|
"react-native-tab-view": "^4.1.0",
|