@axelor/aos-mobile-ui 8.1.7 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/atoms/Screen/Screen.d.ts +2 -1
- package/lib/components/atoms/Screen/Screen.js +2 -2
- package/lib/components/atoms/Screen/Screen.js.map +1 -1
- package/lib/components/atoms/ScrollView/ScrollView.js +3 -1
- package/lib/components/atoms/ScrollView/ScrollView.js.map +1 -1
- package/lib/components/atoms/Slider/Slider.d.ts +18 -0
- package/lib/components/atoms/Slider/Slider.js +85 -0
- package/lib/components/atoms/Slider/Slider.js.map +1 -0
- package/lib/components/atoms/index.d.ts +1 -0
- package/lib/components/atoms/index.js +1 -0
- package/lib/components/atoms/index.js.map +1 -1
- package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.d.ts +1 -1
- package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.js +1 -1
- package/lib/components/molecules/BlockInteractionMessage/BlockInteractionMessage.js.map +1 -1
- package/lib/components/molecules/Button/Button.d.ts +2 -1
- package/lib/components/molecules/Button/Button.js.map +1 -1
- package/lib/components/molecules/CardIconButton/CardIconButton.d.ts +2 -1
- package/lib/components/molecules/CardIconButton/CardIconButton.js +7 -4
- package/lib/components/molecules/CardIconButton/CardIconButton.js.map +1 -1
- package/lib/components/molecules/DropdownCard/DropdownCard.d.ts +2 -1
- package/lib/components/molecules/DropdownCard/DropdownCard.js +13 -4
- package/lib/components/molecules/DropdownCard/DropdownCard.js.map +1 -1
- package/lib/components/molecules/FormSlider/FormSlider.d.ts +19 -0
- package/lib/components/molecules/FormSlider/FormSlider.js +58 -0
- package/lib/components/molecules/FormSlider/FormSlider.js.map +1 -0
- package/lib/components/molecules/LabelText/LabelText.js +2 -2
- package/lib/components/molecules/LabelText/LabelText.js.map +1 -1
- package/lib/components/molecules/TextUnit/TextUnit.d.ts +2 -1
- package/lib/components/molecules/TextUnit/TextUnit.js +4 -2
- package/lib/components/molecules/TextUnit/TextUnit.js.map +1 -1
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.d.ts +2 -2
- package/lib/components/molecules/index.d.ts +1 -0
- package/lib/components/molecules/index.js +1 -0
- package/lib/components/molecules/index.js.map +1 -1
- package/lib/components/organisms/ActionCard/ActionCard.d.ts +20 -0
- package/lib/components/organisms/ActionCard/ActionCard.js +153 -0
- package/lib/components/organisms/ActionCard/ActionCard.js.map +1 -0
- package/lib/components/organisms/DraggableWrapper/DraggableWrapper.d.ts +7 -0
- package/lib/components/organisms/DraggableWrapper/DraggableWrapper.js +124 -0
- package/lib/components/organisms/DraggableWrapper/DraggableWrapper.js.map +1 -0
- package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.d.ts +1 -0
- package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js +1 -1
- package/lib/components/organisms/DropdownCardSwitch/DropdownCardSwitch.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingActionButton.d.ts +2 -1
- package/lib/components/organisms/FloatingButton/FloatingActionButton.js +6 -6
- package/lib/components/organisms/FloatingButton/FloatingActionButton.js.map +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.d.ts +1 -1
- package/lib/components/organisms/FloatingButton/FloatingButton.js +6 -10
- package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -1
- package/lib/components/organisms/FloatingButton/types.d.ts +3 -0
- package/lib/components/organisms/FloatingButton/types.js.map +1 -1
- package/lib/components/organisms/GridView/CellView.js.map +1 -1
- package/lib/components/organisms/GroupByScrollList/GroupByScrollList.d.ts +3 -2
- package/lib/components/organisms/GroupByScrollList/GroupByScrollList.js +24 -3
- package/lib/components/organisms/GroupByScrollList/GroupByScrollList.js.map +1 -1
- package/lib/components/organisms/InfoButton/InfoButton.d.ts +2 -1
- package/lib/components/organisms/InfoButton/InfoButton.js +2 -2
- package/lib/components/organisms/InfoButton/InfoButton.js.map +1 -1
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js +2 -2
- package/lib/components/organisms/MultiValuePicker/MultiValuePicker.js.map +1 -1
- package/lib/components/organisms/QuantityCard/QuantityCard.d.ts +16 -0
- package/lib/components/organisms/QuantityCard/QuantityCard.js +103 -0
- package/lib/components/organisms/QuantityCard/QuantityCard.js.map +1 -0
- package/lib/components/organisms/ScrollList/ScrollList.d.ts +2 -1
- package/lib/components/organisms/ScrollList/ScrollList.js +20 -15
- package/lib/components/organisms/ScrollList/ScrollList.js.map +1 -1
- package/lib/components/organisms/SingleSelectScrollList/SingleSelectScrollList.d.ts +21 -0
- package/lib/components/organisms/SingleSelectScrollList/SingleSelectScrollList.js +91 -0
- package/lib/components/organisms/SingleSelectScrollList/SingleSelectScrollList.js.map +1 -0
- package/lib/components/organisms/TagList/TagList.js +3 -1
- package/lib/components/organisms/TagList/TagList.js.map +1 -1
- package/lib/components/organisms/ViewAllEditList/AllLinesAlert.d.ts +13 -0
- package/lib/components/organisms/ViewAllEditList/AllLinesAlert.js +81 -0
- package/lib/components/organisms/ViewAllEditList/AllLinesAlert.js.map +1 -0
- package/lib/components/organisms/ViewAllEditList/LineComponent.d.ts +10 -0
- package/lib/components/organisms/ViewAllEditList/LineComponent.js +52 -0
- package/lib/components/organisms/ViewAllEditList/LineComponent.js.map +1 -0
- package/lib/components/organisms/ViewAllEditList/ViewAllEditList.d.ts +18 -0
- package/lib/components/organisms/ViewAllEditList/ViewAllEditList.js +55 -0
- package/lib/components/organisms/ViewAllEditList/ViewAllEditList.js.map +1 -0
- package/lib/components/organisms/index.d.ts +5 -0
- package/lib/components/organisms/index.js +5 -0
- package/lib/components/organisms/index.js.map +1 -1
- package/lib/components/templates/BottomBar/BarItem.js +2 -3
- package/lib/components/templates/BottomBar/BarItem.js.map +1 -1
- package/lib/components/templates/BottomBar/BottomBar.d.ts +2 -1
- package/lib/components/templates/BottomBar/BottomBar.js +21 -12
- package/lib/components/templates/BottomBar/BottomBar.js.map +1 -1
- package/lib/components/templates/BottomBar/ItemTitle.d.ts +7 -0
- package/lib/components/templates/BottomBar/ItemTitle.js +36 -0
- package/lib/components/templates/BottomBar/ItemTitle.js.map +1 -0
- package/lib/components/templates/BottomBar/types.helper.d.ts +1 -0
- package/lib/components/templates/Dashboard/Chart/ChartRender.js +10 -0
- package/lib/components/templates/Dashboard/Chart/ChartRender.js.map +1 -1
- package/lib/components/templates/Dashboard/Dashboard.d.ts +1 -1
- package/lib/components/templates/Dashboard/chart-type.d.ts +1 -0
- package/lib/components/templates/Dashboard/chart-type.js +1 -0
- package/lib/components/templates/Dashboard/chart-type.js.map +1 -1
- package/lib/components/templates/TabsScreen/tabs.helper.d.ts +2 -1
- package/lib/config/ConfigContext.d.ts +6 -0
- package/lib/config/ConfigContext.js +57 -3
- package/lib/config/ConfigContext.js.map +1 -1
- package/lib/hooks/use-price-format.d.ts +1 -0
- package/lib/hooks/use-price-format.js +33 -0
- package/lib/hooks/use-price-format.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/utils/commons-styles.d.ts +1 -1
- package/lib/utils/formatters.js +1 -1
- package/lib/utils/list.js +7 -1
- package/lib/utils/list.js.map +1 -1
- package/package.json +14 -12
|
@@ -4,7 +4,8 @@ interface ScreenProps {
|
|
|
4
4
|
children: any;
|
|
5
5
|
fixedItems?: any;
|
|
6
6
|
removeSpaceOnTop?: boolean;
|
|
7
|
+
hideButtonBackground?: boolean;
|
|
7
8
|
loading?: boolean;
|
|
8
9
|
}
|
|
9
|
-
declare const Screen: ({ style, children, fixedItems, removeSpaceOnTop, loading, }: ScreenProps) => React.JSX.Element;
|
|
10
|
+
declare const Screen: ({ style, children, fixedItems, removeSpaceOnTop, loading, hideButtonBackground, }: ScreenProps) => React.JSX.Element;
|
|
10
11
|
export default Screen;
|
|
@@ -25,7 +25,7 @@ const FIXED_ITEMS_NOT_DISPLAY_HEIGHT = FIXED_CONTAINER_PADDING_VERTICAL * 2 + 1;
|
|
|
25
25
|
const immersiveMode = async () => {
|
|
26
26
|
await SystemNavigationBar.navigationHide();
|
|
27
27
|
};
|
|
28
|
-
const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading = false, }) => {
|
|
28
|
+
const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading = false, hideButtonBackground = false, }) => {
|
|
29
29
|
const Colors = useThemeColor();
|
|
30
30
|
const styles = useMemo(() => getStyles(Colors), [Colors]);
|
|
31
31
|
const { showActivityIndicator } = useConfig();
|
|
@@ -48,7 +48,7 @@ const Screen = ({ style, children, fixedItems, removeSpaceOnTop = false, loading
|
|
|
48
48
|
<View style={styles.childrenContainer}>{children}</View>
|
|
49
49
|
{!!fixedItems && (<View style={fixedItemsHeight > FIXED_ITEMS_NOT_DISPLAY_HEIGHT && [
|
|
50
50
|
styles.fixedContainer,
|
|
51
|
-
styles.smallTopShadow,
|
|
51
|
+
!hideButtonBackground && styles.smallTopShadow,
|
|
52
52
|
]} onLayout={onLayout}>
|
|
53
53
|
{fixedItems}
|
|
54
54
|
</View>)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAC,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../../src/components/atoms/Screen/Screen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,12 +17,14 @@
|
|
|
17
17
|
*/
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import { Platform, ScrollView as ReactNativeScrollView, RefreshControl, StyleSheet, } from 'react-native';
|
|
20
|
+
import { useConfig } from '../../../config/ConfigContext';
|
|
20
21
|
const ScrollView = ({ style, children, refresh }) => {
|
|
22
|
+
const { isScrollEnabled } = useConfig();
|
|
21
23
|
return (<ReactNativeScrollView contentContainerStyle={[
|
|
22
24
|
styles.container,
|
|
23
25
|
Platform.OS === 'ios' ? styles.containerZIndex : null,
|
|
24
26
|
style,
|
|
25
|
-
]} refreshControl={refresh != null && (<RefreshControl refreshing={refresh.loading} onRefresh={refresh.fetcher}/>)}>
|
|
27
|
+
]} refreshControl={refresh != null && (<RefreshControl refreshing={refresh.loading} onRefresh={refresh.fetcher} enabled={isScrollEnabled}/>)} scrollEnabled={isScrollEnabled}>
|
|
26
28
|
{children}
|
|
27
29
|
</ReactNativeScrollView>);
|
|
28
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../src/components/atoms/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EACR,UAAU,IAAI,qBAAqB,EACnC,cAAc,EACd,UAAU,GACX,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../../../src/components/atoms/ScrollView/ScrollView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EACR,UAAU,IAAI,qBAAqB,EACnC,cAAc,EACd,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AAaxD,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAkB,EAAE,EAAE;IACjE,MAAM,EAAC,eAAe,EAAC,GAAG,SAAS,EAAE,CAAC;IAEtC,OAAO,CACL,CAAC,qBAAqB,CACpB,qBAAqB,CAAC,CAAC;YACrB,MAAM,CAAC,SAAS;YAChB,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI;YACrD,KAAK;SACN,CAAC,CACF,cAAc,CAAC,CACb,OAAO,IAAI,IAAI,IAAI,CACjB,CAAC,cAAc,CACb,UAAU,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC5B,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC3B,OAAO,CAAC,CAAC,eAAe,CAAC,EACzB,CACH,CACF,CACD,aAAa,CAAC,CAAC,eAAe,CAAC,CAC/B;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,qBAAqB,CAAC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,EAAE;QACjB,MAAM,EAAE,MAAM;KACf;IACD,eAAe,EAAE;QACf,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Color } from '../../../theme';
|
|
3
|
+
interface SliderProps {
|
|
4
|
+
style?: any;
|
|
5
|
+
color?: Color;
|
|
6
|
+
minValue?: number;
|
|
7
|
+
minLimit?: number;
|
|
8
|
+
maxValue?: number;
|
|
9
|
+
maxLimit?: number;
|
|
10
|
+
step?: number;
|
|
11
|
+
displayStepNumber?: boolean;
|
|
12
|
+
defaultValue: number;
|
|
13
|
+
displaySliderValue?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
onChange: (value: number) => void;
|
|
16
|
+
}
|
|
17
|
+
declare const Slider: ({ style, color, minValue, minLimit, maxValue, maxLimit, step, displayStepNumber, defaultValue, displaySliderValue, disabled, onChange, }: SliderProps) => React.JSX.Element;
|
|
18
|
+
export default Slider;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Axelor Business Solutions
|
|
3
|
+
*
|
|
4
|
+
* Copyright (C) 2024 Axelor (<http://axelor.com>).
|
|
5
|
+
*
|
|
6
|
+
* This program is free software: you can redistribute it and/or modify
|
|
7
|
+
* it under the terms of the GNU Affero General Public License, version 3,
|
|
8
|
+
* as published by the Free Software Foundation.
|
|
9
|
+
*
|
|
10
|
+
* This program is distributed in the hope that it will be useful,
|
|
11
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
12
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
13
|
+
* GNU Affero General Public License for more details.
|
|
14
|
+
*
|
|
15
|
+
* You should have received a copy of the GNU Affero General Public License
|
|
16
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
|
+
*/
|
|
18
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
19
|
+
import { StyleSheet, View } from 'react-native';
|
|
20
|
+
import { default as RNSlider } from '@react-native-community/slider';
|
|
21
|
+
import { useThemeColor } from '../../../theme';
|
|
22
|
+
import { useDigitFormat } from '../../../hooks/use-digit-format';
|
|
23
|
+
import { Text } from '../../atoms';
|
|
24
|
+
const STEPS_LENGTH_LIMIT = 12;
|
|
25
|
+
const Slider = ({ style, color, minValue = 0, minLimit = null, maxValue = 100, maxLimit = null, step = null, displayStepNumber = false, defaultValue, displaySliderValue = true, disabled = false, onChange, }) => {
|
|
26
|
+
const Colors = useThemeColor();
|
|
27
|
+
const formatNumber = useDigitFormat();
|
|
28
|
+
const [value, setValue] = useState(defaultValue);
|
|
29
|
+
const _color = useMemo(() => (disabled ? Colors.secondaryColor : (color ?? Colors.primaryColor)), [disabled, Colors, color]);
|
|
30
|
+
const displaySteps = useMemo(() => step > 0 && displayStepNumber, [displayStepNumber, step]);
|
|
31
|
+
const stepNumberList = useMemo(() => {
|
|
32
|
+
if (displaySteps) {
|
|
33
|
+
const numberOfSteps = Math.floor((maxValue - minValue) / step) + 1;
|
|
34
|
+
if (numberOfSteps < STEPS_LENGTH_LIMIT) {
|
|
35
|
+
return Array.from({ length: numberOfSteps }, (_, k) => minValue + k * step);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return [];
|
|
39
|
+
}, [displaySteps, maxValue, minValue, step]);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
setValue(defaultValue);
|
|
42
|
+
}, [defaultValue]);
|
|
43
|
+
return (<View style={[styles.container, style]}>
|
|
44
|
+
<View style={styles.sliderContainer} pointerEvents={disabled ? 'none' : 'auto'}>
|
|
45
|
+
<RNSlider thumbTintColor={_color.background} minimumTrackTintColor={_color.background} maximumTrackTintColor={_color.background_light} minimumValue={minValue} lowerLimit={minLimit} maximumValue={maxValue} upperLimit={maxLimit} step={step} value={value} onValueChange={setValue} onSlidingComplete={_value => {
|
|
46
|
+
setValue(_value);
|
|
47
|
+
onChange(Number(formatNumber(_value)));
|
|
48
|
+
}}/>
|
|
49
|
+
{displaySteps && (<View style={styles.stepNumberContainer}>
|
|
50
|
+
{stepNumberList?.map((_value, index) => (<Text style={styles.stepNumber} fontSize={10} key={index}>
|
|
51
|
+
{_value}
|
|
52
|
+
</Text>))}
|
|
53
|
+
</View>)}
|
|
54
|
+
</View>
|
|
55
|
+
{displaySliderValue && (<Text style={styles.sliderValue}>{formatNumber(value)}</Text>)}
|
|
56
|
+
</View>);
|
|
57
|
+
};
|
|
58
|
+
const styles = StyleSheet.create({
|
|
59
|
+
container: {
|
|
60
|
+
flexDirection: 'row',
|
|
61
|
+
alignItems: 'center',
|
|
62
|
+
width: '100%',
|
|
63
|
+
},
|
|
64
|
+
sliderContainer: {
|
|
65
|
+
flex: 1,
|
|
66
|
+
},
|
|
67
|
+
stepNumberContainer: {
|
|
68
|
+
flexDirection: 'row',
|
|
69
|
+
justifyContent: 'space-between',
|
|
70
|
+
width: '100%',
|
|
71
|
+
paddingHorizontal: 5,
|
|
72
|
+
},
|
|
73
|
+
stepNumber: {
|
|
74
|
+
justifyContent: 'center',
|
|
75
|
+
textAlign: 'center',
|
|
76
|
+
width: 20,
|
|
77
|
+
},
|
|
78
|
+
sliderValue: {
|
|
79
|
+
textAlign: 'right',
|
|
80
|
+
width: '20%',
|
|
81
|
+
paddingRight: 12,
|
|
82
|
+
},
|
|
83
|
+
});
|
|
84
|
+
export default Slider;
|
|
85
|
+
//# sourceMappingURL=Slider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,6 @@ export { default as KeyboardAvoidingScrollView } from './KeyboardAvoidingScrollV
|
|
|
10
10
|
export { default as RadioButton } from './RadioButton/RadioButton';
|
|
11
11
|
export { default as Screen } from './Screen/Screen';
|
|
12
12
|
export { default as ScrollView } from './ScrollView/ScrollView';
|
|
13
|
+
export { default as Slider } from './Slider/Slider';
|
|
13
14
|
export { default as Switch } from './Switch/Switch';
|
|
14
15
|
export { default as Text } from './Text/Text';
|
|
@@ -27,6 +27,7 @@ export { default as KeyboardAvoidingScrollView } from './KeyboardAvoidingScrollV
|
|
|
27
27
|
export { default as RadioButton } from './RadioButton/RadioButton';
|
|
28
28
|
export { default as Screen } from './Screen/Screen';
|
|
29
29
|
export { default as ScrollView } from './ScrollView/ScrollView';
|
|
30
|
+
export { default as Slider } from './Slider/Slider';
|
|
30
31
|
export { default as Switch } from './Switch/Switch';
|
|
31
32
|
export { default as Text } from './Text/Text';
|
|
32
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,0BAA0B,EAAC,MAAM,yDAAyD,CAAC;AAC9G,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/atoms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,0BAA0B,EAAC,MAAM,yDAAyD,CAAC;AAC9G,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,aAAa,CAAC"}
|
|
@@ -37,7 +37,7 @@ import WarningCard from '../WarningCard/WarningCard';
|
|
|
37
37
|
* ],
|
|
38
38
|
* })
|
|
39
39
|
*/
|
|
40
|
-
const BlockInteractionMessage = (
|
|
40
|
+
const BlockInteractionMessage = () => {
|
|
41
41
|
const { blockInteractionConfig } = useConfig();
|
|
42
42
|
if (!blockInteractionConfig?.visible) {
|
|
43
43
|
return null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockInteractionMessage.js","sourceRoot":"","sources":["../../../../src/components/molecules/BlockInteractionMessage/BlockInteractionMessage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"version":3,"file":"BlockInteractionMessage.js","sourceRoot":"","sources":["../../../../src/components/molecules/BlockInteractionMessage/BlockInteractionMessage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAC,sBAAsB,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACzD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAC,sBAAsB,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7C,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE;QACpC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CACvC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAC5D;QAAA,CAAC,WAAW,CACV,YAAY,CAAC,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAC7C,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAEtB;QAAA,CAAC,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,WAAW,CAAC;YAChD,sBAAsB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAC/C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;cAAA,CAAC,sBAAsB,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACxD,OAAO,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC1B,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpB,CACH,CAAC;YACJ,CAAC,CAAC,CACJ;YAAA,EAAE,IAAI,CAAC,CACR,CACL;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,IAAI;QAC3C,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;QAC1C,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;KAC5C;IACD,KAAK,EAAE;QACL,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,IAAI;KAC7C;IACD,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC;AAEH,eAAe,uBAAuB,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { DimensionValue } from 'react-native';
|
|
2
3
|
import { Color } from '../../../theme/themes';
|
|
3
4
|
export interface ButtonProps {
|
|
4
|
-
width?:
|
|
5
|
+
width?: DimensionValue;
|
|
5
6
|
color?: Color;
|
|
6
7
|
isNeutralBackground?: boolean;
|
|
7
8
|
iconName?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/molecules/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/molecules/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ interface CardIconButtonProps {
|
|
|
3
3
|
style?: any;
|
|
4
4
|
iconName: string;
|
|
5
5
|
iconColor: string;
|
|
6
|
+
disabled?: boolean;
|
|
6
7
|
onPress: (any: any) => void;
|
|
7
8
|
onLongPress?: (any: any) => void;
|
|
8
9
|
}
|
|
9
|
-
declare const CardIconButton: ({ style, iconName, iconColor, onPress, onLongPress, }: CardIconButtonProps) => React.JSX.Element;
|
|
10
|
+
declare const CardIconButton: ({ style, iconName, iconColor, disabled, onPress, onLongPress, }: CardIconButtonProps) => React.JSX.Element;
|
|
10
11
|
export default CardIconButton;
|
|
@@ -15,13 +15,16 @@
|
|
|
15
15
|
* You should have received a copy of the GNU Affero General Public License
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
|
-
import React from 'react';
|
|
18
|
+
import React, { useMemo } from 'react';
|
|
19
19
|
import { StyleSheet, TouchableOpacity } from 'react-native';
|
|
20
20
|
import { Card, Icon } from '../../atoms';
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
import { useThemeColor } from '../../../theme';
|
|
22
|
+
const CardIconButton = ({ style, iconName, iconColor, disabled = false, onPress = () => { }, onLongPress = () => { }, }) => {
|
|
23
|
+
const Colors = useThemeColor();
|
|
24
|
+
const _iconColor = useMemo(() => (disabled ? Colors.secondaryColor.background : iconColor), [Colors.secondaryColor, disabled, iconColor]);
|
|
25
|
+
return (<TouchableOpacity style={[styles.container, style]} disabled={disabled} onLongPress={onLongPress} onPress={onPress} activeOpacity={0.9}>
|
|
23
26
|
<Card style={styles.cardContainer}>
|
|
24
|
-
<Icon size={20} name={iconName} color={
|
|
27
|
+
<Icon size={20} name={iconName} color={_iconColor}/>
|
|
25
28
|
</Card>
|
|
26
29
|
</TouchableOpacity>);
|
|
27
30
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CardIconButton/CardIconButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../../src/components/molecules/CardIconButton/CardIconButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAW7C,MAAM,cAAc,GAAG,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,GACF,EAAE,EAAE;IACxB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAC/D,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC7C,CAAC;IAEF,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,EACpD;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;KACV;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
|
|
@@ -8,6 +8,7 @@ interface DropdownCardProps {
|
|
|
8
8
|
dropdownIsOpen?: boolean;
|
|
9
9
|
onPress?: () => void;
|
|
10
10
|
showIcon?: boolean;
|
|
11
|
+
iconName?: string;
|
|
11
12
|
}
|
|
12
|
-
declare const DropdownCard: ({ style, styleText, styleContainer, title, dropdownIsOpen, children, onPress, showIcon, }: DropdownCardProps) => React.JSX.Element;
|
|
13
|
+
declare const DropdownCard: ({ style, styleText, styleContainer, title, dropdownIsOpen, children, onPress, showIcon, iconName, }: DropdownCardProps) => React.JSX.Element;
|
|
13
14
|
export default DropdownCard;
|
|
@@ -21,7 +21,7 @@ import { animationUtil } from '../../../tools/AnimationUtil';
|
|
|
21
21
|
import { useThemeColor } from '../../../theme/ThemeContext';
|
|
22
22
|
import { Card, Icon, Text } from '../../atoms';
|
|
23
23
|
import { getCommonStyles } from '../../../utils';
|
|
24
|
-
const DropdownCard = ({ style, styleText, styleContainer, title, dropdownIsOpen = false, children, onPress, showIcon = true, }) => {
|
|
24
|
+
const DropdownCard = ({ style, styleText, styleContainer, title, dropdownIsOpen = false, children, onPress, showIcon = true, iconName, }) => {
|
|
25
25
|
const [isOpen, setIsOpen] = useState(dropdownIsOpen);
|
|
26
26
|
const Colors = useThemeColor();
|
|
27
27
|
const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
@@ -41,9 +41,12 @@ const DropdownCard = ({ style, styleText, styleContainer, title, dropdownIsOpen
|
|
|
41
41
|
styles.content,
|
|
42
42
|
style,
|
|
43
43
|
]}>
|
|
44
|
-
<
|
|
45
|
-
{
|
|
46
|
-
|
|
44
|
+
<View style={styles.row}>
|
|
45
|
+
{iconName && <Icon name={iconName} style={styles.iconLeft}/>}
|
|
46
|
+
<Text style={styleText} numberOfLines={1}>
|
|
47
|
+
{title}
|
|
48
|
+
</Text>
|
|
49
|
+
</View>
|
|
47
50
|
{showIcon && (<Icon name={displayCard ? 'chevron-up' : 'chevron-down'} color={Colors.primaryColor.background}/>)}
|
|
48
51
|
</View>
|
|
49
52
|
</TouchableOpacity>
|
|
@@ -80,6 +83,12 @@ const getStyles = Colors => StyleSheet.create({
|
|
|
80
83
|
borderTopRightRadius: 0,
|
|
81
84
|
zIndex: 30,
|
|
82
85
|
},
|
|
86
|
+
row: {
|
|
87
|
+
flexDirection: 'row',
|
|
88
|
+
},
|
|
89
|
+
iconLeft: {
|
|
90
|
+
marginRight: 10,
|
|
91
|
+
},
|
|
83
92
|
});
|
|
84
93
|
export default DropdownCard;
|
|
85
94
|
//# sourceMappingURL=DropdownCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownCard/DropdownCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownCard.js","sourceRoot":"","sources":["../../../../src/components/molecules/DropdownCard/DropdownCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Color } from '../../../theme';
|
|
3
|
+
interface FormSliderProps {
|
|
4
|
+
style?: any;
|
|
5
|
+
title: string;
|
|
6
|
+
color?: Color;
|
|
7
|
+
minValue?: number;
|
|
8
|
+
minLimit?: number;
|
|
9
|
+
maxValue?: number;
|
|
10
|
+
maxLimit?: number;
|
|
11
|
+
step?: number;
|
|
12
|
+
displayStepNumber?: boolean;
|
|
13
|
+
defaultValue: number;
|
|
14
|
+
displaySliderValue?: boolean;
|
|
15
|
+
readonly?: boolean;
|
|
16
|
+
onChange: (value: number) => void;
|
|
17
|
+
}
|
|
18
|
+
declare const FormSlider: ({ style, title, color, minValue, minLimit, maxValue, maxLimit, step, displayStepNumber, defaultValue, displaySliderValue, readonly, onChange, }: FormSliderProps) => React.JSX.Element;
|
|
19
|
+
export default FormSlider;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Axelor Business Solutions
|
|
3
|
+
*
|
|
4
|
+
* Copyright (C) 2024 Axelor (<http://axelor.com>).
|
|
5
|
+
*
|
|
6
|
+
* This program is free software: you can redistribute it and/or modify
|
|
7
|
+
* it under the terms of the GNU Affero General Public License, version 3,
|
|
8
|
+
* as published by the Free Software Foundation.
|
|
9
|
+
*
|
|
10
|
+
* This program is distributed in the hope that it will be useful,
|
|
11
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
12
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
13
|
+
* GNU Affero General Public License for more details.
|
|
14
|
+
*
|
|
15
|
+
* You should have received a copy of the GNU Affero General Public License
|
|
16
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
|
+
*/
|
|
18
|
+
import React, { useMemo } from 'react';
|
|
19
|
+
import { StyleSheet, View } from 'react-native';
|
|
20
|
+
import { Slider, Text } from '../../atoms';
|
|
21
|
+
import { useThemeColor } from '../../../theme';
|
|
22
|
+
import { getCommonStyles } from '../../../utils';
|
|
23
|
+
const FormSlider = ({ style, title, color, minValue, minLimit, maxValue, maxLimit, step, displayStepNumber, defaultValue, displaySliderValue, readonly, onChange, }) => {
|
|
24
|
+
const Colors = useThemeColor();
|
|
25
|
+
const commonStyles = useMemo(() => getCommonStyles(Colors), [Colors]);
|
|
26
|
+
const styles = useMemo(() => getStyles(Colors.secondaryColor.background), [Colors]);
|
|
27
|
+
return (<View style={[styles.container, style]}>
|
|
28
|
+
<Text style={styles.title}>{title}</Text>
|
|
29
|
+
<View style={[
|
|
30
|
+
commonStyles.filter,
|
|
31
|
+
commonStyles.filterSize,
|
|
32
|
+
commonStyles.filterAlign,
|
|
33
|
+
styles.content,
|
|
34
|
+
]}>
|
|
35
|
+
<Slider color={color} minValue={minValue} minLimit={minLimit} maxValue={maxValue} maxLimit={maxLimit} step={step} displayStepNumber={displayStepNumber} defaultValue={defaultValue} displaySliderValue={displaySliderValue} disabled={readonly} onChange={onChange}/>
|
|
36
|
+
</View>
|
|
37
|
+
</View>);
|
|
38
|
+
};
|
|
39
|
+
const getStyles = (color) => StyleSheet.create({
|
|
40
|
+
container: {
|
|
41
|
+
width: '90%',
|
|
42
|
+
minHeight: 62,
|
|
43
|
+
alignSelf: 'center',
|
|
44
|
+
},
|
|
45
|
+
title: {
|
|
46
|
+
marginLeft: 10,
|
|
47
|
+
},
|
|
48
|
+
content: {
|
|
49
|
+
justifyContent: 'space-around',
|
|
50
|
+
width: '100%',
|
|
51
|
+
marginHorizontal: 0,
|
|
52
|
+
paddingHorizontal: 4,
|
|
53
|
+
borderWidth: 1,
|
|
54
|
+
borderColor: color,
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
export default FormSlider;
|
|
58
|
+
//# sourceMappingURL=FormSlider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormSlider.js","sourceRoot":"","sources":["../../../../src/components/molecules/FormSlider/FormSlider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAQ,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAkB/C,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,QAAQ,EACR,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtE,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,EACjD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACxC;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,UAAU;YACvB,YAAY,CAAC,WAAW;YACxB,MAAM,CAAC,OAAO;SACf,CAAC,CACF;QAAA,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAEvB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAClC,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,KAAK,EAAE,KAAK;QACZ,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,EAAE;KACf;IACD,OAAO,EAAE;QACP,cAAc,EAAE,cAAc;QAC9B,KAAK,EAAE,MAAM;QACb,gBAAgB,EAAE,CAAC;QACnB,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,KAAK;KACnB;CACF,CAAC,CAAC;AAEL,eAAe,UAAU,CAAC"}
|
|
@@ -22,10 +22,10 @@ import { Icon, Text } from '../../atoms';
|
|
|
22
22
|
const LabelText = ({ style, iconStyle, textStyle, title, value, size = 12, textSize = 14, color, iconName = null, onlyOneLine = false, }) => {
|
|
23
23
|
return (<View style={[styles.container, style]}>
|
|
24
24
|
{iconName && (<Icon style={[styles.icon, iconStyle]} name={iconName} size={size} color={color}/>)}
|
|
25
|
-
{!checkNullString(title) && (<Text style={[styles.title, textStyle]} fontSize={textSize} numberOfLines={onlyOneLine ? 1 : null}>
|
|
25
|
+
{!checkNullString(title?.toString()) && (<Text style={[styles.title, textStyle]} fontSize={textSize} numberOfLines={onlyOneLine ? 1 : null}>
|
|
26
26
|
{title}
|
|
27
27
|
</Text>)}
|
|
28
|
-
{!checkNullString(value) && (<Text style={[styles.txtDetails, textStyle]} fontSize={textSize} numberOfLines={onlyOneLine ? 1 : null}>
|
|
28
|
+
{!checkNullString(value?.toString()) && (<Text style={[styles.txtDetails, textStyle]} fontSize={textSize} numberOfLines={onlyOneLine ? 1 : null}>
|
|
29
29
|
{value}
|
|
30
30
|
</Text>)}
|
|
31
31
|
</View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelText.js","sourceRoot":"","sources":["../../../../src/components/molecules/LabelText/LabelText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAevC,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,KAAK,GACJ,EAAE,EAAE;IACnB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAChC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CACD;MAAA,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"LabelText.js","sourceRoot":"","sources":["../../../../src/components/molecules/LabelText/LabelText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AAevC,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,EACL,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,WAAW,GAAG,KAAK,GACJ,EAAE,EAAE;IACnB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,QAAQ,IAAI,CACX,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAChC,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CACD;MAAA,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,IAAI,CACtC,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CACjC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CACtC;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,IAAI,CACtC,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CACtC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CACtC;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,CAAC;KACf;IACD,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,MAAM;KACnB;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Color } from '../../../theme';
|
|
3
3
|
interface TextUnitProps {
|
|
4
|
+
title?: string;
|
|
4
5
|
value: string | number;
|
|
5
6
|
unit: string;
|
|
6
7
|
color?: Color;
|
|
@@ -9,5 +10,5 @@ interface TextUnitProps {
|
|
|
9
10
|
numberOfLines?: number;
|
|
10
11
|
defaultColor?: boolean;
|
|
11
12
|
}
|
|
12
|
-
declare const TextUnit: ({ value, unit, color, fontSize, style, numberOfLines, defaultColor, }: TextUnitProps) => React.JSX.Element;
|
|
13
|
+
declare const TextUnit: ({ title, value, unit, color, fontSize, style, numberOfLines, defaultColor, }: TextUnitProps) => React.JSX.Element;
|
|
13
14
|
export default TextUnit;
|
|
@@ -19,11 +19,13 @@ import React, { useMemo } from 'react';
|
|
|
19
19
|
import { StyleSheet } from 'react-native';
|
|
20
20
|
import { Text } from '../../atoms';
|
|
21
21
|
import { useThemeColor } from '../../../theme';
|
|
22
|
-
|
|
22
|
+
import { checkNullString } from '../../../utils';
|
|
23
|
+
const TextUnit = ({ title, value, unit, color, fontSize = 22, style, numberOfLines, defaultColor = false, }) => {
|
|
23
24
|
const Colors = useThemeColor();
|
|
24
25
|
const _color = useMemo(() => color || Colors.primaryColor, [color, Colors]);
|
|
26
|
+
const _title = useMemo(() => !checkNullString(title) && `${title} : `, [title]);
|
|
25
27
|
return (<Text textColor={defaultColor ? Colors.text : _color.background} fontSize={fontSize} style={[styles.text, style]} numberOfLines={numberOfLines}>
|
|
26
|
-
{value} {unit}
|
|
28
|
+
{_title} {value} {unit}
|
|
27
29
|
</Text>);
|
|
28
30
|
};
|
|
29
31
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextUnit.js","sourceRoot":"","sources":["../../../../src/components/molecules/TextUnit/TextUnit.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAQ,aAAa,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextUnit.js","sourceRoot":"","sources":["../../../../src/components/molecules/TextUnit/TextUnit.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAQ,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAa/C,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,aAAa,EACb,YAAY,GAAG,KAAK,GACN,EAAE,EAAE;IAClB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5E,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,KAAK,EAC9C,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC1D,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAC5B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B;MAAA,CAAC,MAAM,CAAE,CAAA,CAAC,KAAK,CAAE,CAAA,CAAC,IAAI,CACxB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
|
|
@@ -3,9 +3,9 @@ interface ToggleSwitchProps {
|
|
|
3
3
|
styleContainer?: any;
|
|
4
4
|
styleToogle?: any;
|
|
5
5
|
leftTitle: string;
|
|
6
|
-
leftElement?: ReactElement | JSX.Element;
|
|
6
|
+
leftElement?: ReactElement | React.JSX.Element;
|
|
7
7
|
rightTitle: string;
|
|
8
|
-
rigthElement?: ReactElement | JSX.Element;
|
|
8
|
+
rigthElement?: ReactElement | React.JSX.Element;
|
|
9
9
|
onSwitch: () => void;
|
|
10
10
|
}
|
|
11
11
|
declare const ToggleSwitch: ({ styleContainer, styleToogle, leftTitle, leftElement, rightTitle, rigthElement, onSwitch, }: ToggleSwitchProps) => React.JSX.Element;
|
|
@@ -16,6 +16,7 @@ export { default as EditableInput } from './EditableInput/EditableInput';
|
|
|
16
16
|
export { default as FormHtmlInput } from './FormHtmlInput/FormHtmlInput';
|
|
17
17
|
export { default as FormIncrementInput } from './FormIncrementInput/FormIncrementInput';
|
|
18
18
|
export { default as FormInput } from './FormInput/FormInput';
|
|
19
|
+
export { default as FormSlider } from './FormSlider/FormSlider';
|
|
19
20
|
export { default as FromTo } from './FromTo/FromTo';
|
|
20
21
|
export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
|
|
21
22
|
export { default as IconInput } from './IconInput/IconInput';
|
|
@@ -33,6 +33,7 @@ export { default as EditableInput } from './EditableInput/EditableInput';
|
|
|
33
33
|
export { default as FormHtmlInput } from './FormHtmlInput/FormHtmlInput';
|
|
34
34
|
export { default as FormIncrementInput } from './FormIncrementInput/FormIncrementInput';
|
|
35
35
|
export { default as FormInput } from './FormInput/FormInput';
|
|
36
|
+
export { default as FormSlider } from './FormSlider/FormSlider';
|
|
36
37
|
export { default as FromTo } from './FromTo/FromTo';
|
|
37
38
|
export { default as HalfLabelCard } from './HalfLabelCard/HalfLabelCard';
|
|
38
39
|
export { default as IconInput } from './IconInput/IconInput';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/molecules/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Action {
|
|
3
|
+
iconName: string;
|
|
4
|
+
iconColor?: string;
|
|
5
|
+
helper?: string;
|
|
6
|
+
large?: boolean;
|
|
7
|
+
onPress: () => void;
|
|
8
|
+
hidden?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
interface ActionCardProps {
|
|
12
|
+
style?: any;
|
|
13
|
+
children: any;
|
|
14
|
+
actionList: Action[];
|
|
15
|
+
horizontal?: boolean;
|
|
16
|
+
forceActionsDisplay?: boolean;
|
|
17
|
+
translator: (key: string) => string;
|
|
18
|
+
}
|
|
19
|
+
declare const ActionCard: ({ style, children, actionList, horizontal, forceActionsDisplay, translator, }: ActionCardProps) => React.JSX.Element;
|
|
20
|
+
export default ActionCard;
|