@codeleap/mobile 2.3.26 → 2.3.27-1
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/Autocomplete/types.d.ts +59 -0
- package/dist/components/Autocomplete/types.js +3 -0
- package/dist/components/Autocomplete/types.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +23 -0
- package/dist/components/Avatar/index.js +95 -0
- package/dist/components/Avatar/index.js.map +1 -0
- package/dist/components/Avatar/styles.d.ts +4 -0
- package/dist/components/Avatar/styles.js +7 -0
- package/dist/components/Avatar/styles.js.map +1 -0
- package/dist/components/AvatarGroup/index.d.ts +18 -0
- package/dist/components/AvatarGroup/index.js +70 -0
- package/dist/components/AvatarGroup/index.js.map +1 -0
- package/dist/components/AvatarGroup/styles.d.ts +4 -0
- package/dist/components/AvatarGroup/styles.js +7 -0
- package/dist/components/AvatarGroup/styles.js.map +1 -0
- package/dist/components/Badge/index.d.ts +31 -0
- package/dist/components/Badge/index.js +110 -0
- package/dist/components/Badge/index.js.map +1 -0
- package/dist/components/Badge/styles.d.ts +5 -0
- package/dist/components/Badge/styles.js +7 -0
- package/dist/components/Badge/styles.js.map +1 -0
- package/dist/components/DatePickerModal/index.d.ts +8 -0
- package/dist/components/DatePickerModal/index.js +153 -0
- package/dist/components/DatePickerModal/index.js.map +1 -0
- package/dist/components/DatePickerModal/styles.d.ts +5 -0
- package/dist/components/DatePickerModal/styles.js +7 -0
- package/dist/components/DatePickerModal/styles.js.map +1 -0
- package/dist/components/DatePickerModal/types.d.ts +40 -0
- package/dist/components/DatePickerModal/types.js +3 -0
- package/dist/components/DatePickerModal/types.js.map +1 -0
- package/dist/components/InputBase/index.d.ts +37 -0
- package/dist/components/InputBase/index.js +90 -0
- package/dist/components/InputBase/index.js.map +1 -0
- package/dist/components/InputBase/styles.d.ts +27 -0
- package/dist/components/InputBase/styles.js +92 -0
- package/dist/components/InputBase/styles.js.map +1 -0
- package/dist/components/InputBase/types.d.ts +28 -0
- package/dist/components/InputBase/types.js +3 -0
- package/dist/components/InputBase/types.js.map +1 -0
- package/dist/components/InputBase/utils.d.ts +11 -0
- package/dist/components/InputBase/utils.js +41 -0
- package/dist/components/InputBase/utils.js.map +1 -0
- package/dist/components/LoadingOverlay/index.d.ts +11 -0
- package/dist/components/LoadingOverlay/index.js +66 -0
- package/dist/components/LoadingOverlay/index.js.map +1 -0
- package/dist/components/LoadingOverlay/styles.d.ts +5 -0
- package/dist/components/LoadingOverlay/styles.js +7 -0
- package/dist/components/LoadingOverlay/styles.js.map +1 -0
- package/dist/components/NumberIncrement/index.d.ts +31 -0
- package/dist/components/NumberIncrement/index.js +232 -0
- package/dist/components/NumberIncrement/index.js.map +1 -0
- package/dist/components/NumberIncrement/styles.d.ts +5 -0
- package/dist/components/NumberIncrement/styles.js +7 -0
- package/dist/components/NumberIncrement/styles.js.map +1 -0
- package/dist/components/NumberIncrement/types.d.ts +35 -0
- package/dist/components/NumberIncrement/types.js +3 -0
- package/dist/components/NumberIncrement/types.js.map +1 -0
- package/dist/components/NumberIncrement/utils.d.ts +5 -0
- package/dist/components/NumberIncrement/utils.js +27 -0
- package/dist/components/NumberIncrement/utils.js.map +1 -0
- package/dist/components/RefreshControl/index.d.ts +9 -0
- package/dist/components/RefreshControl/index.js +31 -0
- package/dist/components/RefreshControl/index.js.map +1 -0
- package/dist/components/RefreshControl/styles.d.ts +2 -0
- package/dist/components/RefreshControl/styles.js +7 -0
- package/dist/components/RefreshControl/styles.js.map +1 -0
- package/dist/components/Sections/styles.d.ts +2 -0
- package/dist/components/Sections/styles.js +7 -0
- package/dist/components/Sections/styles.js.map +1 -0
- package/dist/components/SegmentedControl/Option.d.ts +16 -0
- package/dist/components/SegmentedControl/Option.js +38 -0
- package/dist/components/SegmentedControl/Option.js.map +1 -0
- package/dist/modules/PressableRipple/index.d.ts +2 -0
- package/dist/modules/PressableRipple/index.js +9 -0
- package/dist/modules/PressableRipple/index.js.map +1 -0
- package/dist/modules/PressableRipple/ripple.d.ts +30 -0
- package/dist/modules/PressableRipple/ripple.js +213 -0
- package/dist/modules/PressableRipple/ripple.js.map +1 -0
- package/dist/modules/PressableRipple/styles.d.ts +19 -0
- package/dist/modules/PressableRipple/styles.js +29 -0
- package/dist/modules/PressableRipple/styles.js.map +1 -0
- package/dist/modules/PressableRipple/type.d.ts +11 -0
- package/dist/modules/PressableRipple/type.js +3 -0
- package/dist/modules/PressableRipple/type.js.map +1 -0
- package/dist/utils/locale.d.ts +1 -0
- package/dist/utils/locale.js +10 -0
- package/dist/utils/locale.js.map +1 -0
- package/package.json +3 -2
- package/src/components/List/index.tsx +9 -2
- package/src/components/Scroll/index.tsx +7 -3
- package/src/utils/hooks.ts +17 -2
- /package/dist/components/{AutoComplete → Autocomplete}/index.d.ts +0 -0
- /package/dist/components/{AutoComplete → Autocomplete}/index.js +0 -0
- /package/dist/components/{AutoComplete → Autocomplete}/index.js.map +0 -0
- /package/dist/components/{AutoComplete → Autocomplete}/styles.d.ts +0 -0
- /package/dist/components/{AutoComplete → Autocomplete}/styles.js +0 -0
- /package/dist/components/{AutoComplete → Autocomplete}/styles.js.map +0 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
26
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.LoadingOverlay = void 0;
|
|
30
|
+
var react_1 = __importStar(require("react"));
|
|
31
|
+
var common_1 = require("@codeleap/common");
|
|
32
|
+
var react_native_1 = require("react-native");
|
|
33
|
+
var ActivityIndicator_1 = require("../ActivityIndicator");
|
|
34
|
+
var View_1 = require("../View");
|
|
35
|
+
var utils_1 = require("../../utils");
|
|
36
|
+
__exportStar(require("./styles"), exports);
|
|
37
|
+
var LoadingOverlay = function (props) {
|
|
38
|
+
var children = props.children, styles = props.styles, variants = props.variants, visible = props.visible;
|
|
39
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:LoadingOverlay', {
|
|
40
|
+
variants: variants,
|
|
41
|
+
rootElement: 'wrapper',
|
|
42
|
+
styles: styles,
|
|
43
|
+
transform: react_native_1.StyleSheet.flatten,
|
|
44
|
+
});
|
|
45
|
+
var loaderStyles = (0, common_1.useMemo)(function () { return (0, common_1.getNestedStylesByKey)('loader', variantStyles); }, [variantStyles]);
|
|
46
|
+
var wrapperAnimation = (0, utils_1.useAnimatedVariantStyles)({
|
|
47
|
+
variantStyles: variantStyles,
|
|
48
|
+
animatedProperties: ['wrapper:visible', 'wrapper:hidden'],
|
|
49
|
+
updater: function (s) {
|
|
50
|
+
'worklet';
|
|
51
|
+
return visible ? s['wrapper:visible'] : s['wrapper:hidden'];
|
|
52
|
+
},
|
|
53
|
+
transition: variantStyles.transition,
|
|
54
|
+
dependencies: [visible],
|
|
55
|
+
});
|
|
56
|
+
var transition = (0, react_1.useRef)(null);
|
|
57
|
+
if (!transition.current) {
|
|
58
|
+
transition.current = JSON.parse(JSON.stringify(variantStyles['wrapper:transition']));
|
|
59
|
+
}
|
|
60
|
+
return <View_1.View style={[variantStyles.wrapper, wrapperAnimation]} animated transition={transition.current}>
|
|
61
|
+
<ActivityIndicator_1.ActivityIndicator styles={loaderStyles}/>
|
|
62
|
+
{children}
|
|
63
|
+
</View_1.View>;
|
|
64
|
+
};
|
|
65
|
+
exports.LoadingOverlay = LoadingOverlay;
|
|
66
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqC;AACrC,2CAAuH;AACvH,6CAAyC;AAEzC,0DAAwD;AACxD,gCAA8B;AAE9B,qCAAsD;AAEtD,2CAAwB;AAQjB,IAAM,cAAc,GAAG,UAAC,KAA0B;IAErD,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,OAAO,GACL,KAAK,QADA,CACA;IAET,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAmD,kBAAkB,EAAE;QACnH,QAAQ,UAAA;QACR,WAAW,EAAE,SAAS;QACtB,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;KAC9B,CAAC,CAAA;IAEF,IAAM,YAAY,GAAG,IAAA,gBAAO,EAAC,cAAM,OAAA,IAAA,6BAAoB,EAAC,QAAQ,EAAE,aAAa,CAAC,EAA7C,CAA6C,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAElG,IAAM,gBAAgB,GAAG,IAAA,gCAAwB,EAAC;QAChD,aAAa,eAAA;QACb,kBAAkB,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACzD,OAAO,EAAE,UAAC,CAAC;YACT,SAAS,CAAA;YACT,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAA;QAC7D,CAAC;QACD,UAAU,EAAE,aAAa,CAAC,UAAU;QACpC,YAAY,EAAE,CAAC,OAAO,CAAC;KACxB,CAAC,CAAA;IAGF,IAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAC/B,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;QACvB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAA;KACrF;IACD,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAE,UAAU,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CACtG;IAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,EACxC;IAAA,CAAC,QAAQ,CACX;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AArCY,QAAA,cAAc,kBAqC1B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ActivityIndicatorComposition } from '../ActivityIndicator';
|
|
2
|
+
type WrapperStates = 'hidden' | 'visible';
|
|
3
|
+
export type LoadingOverlayComposition = 'wrapper' | `wrapper:${WrapperStates}` | 'wrapper:transition' | `loader${Capitalize<ActivityIndicatorComposition>}` | 'transition';
|
|
4
|
+
export declare const LoadingOverlayPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<LoadingOverlayComposition, any>>>;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.LoadingOverlayPresets = void 0;
|
|
4
|
+
var common_1 = require("@codeleap/common");
|
|
5
|
+
var createLoadingOverlayStyle = (0, common_1.createDefaultVariantFactory)();
|
|
6
|
+
exports.LoadingOverlayPresets = (0, common_1.includePresets)(function (styles) { return createLoadingOverlayStyle(function () { return ({ wrapper: styles }); }); });
|
|
7
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/LoadingOverlay/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAO9E,IAAM,yBAAyB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAE7E,QAAA,qBAAqB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,yBAAyB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAtD,CAAsD,CAAC,CAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TextInput as NativeTextInput, TextInputProps as NativeTextInputProps } from 'react-native';
|
|
3
|
+
export * from './styles';
|
|
4
|
+
export * from './types';
|
|
5
|
+
export declare const NumberIncrement: React.ForwardRefExoticComponent<Omit<import("../InputBase").InputBaseProps, "variants" | "styles"> & NativeTextInputProps & {
|
|
6
|
+
variants?: import("@codeleap/common").VariantProp<import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<import("./styles").NumberIncrementComposition, any>>>>;
|
|
7
|
+
styles?: Partial<Record<import("./styles").NumberIncrementComposition, any>>;
|
|
8
|
+
value: number;
|
|
9
|
+
validate?: import("yup").BaseSchema<string, import("yup/lib/object").AnyObject, string> | import("@codeleap/common/dist/tools/Form/types").ValidatorFunctionWithoutForm<string>;
|
|
10
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
11
|
+
max?: number;
|
|
12
|
+
min?: number;
|
|
13
|
+
step?: number;
|
|
14
|
+
editable?: boolean;
|
|
15
|
+
_error?: string;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
onChangeMask?: (text: string, rawText?: string) => void;
|
|
18
|
+
masking?: Partial<import("@codeleap/common/dist/types/third-party/react-native-masked-text").TextInputMaskProps> & {
|
|
19
|
+
saveFormatted?: boolean;
|
|
20
|
+
};
|
|
21
|
+
prefix?: string;
|
|
22
|
+
suffix?: string;
|
|
23
|
+
separator?: string;
|
|
24
|
+
delimiter?: string;
|
|
25
|
+
mask?: string;
|
|
26
|
+
formatter?: (value: string | number) => string;
|
|
27
|
+
parseValue?: (value: string) => number;
|
|
28
|
+
timeoutActionFocus?: number;
|
|
29
|
+
actionPressAutoFocus?: boolean;
|
|
30
|
+
actionDebounce?: number;
|
|
31
|
+
} & Pick<Omit<import("../Touchable").TouchableProps, "">, "onPress"> & React.RefAttributes<NativeTextInput>>;
|
|
@@ -0,0 +1,232 @@
|
|
|
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
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
40
|
+
var t = {};
|
|
41
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
42
|
+
t[p] = s[p];
|
|
43
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
44
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
45
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
46
|
+
t[p[i]] = s[p[i]];
|
|
47
|
+
}
|
|
48
|
+
return t;
|
|
49
|
+
};
|
|
50
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
51
|
+
exports.NumberIncrement = void 0;
|
|
52
|
+
var React = __importStar(require("react"));
|
|
53
|
+
var common_1 = require("@codeleap/common");
|
|
54
|
+
var react_1 = require("react");
|
|
55
|
+
var InputBase_1 = require("../InputBase");
|
|
56
|
+
var Text_1 = require("../Text");
|
|
57
|
+
var textInputMask_1 = require("../../modules/textInputMask");
|
|
58
|
+
var react_native_1 = require("react-native");
|
|
59
|
+
var Touchable_1 = require("../Touchable");
|
|
60
|
+
var utils_1 = require("./utils");
|
|
61
|
+
__exportStar(require("./styles"), exports);
|
|
62
|
+
__exportStar(require("./types"), exports);
|
|
63
|
+
var MAX_VALID_DIGITS = 1000000000000000; // maximum number of digits that the input supports to perform operations
|
|
64
|
+
var defaultParseValue = function (_value) {
|
|
65
|
+
var value = (_value === null || _value === void 0 ? void 0 : _value.length) > 0 ? _value : '0';
|
|
66
|
+
var parsedValue = value === null || value === void 0 ? void 0 : value.replace(/[^\d.]/g, '');
|
|
67
|
+
return parseFloat(parsedValue);
|
|
68
|
+
};
|
|
69
|
+
var defaultProps = {
|
|
70
|
+
max: MAX_VALID_DIGITS,
|
|
71
|
+
min: 0,
|
|
72
|
+
step: 1,
|
|
73
|
+
editable: true,
|
|
74
|
+
separator: null,
|
|
75
|
+
formatter: null,
|
|
76
|
+
parseValue: defaultParseValue,
|
|
77
|
+
delimiter: null,
|
|
78
|
+
mask: null,
|
|
79
|
+
masking: null,
|
|
80
|
+
timeoutActionFocus: 300,
|
|
81
|
+
actionPressAutoFocus: true,
|
|
82
|
+
actionDebounce: null,
|
|
83
|
+
};
|
|
84
|
+
exports.NumberIncrement = (0, react_1.forwardRef)(function (props, inputRef) {
|
|
85
|
+
var _a, _b, _c, _d, _e;
|
|
86
|
+
var _f = (0, InputBase_1.selectInputBaseProps)(__assign(__assign({}, exports.NumberIncrement.defaultProps), props)), inputBaseProps = _f.inputBaseProps, others = _f.others;
|
|
87
|
+
var _g = others.variants, variants = _g === void 0 ? [] : _g, _h = others.style, style = _h === void 0 ? {} : _h, _j = others.styles, styles = _j === void 0 ? {} : _j, value = others.value, disabled = others.disabled, onChangeText = others.onChangeText, onChangeMask = others.onChangeMask, max = others.max, min = others.min, step = others.step, editable = others.editable, validate = others.validate, onPress = others.onPress, _error = others._error, masking = others.masking, separator = others.separator, prefix = others.prefix, suffix = others.suffix, delimiter = others.delimiter, formatter = others.formatter, actionPressAutoFocus = others.actionPressAutoFocus, parseValue = others.parseValue, timeoutActionFocus = others.timeoutActionFocus, mask = others.mask, actionDebounce = others.actionDebounce, textInputProps = __rest(others, ["variants", "style", "styles", "value", "disabled", "onChangeText", "onChangeMask", "max", "min", "step", "editable", "validate", "onPress", "_error", "masking", "separator", "prefix", "suffix", "delimiter", "formatter", "actionPressAutoFocus", "parseValue", "timeoutActionFocus", "mask", "actionDebounce"]);
|
|
88
|
+
var _k = (0, common_1.useState)(false), isFocused = _k[0], setIsFocused = _k[1];
|
|
89
|
+
var innerInputRef = (0, common_1.useRef)(null);
|
|
90
|
+
var actionValidation = (0, utils_1.useActionValidate)(validate);
|
|
91
|
+
var validation = (0, common_1.useValidate)(value, validate);
|
|
92
|
+
var hasError = !validation.isValid || _error || !(actionValidation === null || actionValidation === void 0 ? void 0 : actionValidation.isValid);
|
|
93
|
+
var errorMessage = validation.message || _error || (actionValidation === null || actionValidation === void 0 ? void 0 : actionValidation.message);
|
|
94
|
+
var isFormatted = common_1.TypeGuards.isFunction(formatter);
|
|
95
|
+
var hasMaskProps = [masking, prefix, suffix, delimiter, separator, mask].some(function (v) { return !!v; });
|
|
96
|
+
var isMasked = hasMaskProps && !isFormatted;
|
|
97
|
+
var InputElement = isMasked ? textInputMask_1.MaskedTextInput : react_native_1.TextInput;
|
|
98
|
+
// @ts-expect-error - React's ref type system is weird
|
|
99
|
+
(0, react_1.useImperativeHandle)(inputRef, function () {
|
|
100
|
+
return __assign(__assign({}, innerInputRef.current), { focus: function () {
|
|
101
|
+
var _a, _b;
|
|
102
|
+
(_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
103
|
+
}, isTextInput: true });
|
|
104
|
+
}, [!!((_a = innerInputRef === null || innerInputRef === void 0 ? void 0 : innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus)]);
|
|
105
|
+
var incrementDisabled = React.useMemo(function () {
|
|
106
|
+
if (common_1.TypeGuards.isNumber(max) && (Number(value) >= max)) {
|
|
107
|
+
return true;
|
|
108
|
+
}
|
|
109
|
+
return false;
|
|
110
|
+
}, [value]);
|
|
111
|
+
var decrementDisabled = React.useMemo(function () {
|
|
112
|
+
if (common_1.TypeGuards.isNumber(min) && (Number(value) <= min)) {
|
|
113
|
+
return true;
|
|
114
|
+
}
|
|
115
|
+
return false;
|
|
116
|
+
}, [value]);
|
|
117
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:NumberIncrement', {
|
|
118
|
+
variants: variants,
|
|
119
|
+
styles: styles,
|
|
120
|
+
rootElement: 'wrapper',
|
|
121
|
+
});
|
|
122
|
+
var inputTextStyle = React.useMemo(function () { return ([
|
|
123
|
+
variantStyles.input,
|
|
124
|
+
isFocused && variantStyles['input:focus'],
|
|
125
|
+
hasError && variantStyles['input:error'],
|
|
126
|
+
disabled && variantStyles['input:disabled'],
|
|
127
|
+
]); }, [disabled, isFocused, hasError]);
|
|
128
|
+
var placeholderTextColor = (_c = (_b = [
|
|
129
|
+
[disabled, variantStyles['placeholder:disabled']],
|
|
130
|
+
[hasError, variantStyles['placeholder:error']],
|
|
131
|
+
[isFocused, variantStyles['placeholder:focus']],
|
|
132
|
+
[true, variantStyles.placeholder],
|
|
133
|
+
].find(function (_a) {
|
|
134
|
+
var x = _a[0];
|
|
135
|
+
return x;
|
|
136
|
+
})) === null || _b === void 0 ? void 0 : _b[1]) === null || _c === void 0 ? void 0 : _c.color;
|
|
137
|
+
var selectionColor = (_e = (_d = [
|
|
138
|
+
[disabled, variantStyles['selection:disabled']],
|
|
139
|
+
[!validation.isValid, variantStyles['selection:error']],
|
|
140
|
+
[isFocused, variantStyles['selection:focus']],
|
|
141
|
+
[true, variantStyles.selection],
|
|
142
|
+
].find(function (_a) {
|
|
143
|
+
var x = _a[0];
|
|
144
|
+
return x;
|
|
145
|
+
})) === null || _d === void 0 ? void 0 : _d[1]) === null || _e === void 0 ? void 0 : _e.color;
|
|
146
|
+
var onChange = function (newValue) {
|
|
147
|
+
actionValidation.onAction(newValue);
|
|
148
|
+
// @ts-ignore
|
|
149
|
+
if (onChangeText)
|
|
150
|
+
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(newValue);
|
|
151
|
+
};
|
|
152
|
+
var actionTimeoutRef = (0, common_1.useRef)(null);
|
|
153
|
+
var clearActionTimeoutRef = React.useCallback(function () {
|
|
154
|
+
if (actionTimeoutRef.current !== null) {
|
|
155
|
+
clearTimeout(actionTimeoutRef.current);
|
|
156
|
+
actionTimeoutRef.current = null;
|
|
157
|
+
}
|
|
158
|
+
}, [actionTimeoutRef.current]);
|
|
159
|
+
var handleChange = React.useCallback(function (action) {
|
|
160
|
+
if (actionPressAutoFocus)
|
|
161
|
+
setIsFocused(true);
|
|
162
|
+
clearActionTimeoutRef();
|
|
163
|
+
if (action === 'increment' && !incrementDisabled) {
|
|
164
|
+
var newValue = Number(value) + step;
|
|
165
|
+
onChange(newValue);
|
|
166
|
+
}
|
|
167
|
+
else if (action === 'decrement' && !decrementDisabled) {
|
|
168
|
+
var newValue = Number(value) - step;
|
|
169
|
+
onChange(newValue);
|
|
170
|
+
}
|
|
171
|
+
if (actionPressAutoFocus) {
|
|
172
|
+
actionTimeoutRef.current = setTimeout(function () {
|
|
173
|
+
setIsFocused(false);
|
|
174
|
+
}, timeoutActionFocus);
|
|
175
|
+
}
|
|
176
|
+
}, [value]);
|
|
177
|
+
var handleBlur = React.useCallback(function (e) {
|
|
178
|
+
var _a, _b;
|
|
179
|
+
if (common_1.TypeGuards.isNumber(max) && (value >= max)) {
|
|
180
|
+
onChange(max);
|
|
181
|
+
}
|
|
182
|
+
else if (common_1.TypeGuards.isNumber(min) && (value <= min) || !value || ((_a = String(value)) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
|
|
183
|
+
onChange(min);
|
|
184
|
+
}
|
|
185
|
+
validation === null || validation === void 0 ? void 0 : validation.onInputBlurred();
|
|
186
|
+
setIsFocused(false);
|
|
187
|
+
(_b = props === null || props === void 0 ? void 0 : props.onBlur) === null || _b === void 0 ? void 0 : _b.call(props, e);
|
|
188
|
+
}, [validation === null || validation === void 0 ? void 0 : validation.onInputBlurred, props === null || props === void 0 ? void 0 : props.onBlur, value]);
|
|
189
|
+
var handleFocus = React.useCallback(function (e) {
|
|
190
|
+
var _a;
|
|
191
|
+
validation === null || validation === void 0 ? void 0 : validation.onInputFocused();
|
|
192
|
+
clearActionTimeoutRef();
|
|
193
|
+
if (editable)
|
|
194
|
+
setIsFocused(true);
|
|
195
|
+
if (e)
|
|
196
|
+
(_a = props === null || props === void 0 ? void 0 : props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
197
|
+
}, [validation === null || validation === void 0 ? void 0 : validation.onInputFocused, props === null || props === void 0 ? void 0 : props.onFocus]);
|
|
198
|
+
var handleChangeInput = function (text) {
|
|
199
|
+
var value = parseValue(text);
|
|
200
|
+
if (value >= MAX_VALID_DIGITS) {
|
|
201
|
+
onChange(MAX_VALID_DIGITS);
|
|
202
|
+
return MAX_VALID_DIGITS;
|
|
203
|
+
}
|
|
204
|
+
onChange(value);
|
|
205
|
+
return value;
|
|
206
|
+
};
|
|
207
|
+
var handleMaskChange = function (masked, unmasked) {
|
|
208
|
+
handleChangeInput === null || handleChangeInput === void 0 ? void 0 : handleChangeInput(masked);
|
|
209
|
+
if (onChangeMask)
|
|
210
|
+
onChangeMask(masked, unmasked);
|
|
211
|
+
};
|
|
212
|
+
var maskingExtraProps = isMasked ? __assign(__assign({ type: common_1.TypeGuards.isNil(mask) ? 'money' : 'custom', onChangeText: handleMaskChange }, masking), { options: __assign({ unit: prefix, separator: separator !== null && separator !== void 0 ? separator : '.', suffixUnit: suffix, delimiter: delimiter !== null && delimiter !== void 0 ? delimiter : ',', mask: mask }, masking === null || masking === void 0 ? void 0 : masking.options), ref: null, refInput: function (inputRef) {
|
|
213
|
+
if (!!inputRef) {
|
|
214
|
+
innerInputRef.current = inputRef;
|
|
215
|
+
}
|
|
216
|
+
} }) : {};
|
|
217
|
+
var onPressInnerWrapper = function () {
|
|
218
|
+
var _a, _b;
|
|
219
|
+
handleFocus();
|
|
220
|
+
if (editable)
|
|
221
|
+
(_b = (_a = innerInputRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
222
|
+
if (onPress)
|
|
223
|
+
onPress === null || onPress === void 0 ? void 0 : onPress();
|
|
224
|
+
};
|
|
225
|
+
return (<InputBase_1.InputBase {...inputBaseProps} error={hasError ? errorMessage : null} styles={__assign(__assign({}, variantStyles), { innerWrapper: [
|
|
226
|
+
variantStyles.innerWrapper,
|
|
227
|
+
] })} rightIcon={__assign({ name: 'plus', disabled: disabled || incrementDisabled || !editable, onPress: function () { return handleChange('increment'); }, debounce: actionDebounce }, inputBaseProps.rightIcon)} leftIcon={__assign({ name: 'minus', disabled: disabled || decrementDisabled || !editable, onPress: function () { return handleChange('decrement'); }, debounce: actionDebounce }, inputBaseProps.leftIcon)} style={style} disabled={disabled} focused={isFocused} innerWrapper={Touchable_1.Touchable} innerWrapperProps={__assign(__assign({}, (inputBaseProps.innerWrapperProps || {})), { rippleDisabled: true, onPress: onPressInnerWrapper })}>
|
|
228
|
+
{editable && !disabled ? (<InputElement keyboardType='numeric' textAlign='center' textAlignVertical='center' allowFontScaling={false} editable={!disabled} placeholderTextColor={placeholderTextColor} value={isFormatted ? formatter(value) : String(value)} selectionColor={selectionColor} onChangeText={handleChangeInput} {...textInputProps} onBlur={handleBlur} onFocus={handleFocus} style={inputTextStyle} ref={innerInputRef} {...maskingExtraProps}/>) : (<Text_1.Text text={isFormatted ? formatter(value) : String(value)} style={inputTextStyle}/>)}
|
|
229
|
+
</InputBase_1.InputBase>);
|
|
230
|
+
});
|
|
231
|
+
exports.NumberIncrement.defaultProps = defaultProps;
|
|
232
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { InputBaseParts, InputBaseStates } from '../InputBase';
|
|
2
|
+
export type NumberIncrementParts = InputBaseParts | 'input' | 'placeholder' | 'selection';
|
|
3
|
+
export type NumberIncrementStates = InputBaseStates;
|
|
4
|
+
export type NumberIncrementComposition = NumberIncrementParts | `${NumberIncrementParts}:${NumberIncrementStates}`;
|
|
5
|
+
export declare const NumberIncrementPresets: import("@codeleap/common").IncludePresetsReturn<(styles: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<NumberIncrementComposition, any>>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NumberIncrementPresets = void 0;
|
|
4
|
+
var common_1 = require("@codeleap/common");
|
|
5
|
+
var createNumberIncrementStyle = (0, common_1.createDefaultVariantFactory)();
|
|
6
|
+
exports.NumberIncrementPresets = (0, common_1.includePresets)(function (styles) { return createNumberIncrementStyle(function () { return ({ wrapper: styles }); }); });
|
|
7
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAW9E,IAAM,0BAA0B,GAAG,IAAA,oCAA2B,GAA8B,CAAA;AAE/E,QAAA,sBAAsB,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,0BAA0B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAvD,CAAuD,CAAC,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ComponentVariants, yup, StylesOf, PropsOf, FormTypes } from '@codeleap/common';
|
|
2
|
+
import { NumberIncrementPresets, NumberIncrementComposition } from './styles';
|
|
3
|
+
import { TextInputMaskProps } from '../../modules/textInputMask';
|
|
4
|
+
import { TextInputProps as NativeTextInputProps } from 'react-native';
|
|
5
|
+
import { View } from '../View';
|
|
6
|
+
import { Touchable } from '../Touchable';
|
|
7
|
+
import { InputBaseProps } from '../InputBase';
|
|
8
|
+
type Masking = FormTypes.TextField['masking'];
|
|
9
|
+
type MaskOptions = Masking['options'];
|
|
10
|
+
export type NumberIncrementProps = Omit<InputBaseProps, 'styles' | 'variants'> & NativeTextInputProps & {
|
|
11
|
+
variants?: ComponentVariants<typeof NumberIncrementPresets>['variants'];
|
|
12
|
+
styles?: StylesOf<NumberIncrementComposition>;
|
|
13
|
+
value: number;
|
|
14
|
+
validate?: FormTypes.ValidatorWithoutForm<string> | yup.SchemaOf<string>;
|
|
15
|
+
style?: PropsOf<typeof View>['style'];
|
|
16
|
+
max?: number;
|
|
17
|
+
min?: number;
|
|
18
|
+
step?: number;
|
|
19
|
+
editable?: boolean;
|
|
20
|
+
_error?: string;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
onChangeMask?: TextInputMaskProps['onChangeText'];
|
|
23
|
+
masking?: Exclude<Masking, 'mask' | 'format'>;
|
|
24
|
+
prefix?: MaskOptions['unit'];
|
|
25
|
+
suffix?: MaskOptions['suffixUnit'];
|
|
26
|
+
separator?: MaskOptions['separator'];
|
|
27
|
+
delimiter?: MaskOptions['delimiter'];
|
|
28
|
+
mask?: MaskOptions['mask'];
|
|
29
|
+
formatter?: (value: string | number) => string;
|
|
30
|
+
parseValue?: (value: string) => number;
|
|
31
|
+
timeoutActionFocus?: number;
|
|
32
|
+
actionPressAutoFocus?: boolean;
|
|
33
|
+
actionDebounce?: number | null;
|
|
34
|
+
} & Pick<PropsOf<typeof Touchable>, 'onPress'>;
|
|
35
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useActionValidate = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var initialState = {
|
|
6
|
+
message: '',
|
|
7
|
+
isValid: true,
|
|
8
|
+
};
|
|
9
|
+
var useActionValidate = function (validator) {
|
|
10
|
+
var _a = (0, react_1.useState)(initialState), error = _a[0], setError = _a[1];
|
|
11
|
+
var validate = (0, react_1.useCallback)(function (value) {
|
|
12
|
+
if (!validator)
|
|
13
|
+
return;
|
|
14
|
+
var _a = validator(value, {}), valid = _a.valid, message = _a.message;
|
|
15
|
+
setError({
|
|
16
|
+
isValid: valid,
|
|
17
|
+
message: message,
|
|
18
|
+
});
|
|
19
|
+
}, [validator]);
|
|
20
|
+
return {
|
|
21
|
+
onAction: validate,
|
|
22
|
+
message: error === null || error === void 0 ? void 0 : error.message,
|
|
23
|
+
isValid: error === null || error === void 0 ? void 0 : error.isValid
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
exports.useActionValidate = useActionValidate;
|
|
27
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/NumberIncrement/utils.ts"],"names":[],"mappings":";;;AAAA,+BAA6C;AAE7C,IAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,IAAI;CACd,CAAA;AAEM,IAAM,iBAAiB,GAAG,UAAC,SAAc;IACxC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,YAAY,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAA;IAEhD,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAa;QACzC,IAAI,CAAC,SAAS;YAAE,OAAM;QAEhB,IAAA,KAAqB,SAAS,CAAC,KAAK,EAAE,EAAE,CAAC,EAAvC,KAAK,WAAA,EAAE,OAAO,aAAyB,CAAA;QAE/C,QAAQ,CAAC;YACP,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,OAAO;SACjB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;QACvB,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO;KACxB,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,iBAAiB,qBAmB7B"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ComponentVariants, StylesOf } from '@codeleap/common';
|
|
3
|
+
import { RefreshControlProps as RNRefreshControlProps } from 'react-native';
|
|
4
|
+
import { RefreshControlComposition, RefreshControlPresets } from './styles';
|
|
5
|
+
export type RefreshControlProps = {
|
|
6
|
+
styles?: StylesOf<RefreshControlComposition>;
|
|
7
|
+
} & RNRefreshControlProps & ComponentVariants<typeof RefreshControlPresets>;
|
|
8
|
+
export declare const RefreshControl: (props: RefreshControlProps) => JSX.Element;
|
|
9
|
+
export * from './styles';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.RefreshControl = void 0;
|
|
18
|
+
var common_1 = require("@codeleap/common");
|
|
19
|
+
var react_native_1 = require("react-native");
|
|
20
|
+
var RefreshControl = function (props) {
|
|
21
|
+
var _a, _b, _c, _d;
|
|
22
|
+
var _e = props.variants, variants = _e === void 0 ? [] : _e, styles = props.styles;
|
|
23
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('u:RefreshControl', {
|
|
24
|
+
variants: variants,
|
|
25
|
+
styles: styles,
|
|
26
|
+
});
|
|
27
|
+
return (<react_native_1.RefreshControl colors={[(_a = variantStyles.loadingAnimation) === null || _a === void 0 ? void 0 : _a.color]} tintColor={(_b = variantStyles.loadingAnimation) === null || _b === void 0 ? void 0 : _b.color} progressBackgroundColor={(_c = variantStyles.progressBackgroundColor) === null || _c === void 0 ? void 0 : _c.color} titleColor={(_d = variantStyles.titleColor) === null || _d === void 0 ? void 0 : _d.color} {...props}/>);
|
|
28
|
+
};
|
|
29
|
+
exports.RefreshControl = RefreshControl;
|
|
30
|
+
__exportStar(require("./styles"), exports);
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RefreshControl/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAAwF;AACxF,6CAA+G;AAOxG,IAAM,cAAc,GAAG,UAAC,KAAyB;;IAC9C,IAAA,KAA0B,KAAK,SAAlB,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,MAAM,GAAK,KAAK,OAAV,CAAU;IAEvC,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAmD,kBAAkB,EAAE;QACnH,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,CACL,CAAC,6BAAgB,CACf,MAAM,CAAC,CAAC,CAAC,MAAA,aAAa,CAAC,gBAAgB,0CAAE,KAAK,CAAC,CAAC,CAChD,SAAS,CAAC,CAAC,MAAA,aAAa,CAAC,gBAAgB,0CAAE,KAAK,CAAC,CACjD,uBAAuB,CAAC,CAAC,MAAA,aAAa,CAAC,uBAAuB,0CAAE,KAAK,CAAC,CACtE,UAAU,CAAC,CAAC,MAAA,aAAa,CAAC,UAAU,0CAAE,KAAK,CAAC,CAC5C,IAAI,KAAK,CAAC,EACV,CAEH,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,cAAc,kBAiB1B;AAED,2CAAwB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type RefreshControlComposition = 'loadingAnimation' | 'progressBackgroundColor' | 'titleColor';
|
|
2
|
+
export declare const RefreshControlPresets: import("@codeleap/common").IncludePresetsReturn<(style: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RefreshControlComposition, any>>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.RefreshControlPresets = void 0;
|
|
4
|
+
var common_1 = require("@codeleap/common");
|
|
5
|
+
var createRefreshControlStyle = (0, common_1.createDefaultVariantFactory)();
|
|
6
|
+
exports.RefreshControlPresets = (0, common_1.includePresets)(function (style) { return createRefreshControlStyle(function () { return ({ loadingAnimation: style }); }); });
|
|
7
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RefreshControl/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAI9E,IAAM,yBAAyB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAE7E,QAAA,qBAAqB,GAAG,IAAA,uBAAc,EAAC,UAAA,KAAK,IAAI,OAAA,yBAAyB,CAAC,cAAM,OAAA,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,EAA7B,CAA6B,CAAC,EAA9D,CAA8D,CAAC,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type SectionsComposition = 'wrapper' | 'content' | 'separator';
|
|
2
|
+
export declare const SectionsPresets: import("@codeleap/common").IncludePresetsReturn<(style: any) => (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<SectionsComposition, any>>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SectionsPresets = void 0;
|
|
4
|
+
var common_1 = require("@codeleap/common");
|
|
5
|
+
var createSectionsStyle = (0, common_1.createDefaultVariantFactory)();
|
|
6
|
+
exports.SectionsPresets = (0, common_1.includePresets)(function (style) { return createSectionsStyle(function () { return ({ content: style }); }); });
|
|
7
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sections/styles.ts"],"names":[],"mappings":";;;AAAA,2CAA8E;AAI9E,IAAM,mBAAmB,GAAG,IAAA,oCAA2B,GAAuB,CAAA;AAEjE,QAAA,eAAe,GAAG,IAAA,uBAAc,EAAC,UAAA,KAAK,IAAI,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA/C,CAA+C,CAAC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IconPlaceholder, PropsOf } from '@codeleap/common';
|
|
3
|
+
import { StylesOf } from '../../types';
|
|
4
|
+
import { Text } from '../Text';
|
|
5
|
+
import { Touchable } from '../Touchable';
|
|
6
|
+
import { SegmentedControlComposition } from './styles';
|
|
7
|
+
export type SegmentedControlOptionProps = PropsOf<typeof Touchable> & {
|
|
8
|
+
selected?: boolean;
|
|
9
|
+
label: string;
|
|
10
|
+
value: string;
|
|
11
|
+
variantStyles?: StylesOf<SegmentedControlComposition>;
|
|
12
|
+
textProps?: Omit<PropsOf<typeof Text>, 'key'>;
|
|
13
|
+
icon?: IconPlaceholder;
|
|
14
|
+
badge?: React.ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export declare const SegmentedControlOption: (props: SegmentedControlOptionProps) => JSX.Element;
|
|
@@ -0,0 +1,38 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SegmentedControlOption = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var Text_1 = require("../Text");
|
|
20
|
+
var Touchable_1 = require("../Touchable");
|
|
21
|
+
var Icon_1 = require("../Icon");
|
|
22
|
+
var SegmentedControlOption = function (props) {
|
|
23
|
+
var selected = props.selected, onPress = props.onPress, debugName = props.debugName, style = props.style, variantStyles = props.variantStyles, label = props.label, value = props.value, icon = props.icon, textProps = props.textProps, _a = props.badge, badge = _a === void 0 ? null : _a, touchableProps = __rest(props, ["selected", "onPress", "debugName", "style", "variantStyles", "label", "value", "icon", "textProps", "badge"]);
|
|
24
|
+
return <Touchable_1.Touchable debugName={"Segmented Control ".concat(debugName, ", option ").concat(label)} noFeedback={selected} styles={{
|
|
25
|
+
feedback: variantStyles.buttonFeedback,
|
|
26
|
+
}} style={[variantStyles.button, selected && variantStyles['button:selected'], style]} onPress={onPress} {...touchableProps}>
|
|
27
|
+
{!!icon && (<Icon_1.Icon name={icon} style={[variantStyles.icon]}/>)}
|
|
28
|
+
<Text_1.Text text={label} style={[
|
|
29
|
+
variantStyles.text,
|
|
30
|
+
selected && variantStyles['text:selected'],
|
|
31
|
+
(touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.disabled) && variantStyles['text:disabled'],
|
|
32
|
+
]} {...textProps}/>
|
|
33
|
+
{badge}
|
|
34
|
+
|
|
35
|
+
</Touchable_1.Touchable>;
|
|
36
|
+
};
|
|
37
|
+
exports.SegmentedControlOption = SegmentedControlOption;
|
|
38
|
+
//# sourceMappingURL=Option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/SegmentedControl/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAGzB,gCAA8B;AAC9B,0CAAwC;AAExC,gCAA8B;AAYvB,IAAM,sBAAsB,GAAG,UAAC,KAAkC;IAC/D,IAAA,QAAQ,GAA+G,KAAK,SAApH,EAAE,OAAO,GAAsG,KAAK,QAA3G,EAAE,SAAS,GAA2F,KAAK,UAAhG,EAAE,KAAK,GAAoF,KAAK,MAAzF,EAAE,aAAa,GAAqE,KAAK,cAA1E,EAAE,KAAK,GAA8D,KAAK,MAAnE,EAAE,KAAK,GAAuD,KAAK,MAA5D,EAAE,IAAI,GAAiD,KAAK,KAAtD,EAAE,SAAS,GAAsC,KAAK,UAA3C,EAAE,KAAoC,KAAK,MAA7B,EAAZ,KAAK,mBAAG,IAAI,KAAA,EAAK,cAAc,UAAK,KAAK,EAA9H,8GAAsH,CAAF,CAAU;IAEpI,OAAO,CAAC,qBAAS,CACf,SAAS,CAAC,CAAC,4BAAqB,SAAS,sBAAY,KAAK,CAAE,CAAC,CAC7D,UAAU,CAAC,CAAC,QAAQ,CAAC,CAErB,MAAM,CAAC,CAAC;YACN,QAAQ,EAAE,aAAa,CAAC,cAAc;SACvC,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,IAAI,aAAa,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,CAAC,CACnF,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,cAAc,CAAC,CAEnB;IAAA,CACE,CAAC,CAAC,IAAI,IAAI,CACR,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAG,CAElD,CAEH;IAAA,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC;YACL,aAAa,CAAC,IAAI;YAClB,QAAQ,IAAI,aAAa,CAAC,eAAe,CAAC;YAC1C,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,aAAa,CAAC,eAAe,CAAC;SAC3D,CAAC,CACF,IAAI,SAAS,CAAC,EAEhB;IAAA,CAAE,KAAK,CAET;;EAAA,EAAE,qBAAS,CAAC,CAAA;AACd,CAAC,CAAA;AAhCY,QAAA,sBAAsB,0BAgClC"}
|