@codeleap/mobile 1.9.26 → 1.9.29
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/components/Backdrop.d.ts +66 -0
- package/dist/components/Backdrop.js +70 -0
- package/dist/components/Backdrop.js.map +1 -0
- package/dist/components/Button.d.ts +11 -4
- package/dist/components/Button.js +17 -6
- package/dist/components/Button.js.map +1 -1
- package/dist/components/EmptyPlaceholder.d.ts +12 -0
- package/dist/components/EmptyPlaceholder.js +54 -0
- package/dist/components/EmptyPlaceholder.js.map +1 -0
- package/dist/components/FileInput.js +0 -2
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/Gap.d.ts +8 -0
- package/dist/components/Gap.js +60 -0
- package/dist/components/Gap.js.map +1 -0
- package/dist/components/Image.js +2 -2
- package/dist/components/Image.js.map +1 -1
- package/dist/components/List.d.ts +25 -6
- package/dist/components/List.js +20 -3
- package/dist/components/List.js.map +1 -1
- package/dist/components/Modal/index.d.ts +2 -1
- package/dist/components/Modal/index.js +27 -27
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +4 -15
- package/dist/components/Modal/styles.js +27 -23
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/NewModal/index.d.ts +27 -0
- package/dist/components/NewModal/index.js +99 -0
- package/dist/components/NewModal/index.js.map +1 -0
- package/dist/components/NewModal/styles.d.ts +57 -0
- package/dist/components/NewModal/styles.js +58 -0
- package/dist/components/NewModal/styles.js.map +1 -0
- package/dist/components/NewPager/index.js +3 -7
- package/dist/components/NewPager/index.js.map +1 -1
- package/dist/components/Overlay.js +13 -9
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/Scroll.d.ts +4 -2
- package/dist/components/Scroll.js.map +1 -1
- package/dist/components/SegmentedControl/index.d.ts +42 -0
- package/dist/components/SegmentedControl/index.js +137 -0
- package/dist/components/SegmentedControl/index.js.map +1 -0
- package/dist/components/SegmentedControl/styles.d.ts +54 -0
- package/dist/components/SegmentedControl/styles.js +36 -0
- package/dist/components/SegmentedControl/styles.js.map +1 -0
- package/dist/components/SegmentedControl.d.ts +5 -0
- package/dist/components/SegmentedControl.js +32 -0
- package/dist/components/SegmentedControl.js.map +1 -0
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Text.d.ts +8 -3
- package/dist/components/Text.js +12 -5
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextInput.d.ts +4 -2
- package/dist/components/TextInput.js +2 -2
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Touchable.d.ts +5 -3
- package/dist/components/Touchable.js +26 -19
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.js +1 -1
- package/dist/components/View.js.map +1 -1
- package/dist/components/_Modal/index.d.ts +27 -0
- package/dist/components/_Modal/index.js +114 -0
- package/dist/components/_Modal/index.js.map +1 -0
- package/dist/components/_Modal/styles.d.ts +64 -0
- package/dist/components/_Modal/styles.js +60 -0
- package/dist/components/_Modal/styles.js.map +1 -0
- package/dist/components/components.d.ts +5 -1
- package/dist/components/components.js +5 -1
- package/dist/components/components.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.js +18 -1
- package/dist/index.js.map +1 -1
- package/dist/modules/textInputMask.d.ts +4 -7
- package/dist/modules/types/textInputMask.d.ts +5 -10
- package/dist/utils/ModalManager/components.d.ts +12 -0
- package/dist/utils/ModalManager/components.js +86 -0
- package/dist/utils/ModalManager/components.js.map +1 -0
- package/dist/utils/ModalManager/context.d.ts +47 -0
- package/dist/utils/ModalManager/context.js +196 -0
- package/dist/utils/ModalManager/context.js.map +1 -0
- package/dist/utils/ModalManager/index.d.ts +10 -0
- package/dist/utils/ModalManager/index.js +12 -0
- package/dist/utils/ModalManager/index.js.map +1 -0
- package/dist/utils/PermissionManager/components.d.ts +18 -0
- package/dist/utils/PermissionManager/components.js +52 -0
- package/dist/utils/PermissionManager/components.js.map +1 -0
- package/dist/utils/PermissionManager/context.d.ts +52 -0
- package/dist/utils/PermissionManager/context.js +325 -0
- package/dist/utils/PermissionManager/context.js.map +1 -0
- package/dist/utils/PermissionManager/index.d.ts +4 -0
- package/dist/utils/PermissionManager/index.js +9 -0
- package/dist/utils/PermissionManager/index.js.map +1 -0
- package/dist/utils/PermissionManager/types.d.ts +13 -0
- package/dist/utils/PermissionManager/types.js +3 -0
- package/dist/utils/PermissionManager/types.js.map +1 -0
- package/dist/utils/hooks.d.ts +6 -0
- package/dist/utils/hooks.js +62 -0
- package/dist/utils/hooks.js.map +1 -0
- package/package.json +2 -1
- package/src/components/Backdrop.tsx +77 -0
- package/src/components/Button.tsx +31 -8
- package/src/components/EmptyPlaceholder.tsx +53 -0
- package/src/components/FileInput.tsx +2 -2
- package/src/components/Gap.tsx +40 -0
- package/src/components/Image.tsx +3 -2
- package/src/components/List.tsx +50 -6
- package/src/components/Modal/index.tsx +39 -49
- package/src/components/Modal/styles.ts +36 -39
- package/src/components/NewPager/index.tsx +5 -7
- package/src/components/Overlay.tsx +22 -13
- package/src/components/Pager/index.tsx +19 -19
- package/src/components/Pager/styles.ts +6 -7
- package/src/components/Scroll.tsx +3 -1
- package/src/components/SegmentedControl/index.tsx +182 -0
- package/src/components/SegmentedControl/styles.ts +65 -0
- package/src/components/Select/index.tsx +1 -2
- package/src/components/Text.tsx +23 -10
- package/src/components/TextInput.tsx +4 -2
- package/src/components/Touchable.tsx +31 -20
- package/src/components/View.tsx +1 -1
- package/src/components/_Modal/index.tsx +162 -0
- package/src/components/_Modal/styles.ts +125 -0
- package/src/components/components.ts +5 -1
- package/src/index.ts +6 -0
- package/src/modules/imageCropPicker.d.ts +497 -0
- package/src/modules/index.d.ts +186 -0
- package/src/modules/types/textInputMask.ts +6 -10
- package/src/utils/ModalManager/components.tsx +69 -0
- package/src/utils/ModalManager/context.tsx +247 -0
- package/src/utils/ModalManager/index.ts +13 -0
- package/src/utils/PermissionManager/context.tsx +299 -0
- package/src/utils/PermissionManager/index.ts +20 -0
- package/src/utils/PermissionManager/types.ts +24 -0
- package/src/utils/hooks.ts +65 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,
|
|
1
|
+
{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAOyB;AAEzB,yCAAwC;AACxC,mCAAiC;AAEjC,+BAA6B;AAE7B,6CAAoD;AACpD,yCAA0D;AAC1D,6BAAwC;AAYjC,IAAM,OAAO,GAA2B,UAAC,YAAY;IAExD,IAAA,SAAS,GAQP,YAAY,UARL,EACT,KAAK,GAOH,YAAY,MAPT,EACL,QAAQ,GAMN,YAAY,SANN,EACR,OAAO,GAKL,YAAY,QALP,EACP,KAIE,YAAY,OAJH,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAGH,YAAY,MAHT,EACL,QAAQ,GAEN,YAAY,SAFN,EACL,KAAK,UACN,YAAY,EATV,4EASL,CADS,CACM;IAEhB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,SAAS,EAAE;QACxD,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,EAAE,QAAe;KAC1B,CAAiC,CAAA;IAElC,IAAM,SAAS,GAAG,IAAA,wBAAiB,EAAC;QAClC,OAAO,EAAE,aAAa,CAAC,iBAAiB,CAAC;QACzC,MAAM,EAAE,MAAM,CAAC,iBAAiB,CAAC;KAClC,CAAC,CAAA;IAEF,IAAA,iBAAQ,EAAC;QACP,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,IAAM,UAAU,GAAG;QACjB,aAAa,CAAC,OAAO;QACrB,MAAM,CAAC,OAAO;KACf,CAAA;IAED,OAAO,CACL,CAAC,WAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CACjD;MAAA,CAAC,qBAAS,CAER,eAAe,CAAC,MAAM,CACtB,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CACxC,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAChC;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrD;YAAA,CAAC,SAAS,IAAI,CACZ,CAAC,eAAM,CACL,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACnB,IAAI,CAAC,CAAC,OAA0B,CAAC,CACjC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CACjC,SAAS,CAAC,CAAC,YAAY,CAAC,EACxB,CACH,CACH;UAAA,EAAE,WAAI,CAAC,CACR,CACH;MAAA,EAAE,qBAAS,CACb;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAxDY,QAAA,OAAO,WAwDnB"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { KeyboardAwareScrollViewProps } from 'react-native-keyboard-aware-scroll-view';
|
|
3
2
|
import { ScrollView, ViewStyle } from 'react-native';
|
|
4
3
|
import { ViewProps } from './View';
|
|
4
|
+
import { KeyboardAwareScrollViewTypes } from '../modules';
|
|
5
|
+
declare type KeyboardAwareScrollViewProps = KeyboardAwareScrollViewTypes.KeyboardAwareScrollViewProps;
|
|
5
6
|
export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
|
|
6
7
|
onRefresh?: () => void;
|
|
7
8
|
refreshTimeout?: number;
|
|
@@ -10,4 +11,5 @@ export declare type ScrollProps = KeyboardAwareScrollViewProps & ViewProps & {
|
|
|
10
11
|
refreshing?: boolean;
|
|
11
12
|
styles?: ViewStyle;
|
|
12
13
|
};
|
|
13
|
-
export declare const Scroll: React.ForwardRefExoticComponent<Pick<
|
|
14
|
+
export declare const Scroll: React.ForwardRefExoticComponent<Pick<ScrollProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "variants" | "responsiveVariants" | "component" | "animated" | "css" | "is" | "not" | "up" | "down" | "onHover" | "styles" | "onContentSizeChange" | "onScroll" | "scrollEnabled" | "refreshTimeout" | "changeData" | "refreshing" | "contentContainerStyle" | "onRefresh" | "innerRef" | "viewIsInsideTabBar" | "resetScrollToCoords" | "enableResetScrollToCoords" | "enableAutomaticScroll" | "enableOnAndroid" | "extraHeight" | "extraScrollHeight" | "keyboardOpeningTime" | "onKeyboardWillShow" | "onKeyboardDidShow" | "onKeyboardWillHide" | "onKeyboardDidHide" | "onKeyboardWillChangeFrame" | "onKeyboardDidChangeFrame" | "decelerationRate" | "horizontal" | "invertStickyHeaders" | "keyboardDismissMode" | "keyboardShouldPersistTaps" | "onScrollBeginDrag" | "onScrollEndDrag" | "onMomentumScrollEnd" | "onMomentumScrollBegin" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "showsVerticalScrollIndicator" | "stickyHeaderHiddenOnScroll" | "refreshControl" | "snapToInterval" | "snapToOffsets" | "snapToStart" | "snapToEnd" | "stickyHeaderIndices" | "disableIntervalMomentum" | "disableScrollViewPanResponder" | "StickyHeaderComponent" | "alwaysBounceHorizontal" | "alwaysBounceVertical" | "automaticallyAdjustContentInsets" | "automaticallyAdjustsScrollIndicatorInsets" | "bounces" | "bouncesZoom" | "canCancelContentTouches" | "centerContent" | "contentInset" | "contentOffset" | "contentInsetAdjustmentBehavior" | "directionalLockEnabled" | "indicatorStyle" | "maintainVisibleContentPosition" | "maximumZoomScale" | "minimumZoomScale" | "onScrollAnimationEnd" | "pinchGestureEnabled" | "scrollEventThrottle" | "scrollIndicatorInsets" | "scrollToOverflowEnabled" | "scrollsToTop" | "snapToAlignment" | "onScrollToTop" | "zoomScale" | "endFillColor" | "scrollPerfTag" | "overScrollMode" | "nestedScrollEnabled" | "fadingEdgeLength" | "persistentScrollbar" | "keyboardAware"> & React.RefAttributes<ScrollView>>;
|
|
15
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AAEzB,
|
|
1
|
+
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../src/components/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4C;AAC5C,2CAMyB;AAEzB,mGAGgD;AAChD,6CAAqF;AAgBrF,IAAM,uBAAuB,GAC3B,iEAMC,CAAA;AAEU,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,UAAC,WAAW,EAAE,GAAG;IAEb,IAAA,KAQE,WAAW,SARA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAOH,WAAW,MAPR,EACL,KAME,WAAW,eANQ,EAArB,cAAc,mBAAG,IAAI,KAAA,EACrB,QAAQ,GAKN,WAAW,SALL,EACR,UAAU,GAIR,WAAW,WAJH,EACV,MAAM,GAGJ,WAAW,OAHP,EACN,KAEE,WAAW,cAFO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACjB,KAAK,UACN,WAAW,EATT,4FASL,CADS,CACK;IACf,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS,CAAA;IAC9B,IAAA,KAAmC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAjD,eAAe,QAAA,EAAE,aAAa,QAAmB,CAAA;IACxD,IAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7F,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,YAAY,GAAG,IAAA,oBAAW,EAAC,UAAU,CAAC,CAAA;IAE5C,IAAM,SAAS,GAAG;QAChB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;SAC5B;QAED,aAAa,CAAC,IAAI,CAAC,CAAA;QAEnB,KAAK,CAAC,SAAS,EAAE,CAAA;QAEjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC;YACzB,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,IAAA,iBAAQ,EAAC;QACP,IAAI,iBAAiB,IAAI,CAAC,IAAA,kBAAS,EAAC,YAAY,EAAE,UAAU,CAAC,EAAE;YAC7D,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC5B;SACF;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAA;IAC3B,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE,SAAS;KACvB,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAU,CAAA;IAEtE,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CACnC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAC/C,GAAG,CAAC,CAAC,GAA4B,CAAC,CAClC,cAAc,CAAC,CACb,UAAU,IAAI,CACZ,CAAC,6BAAc,CAAC,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAG,CACxE,CACF,CACD,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
|
+
import { ScrollProps } from '../Scroll';
|
|
3
|
+
import { EasingFunction } from 'react-native';
|
|
4
|
+
import { PropsOf } from '@codeleap/common';
|
|
5
|
+
import { SegmentedControlComposition } from './styles';
|
|
6
|
+
import { Touchable } from '../Touchable';
|
|
7
|
+
import { StylesOf } from '../../types/utility';
|
|
8
|
+
import { Text } from '../Text';
|
|
9
|
+
import { KeyboardAwareScrollViewTypes } from '../../modules';
|
|
10
|
+
export * from './styles';
|
|
11
|
+
export declare type SegmentedControlRef = KeyboardAwareScrollViewTypes.KeyboardAwareScrollView & {
|
|
12
|
+
scrollTo: (index: number) => void;
|
|
13
|
+
scrollToCurrent: () => void;
|
|
14
|
+
};
|
|
15
|
+
export declare type SegmentedControlProps<T = string> = ScrollProps & {
|
|
16
|
+
options: {
|
|
17
|
+
label: string;
|
|
18
|
+
value: T;
|
|
19
|
+
}[];
|
|
20
|
+
onValueChange: (value: T) => any;
|
|
21
|
+
value: T;
|
|
22
|
+
debugName: string;
|
|
23
|
+
animation?: {
|
|
24
|
+
duration?: number;
|
|
25
|
+
easing?: EasingFunction;
|
|
26
|
+
};
|
|
27
|
+
styles?: StylesOf<SegmentedControlComposition>;
|
|
28
|
+
scrollProps?: any;
|
|
29
|
+
RenderButton?: (props: SegmentedControlProps & {
|
|
30
|
+
touchableProps: PropsOf<typeof Touchable>;
|
|
31
|
+
textProps: PropsOf<typeof Text>;
|
|
32
|
+
option: {
|
|
33
|
+
label: string;
|
|
34
|
+
value: any;
|
|
35
|
+
};
|
|
36
|
+
}) => ReactElement;
|
|
37
|
+
RenderAnimatedView?: (props: SegmentedControlProps) => ReactElement;
|
|
38
|
+
};
|
|
39
|
+
declare type SegControlComponent = <T = string>(props: SegmentedControlProps<T> & {
|
|
40
|
+
ref?: React.Ref<SegmentedControlRef>;
|
|
41
|
+
}) => ReactElement;
|
|
42
|
+
export declare const SegmentedControl: SegControlComponent;
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
37
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.SegmentedControl = void 0;
|
|
41
|
+
var react_1 = __importStar(require("react"));
|
|
42
|
+
var Scroll_1 = require("../Scroll");
|
|
43
|
+
var react_native_1 = require("react-native");
|
|
44
|
+
var common_1 = require("@codeleap/common");
|
|
45
|
+
var Touchable_1 = require("../Touchable");
|
|
46
|
+
var Text_1 = require("../Text");
|
|
47
|
+
var View_1 = require("../View");
|
|
48
|
+
__exportStar(require("./styles"), exports);
|
|
49
|
+
var defaultAnimation = {
|
|
50
|
+
duration: 200,
|
|
51
|
+
// easing: Easing.linear,
|
|
52
|
+
};
|
|
53
|
+
var _SegmentedControl = react_1.default.forwardRef(function (props, ref) {
|
|
54
|
+
var _a = props.options, options = _a === void 0 ? [] : _a, onValueChange = props.onValueChange, debugName = props.debugName, value = props.value, _b = props.styles, styles = _b === void 0 ? {} : _b, _c = props.animation, animation = _c === void 0 ? {} : _c, _d = props.variants, variants = _d === void 0 ? [] : _d, _e = props.scrollProps, scrollProps = _e === void 0 ? {} : _e, RenderAnimatedView = props.RenderAnimatedView, RenderButton = props.RenderButton;
|
|
55
|
+
var Theme = (0, common_1.useCodeleapContext)().Theme;
|
|
56
|
+
var _animation = __assign(__assign({}, defaultAnimation), animation);
|
|
57
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:SegmentedControl', {
|
|
58
|
+
styles: styles,
|
|
59
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
60
|
+
variants: variants,
|
|
61
|
+
});
|
|
62
|
+
var scrollRef = (0, react_1.useRef)(null);
|
|
63
|
+
function scrollTo(idx) {
|
|
64
|
+
if (!scrollRef.current)
|
|
65
|
+
return;
|
|
66
|
+
setTimeout(function () {
|
|
67
|
+
var _a, _b;
|
|
68
|
+
(_b = (_a = scrollRef.current) === null || _a === void 0 ? void 0 : _a.scrollToPosition) === null || _b === void 0 ? void 0 : _b.call(_a, widthStyle.width * idx, 0, true);
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
var widthStyle = (0, react_1.useMemo)(function () {
|
|
72
|
+
var maxWordLength = Object.assign([], options)
|
|
73
|
+
.sort(function (a, b) {
|
|
74
|
+
return a.label.length - b.label.length;
|
|
75
|
+
})[0].label.length;
|
|
76
|
+
var fitMaxWidth = Theme.values.width - Theme.spacing.value(4);
|
|
77
|
+
var fitItemWidth = maxWordLength * options.length * 6;
|
|
78
|
+
if (fitItemWidth * options.length < fitMaxWidth)
|
|
79
|
+
fitItemWidth = fitMaxWidth / options.length;
|
|
80
|
+
return { width: fitItemWidth };
|
|
81
|
+
}, [options]);
|
|
82
|
+
var currentOptionIdx = options.findIndex(function (o) { return o.value === value; }) || 0;
|
|
83
|
+
var translateX = widthStyle.width * currentOptionIdx;
|
|
84
|
+
var onPress = function (txt, idx) {
|
|
85
|
+
return function () {
|
|
86
|
+
onValueChange(txt);
|
|
87
|
+
scrollTo(idx);
|
|
88
|
+
};
|
|
89
|
+
};
|
|
90
|
+
var hasScrolledInitially = (0, react_1.useRef)(false);
|
|
91
|
+
(0, react_1.useImperativeHandle)(ref, function () {
|
|
92
|
+
if (!scrollRef.current)
|
|
93
|
+
return null;
|
|
94
|
+
return __assign(__assign({}, (scrollRef.current)), { scrollTo: scrollTo, scrollToCurrent: function () {
|
|
95
|
+
if (!scrollRef.current)
|
|
96
|
+
return;
|
|
97
|
+
scrollTo(currentOptionIdx);
|
|
98
|
+
} });
|
|
99
|
+
});
|
|
100
|
+
if (!hasScrolledInitially.current && scrollRef.current) {
|
|
101
|
+
scrollTo(currentOptionIdx);
|
|
102
|
+
hasScrolledInitially.current = true;
|
|
103
|
+
}
|
|
104
|
+
var AnimatedView = RenderAnimatedView || View_1.View;
|
|
105
|
+
variantStyles = JSON.parse(JSON.stringify(variantStyles));
|
|
106
|
+
return (<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} {...scrollProps} ref={scrollRef}>
|
|
107
|
+
<View_1.View style={variantStyles.wrapper}>
|
|
108
|
+
<AnimatedView {...props} animated style={[variantStyles.selectedBubble, widthStyle]} animate={{
|
|
109
|
+
translateX: translateX,
|
|
110
|
+
}} transition={_animation}/>
|
|
111
|
+
{options.map(function (o, idx) {
|
|
112
|
+
var selected = value === o.value;
|
|
113
|
+
var touchableProps = {
|
|
114
|
+
key: idx,
|
|
115
|
+
debugName: "Segmented Control ".concat(debugName, ", option ").concat(o.label),
|
|
116
|
+
onPress: onPress(o.value, idx),
|
|
117
|
+
style: [widthStyle, variantStyles.button],
|
|
118
|
+
};
|
|
119
|
+
var textProps = {
|
|
120
|
+
text: o.label,
|
|
121
|
+
colorChangeConfig: _animation,
|
|
122
|
+
style: react_native_1.StyleSheet.flatten([variantStyles.text, selected && variantStyles['text:selected']]),
|
|
123
|
+
animated: true,
|
|
124
|
+
};
|
|
125
|
+
if (RenderButton) {
|
|
126
|
+
return (<RenderButton {...props} touchableProps={touchableProps} key={touchableProps.key} textProps={textProps} option={o}/>);
|
|
127
|
+
}
|
|
128
|
+
return <Touchable_1.Touchable {...touchableProps} key={touchableProps.key}>
|
|
129
|
+
<Text_1.Text {...textProps}/>
|
|
130
|
+
|
|
131
|
+
</Touchable_1.Touchable>;
|
|
132
|
+
})}
|
|
133
|
+
</View_1.View>
|
|
134
|
+
</Scroll_1.Scroll>);
|
|
135
|
+
});
|
|
136
|
+
exports.SegmentedControl = _SegmentedControl;
|
|
137
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export declare type SegmentedControlStates = 'selected';
|
|
2
|
+
export declare type SegmentedControlComposition = 'selectedBubble' | 'wrapper' | 'scroll' | 'scrollContent' | 'text' | `text:${SegmentedControlStates}` | 'button' | `button:${SegmentedControlStates}`;
|
|
3
|
+
export declare const SegmentedControlStyles: {
|
|
4
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
5
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
6
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
7
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
8
|
+
relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
9
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
10
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
11
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
12
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
13
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
14
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
15
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
16
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
17
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
18
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
19
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
20
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
21
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
22
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
23
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
24
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
25
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
26
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
27
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
28
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
29
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
30
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
31
|
+
alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
32
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
33
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
34
|
+
alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
35
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
36
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
37
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
38
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
39
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
40
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
41
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
42
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
43
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
44
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
45
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
46
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
47
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
48
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
49
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
50
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
51
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
52
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
53
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SegmentedControlComposition, any>>;
|
|
54
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.SegmentedControlStyles = void 0;
|
|
15
|
+
var common_1 = require("@codeleap/common");
|
|
16
|
+
var createSegmentedControlStyle = (0, common_1.createDefaultVariantFactory)();
|
|
17
|
+
var presets = (0, common_1.includePresets)(function (style) { return createSegmentedControlStyle(function () { return ({ scrollContent: style }); }); });
|
|
18
|
+
exports.SegmentedControlStyles = __assign(__assign({}, presets), { default: createSegmentedControlStyle(function (theme) {
|
|
19
|
+
return {
|
|
20
|
+
text: {
|
|
21
|
+
color: theme.colors.text,
|
|
22
|
+
},
|
|
23
|
+
'text:selected': {
|
|
24
|
+
color: theme.colors.white,
|
|
25
|
+
},
|
|
26
|
+
scroll: {
|
|
27
|
+
height: theme.values.buttons.default.height,
|
|
28
|
+
// borderRadius: Theme.borderRadius.large,
|
|
29
|
+
},
|
|
30
|
+
scrollContent: __assign({}, theme.spacing.paddingHorizontal(2)),
|
|
31
|
+
button: __assign(__assign(__assign(__assign({ backgroundColor: 'transparent' }, theme.presets.alignCenter), { color: 'red' }), theme.spacing.padding(2)), theme.presets.justifyCenter),
|
|
32
|
+
selectedBubble: __assign(__assign({ position: 'absolute', zIndex: -1 }, theme.spacing.padding(2)), { maxHeight: 50, minHeight: 50, borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.primary }),
|
|
33
|
+
wrapper: __assign(__assign({ borderRadius: theme.borderRadius.large, backgroundColor: theme.colors.backgroundSecondary }, theme.presets.row), { position: 'relative' }),
|
|
34
|
+
};
|
|
35
|
+
}) });
|
|
36
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAc9E,IAAM,2BAA2B,GAAG,IAAA,oCAA2B,GAA+B,CAAA;AAE9F,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,2BAA2B,CAAC,cAAM,OAAA,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,EAA1B,CAA0B,CAAC,EAA7D,CAA6D,CAAC,CAAA;AAE3F,QAAA,sBAAsB,yBAC9B,OAAO,KACV,OAAO,EAAE,2BAA2B,CAAC,UAAC,KAAK;QAEzC,OAAO;YAEL,IAAI,EAAE;gBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aACzB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;aAC1B;YACD,MAAM,EAAE;gBACN,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;gBAC3C,0CAA0C;aAC3C;YACD,aAAa,eAER,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACtC;YACD,MAAM,wCACJ,eAAe,EAAE,aAAa,IAC3B,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,KAAK,EAAE,KAAK,KACT,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GACxB,KAAK,CAAC,OAAO,CAAC,aAAa,CAC/B;YACD,cAAc,sBACZ,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,CAAC,CAAC,IACP,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAC3B,SAAS,EAAE,EAAE,EACb,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GACtC;YACD,OAAO,sBACL,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,mBAAmB,IAC9C,KAAK,CAAC,OAAO,CAAC,GAAG,KACpB,QAAQ,EAAE,UAAU,GACrB;SAEF,CAAA;IAEH,CAAC,CAAC,IACH"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ScrollProps } from './Scroll';
|
|
3
|
+
export declare type SegmentedControlRef = {};
|
|
4
|
+
export declare type SegmentedControlProps = ScrollProps & {};
|
|
5
|
+
export declare const SegmentedControl: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<SegmentedControlRef>>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.SegmentedControl = void 0;
|
|
15
|
+
var react_1 = require("react");
|
|
16
|
+
var Scroll_1 = require("./Scroll");
|
|
17
|
+
var react_native_1 = require("react-native");
|
|
18
|
+
var common_1 = require("@codeleap/common");
|
|
19
|
+
exports.SegmentedControl = React.forwardRef(function (props, ref) {
|
|
20
|
+
var styles = props.styles, variants = props.variants, scrollProps = __rest(props, ["styles", "variants"]);
|
|
21
|
+
var scrollRef = (0, react_1.useRef)(null);
|
|
22
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:SegmentedControl', {
|
|
23
|
+
styles: styles,
|
|
24
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
25
|
+
variants: variants,
|
|
26
|
+
});
|
|
27
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({}); });
|
|
28
|
+
return (<Scroll_1.Scroll horizontal showsHorizontalScrollIndicator={false} style={variantStyles.scroll} contentContainerStyle={variantStyles.scrollContent} ref={scrollRef} {...scrollProps}>
|
|
29
|
+
|
|
30
|
+
</Scroll_1.Scroll>);
|
|
31
|
+
});
|
|
32
|
+
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+BAAmD;AACnD,mCAA8C;AAK9C,6CAAyC;AACzC,2CAA2D;AAU9C,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAA6C,UAAC,KAAK,EAAE,GAAG;IAEpG,IAAA,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACL,WAAW,UACZ,KAAK,EAJH,sBAIL,CADe,CACP;IAET,IAAM,SAAS,GAAG,IAAA,cAAM,EAAU,IAAI,CAAC,CAAA;IAEvC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,oBAAoB,EAAE;QACnE,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,CAAA;IAEpC,OAAO,CACL,CAAC,eAAM,CACL,UAAU,CACV,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAC5B,qBAAqB,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,CAEnD,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,IAAI,WAAW,CAAC,CAGlB;;IAAA,EAAE,eAAM,CAAC,CACV,CAAA;AAEH,CAAC,CAAC,CAAA"}
|
|
@@ -87,7 +87,7 @@ var Select = function (selectProps) {
|
|
|
87
87
|
return <>
|
|
88
88
|
<TextInput_1.TextInput caretHidden value={selectedLabel} rightIcon={{
|
|
89
89
|
name: arrowIconName,
|
|
90
|
-
}} editable={false} touchableWrapper
|
|
90
|
+
}} editable={false} touchableWrapper wrapperProps={{
|
|
91
91
|
debugName: 'Select',
|
|
92
92
|
onPress: close,
|
|
93
93
|
}} pointerEvents={'none'} label={label} debugName={'Select input'} styles={inputStyles} style={style} {...textInputProps}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAgI;AAChI,6CAAsC;AACtC,6CAAgD;AAChD,oCAAkC;AAClC,oCAAkC;AAClC,0CAAoD;AACpD,0CAAwC;AACxC,gCAA4C;AAIrC,IAAM,MAAM,GAAG,UAAmC,WAAgC;IAErF,IAAA,KAAK,GAwBH,WAAW,MAxBR,EACL,aAAa,GAuBX,WAAW,cAvBA,EACb,KAAK,GAsBH,WAAW,MAtBR,EACL,KAqBE,WAAW,OArBF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAoBL,WAAW,QApBN,EACP,KAAK,GAmBH,WAAW,MAnBR,EACL,QAAQ,GAkBN,WAAW,SAlBL,EACR,UAAU,GAiBR,WAAW,WAjBH,EACV,KAgBE,WAAW,cAhBO,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,KAeE,WAAW,OAfC,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,KAcE,WAAW,UAdG,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAaE,WAAW,iBAbU,EAAvB,gBAAgB,mBAAG,IAAI,KAAA,EACvB,KAYE,WAAW,YAZS,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,KAWE,WAAW,cAXgB,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC7B,MAAM,GAUJ,WAAW,OAVP,EACN,KASE,WAAW,mBATe,EAA5B,kBAAkB,mBAAG,OAAO,KAAA,EAC5B,MAAM,GAQJ,WAAW,OARP,EACN,gBAAgB,GAOd,WAAW,iBAPG,EAChB,UAAU,GAMR,WAAW,WANH,EACV,KAKE,WAAW,eALM,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,KAIE,WAAW,QAJC,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,KAGE,WAAW,OAHA,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,UAAU,GAER,WAAW,WAFH,EACP,KAAK,UACN,WAAW,EAzBT,wTAyBL,CADS,CACK;IAET,IAAA,KAAyC,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAA/D,eAAe,QAAA,EAAE,mBAAmB,QAA2B,CAAA;IAEtE,IAAM,cAAc,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,eAAe,CAAA;IACjD,IAAM,kBAAkB,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,mBAAmB,CAAA;IAExD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA8C,gBAAgB,EAAE;QAC5G,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,WAAW,EAAE,cAAc;QAC3B,MAAM,QAAA;QACN,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,WAAW,GAAG,IAAA,eAAO,EACzB,cAAM,OAAA,IAAA,6BAAoB,EAAC,OAAO,EAAE,aAAa,CAAC,EAA5C,CAA4C,EAClD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,cAAM,OAAA,IAAA,6BAAoB,EAAC,kBAAkB,EAAE,aAAa,CAAC,EAAvD,CAAuD,EAC7D,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IAE5C,IAAM,KAAK,GAAG,cAAM,OAAA,kBAAkB,EAAE,EAApB,CAAoB,CAAA;IACxC,IAAM,MAAM,GAAG,UAAC,KAAK;QAEnB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,IAAI,aAAa,EAAE;YACjB,KAAK,EAAE,CAAA;SACR;IACH,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import { ComponentVariants, BaseViewProps, TextStyles } from '@codeleap/common';
|
|
4
|
-
import { Text as NativeText } from 'react-native';
|
|
4
|
+
import { Animated, Text as NativeText } from 'react-native';
|
|
5
|
+
import { MotiProps } from 'moti';
|
|
5
6
|
export declare type TextProps = ComponentPropsWithoutRef<typeof NativeText> & {
|
|
6
7
|
text?: string;
|
|
7
8
|
variants?: ComponentVariants<typeof TextStyles>['variants'];
|
|
8
|
-
|
|
9
|
+
animated?: boolean;
|
|
10
|
+
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
|
|
11
|
+
} & BaseViewProps & MotiProps;
|
|
9
12
|
export declare const Text: React.ForwardRefExoticComponent<import("react-native").TextProps & {
|
|
10
13
|
text?: string;
|
|
11
14
|
variants?: ComponentVariants<typeof TextStyles>['variants'];
|
|
12
|
-
|
|
15
|
+
animated?: boolean;
|
|
16
|
+
colorChangeConfig?: Partial<Animated.TimingAnimationConfig>;
|
|
17
|
+
} & BaseViewProps & MotiProps<any, import("moti").StyleValueWithReplacedTransforms<any>, Partial<import("moti").StyleValueWithSequenceArraysWithoutTransform<import("moti").StyleValueWithReplacedTransforms<any>, string | number | symbol, string | number | symbol> & import("moti").StyleValueWithSequenceArraysWithTransform>> & React.RefAttributes<NativeText>>;
|
package/dist/components/Text.js
CHANGED
|
@@ -39,15 +39,22 @@ var React = __importStar(require("react"));
|
|
|
39
39
|
var react_1 = require("react");
|
|
40
40
|
var common_1 = require("@codeleap/common");
|
|
41
41
|
var react_native_1 = require("react-native");
|
|
42
|
+
var moti_1 = require("moti");
|
|
43
|
+
var hooks_1 = require("../utils/hooks");
|
|
44
|
+
var MotiText = react_native_1.Animated.createAnimatedComponent(moti_1.MotiText);
|
|
42
45
|
exports.Text = (0, react_1.forwardRef)(function (textProps, ref) {
|
|
43
|
-
var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, style = textProps.style, props = __rest(textProps, ["variants", "text", "style"]);
|
|
46
|
+
var _a = textProps.variants, variants = _a === void 0 ? [] : _a, text = textProps.text, children = textProps.children, style = textProps.style, colorChangeConfig = textProps.colorChangeConfig, props = __rest(textProps, ["variants", "text", "children", "style", "colorChangeConfig"]);
|
|
44
47
|
var variantStyles = (0, common_1.useDefaultComponentStyle)('Text', {
|
|
45
48
|
variants: variants,
|
|
46
49
|
rootElement: 'text',
|
|
47
50
|
});
|
|
48
|
-
var styles = [variantStyles.text, style];
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
51
|
+
var styles = react_native_1.StyleSheet.flatten([variantStyles.text, style]);
|
|
52
|
+
var animatedColor = (0, hooks_1.useAnimateColor)(styles.color, colorChangeConfig);
|
|
53
|
+
var Component = textProps.animated ? MotiText : react_native_1.Text;
|
|
54
|
+
var colorStyle = { color: props.animated ? animatedColor : styles.color };
|
|
55
|
+
// @ts-ignore
|
|
56
|
+
return <Component {...props} style={[styles, colorStyle]} ref={ref}>
|
|
57
|
+
{text || children}
|
|
58
|
+
</Component>;
|
|
52
59
|
});
|
|
53
60
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAKyB;AACzB,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,2CAKyB;AACzB,6CAAuE;AACvE,6BAAuD;AACvD,wCAAgD;AAQhD,IAAM,QAAQ,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,eAAS,CAAC,CAAA;AAE/C,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAwB,UAAC,SAAS,EAAE,GAAG;IAC3D,IAAA,KAAsE,SAAS,SAAlE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,IAAI,GAAmD,SAAS,KAA5D,EAAE,QAAQ,GAAyC,SAAS,SAAlD,EAAE,KAAK,GAAkC,SAAS,MAA3C,EAAE,iBAAiB,GAAe,SAAS,kBAAxB,EAAK,KAAK,UAAK,SAAS,EAAjF,8DAAqE,CAAF,CAAc;IAEvF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAM,MAAM,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;IAE9D,IAAM,aAAa,GAAG,IAAA,uBAAe,EAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;IAEtE,IAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAU,CAAA;IAE5D,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAE3E,aAAa;IACb,OAAO,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACjE;IAAA,CAAC,IAAI,IAAI,QAAQ,CACnB;EAAA,EAAE,SAAS,CAAC,CAAA;AAEd,CAAC,CAAC,CAAA"}
|
|
@@ -29,7 +29,8 @@ export declare type TextInputProps = Partial<TextInputMaskProps> & ComponentVari
|
|
|
29
29
|
touchableWrapper?: boolean;
|
|
30
30
|
onPress?: () => void;
|
|
31
31
|
masking?: FormTypes.TextField['masking'];
|
|
32
|
-
innerWrapperProps?:
|
|
32
|
+
innerWrapperProps?: ViewProps;
|
|
33
|
+
wrapperProps?: TouchableProps | ViewProps;
|
|
33
34
|
onChangeMask?: TextInputMaskProps['onChangeText'];
|
|
34
35
|
required?: boolean;
|
|
35
36
|
};
|
|
@@ -159,7 +160,8 @@ export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInpu
|
|
|
159
160
|
touchableWrapper?: boolean;
|
|
160
161
|
onPress?: () => void;
|
|
161
162
|
masking?: FormTypes.TextField['masking'];
|
|
162
|
-
innerWrapperProps?:
|
|
163
|
+
innerWrapperProps?: ViewProps;
|
|
164
|
+
wrapperProps?: TouchableProps | ViewProps;
|
|
163
165
|
onChangeMask?: TextInputMaskProps['onChangeText'];
|
|
164
166
|
required?: boolean;
|
|
165
167
|
} & React.RefAttributes<NativeTextInput>>;
|
|
@@ -57,7 +57,7 @@ var Touchable_1 = require("./Touchable");
|
|
|
57
57
|
var textInputMask_1 = require("../modules/textInputMask");
|
|
58
58
|
exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
59
59
|
var _a, _b;
|
|
60
|
-
var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
|
|
60
|
+
var onChange = rawprops.onChange, type = rawprops.type, value = rawprops.value, onChangeText = rawprops.onChangeText, disabled = rawprops.disabled, edited = rawprops.edited, onFocus = rawprops.onFocus, onBlur = rawprops.onBlur, variants = rawprops.variants, label = rawprops.label, wrapperProps = rawprops.wrapperProps, leftIcon = rawprops.leftIcon, rightIcon = rawprops.rightIcon, styles = rawprops.styles, validate = rawprops.validate, password = rawprops.password, visibilityToggle = rawprops.visibilityToggle, touchableWrapper = rawprops.touchableWrapper, innerWrapperProps = rawprops.innerWrapperProps, _c = rawprops.masking, masking = _c === void 0 ? null : _c, onChangeMask = rawprops.onChangeMask, debugName = rawprops.debugName, _d = rawprops.required, required = _d === void 0 ? false : _d, props = __rest(rawprops, ["onChange", "type", "value", "onChangeText", "disabled", "edited", "onFocus", "onBlur", "variants", "label", "wrapperProps", "leftIcon", "rightIcon", "styles", "validate", "password", "visibilityToggle", "touchableWrapper", "innerWrapperProps", "masking", "onChangeMask", "debugName", "required"]);
|
|
61
61
|
var _e = (0, react_1.useState)(false), isFocused = _e[0], setFocus = _e[1];
|
|
62
62
|
var _f = (0, react_1.useState)(edited), editedState = _f[0], setEdited = _f[1];
|
|
63
63
|
var input = (0, react_1.useRef)(null);
|
|
@@ -119,7 +119,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
119
119
|
(_b = (_a = input.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
|
-
return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...
|
|
122
|
+
return (<Touchable_1.Touchable style={getStyles('wrapper')} debugName={debugName} onPress={handlePress} {...wrapperProps}>
|
|
123
123
|
<exports.InputLabel label={label} style={getStyles('label')} asteriskStyle={getStyles('requiredAsterisk')} wrapperStyle={getStyles('labelWrapper')} required={required}/>
|
|
124
124
|
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
125
125
|
<exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CASyB;AACzB,+BAAmG;AACnG,+BAA6B;AAC7B,+BAAwC;AAExC,+BAA6B;AAC7B,6CAAuH;AACvH,yCAAuD;AACvD,0DAA0D;
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import { ComponentVariants, BaseViewProps, ViewStyles, AnyFunction } from '@codeleap/common';
|
|
4
|
-
import {
|
|
5
|
-
export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof
|
|
4
|
+
import { Pressable, View } from 'react-native';
|
|
5
|
+
export declare type TouchableProps = Omit<ComponentPropsWithoutRef<typeof Pressable>, 'onPress'> & {
|
|
6
6
|
variants?: ComponentVariants<typeof ViewStyles>['variants'];
|
|
7
7
|
component?: any;
|
|
8
|
-
ref?: React.Ref<
|
|
8
|
+
ref?: React.Ref<View>;
|
|
9
9
|
debugName: string;
|
|
10
|
+
activeOpacity?: number;
|
|
10
11
|
debugComponent?: string;
|
|
12
|
+
feedbackVariant?: 'opacity' | 'none' | 'highlight';
|
|
11
13
|
onPress?: AnyFunction;
|
|
12
14
|
} & BaseViewProps;
|
|
13
15
|
export declare const Touchable: React.FC<TouchableProps>;
|