@axelor/aos-mobile-ui 7.2.6 → 8.0.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/BootstrapIcon/BootstrapIcon.d.ts +10 -0
- package/lib/components/atoms/BootstrapIcon/BootstrapIcon.js +40 -0
- package/lib/components/atoms/BootstrapIcon/BootstrapIcon.js.map +1 -0
- package/lib/components/atoms/Icon/Icon.d.ts +9 -2
- package/lib/components/atoms/Icon/Icon.js +15 -3
- package/lib/components/atoms/Icon/Icon.js.map +1 -1
- package/lib/components/atoms/RadioButton/RadioButton.d.ts +2 -1
- package/lib/components/atoms/RadioButton/RadioButton.js +2 -2
- package/lib/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/lib/components/atoms/Switch/Switch.d.ts +2 -1
- package/lib/components/atoms/Switch/Switch.js +2 -2
- package/lib/components/atoms/Switch/Switch.js.map +1 -1
- 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/Alert/Alert.d.ts +2 -1
- package/lib/components/molecules/Alert/Alert.js +5 -4
- package/lib/components/molecules/Alert/Alert.js.map +1 -1
- package/lib/components/molecules/Button/Button.d.ts +1 -2
- package/lib/components/molecules/Button/Button.js +2 -2
- package/lib/components/molecules/Button/Button.js.map +1 -1
- package/lib/components/molecules/Checkbox/Checkbox.d.ts +3 -1
- package/lib/components/molecules/Checkbox/Checkbox.js +24 -6
- package/lib/components/molecules/Checkbox/Checkbox.js.map +1 -1
- package/lib/components/molecules/Chip/Chip.js +18 -27
- package/lib/components/molecules/Chip/Chip.js.map +1 -1
- package/lib/components/molecules/CircleButton/CircleButton.d.ts +1 -2
- package/lib/components/molecules/CircleButton/CircleButton.js +3 -3
- package/lib/components/molecules/CircleButton/CircleButton.js.map +1 -1
- package/lib/components/molecules/ClearableCard/ClearableCard.js +1 -1
- package/lib/components/molecules/ClearableCard/ClearableCard.js.map +1 -1
- package/lib/components/molecules/DoubleIcon/DoubleIcon.d.ts +0 -1
- package/lib/components/molecules/DoubleIcon/DoubleIcon.js.map +1 -1
- package/lib/components/molecules/DropdownMenu/DropdownMenu.js +1 -1
- package/lib/components/molecules/DropdownMenu/DropdownMenu.js.map +1 -1
- package/lib/components/molecules/EditableInput/EditableInput.js +2 -3
- package/lib/components/molecules/EditableInput/EditableInput.js.map +1 -1
- package/lib/components/molecules/IconInput/IconInput.js +1 -1
- package/lib/components/molecules/IconInput/IconInput.js.map +1 -1
- package/lib/components/molecules/Image/Image.js +1 -1
- package/lib/components/molecules/Image/Image.js.map +1 -1
- package/lib/components/molecules/Increment/Increment.js +2 -2
- package/lib/components/molecules/Increment/Increment.js.map +1 -1
- package/lib/components/molecules/Increment/IncrementButton.d.ts +1 -1
- package/lib/components/molecules/Label/Label.js +13 -7
- package/lib/components/molecules/Label/Label.js.map +1 -1
- package/lib/components/molecules/LabelText/LabelText.d.ts +1 -2
- package/lib/components/molecules/LabelText/LabelText.js +2 -2
- package/lib/components/molecules/LabelText/LabelText.js.map +1 -1
- package/lib/components/molecules/MessageBox/MessageBox.js +3 -3
- package/lib/components/molecules/MessageBox/MessageBox.js.map +1 -1
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js +1 -1
- package/lib/components/molecules/MultiValuePickerButton/MultiValuePickerButton.js.map +1 -1
- package/lib/components/molecules/NotesCard/NotesCard.js +1 -1
- package/lib/components/molecules/NotesCard/NotesCard.js.map +1 -1
- package/lib/components/molecules/NumberChevronInput/NumberChevronInput.d.ts +21 -0
- package/lib/components/molecules/NumberChevronInput/NumberChevronInput.js +117 -0
- package/lib/components/molecules/NumberChevronInput/NumberChevronInput.js.map +1 -0
- package/lib/components/molecules/RadioSelect/RadioSelect.d.ts +3 -1
- package/lib/components/molecules/RadioSelect/RadioSelect.js +3 -3
- package/lib/components/molecules/RadioSelect/RadioSelect.js.map +1 -1
- package/lib/components/molecules/RightIconButton/RightIconButton.js +1 -0
- package/lib/components/molecules/RightIconButton/RightIconButton.js.map +1 -1
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js +3 -3
- package/lib/components/molecules/SelectionContainer/SelectionContainer.js.map +1 -1
- package/lib/components/molecules/StarScore/StarScore.js +6 -6
- package/lib/components/molecules/StarScore/StarScore.js.map +1 -1
- package/lib/components/molecules/SwitchCard/SwitchCard.js +10 -2
- package/lib/components/molecules/SwitchCard/SwitchCard.js.map +1 -1
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js +1 -1
- package/lib/components/molecules/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/lib/components/molecules/ViewAllContainer/ViewAllContainer.js +1 -1
- package/lib/components/molecules/ViewAllContainer/ViewAllContainer.js.map +1 -1
- 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/AutoCompleteSearch/ItemCard.js +1 -1
- package/lib/components/organisms/AutoCompleteSearch/ItemCard.js.map +1 -1
- package/lib/components/organisms/CheckboxScrollList/CheckboxScrollList.d.ts +20 -0
- package/lib/components/organisms/CheckboxScrollList/CheckboxScrollList.js +76 -0
- package/lib/components/organisms/CheckboxScrollList/CheckboxScrollList.js.map +1 -0
- package/lib/components/organisms/ChipSelect/ChipSelect.js +23 -9
- package/lib/components/organisms/ChipSelect/ChipSelect.js.map +1 -1
- package/lib/components/organisms/DropdownMenuItem/DropdownMenuItem.d.ts +1 -2
- package/lib/components/organisms/DropdownMenuItem/DropdownMenuItem.js +2 -2
- package/lib/components/organisms/DropdownMenuItem/DropdownMenuItem.js.map +1 -1
- package/lib/components/organisms/DurationInput/DurationInput.d.ts +11 -0
- package/lib/components/organisms/DurationInput/DurationInput.js +85 -0
- package/lib/components/organisms/DurationInput/DurationInput.js.map +1 -0
- package/lib/components/organisms/DurationInput/duration.helpers.d.ts +4 -0
- package/lib/components/organisms/DurationInput/duration.helpers.js +41 -0
- package/lib/components/organisms/DurationInput/duration.helpers.js.map +1 -0
- package/lib/components/organisms/FloatingButton/FloatingButton.js +2 -2
- package/lib/components/organisms/FloatingButton/FloatingButton.js.map +1 -1
- package/lib/components/organisms/GroupByScrollList/BottomSeparator.d.ts +7 -0
- package/lib/components/organisms/GroupByScrollList/BottomSeparator.js +44 -0
- package/lib/components/organisms/GroupByScrollList/BottomSeparator.js.map +1 -0
- package/lib/components/organisms/GroupByScrollList/GroupByScrollList.d.ts +23 -0
- package/lib/components/organisms/GroupByScrollList/GroupByScrollList.js +60 -0
- package/lib/components/organisms/GroupByScrollList/GroupByScrollList.js.map +1 -0
- package/lib/components/organisms/GroupByScrollList/TopSeparator.d.ts +18 -0
- package/lib/components/organisms/GroupByScrollList/TopSeparator.js +73 -0
- package/lib/components/organisms/GroupByScrollList/TopSeparator.js.map +1 -0
- package/lib/components/organisms/HeaderContainer/HeaderContainer.js +1 -1
- package/lib/components/organisms/HeaderContainer/HeaderContainer.js.map +1 -1
- package/lib/components/organisms/ScrollList/ScrollList.d.ts +2 -1
- package/lib/components/organisms/ScrollList/ScrollList.js +2 -2
- package/lib/components/organisms/ScrollList/ScrollList.js.map +1 -1
- package/lib/components/organisms/SearchBar/SearchBar.js +2 -2
- package/lib/components/organisms/SearchBar/SearchBar.js.map +1 -1
- package/lib/components/organisms/index.d.ts +3 -0
- package/lib/components/organisms/index.js +3 -0
- package/lib/components/organisms/index.js.map +1 -1
- package/lib/components/templates/Dashboard/Chart/BarChart.d.ts +12 -0
- package/lib/components/templates/Dashboard/Chart/BarChart.js +69 -0
- package/lib/components/templates/Dashboard/Chart/BarChart.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/LineChart.d.ts +12 -0
- package/lib/components/templates/Dashboard/Chart/LineChart.js +71 -0
- package/lib/components/templates/Dashboard/Chart/LineChart.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/PieChart.d.ts +16 -0
- package/lib/components/templates/Dashboard/Chart/PieChart.js +89 -0
- package/lib/components/templates/Dashboard/Chart/PieChart.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/chart.helper.d.ts +5 -0
- package/lib/components/templates/Dashboard/Chart/chart.helper.js +96 -0
- package/lib/components/templates/Dashboard/Chart/chart.helper.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/index.d.ts +3 -0
- package/lib/components/templates/Dashboard/Chart/index.js +21 -0
- package/lib/components/templates/Dashboard/Chart/index.js.map +1 -0
- package/lib/components/templates/Dashboard/Dashboard.d.ts +16 -0
- package/lib/components/templates/Dashboard/Dashboard.js +88 -0
- package/lib/components/templates/Dashboard/Dashboard.js.map +1 -0
- package/lib/components/templates/Dashboard/chart.d.ts +11 -0
- package/lib/components/templates/Dashboard/chart.js +33 -0
- package/lib/components/templates/Dashboard/chart.js.map +1 -0
- package/lib/components/templates/Dashboard/dashboard.helper.d.ts +7 -0
- package/lib/components/templates/Dashboard/dashboard.helper.js +19 -0
- package/lib/components/templates/Dashboard/dashboard.helper.js.map +1 -0
- package/lib/components/templates/Dashboard/index.d.ts +2 -0
- package/lib/components/templates/Dashboard/index.js +20 -0
- package/lib/components/templates/Dashboard/index.js.map +1 -0
- package/lib/components/templates/ObjectCard/ObjectCard.d.ts +0 -1
- package/lib/components/templates/ObjectCard/ObjectCard.js +1 -1
- package/lib/components/templates/ObjectCard/ObjectCard.js.map +1 -1
- package/lib/components/templates/TabsScreen/TabsScreen.js +2 -2
- package/lib/components/templates/TabsScreen/TabsScreen.js.map +1 -1
- package/lib/components/templates/index.d.ts +1 -0
- package/lib/components/templates/index.js +1 -0
- package/lib/components/templates/index.js.map +1 -1
- package/lib/icons/bootstrap-icon-map.json +7137 -0
- package/lib/theme/ThemeContext.js +5 -5
- package/lib/theme/ThemeContext.js.map +1 -1
- package/lib/theme/index.d.ts +1 -1
- package/lib/theme/index.js +1 -1
- package/lib/theme/index.js.map +1 -1
- package/lib/theme/themes.d.ts +1 -0
- package/lib/theme/themes.js +80 -0
- package/lib/theme/themes.js.map +1 -1
- package/lib/types/file.d.ts +1 -1
- package/lib/types/file.js +9 -9
- package/lib/types/file.js.map +1 -1
- package/lib/utils/commons-styles.js +2 -2
- package/lib/utils/commons-styles.js.map +1 -1
- package/package.json +20 -5
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
export const NB_SECONDS_IN_HOUR = 3600;
|
|
19
|
+
export const NB_SECONDS_IN_MINUTE = 60;
|
|
20
|
+
export const formatDurationSecondsToArray = (seconds) => {
|
|
21
|
+
const hours = Math.floor(seconds / NB_SECONDS_IN_HOUR);
|
|
22
|
+
const minutes = Math.floor((seconds % NB_SECONDS_IN_HOUR) / NB_SECONDS_IN_MINUTE);
|
|
23
|
+
const formattedHours = String(hours).padStart(3, '0');
|
|
24
|
+
const formattedMinutes = String(minutes).padStart(2, '0');
|
|
25
|
+
const formattedDuration = [];
|
|
26
|
+
for (let i = 0; i < formattedHours.length; i++) {
|
|
27
|
+
formattedDuration.push(Number(formattedHours[i]));
|
|
28
|
+
}
|
|
29
|
+
for (let i = 0; i < formattedMinutes.length; i++) {
|
|
30
|
+
formattedDuration.push(Number(formattedMinutes[i]));
|
|
31
|
+
}
|
|
32
|
+
return formattedDuration;
|
|
33
|
+
};
|
|
34
|
+
export const formatDurationArrayToSeconds = (formattedDuration) => {
|
|
35
|
+
const hours = String(formattedDuration[0] ?? 0) +
|
|
36
|
+
String(formattedDuration[1] ?? 0) +
|
|
37
|
+
String(formattedDuration[2] ?? 0);
|
|
38
|
+
const minutes = String(formattedDuration[3] ?? 0) + String(formattedDuration[4] ?? 0);
|
|
39
|
+
return (Number(hours) * NB_SECONDS_IN_HOUR + Number(minutes) * NB_SECONDS_IN_MINUTE);
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=duration.helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"duration.helpers.js","sourceRoot":"","sources":["../../../../src/components/organisms/DurationInput/duration.helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AACvC,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,OAAe,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,kBAAkB,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CACxB,CAAC,OAAO,GAAG,kBAAkB,CAAC,GAAG,oBAAoB,CACtD,CAAC;IAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACtD,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,EAAE,CAAC;IAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC9C,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACnD;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAChD,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACrD;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,iBAA2B,EAAE,EAAE;IAC1E,MAAM,KAAK,GACT,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACpC,MAAM,OAAO,GACX,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,GAAG,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,oBAAoB,CAC5E,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -38,7 +38,7 @@ const FloatingActionButton = ({ actionKey, title, iconName, buttonParams, disabl
|
|
|
38
38
|
</View>
|
|
39
39
|
</View>);
|
|
40
40
|
};
|
|
41
|
-
const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZE, style, translator, }) => {
|
|
41
|
+
const FloatingButton = ({ actions, iconName = 'plus-lg', size = FLOATING_BUTTON_SIZE, style, translator, }) => {
|
|
42
42
|
const Colors = useThemeColor();
|
|
43
43
|
const [isOpen, setIsOpen] = useState(false);
|
|
44
44
|
const wrapperRef = useRef(null);
|
|
@@ -76,7 +76,7 @@ const FloatingButton = ({ actions, iconName = 'plus', size = FLOATING_BUTTON_SIZ
|
|
|
76
76
|
}
|
|
77
77
|
return (<View ref={wrapperRef} style={[styles.container, style]}>
|
|
78
78
|
{isOpen && (<View style={styles.actionsContainer}>{actionComponents}</View>)}
|
|
79
|
-
<CircleButton iconName={isOpen ? '
|
|
79
|
+
<CircleButton iconName={isOpen ? 'x-lg' : iconName} onPress={handleFLoatingButtonPress} size={size} style={styles.floatingButton}/>
|
|
80
80
|
</View>);
|
|
81
81
|
};
|
|
82
82
|
const getStyles = (Colors) => StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAkB7C,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAChC,MAAM,6BAA6B,GAAG,GAAG,CAAC;AAC1C,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAEpC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,UAAU,GASX,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,WAAW,CACnC,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EACxB,CAAC,SAAS,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC;MAAA,CAAC,YAAY,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACxB,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,EAAC,WAAW,EAAE,YAAY,CAAC,WAAW,EAAC,CAAC,EAEjD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACvC;QAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAC5C;UAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CACpB;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/organisms/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
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 { Text } from '../../atoms';
|
|
21
|
+
import { useThemeColor } from '../../../theme';
|
|
22
|
+
const BottomSeparator = ({ text }) => {
|
|
23
|
+
const Colors = useThemeColor();
|
|
24
|
+
const styles = useMemo(() => getStyles(Colors.secondaryColor), [Colors]);
|
|
25
|
+
return (<View style={styles.separatorContainer}>
|
|
26
|
+
<Text>{text}</Text>
|
|
27
|
+
</View>);
|
|
28
|
+
};
|
|
29
|
+
const getStyles = (color) => StyleSheet.create({
|
|
30
|
+
separatorContainer: {
|
|
31
|
+
width: '90%',
|
|
32
|
+
height: 30,
|
|
33
|
+
alignSelf: 'center',
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
justifyContent: 'center',
|
|
36
|
+
marginTop: 2,
|
|
37
|
+
borderRadius: 8,
|
|
38
|
+
borderWidth: 2,
|
|
39
|
+
borderColor: color.background,
|
|
40
|
+
backgroundColor: color.background_light,
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
export default BottomSeparator;
|
|
44
|
+
//# sourceMappingURL=BottomSeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomSeparator.js","sourceRoot":"","sources":["../../../../src/components/organisms/GroupByScrollList/BottomSeparator.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,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAQ,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAOpD,MAAM,eAAe,GAAG,CAAC,EAAC,IAAI,EAAuB,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,CACpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE,CACjC,UAAU,CAAC,MAAM,CAAC;IAChB,kBAAkB,EAAE;QAClB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,KAAK,CAAC,UAAU;QAC7B,eAAe,EAAE,KAAK,CAAC,gBAAgB;KACxC;CACF,CAAC,CAAC;AAEL,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { TopIndicator, TopSeparatorProps } from './TopSeparator';
|
|
3
|
+
import { BottomIndicator, BottomSeparatorProps } from './BottomSeparator';
|
|
4
|
+
interface GroupByScrollListProps {
|
|
5
|
+
style?: any;
|
|
6
|
+
loadingList: boolean;
|
|
7
|
+
data: any[];
|
|
8
|
+
renderItem: (item: any) => any;
|
|
9
|
+
fetchData: (fetchOptions?: any) => any[] | void;
|
|
10
|
+
moreLoading: boolean;
|
|
11
|
+
isListEnd: boolean;
|
|
12
|
+
filter: boolean;
|
|
13
|
+
translator?: (translationKey: string) => string;
|
|
14
|
+
horizontal?: boolean;
|
|
15
|
+
disabledRefresh?: boolean;
|
|
16
|
+
separatorCondition: (prevItem: any, currentItem: any) => boolean;
|
|
17
|
+
fetchTopIndicator?: (currentItem: any) => TopIndicator;
|
|
18
|
+
customTopSeparator?: ReactElement<TopSeparatorProps>;
|
|
19
|
+
fetchBottomIndicator?: (prevItem: any) => BottomIndicator;
|
|
20
|
+
customBottomSeparator?: ReactElement<BottomSeparatorProps>;
|
|
21
|
+
}
|
|
22
|
+
declare const GroupByScrollList: ({ style, loadingList, data, renderItem, fetchData, moreLoading, isListEnd, filter, translator, horizontal, disabledRefresh, separatorCondition, fetchTopIndicator, customTopSeparator, fetchBottomIndicator, customBottomSeparator, }: GroupByScrollListProps) => JSX.Element;
|
|
23
|
+
export default GroupByScrollList;
|
|
@@ -0,0 +1,60 @@
|
|
|
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 from 'react';
|
|
19
|
+
import TopSeparator from './TopSeparator';
|
|
20
|
+
import BottomSeparator from './BottomSeparator';
|
|
21
|
+
import ScrollList from '../ScrollList/ScrollList';
|
|
22
|
+
const GroupByScrollList = ({ style, loadingList = false, data = [], renderItem, fetchData = () => [], moreLoading = false, isListEnd = false, filter = false, translator, horizontal = false, disabledRefresh = false, separatorCondition, fetchTopIndicator, customTopSeparator, fetchBottomIndicator, customBottomSeparator, }) => {
|
|
23
|
+
const renderSeparator = (customSeparator, Separator, props) => {
|
|
24
|
+
return customSeparator ? (React.cloneElement(customSeparator, { ...props })) : (<Separator {...props}/>);
|
|
25
|
+
};
|
|
26
|
+
const _renderItem = ({ item, index }) => {
|
|
27
|
+
let prevItem = null;
|
|
28
|
+
if (index !== 0) {
|
|
29
|
+
prevItem = data[index - 1];
|
|
30
|
+
}
|
|
31
|
+
const isFirstItem = index === 0;
|
|
32
|
+
const isLastItem = index === data.length - 1;
|
|
33
|
+
const isSeparator = !isFirstItem && separatorCondition(prevItem, item);
|
|
34
|
+
if (isFirstItem || isLastItem || isSeparator) {
|
|
35
|
+
const topIndicator = isFirstItem || isSeparator ? fetchTopIndicator?.(item) : null;
|
|
36
|
+
const bottomIndicator = isSeparator
|
|
37
|
+
? fetchBottomIndicator?.(prevItem)
|
|
38
|
+
: null;
|
|
39
|
+
const lastBottomIndicator = isLastItem
|
|
40
|
+
? fetchBottomIndicator?.(item)
|
|
41
|
+
: null;
|
|
42
|
+
return (<>
|
|
43
|
+
{bottomIndicator &&
|
|
44
|
+
renderSeparator(customBottomSeparator, BottomSeparator, bottomIndicator)}
|
|
45
|
+
{topIndicator &&
|
|
46
|
+
renderSeparator(customTopSeparator, TopSeparator, {
|
|
47
|
+
...topIndicator,
|
|
48
|
+
isFirstItem: isFirstItem,
|
|
49
|
+
})}
|
|
50
|
+
{renderItem({ item, index })}
|
|
51
|
+
{lastBottomIndicator &&
|
|
52
|
+
renderSeparator(customBottomSeparator, BottomSeparator, lastBottomIndicator)}
|
|
53
|
+
</>);
|
|
54
|
+
}
|
|
55
|
+
return renderItem({ item, index });
|
|
56
|
+
};
|
|
57
|
+
return (<ScrollList style={style} loadingList={loadingList} data={data} renderItem={_renderItem} fetchData={fetchData} moreLoading={moreLoading} isListEnd={isListEnd} filter={filter} translator={translator} horizontal={horizontal} disabledRefresh={disabledRefresh}/>);
|
|
58
|
+
};
|
|
59
|
+
export default GroupByScrollList;
|
|
60
|
+
//# sourceMappingURL=GroupByScrollList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GroupByScrollList.js","sourceRoot":"","sources":["../../../../src/components/organisms/GroupByScrollList/GroupByScrollList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Color } from '../../../theme';
|
|
2
|
+
export interface TopIndicator {
|
|
3
|
+
position?: 'left' | 'center' | 'right' | 'separate';
|
|
4
|
+
iconName?: string;
|
|
5
|
+
iconSize?: number;
|
|
6
|
+
iconColor?: Color;
|
|
7
|
+
iconText?: string;
|
|
8
|
+
title: string;
|
|
9
|
+
titleSize?: number;
|
|
10
|
+
numberItems?: number;
|
|
11
|
+
numberSize?: number;
|
|
12
|
+
loadingNumber?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface TopSeparatorProps extends TopIndicator {
|
|
15
|
+
isFirstItem?: boolean;
|
|
16
|
+
}
|
|
17
|
+
declare const TopSeparator: ({ position, iconName, iconSize, iconColor, iconText, title, titleSize, numberItems, numberSize, loadingNumber, isFirstItem, }: TopSeparatorProps) => JSX.Element;
|
|
18
|
+
export default TopSeparator;
|
|
@@ -0,0 +1,73 @@
|
|
|
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 { ActivityIndicator, Dimensions, StyleSheet, View } from 'react-native';
|
|
20
|
+
import { Text } from '../../atoms';
|
|
21
|
+
import { InfoBubble, NumberBubble } from '../../molecules';
|
|
22
|
+
import { useThemeColor } from '../../../theme';
|
|
23
|
+
const TopSeparator = ({ position, iconName, iconSize, iconColor, iconText, title, titleSize, numberItems, numberSize, loadingNumber = false, isFirstItem = false, }) => {
|
|
24
|
+
const Colors = useThemeColor();
|
|
25
|
+
const flexPosition = useMemo(() => {
|
|
26
|
+
switch (position) {
|
|
27
|
+
case 'left':
|
|
28
|
+
return 'flex-start';
|
|
29
|
+
case 'center':
|
|
30
|
+
return 'center';
|
|
31
|
+
case 'right':
|
|
32
|
+
return 'flex-end';
|
|
33
|
+
case 'separate':
|
|
34
|
+
return 'space-between';
|
|
35
|
+
default:
|
|
36
|
+
return 'center';
|
|
37
|
+
}
|
|
38
|
+
}, [position]);
|
|
39
|
+
const _iconColor = useMemo(() => (iconColor ? iconColor : Colors.primaryColor), [iconColor, Colors]);
|
|
40
|
+
const styles = useMemo(() => getStyles(flexPosition, isFirstItem), [flexPosition, isFirstItem]);
|
|
41
|
+
return (<View style={styles.separatorContainer}>
|
|
42
|
+
{iconName && (<InfoBubble style={styles.infoBubble} textIndicationStyle={styles.infoBubbleText} iconName={iconName} badgeColor={_iconColor} indication={iconText} size={iconSize} position={position === 'right' ? 'left' : 'right'} coloredBubble={false}/>)}
|
|
43
|
+
<Text writingType="important" fontSize={titleSize || 18}>
|
|
44
|
+
{title}
|
|
45
|
+
</Text>
|
|
46
|
+
{numberItems &&
|
|
47
|
+
(loadingNumber ? (<ActivityIndicator style={styles.number} size="small" color={Colors.inverseColor.background}/>) : (<NumberBubble style={styles.number} number={numberItems} color={Colors.inverseColor} isNeutralBackground={true} size={numberSize}/>))}
|
|
48
|
+
</View>);
|
|
49
|
+
};
|
|
50
|
+
const getStyles = (flexPosition, isFirstItem) => StyleSheet.create({
|
|
51
|
+
separatorContainer: {
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
width: '90%',
|
|
54
|
+
alignSelf: 'center',
|
|
55
|
+
alignItems: 'center',
|
|
56
|
+
justifyContent: flexPosition,
|
|
57
|
+
marginTop: isFirstItem ? 5 : 15,
|
|
58
|
+
marginBottom: 2,
|
|
59
|
+
zIndex: 1,
|
|
60
|
+
},
|
|
61
|
+
infoBubble: {
|
|
62
|
+
marginRight: 10,
|
|
63
|
+
},
|
|
64
|
+
infoBubbleText: {
|
|
65
|
+
width: Dimensions.get('window').width * 0.5,
|
|
66
|
+
top: -10,
|
|
67
|
+
},
|
|
68
|
+
number: {
|
|
69
|
+
marginLeft: 10,
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
export default TopSeparator;
|
|
73
|
+
//# sourceMappingURL=TopSeparator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopSeparator.js","sourceRoot":"","sources":["../../../../src/components/organisms/GroupByScrollList/TopSeparator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,7 @@ const HeaderContainer = ({ style, children, fixedItems = null, chipComponent = n
|
|
|
39
39
|
{chipComponent}
|
|
40
40
|
{expandableFilter && (<TouchableOpacity onPress={handleExpandPress}>
|
|
41
41
|
<View style={styles.arrowContainer}>
|
|
42
|
-
<Icon name={isVisible ? '
|
|
42
|
+
<Icon name={isVisible ? 'chevron-up' : 'chevron-down'} size={22} color={Colors.primaryColor.background}/>
|
|
43
43
|
</View>
|
|
44
44
|
</TouchableOpacity>)}
|
|
45
45
|
</View>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderContainer.js","sourceRoot":"","sources":["../../../../src/components/organisms/HeaderContainer/HeaderContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAC,MAAM,cAAc,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AACjC,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAW1D,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,IAAI,EACpB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,KAAK,GACL,EAAE,EAAE;IACzB,MAAM,EAAC,UAAU,EAAC,GAAG,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CACtC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CACxC,CAAC;IACF,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,aAAa,CAAC,WAAW,EAAE,CAAC;QAC5B,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,UAAU,CACX;MAAA,CAAC,gBAAgB,IAAI,SAAS,IAAI,QAAQ,CAC1C;MAAA,CAAC,aAAa,CACd;MAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,iBAAiB,CAAC,CAC3C;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CACjC;YAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"HeaderContainer.js","sourceRoot":"","sources":["../../../../src/components/organisms/HeaderContainer/HeaderContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
interface ScrollListProps {
|
|
2
2
|
style?: any;
|
|
3
|
+
styleFooter?: any;
|
|
3
4
|
loadingList: boolean;
|
|
4
5
|
data: any[];
|
|
5
6
|
renderItem: (item: any) => any;
|
|
@@ -11,5 +12,5 @@ interface ScrollListProps {
|
|
|
11
12
|
horizontal?: boolean;
|
|
12
13
|
disabledRefresh?: boolean;
|
|
13
14
|
}
|
|
14
|
-
declare const ScrollList: ({ style, loadingList, data, renderItem, fetchData, moreLoading, isListEnd, filter, translator, horizontal, disabledRefresh, }: ScrollListProps) => JSX.Element;
|
|
15
|
+
declare const ScrollList: ({ style, styleFooter, loadingList, data, renderItem, fetchData, moreLoading, isListEnd, filter, translator, horizontal, disabledRefresh, }: ScrollListProps) => JSX.Element;
|
|
15
16
|
export default ScrollList;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
import React, { useCallback, useEffect, useState } from 'react';
|
|
19
19
|
import { StyleSheet, View, FlatList, ActivityIndicator } from 'react-native';
|
|
20
20
|
import { Text } from '../../atoms';
|
|
21
|
-
const ScrollList = ({ style, loadingList = false, data = [], renderItem, fetchData = () => [], moreLoading = false, isListEnd = false, filter = false, translator, horizontal = false, disabledRefresh = false, }) => {
|
|
21
|
+
const ScrollList = ({ style, styleFooter, loadingList = false, data = [], renderItem, fetchData = () => [], moreLoading = false, isListEnd = false, filter = false, translator, horizontal = false, disabledRefresh = false, }) => {
|
|
22
22
|
const [, setPage] = useState(0);
|
|
23
23
|
const updateData = useCallback(() => {
|
|
24
24
|
setPage(0);
|
|
@@ -63,7 +63,7 @@ const ScrollList = ({ style, loadingList = false, data = [], renderItem, fetchDa
|
|
|
63
63
|
</View>);
|
|
64
64
|
}
|
|
65
65
|
return (<FlatList style={[styles.scrollView, style]} data={data} onRefresh={disabledRefresh ? null : updateData} refreshing={loadingList} horizontal={horizontal} onEndReached={onEndReached} ListFooterComponent={() => {
|
|
66
|
-
return (<View style={styles.footerText}>
|
|
66
|
+
return (<View style={[styles.footerText, styleFooter]}>
|
|
67
67
|
{moreLoading && <ActivityIndicator size="large" color="black"/>}
|
|
68
68
|
{isListEnd && (<Text>
|
|
69
69
|
{data == null || data?.length === 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollList.js","sourceRoot":"","sources":["../../../../src/components/organisms/ScrollList/ScrollList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ScrollList.js","sourceRoot":"","sources":["../../../../src/components/organisms/ScrollList/ScrollList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,11 +37,11 @@ const SearchBar = ({ title, style, inputRef, valueTxt, placeholder, required = f
|
|
|
37
37
|
commonStyles.filterSize,
|
|
38
38
|
styles.content,
|
|
39
39
|
]} value={valueTxt} placeholder={placeholder} onChange={onChangeTxt} onSelection={onSelection} onEndFocus={onEndFocus} readOnly={selected} rightIconsList={[
|
|
40
|
-
<Icon style={styles.action} name="
|
|
40
|
+
<Icon style={styles.action} name="x-lg" color={Colors.secondaryColor_dark.background} size={20} touchable={true} visible={!checkNullString(valueTxt)} onPress={onClearPress}/>,
|
|
41
41
|
<Icon style={styles.action} name="search" color={disableSearchPress
|
|
42
42
|
? Colors.secondaryColor.background
|
|
43
43
|
: Colors.secondaryColor_dark.background} onPress={onSearchPress} touchable={!disableSearchPress} size={20}/>,
|
|
44
|
-
<Icon style={styles.action} name="
|
|
44
|
+
<Icon style={styles.action} name="qr-code-scan" color={scanIconColor} size={20} touchable={true} visible={!checkNullString(scanIconColor)} onPress={onScanPress}/>,
|
|
45
45
|
]}/>
|
|
46
46
|
</View>);
|
|
47
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/organisms/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAY,OAAO,EAAC,MAAM,OAAO,CAAC;AAChD,OAAO,EAAC,UAAU,EAAa,IAAI,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAc,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAqBrD,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,WAAW,GAAG,GAAG,EAAE,GAAE,CAAC,EACtB,aAAa,GAAG,IAAI,EACpB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,kBAAkB,GAAG,KAAK,EAC1B,QAAQ,GAAG,KAAK,GACD,EAAE,EAAE;IACnB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,QAAQ,IAAI,eAAe,CAAC,QAAQ,CAAC,EAC3C,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,EACxC,CAAC,MAAM,EAAE,SAAS,CAAC,CACpB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAClC,CAAC,MAAM,EAAE,SAAS,CAAC,CACpB,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACjC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,QAAQ,CAAC,CACvB,QAAQ,EACR,CACH,CAAC;KACH;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACnD;MAAA,CAAC,SAAS,CACR,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC;YACL,YAAY,CAAC,MAAM;YACnB,YAAY,CAAC,WAAW;YACxB,YAAY,CAAC,UAAU;YACvB,MAAM,CAAC,OAAO;SACf,CAAC,CACF,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,WAAW,CAAC,CACtB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC;YACd,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACrB,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/organisms/SearchBar/SearchBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
export { default as AutoCompleteSearch } from './AutoCompleteSearch/AutoCompleteSearch';
|
|
2
|
+
export { default as CheckboxScrollList } from './CheckboxScrollList/CheckboxScrollList';
|
|
2
3
|
export { default as ChipSelect } from './ChipSelect/ChipSelect';
|
|
3
4
|
export { default as DropdownCardSwitch } from './DropdownCardSwitch/DropdownCardSwitch';
|
|
4
5
|
export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem';
|
|
6
|
+
export { default as DurationInput } from './DurationInput/DurationInput';
|
|
5
7
|
export { default as FloatingButton } from './FloatingButton/FloatingButton';
|
|
8
|
+
export { default as GroupByScrollList } from './GroupByScrollList/GroupByScrollList';
|
|
6
9
|
export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
|
|
7
10
|
export { default as ImageBubble } from './ImageBubble/ImageBubble';
|
|
8
11
|
export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
|
|
@@ -16,10 +16,13 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
export { default as AutoCompleteSearch } from './AutoCompleteSearch/AutoCompleteSearch';
|
|
19
|
+
export { default as CheckboxScrollList } from './CheckboxScrollList/CheckboxScrollList';
|
|
19
20
|
export { default as ChipSelect } from './ChipSelect/ChipSelect';
|
|
20
21
|
export { default as DropdownCardSwitch } from './DropdownCardSwitch/DropdownCardSwitch';
|
|
21
22
|
export { default as DropdownMenuItem } from './DropdownMenuItem/DropdownMenuItem';
|
|
23
|
+
export { default as DurationInput } from './DurationInput/DurationInput';
|
|
22
24
|
export { default as FloatingButton } from './FloatingButton/FloatingButton';
|
|
25
|
+
export { default as GroupByScrollList } from './GroupByScrollList/GroupByScrollList';
|
|
23
26
|
export { default as HeaderContainer } from './HeaderContainer/HeaderContainer';
|
|
24
27
|
export { default as ImageBubble } from './ImageBubble/ImageBubble';
|
|
25
28
|
export { default as MultiValuePicker } from './MultiValuePicker/MultiValuePicker';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/organisms/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Data } from '../dashboard.helper';
|
|
2
|
+
interface BarCharProps {
|
|
3
|
+
style?: any;
|
|
4
|
+
widthGraph?: any;
|
|
5
|
+
datasets: Data[][];
|
|
6
|
+
spacing?: number;
|
|
7
|
+
horizontal?: boolean;
|
|
8
|
+
title?: string;
|
|
9
|
+
rotateLabel?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const BarChart: ({ style, widthGraph, datasets, spacing, horizontal, title, rotateLabel, }: BarCharProps) => JSX.Element;
|
|
12
|
+
export default BarChart;
|
|
@@ -0,0 +1,69 @@
|
|
|
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, Dimensions } from 'react-native';
|
|
20
|
+
import { BarChart as RNBarChart } from 'react-native-gifted-charts';
|
|
21
|
+
import { useThemeColor } from '../../../../theme';
|
|
22
|
+
import { Card, Text } from '../../../atoms';
|
|
23
|
+
import { checkNullString } from '../../../../utils';
|
|
24
|
+
import { initBarData } from './chart.helper';
|
|
25
|
+
const MARGIN = 5;
|
|
26
|
+
const BarChart = ({ style, widthGraph = Dimensions.get('window').width * 0.6, datasets, spacing, horizontal = false, title, rotateLabel = true, }) => {
|
|
27
|
+
const Colors = useThemeColor();
|
|
28
|
+
const barChartData = useMemo(() => {
|
|
29
|
+
return initBarData(datasets, rotateLabel, spacing, Colors);
|
|
30
|
+
}, [Colors, datasets, rotateLabel, spacing]);
|
|
31
|
+
const styles = useMemo(() => {
|
|
32
|
+
return getStyles(rotateLabel);
|
|
33
|
+
}, [rotateLabel]);
|
|
34
|
+
const _containerWidth = useMemo(() => {
|
|
35
|
+
return widthGraph - MARGIN * 2;
|
|
36
|
+
}, [widthGraph]);
|
|
37
|
+
const _graphWidth = useMemo(() => {
|
|
38
|
+
return _containerWidth - 50;
|
|
39
|
+
}, [_containerWidth]);
|
|
40
|
+
const _spacing = useMemo(() => {
|
|
41
|
+
if (spacing != null) {
|
|
42
|
+
return spacing;
|
|
43
|
+
}
|
|
44
|
+
return Math.max(_containerWidth / barChartData.length, 20);
|
|
45
|
+
}, [_containerWidth, barChartData.length, spacing]);
|
|
46
|
+
return (<Card style={[styles.container, { width: _containerWidth }, style]}>
|
|
47
|
+
<RNBarChart data={barChartData} width={_graphWidth} isAnimated={true} barBorderRadius={4} barBorderTopRightRadius={7} barBorderTopLeftRadius={7} barBorderBottomRightRadius={0} barBorderBottomLeftRadius={0} initialSpacing={_spacing / 2} spacing={_spacing} endSpacing={_spacing} horizontal={horizontal} disablePress={true} yAxisTextStyle={{ color: Colors.secondaryColor_dark.background }} xAxisLabelTextStyle={{ color: Colors.secondaryColor_dark.background }}/>
|
|
48
|
+
{!checkNullString(title) && <Text style={styles.title}>{title}</Text>}
|
|
49
|
+
</Card>);
|
|
50
|
+
};
|
|
51
|
+
const getStyles = rotateLabel => StyleSheet.create({
|
|
52
|
+
container: {
|
|
53
|
+
minWidth: Dimensions.get('window').width > 500
|
|
54
|
+
? Dimensions.get('window').width / 4 - MARGIN * 2
|
|
55
|
+
: Dimensions.get('window').width / 2 - MARGIN * 2,
|
|
56
|
+
margin: MARGIN,
|
|
57
|
+
paddingHorizontal: 0,
|
|
58
|
+
paddingRight: 5,
|
|
59
|
+
paddingVertical: 10,
|
|
60
|
+
overflow: 'hidden',
|
|
61
|
+
},
|
|
62
|
+
title: {
|
|
63
|
+
marginTop: rotateLabel ? 30 : 0,
|
|
64
|
+
alignSelf: 'center',
|
|
65
|
+
textAlign: 'center',
|
|
66
|
+
},
|
|
67
|
+
});
|
|
68
|
+
export default BarChart;
|
|
69
|
+
//# sourceMappingURL=BarChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AACpD,OAAO,EAAC,QAAQ,IAAI,UAAU,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,GAAG,CAAC,CAAC;AAYjB,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG,EACjD,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,GAAG,IAAI,GACL,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,WAAW,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,eAAe,GAAG,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,eAAe,EAAC,EAAE,KAAK,CAAC,CAAC,CAC/D;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,YAAY,CAAC,CACnB,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,UAAU,CAAC,CAAC,IAAI,CAAC,CACjB,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAC3B,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAC1B,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAC9B,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAC7B,cAAc,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAC7B,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,UAAU,CAAC,CAAC,QAAQ,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,cAAc,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAC,CAAC,CAC/D,mBAAmB,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAC,CAAC,EAEtE;MAAA,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,WAAW,CAAC,EAAE,CAC9B,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,QAAQ,EACN,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;YAClC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;YACjD,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;QACrD,MAAM,EAAE,MAAM;QACd,iBAAiB,EAAE,CAAC;QACpB,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/B,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Data } from '../dashboard.helper';
|
|
2
|
+
interface LineChartProps {
|
|
3
|
+
style?: any;
|
|
4
|
+
datasets: Data[][];
|
|
5
|
+
spacing?: number;
|
|
6
|
+
widthGraph?: number;
|
|
7
|
+
backgroundColor?: string;
|
|
8
|
+
rotateLabel?: boolean;
|
|
9
|
+
title?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const LineChart: ({ style, widthGraph, datasets, spacing, backgroundColor, title, rotateLabel, }: LineChartProps) => JSX.Element;
|
|
12
|
+
export default LineChart;
|