ferns-ui 0.47.10 → 1.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/dist/Accordion.d.ts +3 -0
- package/dist/Accordion.js +38 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/ActionSheet.d.ts +9 -10
- package/dist/ActionSheet.js +8 -6
- package/dist/ActionSheet.js.map +1 -1
- package/dist/AddressField.d.ts +3 -0
- package/dist/AddressField.js +33 -0
- package/dist/AddressField.js.map +1 -0
- package/dist/Avatar.d.ts +2 -2
- package/dist/Avatar.js +132 -96
- package/dist/Avatar.js.map +1 -1
- package/dist/Badge.d.ts +1 -1
- package/dist/Badge.js +95 -20
- package/dist/Badge.js.map +1 -1
- package/dist/Banner.d.ts +1 -1
- package/dist/Banner.js +89 -51
- package/dist/Banner.js.map +1 -1
- package/dist/Body.js +4 -4
- package/dist/Body.js.map +1 -1
- package/dist/BooleanField.d.ts +3 -0
- package/dist/BooleanField.js +90 -0
- package/dist/BooleanField.js.map +1 -0
- package/dist/Box.js +80 -80
- package/dist/Box.js.map +1 -1
- package/dist/Button.d.ts +2 -2
- package/dist/Button.js +87 -109
- package/dist/Button.js.map +1 -1
- package/dist/Card.js +2 -2
- package/dist/Card.js.map +1 -1
- package/dist/CheckBox.d.ts +2 -2
- package/dist/CheckBox.js +23 -35
- package/dist/CheckBox.js.map +1 -1
- package/dist/Common.d.ts +1129 -413
- package/dist/Common.js +39 -3
- package/dist/Common.js.map +1 -1
- package/dist/CommonIconTypes.d.ts +3 -0
- package/dist/CommonIconTypes.js +2 -0
- package/dist/CommonIconTypes.js.map +1 -0
- package/dist/CustomSelectField.d.ts +3 -0
- package/dist/CustomSelectField.js +64 -0
- package/dist/CustomSelectField.js.map +1 -0
- package/dist/DateTimeActionSheet.d.ts +1 -1
- package/dist/DateTimeActionSheet.js +170 -158
- package/dist/DateTimeActionSheet.js.map +1 -1
- package/dist/DateTimeField.d.ts +3 -3
- package/dist/DateTimeField.js +140 -30
- package/dist/DateTimeField.js.map +1 -1
- package/dist/DateUtilities.js.map +1 -1
- package/dist/DateUtilities.test.js +2 -1
- package/dist/DateUtilities.test.js.map +1 -1
- package/dist/DecimalRangeActionSheet.js +3 -15
- package/dist/DecimalRangeActionSheet.js.map +1 -1
- package/dist/DismissButton.d.ts +3 -0
- package/dist/DismissButton.js +14 -0
- package/dist/DismissButton.js.map +1 -0
- package/dist/EmailField.d.ts +3 -0
- package/dist/EmailField.js +52 -0
- package/dist/EmailField.js.map +1 -0
- package/dist/ErrorBoundary.d.ts +1 -1
- package/dist/ErrorPage.js +2 -2
- package/dist/ErrorPage.js.map +1 -1
- package/dist/FernsProvider.js +1 -1
- package/dist/FernsProvider.js.map +1 -1
- package/dist/Field.d.ts +2 -2
- package/dist/Field.js +67 -136
- package/dist/Field.js.map +1 -1
- package/dist/Heading.js +37 -16
- package/dist/Heading.js.map +1 -1
- package/dist/HeightActionSheet.js +3 -7
- package/dist/HeightActionSheet.js.map +1 -1
- package/dist/Hyperlink.js +7 -1
- package/dist/Hyperlink.js.map +1 -1
- package/dist/Icon.d.ts +1 -2
- package/dist/Icon.js +8 -10
- package/dist/Icon.js.map +1 -1
- package/dist/IconButton.d.ts +2 -2
- package/dist/IconButton.js +93 -92
- package/dist/IconButton.js.map +1 -1
- package/dist/InfoTooltipButton.d.ts +1 -1
- package/dist/InfoTooltipButton.js +2 -2
- package/dist/InfoTooltipButton.js.map +1 -1
- package/dist/Link.d.ts +1 -1
- package/dist/Link.js +7 -3
- package/dist/Link.js.map +1 -1
- package/dist/MobileAddressAutoComplete.js +8 -8
- package/dist/MobileAddressAutoComplete.js.map +1 -1
- package/dist/Modal.d.ts +2 -2
- package/dist/Modal.js +95 -80
- package/dist/Modal.js.map +1 -1
- package/dist/MultiselectField.d.ts +3 -0
- package/dist/MultiselectField.js +49 -0
- package/dist/MultiselectField.js.map +1 -0
- package/dist/NumberField.d.ts +3 -0
- package/dist/NumberField.js +49 -0
- package/dist/NumberField.js.map +1 -0
- package/dist/NumberPickerActionSheet.js +2 -2
- package/dist/NumberPickerActionSheet.js.map +1 -1
- package/dist/OpenAPIContext.js.map +1 -1
- package/dist/Page.js +6 -6
- package/dist/Page.js.map +1 -1
- package/dist/Pagination.d.ts +2 -8
- package/dist/Pagination.js +107 -13
- package/dist/Pagination.js.map +1 -1
- package/dist/PasswordField.d.ts +2 -0
- package/dist/PasswordField.js +6 -0
- package/dist/PasswordField.js.map +1 -0
- package/dist/PhoneNumberField.d.ts +3 -0
- package/dist/PhoneNumberField.js +79 -0
- package/dist/PhoneNumberField.js.map +1 -0
- package/dist/PickerSelect.d.ts +6 -67
- package/dist/PickerSelect.js +145 -115
- package/dist/PickerSelect.js.map +1 -1
- package/dist/Radio.d.ts +3 -0
- package/dist/Radio.js +21 -0
- package/dist/Radio.js.map +1 -0
- package/dist/RadioField.d.ts +3 -0
- package/dist/RadioField.js +22 -0
- package/dist/RadioField.js.map +1 -0
- package/dist/SegmentedControl.d.ts +1 -1
- package/dist/SegmentedControl.js +37 -68
- package/dist/SegmentedControl.js.map +1 -1
- package/dist/SelectField.d.ts +3 -0
- package/dist/SelectField.js +20 -0
- package/dist/SelectField.js.map +1 -0
- package/dist/SideDrawer.js +8 -2
- package/dist/SideDrawer.js.map +1 -1
- package/dist/Signature.d.ts +1 -0
- package/dist/Signature.js +8 -7
- package/dist/Signature.js.map +1 -1
- package/dist/Signature.native.js +8 -7
- package/dist/Signature.native.js.map +1 -1
- package/dist/SignatureField.d.ts +3 -0
- package/dist/SignatureField.js +54 -0
- package/dist/SignatureField.js.map +1 -0
- package/dist/Spinner.js +17 -2
- package/dist/Spinner.js.map +1 -1
- package/dist/SplitPage.d.ts +1 -1
- package/dist/SplitPage.js +10 -10
- package/dist/SplitPage.js.map +1 -1
- package/dist/SplitPage.native.js +7 -7
- package/dist/SplitPage.native.js.map +1 -1
- package/dist/TapToEdit.d.ts +3 -3
- package/dist/TapToEdit.js +64 -59
- package/dist/TapToEdit.js.map +1 -1
- package/dist/Text.d.ts +1 -1
- package/dist/Text.js +70 -64
- package/dist/Text.js.map +1 -1
- package/dist/TextArea.d.ts +1 -1
- package/dist/TextArea.js +2 -14
- package/dist/TextArea.js.map +1 -1
- package/dist/TextField.d.ts +2 -2
- package/dist/TextField.js +89 -206
- package/dist/TextField.js.map +1 -1
- package/dist/TextFieldNumberActionSheet.js +2 -2
- package/dist/TextFieldNumberActionSheet.js.map +1 -1
- package/dist/Theme.d.ts +87 -3
- package/dist/Theme.js +197 -98
- package/dist/Theme.js.map +1 -1
- package/dist/TimezonePicker.js +3 -5
- package/dist/TimezonePicker.js.map +1 -1
- package/dist/Toast.d.ts +18 -5
- package/dist/Toast.js +130 -31
- package/dist/Toast.js.map +1 -1
- package/dist/Tooltip.d.ts +2 -2
- package/dist/Tooltip.js +177 -80
- package/dist/Tooltip.js.map +1 -1
- package/dist/UnifiedAddressAutoComplete.js +2 -2
- package/dist/UnifiedAddressAutoComplete.js.map +1 -1
- package/dist/Unifier.js.map +1 -1
- package/dist/Utilities.js +5 -3
- package/dist/Utilities.js.map +1 -1
- package/dist/WebAddressAutocomplete.js +2 -2
- package/dist/WebAddressAutocomplete.js.map +1 -1
- package/dist/fieldElements/FieldError.d.ts +6 -0
- package/dist/fieldElements/FieldError.js +14 -0
- package/dist/fieldElements/FieldError.js.map +1 -0
- package/dist/fieldElements/FieldHelperText.d.ts +6 -0
- package/dist/fieldElements/FieldHelperText.js +11 -0
- package/dist/fieldElements/FieldHelperText.js.map +1 -0
- package/dist/fieldElements/FieldTitle.d.ts +6 -0
- package/dist/fieldElements/FieldTitle.js +19 -0
- package/dist/fieldElements/FieldTitle.js.map +1 -0
- package/dist/fieldElements/index.d.ts +3 -0
- package/dist/fieldElements/index.js +4 -0
- package/dist/fieldElements/index.js.map +1 -0
- package/dist/icons/MobileIcon.d.ts +3 -0
- package/dist/icons/MobileIcon.js +24 -0
- package/dist/icons/MobileIcon.js.map +1 -0
- package/dist/icons/OfflineIcon.d.ts +3 -0
- package/dist/icons/OfflineIcon.js +23 -0
- package/dist/icons/OfflineIcon.js.map +1 -0
- package/dist/icons/OnlineIcon.d.ts +3 -0
- package/dist/icons/OnlineIcon.js +24 -0
- package/dist/icons/OnlineIcon.js.map +1 -0
- package/dist/icons/OutOfficeIcon.d.ts +3 -0
- package/dist/icons/OutOfficeIcon.js +24 -0
- package/dist/icons/OutOfficeIcon.js.map +1 -0
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.js +5 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +28 -14
- package/dist/index.js +28 -14
- package/dist/index.js.map +1 -1
- package/dist/setupTests.d.ts +1 -0
- package/dist/setupTests.js +1 -1
- package/dist/setupTests.js.map +1 -1
- package/dist/{Table.d.ts → table/Table.d.ts} +2 -2
- package/dist/{Table.js → table/Table.js} +18 -10
- package/dist/table/Table.js.map +1 -0
- package/dist/table/TableBadge.d.ts +6 -0
- package/dist/table/TableBadge.js +22 -0
- package/dist/table/TableBadge.js.map +1 -0
- package/dist/table/TableBoolean.d.ts +6 -0
- package/dist/table/TableBoolean.js +39 -0
- package/dist/table/TableBoolean.js.map +1 -0
- package/dist/table/TableDate.d.ts +3 -0
- package/dist/table/TableDate.js +26 -0
- package/dist/table/TableDate.js.map +1 -0
- package/dist/{TableHeader.d.ts → table/TableHeader.d.ts} +1 -1
- package/dist/{TableHeader.js → table/TableHeader.js} +2 -2
- package/dist/table/TableHeader.js.map +1 -0
- package/dist/{TableHeaderCell.d.ts → table/TableHeaderCell.d.ts} +2 -2
- package/dist/table/TableHeaderCell.js +58 -0
- package/dist/table/TableHeaderCell.js.map +1 -0
- package/dist/table/TableIconButton.d.ts +3 -0
- package/dist/table/TableIconButton.js +42 -0
- package/dist/table/TableIconButton.js.map +1 -0
- package/dist/table/TableNumber.d.ts +3 -0
- package/dist/table/TableNumber.js +18 -0
- package/dist/table/TableNumber.js.map +1 -0
- package/dist/{TableRow.d.ts → table/TableRow.d.ts} +1 -1
- package/dist/table/TableRow.js +28 -0
- package/dist/table/TableRow.js.map +1 -0
- package/dist/table/TableText.d.ts +3 -0
- package/dist/table/TableText.js +18 -0
- package/dist/table/TableText.js.map +1 -0
- package/dist/table/TableTitle.d.ts +3 -0
- package/dist/table/TableTitle.js +22 -0
- package/dist/table/TableTitle.js.map +1 -0
- package/dist/{tableContext.d.ts → table/tableContext.d.ts} +1 -1
- package/dist/table/tableContext.js.map +1 -0
- package/package.json +10 -4
- package/src/Accordion.tsx +92 -0
- package/src/ActionSheet.tsx +8 -5
- package/src/AddressField.tsx +122 -0
- package/src/Avatar.tsx +193 -147
- package/src/Badge.tsx +117 -49
- package/src/Banner.tsx +158 -111
- package/src/Body.tsx +4 -4
- package/src/BooleanField.tsx +122 -0
- package/src/Box.tsx +92 -82
- package/src/Button.tsx +151 -167
- package/src/Card.tsx +2 -2
- package/src/CheckBox.tsx +30 -111
- package/src/Common.ts +1380 -2059
- package/src/CommonIconTypes.ts +2030 -0
- package/src/CustomSelectField.tsx +116 -0
- package/src/DateTimeActionSheet.tsx +341 -259
- package/src/DateTimeField.tsx +168 -61
- package/src/DateUtilities.test.ts +6 -2
- package/src/DateUtilities.tsx +1 -1
- package/src/DecimalRangeActionSheet.tsx +2 -17
- package/src/DismissButton.tsx +31 -0
- package/src/EmailField.tsx +70 -0
- package/src/ErrorPage.tsx +2 -2
- package/src/FernsProvider.tsx +1 -1
- package/src/Field.tsx +83 -345
- package/src/Heading.tsx +44 -16
- package/src/HeightActionSheet.tsx +2 -9
- package/src/Hyperlink.tsx +8 -1
- package/src/Icon.tsx +22 -14
- package/src/IconButton.tsx +188 -156
- package/src/InfoTooltipButton.tsx +4 -6
- package/src/Link.tsx +14 -5
- package/src/MobileAddressAutoComplete.tsx +17 -13
- package/src/Modal.tsx +214 -190
- package/src/MultiselectField.tsx +103 -0
- package/src/NumberField.tsx +55 -0
- package/src/NumberPickerActionSheet.tsx +1 -4
- package/src/OpenAPIContext.tsx +1 -1
- package/src/Page.tsx +9 -13
- package/src/Pagination.tsx +171 -36
- package/src/PasswordField.tsx +7 -0
- package/src/PhoneNumberField.tsx +103 -0
- package/src/PickerSelect.tsx +169 -151
- package/src/Radio.tsx +33 -0
- package/src/RadioField.tsx +43 -0
- package/src/SegmentedControl.tsx +46 -97
- package/src/SelectField.tsx +41 -0
- package/src/SideDrawer.tsx +8 -2
- package/src/Signature.native.tsx +16 -9
- package/src/Signature.tsx +19 -11
- package/src/SignatureField.tsx +92 -0
- package/src/Spinner.tsx +16 -2
- package/src/SplitPage.native.tsx +9 -7
- package/src/SplitPage.tsx +11 -12
- package/src/TapToEdit.tsx +122 -109
- package/src/Text.tsx +79 -69
- package/src/TextArea.tsx +2 -2
- package/src/TextField.tsx +133 -285
- package/src/TextFieldNumberActionSheet.tsx +1 -4
- package/src/Theme.tsx +223 -172
- package/src/TimezonePicker.tsx +3 -18
- package/src/Toast.tsx +193 -70
- package/src/Tooltip.tsx +233 -122
- package/src/UnifiedAddressAutoComplete.tsx +3 -3
- package/src/Unifier.ts +4 -4
- package/src/Utilities.tsx +11 -3
- package/src/WebAddressAutocomplete.tsx +2 -3
- package/src/fieldElements/FieldError.tsx +24 -0
- package/src/fieldElements/FieldHelperText.tsx +20 -0
- package/src/fieldElements/FieldTitle.tsx +31 -0
- package/src/fieldElements/index.tsx +3 -0
- package/src/icons/MobileIcon.tsx +41 -0
- package/src/icons/OfflineIcon.tsx +38 -0
- package/src/icons/OnlineIcon.tsx +40 -0
- package/src/icons/OutOfficeIcon.tsx +37 -0
- package/src/icons/index.ts +4 -0
- package/src/index.tsx +28 -14
- package/src/setupTests.ts +1 -0
- package/src/{Table.tsx → table/Table.tsx} +24 -14
- package/src/table/TableBadge.tsx +46 -0
- package/src/table/TableBoolean.tsx +70 -0
- package/src/table/TableDate.tsx +38 -0
- package/src/{TableHeader.tsx → table/TableHeader.tsx} +3 -3
- package/src/table/TableHeaderCell.tsx +93 -0
- package/src/table/TableIconButton.tsx +62 -0
- package/src/table/TableNumber.tsx +29 -0
- package/src/{TableRow.tsx → table/TableRow.tsx} +28 -25
- package/src/table/TableText.tsx +29 -0
- package/src/table/TableTitle.tsx +32 -0
- package/src/{tableContext.tsx → table/tableContext.tsx} +1 -1
- package/dist/BlurBox.d.ts +0 -5
- package/dist/BlurBox.js +0 -28
- package/dist/BlurBox.js.map +0 -1
- package/dist/BlurBox.native.d.ts +0 -6
- package/dist/BlurBox.native.js +0 -30
- package/dist/BlurBox.native.js.map +0 -1
- package/dist/CustomSelect.d.ts +0 -3
- package/dist/CustomSelect.js +0 -47
- package/dist/CustomSelect.js.map +0 -1
- package/dist/DateTimeField.android.d.ts +0 -3
- package/dist/DateTimeField.android.js +0 -67
- package/dist/DateTimeField.android.js.map +0 -1
- package/dist/DateTimeField.ios.d.ts +0 -3
- package/dist/DateTimeField.ios.js +0 -49
- package/dist/DateTimeField.ios.js.map +0 -1
- package/dist/FieldWithLabels.d.ts +0 -3
- package/dist/FieldWithLabels.js +0 -8
- package/dist/FieldWithLabels.js.map +0 -1
- package/dist/Form.d.ts +0 -16
- package/dist/Form.js +0 -89
- package/dist/Form.js.map +0 -1
- package/dist/HeaderButtons.d.ts +0 -31
- package/dist/HeaderButtons.js +0 -53
- package/dist/HeaderButtons.js.map +0 -1
- package/dist/Mask.d.ts +0 -2
- package/dist/Mask.js +0 -19
- package/dist/Mask.js.map +0 -1
- package/dist/Pill.d.ts +0 -3
- package/dist/Pill.js +0 -8
- package/dist/Pill.js.map +0 -1
- package/dist/Pog.d.ts +0 -3
- package/dist/Pog.js +0 -48
- package/dist/Pog.js.map +0 -1
- package/dist/ProgressBar.d.ts +0 -3
- package/dist/ProgressBar.js +0 -35
- package/dist/ProgressBar.js.map +0 -1
- package/dist/SelectList.d.ts +0 -27
- package/dist/SelectList.js +0 -56
- package/dist/SelectList.js.map +0 -1
- package/dist/Switch.d.ts +0 -3
- package/dist/Switch.js +0 -20
- package/dist/Switch.js.map +0 -1
- package/dist/Table.js.map +0 -1
- package/dist/TableHeader.js.map +0 -1
- package/dist/TableHeaderCell.js +0 -36
- package/dist/TableHeaderCell.js.map +0 -1
- package/dist/TableRow.js +0 -30
- package/dist/TableRow.js.map +0 -1
- package/dist/WithLabel.d.ts +0 -3
- package/dist/WithLabel.js +0 -15
- package/dist/WithLabel.js.map +0 -1
- package/dist/tableContext.js.map +0 -1
- package/src/BlurBox.native.tsx +0 -40
- package/src/BlurBox.tsx +0 -31
- package/src/CustomSelect.tsx +0 -80
- package/src/DateTimeField.android.tsx +0 -103
- package/src/DateTimeField.ios.tsx +0 -85
- package/src/FieldWithLabels.tsx +0 -36
- package/src/Form.tsx +0 -175
- package/src/HeaderButtons.tsx +0 -107
- package/src/Mask.tsx +0 -21
- package/src/Pill.tsx +0 -22
- package/src/Pog.tsx +0 -75
- package/src/ProgressBar.tsx +0 -47
- package/src/SelectList.tsx +0 -109
- package/src/Switch.tsx +0 -18
- package/src/TableHeaderCell.tsx +0 -72
- package/src/WithLabel.tsx +0 -45
- /package/dist/{tableContext.js → table/tableContext.js} +0 -0
package/dist/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EAAc,eAAe,EAAE,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAC,uBAAuB,EAAE,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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"}
|
package/dist/Badge.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BadgeProps } from "./Common";
|
|
3
|
-
export declare const Badge: ({
|
|
3
|
+
export declare const Badge: ({ value, iconName, status, secondary, variant, maxValue, customBackgroundColor, customTextColor, customBorderColor, customIconColor, customIconName, }: BadgeProps) => React.ReactElement;
|
package/dist/Badge.js
CHANGED
|
@@ -1,29 +1,104 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { Text, View } from "react-native";
|
|
3
3
|
import { Icon } from "./Icon";
|
|
4
|
-
import {
|
|
5
|
-
export const Badge = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
import { useTheme } from "./Theme";
|
|
5
|
+
export const Badge = ({ value, iconName, status = "info", secondary = false, variant, maxValue = 100, customBackgroundColor, customTextColor, customBorderColor, customIconColor, customIconName, }) => {
|
|
6
|
+
const { theme } = useTheme();
|
|
7
|
+
const isIconOnly = variant === "iconOnly";
|
|
8
|
+
let badgeColor = "inverted";
|
|
9
|
+
// TODO: Move to theme
|
|
10
|
+
const secondaryBorderColors = {
|
|
11
|
+
error: "#F39E9E",
|
|
12
|
+
warning: "#FCC58F",
|
|
13
|
+
info: "#8FC1D2",
|
|
14
|
+
success: "#7FD898",
|
|
15
|
+
neutral: "#AAAAAA",
|
|
16
|
+
custom: "#AAAAAA",
|
|
17
|
+
};
|
|
18
|
+
if (secondary) {
|
|
19
|
+
if (status === "error") {
|
|
20
|
+
badgeColor = "error";
|
|
14
21
|
}
|
|
15
|
-
else {
|
|
16
|
-
|
|
22
|
+
else if (status === "warning") {
|
|
23
|
+
badgeColor = "warning";
|
|
24
|
+
}
|
|
25
|
+
else if (status === "info") {
|
|
26
|
+
badgeColor = "secondaryDark";
|
|
27
|
+
}
|
|
28
|
+
else if (status === "success") {
|
|
29
|
+
badgeColor = "success";
|
|
30
|
+
}
|
|
31
|
+
else if (status === "neutral") {
|
|
32
|
+
badgeColor = "primary";
|
|
17
33
|
}
|
|
18
34
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
35
|
+
let badgeBgColor = "neutralDark";
|
|
36
|
+
if (status === "error") {
|
|
37
|
+
badgeBgColor = secondary ? "errorLight" : "error";
|
|
38
|
+
}
|
|
39
|
+
else if (status === "warning") {
|
|
40
|
+
badgeBgColor = secondary ? "warningLight" : "warning";
|
|
41
|
+
}
|
|
42
|
+
else if (status === "info") {
|
|
43
|
+
badgeBgColor = secondary ? "secondaryLight" : "secondaryDark";
|
|
44
|
+
}
|
|
45
|
+
else if (status === "success") {
|
|
46
|
+
badgeBgColor = secondary ? "successLight" : "success";
|
|
47
|
+
}
|
|
48
|
+
else if (status === "neutral") {
|
|
49
|
+
badgeBgColor = secondary ? "neutralLight" : "neutralDark";
|
|
50
|
+
}
|
|
51
|
+
const backgroundColor = status === "custom" ? customBackgroundColor : theme.surface[badgeBgColor];
|
|
52
|
+
const borderColor = status === "custom" ? customBorderColor : secondaryBorderColors[status];
|
|
53
|
+
const textColor = status === "custom" ? customTextColor : theme.text[badgeColor];
|
|
54
|
+
const iconColor = status === "custom" ? customIconColor : badgeColor;
|
|
55
|
+
let badgeBorderRadius = theme.radius.default;
|
|
56
|
+
if (isIconOnly) {
|
|
57
|
+
badgeBorderRadius = theme.radius.full;
|
|
58
|
+
}
|
|
59
|
+
else if (variant === "numberOnly") {
|
|
60
|
+
badgeBorderRadius = theme.radius.rounded;
|
|
61
|
+
}
|
|
62
|
+
let badgeValue = value;
|
|
63
|
+
if (variant === "numberOnly") {
|
|
64
|
+
if (!isNaN(Number(value)) && maxValue) {
|
|
65
|
+
const numberValue = Number(value);
|
|
66
|
+
if (numberValue > maxValue) {
|
|
67
|
+
badgeValue = `${maxValue}+`;
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
badgeValue = numberValue;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
console.warn("Warning: Badge value is not a number");
|
|
22
75
|
}
|
|
23
|
-
return (React.createElement(Text, { color: fontColor, size: size, weight: fontWeight }, title));
|
|
24
76
|
}
|
|
25
|
-
return (React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
77
|
+
return (React.createElement(View, { style: {
|
|
78
|
+
alignItems: "flex-start",
|
|
79
|
+
} },
|
|
80
|
+
React.createElement(View, { style: [
|
|
81
|
+
{
|
|
82
|
+
justifyContent: "center",
|
|
83
|
+
alignItems: "center",
|
|
84
|
+
paddingVertical: variant === "iconOnly" ? 1 : theme.spacing.xs,
|
|
85
|
+
paddingHorizontal: variant === "iconOnly" ? theme.spacing.xs : theme.spacing.sm,
|
|
86
|
+
flexDirection: "row",
|
|
87
|
+
borderRadius: badgeBorderRadius,
|
|
88
|
+
backgroundColor,
|
|
89
|
+
height: variant === "iconOnly" ? 16 : "auto",
|
|
90
|
+
width: variant === "iconOnly" ? 16 : "auto",
|
|
91
|
+
},
|
|
92
|
+
isIconOnly && { height: 16, width: 16 },
|
|
93
|
+
secondary && { borderWidth: 1, borderColor },
|
|
94
|
+
] },
|
|
95
|
+
Boolean(variant !== "numberOnly" && iconName) && (React.createElement(View, { style: { marginRight: variant === "iconOnly" ? 0 : theme.spacing.sm } },
|
|
96
|
+
React.createElement(Icon, { color: iconColor, iconName: customIconName !== null && customIconName !== void 0 ? customIconName : iconName, size: "xs" }))),
|
|
97
|
+
Boolean(variant !== "iconOnly") && (React.createElement(Text, { style: {
|
|
98
|
+
color: textColor,
|
|
99
|
+
fontSize: 10,
|
|
100
|
+
fontWeight: "700",
|
|
101
|
+
fontFamily: "text",
|
|
102
|
+
} }, badgeValue)))));
|
|
28
103
|
};
|
|
29
104
|
//# sourceMappingURL=Badge.js.map
|
package/dist/Badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,QAAQ,GAAG,GAAG,EACd,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACH,EAAsB,EAAE;IACnC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,CAAC;IAE1C,IAAI,UAAU,GAAoB,UAAU,CAAC;IAE7C,sBAAsB;IACtB,MAAM,qBAAqB,GAAG;QAC5B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;KAClB,CAAC;IAEF,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;YACvB,UAAU,GAAG,OAAO,CAAC;QACvB,CAAC;aAAM,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,UAAU,GAAG,SAAS,CAAC;QACzB,CAAC;aAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YAC7B,UAAU,GAAG,eAAe,CAAC;QAC/B,CAAC;aAAM,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,UAAU,GAAG,SAAS,CAAC;QACzB,CAAC;aAAM,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YAChC,UAAU,GAAG,SAAS,CAAC;QACzB,CAAC;IACH,CAAC;IAED,IAAI,YAAY,GAAuB,aAAa,CAAC;IAErD,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC;IACpD,CAAC;SAAM,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QAChC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC;SAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;QAC7B,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC;IAChE,CAAC;SAAM,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QAChC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC;SAAM,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QAChC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAC5D,CAAC;IAED,MAAM,eAAe,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAClG,MAAM,WAAW,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC5F,MAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACjF,MAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC;IAErE,IAAI,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAC7C,IAAI,UAAU,EAAE,CAAC;QACf,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;IACxC,CAAC;SAAM,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC;QACpC,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,IAAI,UAAU,GAAG,KAAK,CAAC;IAEvB,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,QAAQ,EAAE,CAAC;YACtC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAClC,IAAI,WAAW,GAAG,QAAQ,EAAE,CAAC;gBAC3B,UAAU,GAAG,GAAG,QAAQ,GAAG,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,WAAW,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,UAAU,EAAE,YAAY;SACzB;QAED,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL;oBACE,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;oBACpB,eAAe,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;oBAC9D,iBAAiB,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;oBAC/E,aAAa,EAAE,KAAK;oBACpB,YAAY,EAAE,iBAAiB;oBAC/B,eAAe;oBACf,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;oBAC5C,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;iBAC5C;gBACD,UAAU,IAAI,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC;gBACrC,SAAS,IAAI,EAAC,WAAW,EAAE,CAAC,EAAE,WAAW,EAAC;aAC3C;YAEA,OAAO,CAAC,OAAO,KAAK,YAAY,IAAI,QAAQ,CAAC,IAAI,CAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAC;gBACvE,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,QAAS,EAAE,IAAI,EAAC,IAAI,GAAG,CACtE,CACR;YACA,OAAO,CAAC,OAAO,KAAK,UAAU,CAAC,IAAI,CAClC,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,SAAS;oBAChB,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,KAAK;oBACjB,UAAU,EAAE,MAAM;iBACnB,IAEA,UAAU,CACN,CACR,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/Banner.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BannerProps } from "./Common";
|
|
3
3
|
export declare const hideBanner: (id: string) => Promise<void>;
|
|
4
|
-
export declare const Banner: (
|
|
4
|
+
export declare const Banner: (props: BannerProps) => React.ReactElement | null;
|
package/dist/Banner.js
CHANGED
|
@@ -1,10 +1,50 @@
|
|
|
1
|
+
import debounce from "lodash/debounce";
|
|
1
2
|
import React, { useEffect, useState } from "react";
|
|
3
|
+
import { ActivityIndicator, Pressable, Text as NativeText, View } from "react-native";
|
|
2
4
|
import { Box } from "./Box";
|
|
3
|
-
import {
|
|
5
|
+
import { DismissButton } from "./DismissButton";
|
|
4
6
|
import { Icon } from "./Icon";
|
|
5
|
-
import {
|
|
6
|
-
import { Text } from "./Text";
|
|
7
|
+
import { useTheme } from "./Theme";
|
|
7
8
|
import { Unifier } from "./Unifier";
|
|
9
|
+
const BannerButton = ({ loading: propsLoading, buttonText, buttonIconName, buttonOnClick, }) => {
|
|
10
|
+
const [loading, setLoading] = useState(propsLoading);
|
|
11
|
+
const { theme } = useTheme();
|
|
12
|
+
if (!theme) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
return (React.createElement(Pressable, { accessibilityHint: `Press to perform action ${buttonText}`, accessibilityLabel: buttonText, accessibilityRole: "button", style: {
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
alignSelf: "stretch",
|
|
18
|
+
backgroundColor: theme.surface.base,
|
|
19
|
+
borderRadius: theme.radius.rounded,
|
|
20
|
+
flexDirection: "column",
|
|
21
|
+
justifyContent: "center",
|
|
22
|
+
paddingHorizontal: 12,
|
|
23
|
+
paddingVertical: 4,
|
|
24
|
+
}, onPress: debounce(async () => {
|
|
25
|
+
await Unifier.utils.haptic();
|
|
26
|
+
setLoading(true);
|
|
27
|
+
try {
|
|
28
|
+
await buttonOnClick();
|
|
29
|
+
}
|
|
30
|
+
catch (error) {
|
|
31
|
+
setLoading(false);
|
|
32
|
+
throw error;
|
|
33
|
+
}
|
|
34
|
+
setLoading(false);
|
|
35
|
+
}, 500, { leading: true }) },
|
|
36
|
+
React.createElement(View, { style: { flexDirection: "row" } },
|
|
37
|
+
React.createElement(View, { style: { flexDirection: "row-reverse" } },
|
|
38
|
+
Boolean(buttonIconName) && (React.createElement(View, { style: {
|
|
39
|
+
alignSelf: "center",
|
|
40
|
+
marginRight: 0,
|
|
41
|
+
marginLeft: 8,
|
|
42
|
+
} },
|
|
43
|
+
React.createElement(Icon, { iconName: buttonIconName, type: "solid" }))),
|
|
44
|
+
React.createElement(NativeText, { style: { fontSize: 12 } }, buttonText)),
|
|
45
|
+
Boolean(loading) && (React.createElement(Box, { marginLeft: 2 },
|
|
46
|
+
React.createElement(ActivityIndicator, { size: "small" }))))));
|
|
47
|
+
};
|
|
8
48
|
function getKey(id) {
|
|
9
49
|
return `@FernsUI:${id}`;
|
|
10
50
|
}
|
|
@@ -12,70 +52,68 @@ export const hideBanner = (id) => {
|
|
|
12
52
|
console.debug(`[banner] Hiding ${getKey(id)} `);
|
|
13
53
|
return Unifier.storage.setItem(getKey(id), "true");
|
|
14
54
|
};
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
55
|
+
export const Banner = (props) => {
|
|
56
|
+
const { id, text, status = "info", dismissible = false, hasIcon = false, buttonOnClick } = props;
|
|
57
|
+
const { buttonText, buttonIconName } = props;
|
|
58
|
+
const { theme } = useTheme();
|
|
59
|
+
let bgColor = "secondaryDark";
|
|
60
|
+
if (status === "alert") {
|
|
61
|
+
bgColor = "error";
|
|
62
|
+
}
|
|
63
|
+
else if (status === "warning") {
|
|
64
|
+
bgColor = "warning";
|
|
65
|
+
}
|
|
66
|
+
const [show, setShow] = useState(true);
|
|
25
67
|
// Load seen from async storage.
|
|
26
68
|
useEffect(() => {
|
|
27
|
-
if (
|
|
69
|
+
if (dismissible) {
|
|
28
70
|
void Unifier.storage.getItem(getKey(id)).then((isSeen) => {
|
|
29
71
|
console.debug(`[banner] ${getKey(id)} seen? ${isSeen}`);
|
|
30
72
|
setShow(!isSeen);
|
|
31
73
|
});
|
|
32
74
|
}
|
|
33
75
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
|
-
}, [id
|
|
76
|
+
}, [id]);
|
|
35
77
|
const dismiss = async () => {
|
|
36
|
-
if (
|
|
78
|
+
if (!dismissible) {
|
|
37
79
|
return;
|
|
38
80
|
}
|
|
39
81
|
await hideBanner(id);
|
|
40
82
|
setShow(false);
|
|
41
83
|
};
|
|
42
|
-
const renderButton = () => {
|
|
43
|
-
var _a, _b, _c;
|
|
44
|
-
if (type === CUSTOM_BUTTON) {
|
|
45
|
-
return (React.createElement(Button, Object.assign({}, customButtonProps, { color: (_a = customButtonProps === null || customButtonProps === void 0 ? void 0 : customButtonProps.color) !== null && _a !== void 0 ? _a : "primary", size: (_b = customButtonProps === null || customButtonProps === void 0 ? void 0 : customButtonProps.size) !== null && _b !== void 0 ? _b : "sm", text: (_c = customButtonProps === null || customButtonProps === void 0 ? void 0 : customButtonProps.text) !== null && _c !== void 0 ? _c : "", onClick: onClick })));
|
|
46
|
-
}
|
|
47
|
-
else if (type === ACTION) {
|
|
48
|
-
return (React.createElement(Box, { alignItems: "center", display: "block", justifyContent: "center", width: 40 },
|
|
49
|
-
React.createElement(IconButton, { accessibilityLabel: "", icon: "arrow-right", iconColor: textColor, prefix: "fas", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() })));
|
|
50
|
-
}
|
|
51
|
-
else if (type === DISMISS) {
|
|
52
|
-
return (React.createElement(Box, { alignItems: "center", display: "block", justifyContent: "center", width: 40 },
|
|
53
|
-
React.createElement(IconButton, { accessibilityLabel: "", icon: "times-circle", iconColor: textColor, prefix: "fas", onClick: dismiss })));
|
|
54
|
-
}
|
|
55
|
-
else {
|
|
56
|
-
return null;
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
84
|
if (!show) {
|
|
60
85
|
return null;
|
|
61
86
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
87
|
+
return (React.createElement(View, { style: {
|
|
88
|
+
alignItems: "center",
|
|
89
|
+
backgroundColor: theme.surface[bgColor],
|
|
90
|
+
height: "auto",
|
|
91
|
+
width: "100%",
|
|
92
|
+
margin: "auto",
|
|
93
|
+
flexDirection: "row",
|
|
94
|
+
borderRadius: theme.radius.default,
|
|
95
|
+
minHeight: theme.spacing.xl,
|
|
96
|
+
padding: theme.spacing.xs,
|
|
97
|
+
} },
|
|
98
|
+
React.createElement(View, { style: {
|
|
99
|
+
flexDirection: "row",
|
|
100
|
+
flex: 1,
|
|
101
|
+
alignItems: "center",
|
|
102
|
+
justifyContent: "center",
|
|
103
|
+
} },
|
|
104
|
+
Boolean(hasIcon) && (React.createElement(View, { style: { paddingRight: 12, paddingLeft: 10 } },
|
|
105
|
+
React.createElement(Icon, { color: "inverted", iconName: "triangle-exclamation" }))),
|
|
106
|
+
React.createElement(NativeText, { style: {
|
|
107
|
+
color: theme.text.inverted,
|
|
108
|
+
fontWeight: "bold",
|
|
109
|
+
textAlign: "center",
|
|
110
|
+
flexShrink: 1,
|
|
111
|
+
flexWrap: "wrap",
|
|
112
|
+
} }, text),
|
|
113
|
+
Boolean(buttonText && buttonIconName && buttonOnClick) && (React.createElement(View, { style: { paddingLeft: 16, paddingRight: 10 } },
|
|
114
|
+
React.createElement(BannerButton, { buttonIconName: buttonIconName, buttonOnClick: buttonOnClick !== null && buttonOnClick !== void 0 ? buttonOnClick : (() => { }), buttonText: buttonText }))),
|
|
115
|
+
Boolean(buttonText && !buttonIconName && buttonOnClick) && (React.createElement(View, { style: { paddingLeft: 16, paddingRight: 10 } },
|
|
116
|
+
React.createElement(BannerButton, { buttonOnClick: buttonOnClick !== null && buttonOnClick !== void 0 ? buttonOnClick : (() => { }), buttonText: buttonText })))),
|
|
117
|
+
Boolean(dismissible) && (React.createElement(DismissButton, { accessibilityHint: "Press to dismiss banner", accessibilityLabel: "Dismiss", color: "inverted", onClick: dismiss }))));
|
|
80
118
|
};
|
|
81
119
|
//# sourceMappingURL=Banner.js.map
|
package/dist/Banner.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"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"}
|
package/dist/Body.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ActivityIndicator, KeyboardAvoidingView } from "react-native";
|
|
3
3
|
import { Box } from "./Box";
|
|
4
|
-
import {
|
|
4
|
+
import { useTheme } from "./Theme";
|
|
5
5
|
export const Body = ({ scroll, loading, padding, height, avoidKeyboard, children, }) => {
|
|
6
|
-
const { theme } =
|
|
6
|
+
const { theme } = useTheme();
|
|
7
7
|
const renderBody = () => {
|
|
8
8
|
return (React.createElement(Box, { avoidKeyboard: true, height: "100%", scroll: scroll },
|
|
9
9
|
React.createElement(Box, { height: height || "100%", padding: padding !== undefined ? padding : 5 },
|
|
10
|
-
loading === true && React.createElement(ActivityIndicator, { color: theme.
|
|
10
|
+
loading === true && React.createElement(ActivityIndicator, { color: theme.text.primary, size: "large" }),
|
|
11
11
|
children)));
|
|
12
12
|
};
|
|
13
13
|
if (avoidKeyboard === false) {
|
package/dist/Body.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../src/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../src/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAErE,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,aAAa,EACb,QAAQ,GACE,EAAsB,EAAE;IAClC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,QAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,MAAM;YAC7C,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxE,OAAO,KAAK,IAAI,IAAI,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,OAAO,GAAG;gBACjF,QAAQ,CACL,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,IAAI,aAAa,KAAK,KAAK,EAAE,CAAC;QAC5B,OAAO,UAAU,EAAE,CAAC;IACtB,CAAC;SAAM,CAAC;QACN,OAAO,oBAAC,oBAAoB,IAAC,QAAQ,EAAC,UAAU,IAAE,UAAU,EAAE,CAAwB,CAAC;IACzF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import React, { useRef } from "react";
|
|
2
|
+
import { Animated, TouchableWithoutFeedback, View } from "react-native";
|
|
3
|
+
import { FieldHelperText, FieldTitle } from "./fieldElements";
|
|
4
|
+
import { Text } from "./Text";
|
|
5
|
+
import { useTheme } from "./Theme";
|
|
6
|
+
export const BooleanField = ({ title, variant, value, onChange, disabled, disabledHelperText, helperText, }) => {
|
|
7
|
+
const { theme } = useTheme();
|
|
8
|
+
const backgroundColor = useRef(new Animated.Value(value ? 75 : -75)).current;
|
|
9
|
+
const circleColor = useRef(new Animated.Value(value ? 75 : -75)).current;
|
|
10
|
+
const circleBorderColor = useRef(new Animated.Value(value ? 75 : -75)).current;
|
|
11
|
+
const transformSwitch = useRef(new Animated.Value(value ? 15 : -15)).current;
|
|
12
|
+
const animateSwitch = (newValue) => {
|
|
13
|
+
Animated.parallel([
|
|
14
|
+
Animated.spring(transformSwitch, {
|
|
15
|
+
toValue: newValue ? 15 : -15,
|
|
16
|
+
useNativeDriver: false,
|
|
17
|
+
}),
|
|
18
|
+
Animated.timing(backgroundColor, {
|
|
19
|
+
toValue: newValue ? 75 : -75,
|
|
20
|
+
duration: 200,
|
|
21
|
+
useNativeDriver: false,
|
|
22
|
+
}),
|
|
23
|
+
Animated.timing(circleColor, {
|
|
24
|
+
toValue: newValue ? 75 : -75,
|
|
25
|
+
duration: 200,
|
|
26
|
+
useNativeDriver: false,
|
|
27
|
+
}),
|
|
28
|
+
Animated.timing(circleBorderColor, {
|
|
29
|
+
toValue: value ? 75 : -75,
|
|
30
|
+
duration: 200,
|
|
31
|
+
useNativeDriver: false,
|
|
32
|
+
}),
|
|
33
|
+
]).start();
|
|
34
|
+
};
|
|
35
|
+
const handleSwitch = () => {
|
|
36
|
+
if (disabled) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
animateSwitch(!value);
|
|
40
|
+
onChange(!value);
|
|
41
|
+
};
|
|
42
|
+
const interpolatedColorAnimation = backgroundColor.interpolate({
|
|
43
|
+
inputRange: [-75, 75],
|
|
44
|
+
outputRange: [theme.surface.base, theme.surface.secondaryDark],
|
|
45
|
+
});
|
|
46
|
+
return (React.createElement(View, { style: {
|
|
47
|
+
flexDirection: "column",
|
|
48
|
+
alignItems: "flex-start",
|
|
49
|
+
} },
|
|
50
|
+
React.createElement(View, { style: {
|
|
51
|
+
flexDirection: variant === "title" ? "column" : "row",
|
|
52
|
+
alignItems: variant === "title" ? "flex-start" : "center",
|
|
53
|
+
justifyContent: variant === "title" ? "flex-start" : "center",
|
|
54
|
+
} },
|
|
55
|
+
Boolean(title) && React.createElement(FieldTitle, { text: title }),
|
|
56
|
+
React.createElement(TouchableWithoutFeedback, { accessibilityRole: "button", onPress: handleSwitch },
|
|
57
|
+
React.createElement(View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "center" } },
|
|
58
|
+
React.createElement(Animated.View, { style: {
|
|
59
|
+
width: 60,
|
|
60
|
+
height: 30,
|
|
61
|
+
borderRadius: 30,
|
|
62
|
+
backgroundColor: disabled ? theme.surface.disabled : interpolatedColorAnimation,
|
|
63
|
+
borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
|
|
64
|
+
borderWidth: 1,
|
|
65
|
+
marginHorizontal: variant === "title" ? undefined : 8,
|
|
66
|
+
marginRight: variant === "title" ? 8 : undefined,
|
|
67
|
+
} },
|
|
68
|
+
React.createElement(Animated.View, { style: {
|
|
69
|
+
flex: 1,
|
|
70
|
+
width: 60,
|
|
71
|
+
flexDirection: "row",
|
|
72
|
+
justifyContent: "center",
|
|
73
|
+
alignItems: "center",
|
|
74
|
+
left: transformSwitch,
|
|
75
|
+
} },
|
|
76
|
+
React.createElement(Animated.View, { style: {
|
|
77
|
+
borderWidth: 1,
|
|
78
|
+
borderColor: disabled ? theme.surface.disabled : theme.surface.secondaryDark,
|
|
79
|
+
backgroundColor: theme.surface.base,
|
|
80
|
+
width: 30,
|
|
81
|
+
height: 30,
|
|
82
|
+
borderRadius: 15,
|
|
83
|
+
alignItems: "center",
|
|
84
|
+
justifyContent: "center",
|
|
85
|
+
} }))),
|
|
86
|
+
variant === "title" && React.createElement(Text, { size: "md" }, value ? "Yes" : "No")))),
|
|
87
|
+
disabled && disabledHelperText && React.createElement(FieldHelperText, { text: disabledHelperText }),
|
|
88
|
+
Boolean(helperText) && React.createElement(FieldHelperText, { text: helperText })));
|
|
89
|
+
};
|
|
90
|
+
//# sourceMappingURL=BooleanField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../src/BooleanField.tsx"],"names":[],"mappings":"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"}
|