ferns-ui 0.47.9 → 1.0.0-beta.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 +31 -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 +90 -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 +1071 -406
- 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 +177 -156
- 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 +35 -67
- 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 +40 -32
- 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 +189 -89
- 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 +84 -0
- package/src/ActionSheet.tsx +8 -5
- package/src/AddressField.tsx +122 -0
- package/src/Avatar.tsx +193 -147
- package/src/Badge.tsx +107 -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 +1304 -2041
- package/src/CommonIconTypes.ts +2030 -0
- package/src/CustomSelectField.tsx +116 -0
- package/src/DateTimeActionSheet.tsx +347 -255
- 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 +44 -96
- 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 +67 -39
- 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 +258 -141
- 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
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
// This component is intended to be used as a helper text for form fields, specifically for text
|
|
2
|
+
// fields and text areas. It is not intended to be used as a standalone component.
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text, View } from "react-native";
|
|
5
|
+
import { useTheme } from "../Theme";
|
|
6
|
+
export const FieldHelperText = ({ text }) => {
|
|
7
|
+
const { theme } = useTheme();
|
|
8
|
+
return (React.createElement(View, { style: { marginTop: 2 } },
|
|
9
|
+
React.createElement(Text, { style: { fontSize: 12, color: theme.text.primary, lineHeight: 16 } }, text)));
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=FieldHelperText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldHelperText.js","sourceRoot":"","sources":["../../src/fieldElements/FieldHelperText.tsx"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,kFAAkF;AAClF,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAExC,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAMlC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClE,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC;QACzB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,EAAC,IAAG,IAAI,CAAQ,CAChF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// This component is intended to be used as a title for form fields,
|
|
2
|
+
// specifically for text fields and text areas. It is not intended to be used as a standalone
|
|
3
|
+
// component.
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Text } from "react-native";
|
|
6
|
+
import { isMobileDevice } from "../MediaQuery";
|
|
7
|
+
import { useTheme } from "../Theme";
|
|
8
|
+
import { isNative } from "../Utilities";
|
|
9
|
+
export const FieldTitle = ({ text }) => {
|
|
10
|
+
const { theme } = useTheme();
|
|
11
|
+
const isMobileOrNative = isMobileDevice() || isNative();
|
|
12
|
+
return (React.createElement(Text, { style: {
|
|
13
|
+
color: theme.text.primary,
|
|
14
|
+
fontSize: isMobileOrNative ? 14 : 16,
|
|
15
|
+
fontWeight: 600,
|
|
16
|
+
lineHeight: 22.4,
|
|
17
|
+
} }, text));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=FieldTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldTitle.js","sourceRoot":"","sources":["../../src/fieldElements/FieldTitle.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,6FAA6F;AAC7F,aAAa;AACb,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAMtC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACxD,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,gBAAgB,GAAG,cAAc,EAAE,IAAI,QAAQ,EAAE,CAAC;IAExD,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;YACzB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACpC,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,IAAI;SACjB,IAEA,IAAI,CACA,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/fieldElements/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import * as React from "react";
|
|
13
|
+
import Svg, { Path } from "react-native-svg";
|
|
14
|
+
export const MobileIcon = (_a) => {
|
|
15
|
+
var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
|
|
16
|
+
return (React.createElement(Svg, Object.assign({ fill: "none", height: 33, viewBox: "0 0 33 45", width: 30 }, props),
|
|
17
|
+
React.createElement(Path, { d: "M3 7h24v35H3z", fill: "#fff" }),
|
|
18
|
+
React.createElement(Path, { d: "M8.864 5.5A5.867 5.867 0 0 0 3 11.364v26.182a5.867 5.867 0 0 0 5.864 5.863h15.272A5.867 5.867 0 0 0 30 37.546V11.364A5.867 5.867 0 0 0 24.136 5.5H8.864Zm1.5 7.364h12.272v18.818H10.364V12.864Z", fill: "#3EA45C", stroke: "#fff", strokeWidth: 3 }),
|
|
19
|
+
React.createElement(Path, { d: "M14.622 37.249h3.768a.789.582 0 0 1 .789.582.789.582 0 0 1-.789.581h-3.779a.789.582 0 0 1-.789-.581.8.582 0 0 1 .8-.582Z", fill: "#fff", stroke: "#fff" }),
|
|
20
|
+
doNotDisturb && (React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement(Path, { d: "M21 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
|
|
22
|
+
React.createElement(Path, { d: "M21 4h8l-8 6.857h8", stroke: "#3EA45C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=MobileIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MobileIcon.js","sourceRoot":"","sources":["../../src/icons/MobileIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAI3C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAChD,OAAO,CACL,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,IAAM,KAAK;QACnE,oBAAC,IAAI,IAAC,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QACtC,oBAAC,IAAI,IACH,CAAC,EAAC,iMAAiM,EACnM,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,GACd;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,0HAA0H,EAC5H,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,GACb;QACD,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import * as React from "react";
|
|
13
|
+
import Svg, { Path } from "react-native-svg";
|
|
14
|
+
export const OfflineIcon = (_a) => {
|
|
15
|
+
var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
|
|
16
|
+
return (React.createElement(Svg, Object.assign({ fill: "none", height: 33, width: 30 }, props),
|
|
17
|
+
React.createElement(Path, { d: "M28.5 18c0 7.456-6.044 13.5-13.5 13.5S1.5 25.456 1.5 18 7.544 4.5 15 4.5 28.5 10.544 28.5 18Z", fill: "#2B6072", stroke: "#fff", strokeWidth: 3 }),
|
|
18
|
+
React.createElement(Path, { d: "M24.5 18a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Z", fill: "#fff", stroke: "#9A9A9A", strokeWidth: 5 }),
|
|
19
|
+
doNotDisturb && (React.createElement(React.Fragment, null,
|
|
20
|
+
React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
|
|
21
|
+
React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#9A9A9A", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=OfflineIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OfflineIcon.js","sourceRoot":"","sources":["../../src/icons/OfflineIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG3C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAAsB,OAAA,CACvE,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAM,KAAK;QAC/C,oBAAC,IAAI,IACH,CAAC,EAAC,+FAA+F,EACjG,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,GACd;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,iDAAiD,EACnD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,GACd;QACD,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAA;CAAA,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
// Generated with https://react-svgr.com/playground/?native=true&typescript=true
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
import * as React from "react";
|
|
14
|
+
import Svg, { Path } from "react-native-svg";
|
|
15
|
+
export const OnlineIcon = (_a) => {
|
|
16
|
+
var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
|
|
17
|
+
return (React.createElement(Svg, Object.assign({ fill: "none", height: "33", width: "30" }, props),
|
|
18
|
+
React.createElement(Path, { d: "M28.5 18c0 7.456-6.044 13.5-13.5 13.5S1.5 25.456 1.5 18 7.544 4.5 15 4.5 28.5 10.544 28.5 18Z", fill: "#fff", stroke: "#fff" }),
|
|
19
|
+
React.createElement(Path, { d: "M26 18c0 6.075-4.925 11-11 11S4 24.075 4 18 8.925 7 15 7s11 4.925 11 11Z", fill: "#3EA45C" }),
|
|
20
|
+
doNotDisturb && (React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
|
|
22
|
+
React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#3EA45C", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=OnlineIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnlineIcon.js","sourceRoot":"","sources":["../../src/icons/OnlineIcon.tsx"],"names":[],"mappings":"AAAA,gFAAgF;;;;;;;;;;;;AAEhF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAI3C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAChD,OAAO,CACL,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,IAAK,KAAK;QAC/C,oBAAC,IAAI,IACH,CAAC,EAAC,+FAA+F,EACjG,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,GACb;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,0EAA0E,EAC5E,IAAI,EAAC,SAAS,GACd;QACD,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import * as React from "react";
|
|
13
|
+
import Svg, { Path } from "react-native-svg";
|
|
14
|
+
export const OutOfOfficeIcon = (_a) => {
|
|
15
|
+
var { doNotDisturb } = _a, props = __rest(_a, ["doNotDisturb"]);
|
|
16
|
+
return (React.createElement(Svg, Object.assign({ fill: "none", height: 33, width: 30 }, props),
|
|
17
|
+
React.createElement(Path, { d: "M28.5 18c0 7.456-6.044 13.5-13.5 13.5S1.5 25.456 1.5 18 7.544 4.5 15 4.5 28.5 10.544 28.5 18Z", fill: "#fff", stroke: "#fff", strokeWidth: 3 }),
|
|
18
|
+
React.createElement(Path, { d: "M26 18c0 6.075-4.925 11-11 11S4 24.075 4 18 8.925 7 15 7s11 4.925 11 11Z", fill: "#D33232" }),
|
|
19
|
+
React.createElement(Path, { d: "M9 18h12", stroke: "#fff", strokeLinecap: "round", strokeWidth: 4 }),
|
|
20
|
+
doNotDisturb && (React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 8 }),
|
|
22
|
+
React.createElement(Path, { d: "M18 4h8l-8 6.857h8", stroke: "#D33232", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3 })))));
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=OutOfficeIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OutOfficeIcon.js","sourceRoot":"","sources":["../../src/icons/OutOfficeIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,GAAG,EAAE,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAC,YAAY,OAA2B,EAAtB,KAAK,cAAvB,gBAAwB,CAAD;IAAsB,OAAA,CAC3E,oBAAC,GAAG,kBAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAM,KAAK;QAC/C,oBAAC,IAAI,IACH,CAAC,EAAC,+FAA+F,EACjG,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,WAAW,EAAE,CAAC,GACd;QACF,oBAAC,IAAI,IACH,CAAC,EAAC,0EAA0E,EAC5E,IAAI,EAAC,SAAS,GACd;QACF,oBAAC,IAAI,IAAC,CAAC,EAAC,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,GAAI;QACxE,YAAY,IAAI,CACf;YACE,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd;YACF,oBAAC,IAAI,IACH,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,GACd,CACD,CACJ,CACG,CACP,CAAA;CAAA,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,26 +1,29 @@
|
|
|
1
|
+
export * from "./Accordion";
|
|
1
2
|
export * from "./ActionSheet";
|
|
3
|
+
export * from "./AddressField";
|
|
2
4
|
export * from "./Avatar";
|
|
3
5
|
export * from "./Badge";
|
|
4
6
|
export * from "./Banner";
|
|
5
|
-
export * from "./BlurBox";
|
|
6
7
|
export * from "./Body";
|
|
8
|
+
export * from "./BooleanField";
|
|
7
9
|
export * from "./Box";
|
|
8
10
|
export * from "./Button";
|
|
9
11
|
export * from "./Card";
|
|
10
12
|
export * from "./CheckBox";
|
|
11
13
|
export * from "./Common";
|
|
12
14
|
export * from "./Constants";
|
|
15
|
+
export * from "./CustomSelectField";
|
|
13
16
|
export * from "./DateTimeActionSheet";
|
|
14
17
|
export * from "./DateTimeField";
|
|
15
18
|
export * from "./DateUtilities";
|
|
16
19
|
export * from "./DecimalRangeActionSheet";
|
|
20
|
+
export * from "./DismissButton";
|
|
21
|
+
export * from "./EmailField";
|
|
17
22
|
export * from "./ErrorBoundary";
|
|
18
23
|
export * from "./ErrorPage";
|
|
19
24
|
export * from "./FernsProvider";
|
|
20
25
|
export * from "./Field";
|
|
21
26
|
export * from "./FlatList";
|
|
22
|
-
export * from "./Form";
|
|
23
|
-
export * from "./HeaderButtons";
|
|
24
27
|
export * from "./Heading";
|
|
25
28
|
export * from "./HeightActionSheet";
|
|
26
29
|
export * from "./Icon";
|
|
@@ -29,29 +32,41 @@ export * from "./Image";
|
|
|
29
32
|
export * from "./ImageBackground";
|
|
30
33
|
export * from "./InfoTooltipButton";
|
|
31
34
|
export * from "./Link";
|
|
32
|
-
export * from "./Mask";
|
|
33
35
|
export * from "./MediaQuery";
|
|
34
36
|
export * from "./MobileAddressAutoComplete";
|
|
35
37
|
export * from "./Modal";
|
|
36
38
|
export * from "./ModalSheet";
|
|
39
|
+
export * from "./MultiselectField";
|
|
40
|
+
export * from "./NumberField";
|
|
37
41
|
export * from "./NumberPickerActionSheet";
|
|
38
42
|
export * from "./OpenAPIContext";
|
|
39
43
|
export * from "./Page";
|
|
40
|
-
export * from "./
|
|
41
|
-
export * from "./
|
|
44
|
+
export * from "./Pagination";
|
|
45
|
+
export * from "./PasswordField";
|
|
46
|
+
export * from "./PhoneNumberField";
|
|
47
|
+
export * from "./Radio";
|
|
48
|
+
export * from "./RadioField";
|
|
42
49
|
export * from "./ScrollView";
|
|
43
50
|
export * from "./SegmentedControl";
|
|
44
|
-
export * from "./
|
|
51
|
+
export * from "./SelectField";
|
|
45
52
|
export * from "./SideDrawer";
|
|
46
53
|
export * from "./Signature";
|
|
54
|
+
export * from "./SignatureField";
|
|
47
55
|
export * from "./Spinner";
|
|
48
56
|
export * from "./SplitPage";
|
|
49
|
-
export * from "./
|
|
50
|
-
export * from "./Table";
|
|
51
|
-
export * from "./
|
|
52
|
-
export * from "./
|
|
53
|
-
export * from "./
|
|
54
|
-
export * from "./
|
|
57
|
+
export * from "./table/Table";
|
|
58
|
+
export * from "./table/Table";
|
|
59
|
+
export * from "./table/TableBadge";
|
|
60
|
+
export * from "./table/TableBoolean";
|
|
61
|
+
export * from "./table/tableContext";
|
|
62
|
+
export * from "./table/TableDate";
|
|
63
|
+
export * from "./table/TableHeader";
|
|
64
|
+
export * from "./table/TableHeaderCell";
|
|
65
|
+
export * from "./table/TableIconButton";
|
|
66
|
+
export * from "./table/TableNumber";
|
|
67
|
+
export * from "./table/TableRow";
|
|
68
|
+
export * from "./table/TableText";
|
|
69
|
+
export * from "./table/TableTitle";
|
|
55
70
|
export * from "./TapToEdit";
|
|
56
71
|
export * from "./Text";
|
|
57
72
|
export * from "./TextArea";
|
|
@@ -64,7 +79,6 @@ export * from "./Unifier";
|
|
|
64
79
|
export * from "./useStoredState";
|
|
65
80
|
export * from "./Utilities";
|
|
66
81
|
export * from "./WebAddressAutocomplete";
|
|
67
|
-
export * from "./WithLabel";
|
|
68
82
|
type ImageRequireSource = number;
|
|
69
83
|
interface Insets {
|
|
70
84
|
top?: number;
|
package/dist/index.js
CHANGED
|
@@ -1,26 +1,29 @@
|
|
|
1
|
+
export * from "./Accordion";
|
|
1
2
|
export * from "./ActionSheet";
|
|
3
|
+
export * from "./AddressField";
|
|
2
4
|
export * from "./Avatar";
|
|
3
5
|
export * from "./Badge";
|
|
4
6
|
export * from "./Banner";
|
|
5
|
-
export * from "./BlurBox";
|
|
6
7
|
export * from "./Body";
|
|
8
|
+
export * from "./BooleanField";
|
|
7
9
|
export * from "./Box";
|
|
8
10
|
export * from "./Button";
|
|
9
11
|
export * from "./Card";
|
|
10
12
|
export * from "./CheckBox";
|
|
11
13
|
export * from "./Common";
|
|
12
14
|
export * from "./Constants";
|
|
15
|
+
export * from "./CustomSelectField";
|
|
13
16
|
export * from "./DateTimeActionSheet";
|
|
14
17
|
export * from "./DateTimeField";
|
|
15
18
|
export * from "./DateUtilities";
|
|
16
19
|
export * from "./DecimalRangeActionSheet";
|
|
20
|
+
export * from "./DismissButton";
|
|
21
|
+
export * from "./EmailField";
|
|
17
22
|
export * from "./ErrorBoundary";
|
|
18
23
|
export * from "./ErrorPage";
|
|
19
24
|
export * from "./FernsProvider";
|
|
20
25
|
export * from "./Field";
|
|
21
26
|
export * from "./FlatList";
|
|
22
|
-
export * from "./Form";
|
|
23
|
-
export * from "./HeaderButtons";
|
|
24
27
|
export * from "./Heading";
|
|
25
28
|
export * from "./HeightActionSheet";
|
|
26
29
|
export * from "./Icon";
|
|
@@ -29,29 +32,41 @@ export * from "./Image";
|
|
|
29
32
|
export * from "./ImageBackground";
|
|
30
33
|
export * from "./InfoTooltipButton";
|
|
31
34
|
export * from "./Link";
|
|
32
|
-
export * from "./Mask";
|
|
33
35
|
export * from "./MediaQuery";
|
|
34
36
|
export * from "./MobileAddressAutoComplete";
|
|
35
37
|
export * from "./Modal";
|
|
36
38
|
export * from "./ModalSheet";
|
|
39
|
+
export * from "./MultiselectField";
|
|
40
|
+
export * from "./NumberField";
|
|
37
41
|
export * from "./NumberPickerActionSheet";
|
|
38
42
|
export * from "./OpenAPIContext";
|
|
39
43
|
export * from "./Page";
|
|
40
|
-
export * from "./
|
|
41
|
-
export * from "./
|
|
44
|
+
export * from "./Pagination";
|
|
45
|
+
export * from "./PasswordField";
|
|
46
|
+
export * from "./PhoneNumberField";
|
|
47
|
+
export * from "./Radio";
|
|
48
|
+
export * from "./RadioField";
|
|
42
49
|
export * from "./ScrollView";
|
|
43
50
|
export * from "./SegmentedControl";
|
|
44
|
-
export * from "./
|
|
51
|
+
export * from "./SelectField";
|
|
45
52
|
export * from "./SideDrawer";
|
|
46
53
|
export * from "./Signature";
|
|
54
|
+
export * from "./SignatureField";
|
|
47
55
|
export * from "./Spinner";
|
|
48
56
|
export * from "./SplitPage";
|
|
49
|
-
export * from "./
|
|
50
|
-
export * from "./Table";
|
|
51
|
-
export * from "./
|
|
52
|
-
export * from "./
|
|
53
|
-
export * from "./
|
|
54
|
-
export * from "./
|
|
57
|
+
export * from "./table/Table";
|
|
58
|
+
export * from "./table/Table";
|
|
59
|
+
export * from "./table/TableBadge";
|
|
60
|
+
export * from "./table/TableBoolean";
|
|
61
|
+
export * from "./table/tableContext";
|
|
62
|
+
export * from "./table/TableDate";
|
|
63
|
+
export * from "./table/TableHeader";
|
|
64
|
+
export * from "./table/TableHeaderCell";
|
|
65
|
+
export * from "./table/TableIconButton";
|
|
66
|
+
export * from "./table/TableNumber";
|
|
67
|
+
export * from "./table/TableRow";
|
|
68
|
+
export * from "./table/TableText";
|
|
69
|
+
export * from "./table/TableTitle";
|
|
55
70
|
export * from "./TapToEdit";
|
|
56
71
|
export * from "./Text";
|
|
57
72
|
export * from "./TextArea";
|
|
@@ -64,5 +79,4 @@ export * from "./Unifier";
|
|
|
64
79
|
export * from "./useStoredState";
|
|
65
80
|
export * from "./Utilities";
|
|
66
81
|
export * from "./WebAddressAutocomplete";
|
|
67
|
-
export * from "./WithLabel";
|
|
68
82
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC"}
|
package/dist/setupTests.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/setupTests.js
CHANGED
package/dist/setupTests.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,kBAAkB,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React, { ReactElement } from "react";
|
|
2
|
-
import { TableProps } from "
|
|
3
|
-
export declare const Table: ({ children, columns, borderStyle, alternateRowBackground, maxHeight, stickyHeader, sort, page: propsPage, setPage: propsSetPage, more, extraControls, }: TableProps) => React.ReactElement;
|
|
2
|
+
import { TableProps } from "../Common";
|
|
3
|
+
export declare const Table: ({ children, columns, borderStyle, alternateRowBackground, maxHeight, stickyHeader, sort, page: propsPage, setPage: propsSetPage, totalPages, more, extraControls, }: TableProps) => React.ReactElement;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { Children, useEffect } from "react";
|
|
2
2
|
import { ScrollView } from "react-native";
|
|
3
|
-
import { Box } from "
|
|
4
|
-
import {
|
|
3
|
+
import { Box } from "../Box";
|
|
4
|
+
import { Pagination } from "../Pagination";
|
|
5
5
|
import { TableContextProvider } from "./tableContext";
|
|
6
|
-
export const Table = ({ children, columns,
|
|
6
|
+
export const Table = ({ children, columns, // see notes in common about table columns width and decide if we need to change this to a more specific type 'size'
|
|
7
|
+
borderStyle, alternateRowBackground = true, maxHeight, stickyHeader = true, sort, page: propsPage, setPage: propsSetPage, totalPages, more, extraControls, }) => {
|
|
7
8
|
const arrayChildren = Children.toArray(children);
|
|
8
9
|
// Check if any of the rows below have a drawerContents prop to see if we need to render space
|
|
9
10
|
// for the caret.
|
|
@@ -20,10 +21,11 @@ export const Table = ({ children, columns, borderStyle, alternateRowBackground =
|
|
|
20
21
|
let width;
|
|
21
22
|
if (columns.every((column) => typeof column === "number")) {
|
|
22
23
|
width = columns.reduce((acc, curr) => {
|
|
23
|
-
return acc + curr;
|
|
24
|
+
return acc + curr + 8; // 8 for margin between columns;
|
|
24
25
|
}, 0);
|
|
25
26
|
if (hasDrawerContents) {
|
|
26
|
-
|
|
27
|
+
// Size of IconButton + padding is 56
|
|
28
|
+
width = width + 56;
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
31
|
else {
|
|
@@ -38,14 +40,20 @@ export const Table = ({ children, columns, borderStyle, alternateRowBackground =
|
|
|
38
40
|
const shouldPaginate = more || page > 1;
|
|
39
41
|
return (React.createElement(TableContextProvider, { alternateRowBackground: alternateRowBackground, borderStyle: borderStyle, columns: columns, hasDrawerContents: hasDrawerContents, page: page, setSortColumn: setSortColumn, sortColumn: sortColumn, stickyHeader: stickyHeader },
|
|
40
42
|
React.createElement(React.Fragment, null,
|
|
41
|
-
React.createElement(Box, { flex: "grow", maxWidth: "100%",
|
|
43
|
+
React.createElement(Box, { flex: "grow", maxWidth: "100%", style: {
|
|
44
|
+
position: "relative",
|
|
45
|
+
}, width: width },
|
|
42
46
|
React.createElement(ScrollView, { horizontal: true, style: { width, maxWidth: "100%" } },
|
|
43
|
-
React.createElement(ScrollView
|
|
47
|
+
React.createElement(ScrollView
|
|
48
|
+
// nestedScrollEnabled
|
|
49
|
+
, {
|
|
50
|
+
// nestedScrollEnabled
|
|
51
|
+
stickyHeaderIndices: stickyHeader ? [0] : undefined, style: { width, maxWidth: "100%", flex: 1, maxHeight } }, Children.map(children, (child, index) => Boolean(child) &&
|
|
44
52
|
React.cloneElement(child, {
|
|
45
|
-
color: index % 2 === 1 && alternateRowBackground ? "
|
|
53
|
+
color: index % 2 === 1 && alternateRowBackground ? "neutralLight" : "base",
|
|
46
54
|
}))))),
|
|
47
|
-
Boolean(shouldPaginate) && (React.createElement(Box, { alignItems: "center", borderTop: "
|
|
48
|
-
React.createElement(
|
|
55
|
+
Boolean(shouldPaginate && totalPages !== undefined) && (React.createElement(Box, { alignItems: "center", borderTop: "default", direction: "row", height: 60, paddingX: 8 },
|
|
56
|
+
React.createElement(Pagination, { page: propsPage !== null && propsPage !== void 0 ? propsPage : page, setPage: propsSetPage !== null && propsSetPage !== void 0 ? propsSetPage : setPage, totalPages: totalPages }),
|
|
49
57
|
Boolean(extraControls) && extraControls)))));
|
|
50
58
|
};
|
|
51
59
|
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import { Badge } from "../Badge";
|
|
4
|
+
import { SelectField } from "../SelectField";
|
|
5
|
+
// TODO: Support error state in TableBadge
|
|
6
|
+
export const TableBadge = ({ value, badgeStatus = "info", badgeIconName, isEditing = false, editingOptions, }) => {
|
|
7
|
+
const [selected, setSelected] = useState(value);
|
|
8
|
+
const handleChange = (newVal) => {
|
|
9
|
+
if (newVal === "") {
|
|
10
|
+
setSelected(undefined);
|
|
11
|
+
}
|
|
12
|
+
else {
|
|
13
|
+
setSelected(newVal);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return (React.createElement(View, { style: {
|
|
17
|
+
justifyContent: "center",
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
} }, isEditing && editingOptions ? (React.createElement(SelectField, { options: editingOptions, value: selected, onChange: handleChange })) : (React.createElement(Badge, { iconName: badgeIconName, secondary: true, status: badgeStatus, value: value }))));
|
|
20
|
+
};
|
|
21
|
+
TableBadge.displayName = "TableBadge";
|
|
22
|
+
//# sourceMappingURL=TableBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableBadge.js","sourceRoot":"","sources":["../../src/table/TableBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAM3C,0CAA0C;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,KAAK,EACL,WAAW,GAAG,MAAM,EACpB,aAAa,EACb,SAAS,GAAG,KAAK,EACjB,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,KAAK,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,CAAC,MAA0B,EAAE,EAAE;QAClD,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;YAClB,WAAW,CAAC,SAAS,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,MAAM,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB,IAEA,SAAS,IAAI,cAAc,CAAC,CAAC,CAAC,CAC7B,oBAAC,WAAW,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,GAAI,CAClF,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,QAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAChF,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { useCallback, useState } from "react";
|
|
2
|
+
import { TouchableOpacity, View } from "react-native";
|
|
3
|
+
import { CheckBox } from "../CheckBox";
|
|
4
|
+
import { Icon } from "../Icon";
|
|
5
|
+
import { useTheme } from "../Theme";
|
|
6
|
+
export const TableBoolean = ({ value, isEditing = false }) => {
|
|
7
|
+
const [checked, setChecked] = useState(value);
|
|
8
|
+
const { theme } = useTheme();
|
|
9
|
+
const valueString = checked ? "checked" : "unchecked";
|
|
10
|
+
const oppositeValueString = checked ? "unchecked" : "checked";
|
|
11
|
+
const handlePress = useCallback(() => {
|
|
12
|
+
setChecked(!checked);
|
|
13
|
+
}, [checked]);
|
|
14
|
+
if (isEditing) {
|
|
15
|
+
return (React.createElement(TouchableOpacity, { accessibilityHint: `Tap to change the checkbox from ${oppositeValueString} to ${valueString}`, accessibilityLabel: `Checkbox is currently ${valueString}`, accessibilityRole: "checkbox", hitSlop: { top: 10, bottom: 10, left: 10, right: 10 }, style: {
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
justifyContent: "center",
|
|
18
|
+
}, onPress: handlePress },
|
|
19
|
+
React.createElement(CheckBox, { selected: checked, size: "lg" })));
|
|
20
|
+
}
|
|
21
|
+
else {
|
|
22
|
+
return (React.createElement(View, { style: {
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
justifyContent: "center",
|
|
25
|
+
width: "100%",
|
|
26
|
+
} },
|
|
27
|
+
React.createElement(View, { accessibilityHint: value ? "Checked icon" : "Unchecked icon", accessibilityLabel: `The checkbox is ${valueString}`, accessibilityRole: "image", style: {
|
|
28
|
+
height: 32,
|
|
29
|
+
width: 32,
|
|
30
|
+
borderRadius: 16,
|
|
31
|
+
backgroundColor: value ? theme.surface.successLight : "transparent",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
justifyContent: "center",
|
|
34
|
+
} },
|
|
35
|
+
React.createElement(Icon, { color: value ? "success" : "secondaryLight", iconName: value ? "check" : "x" }))));
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
TableBoolean.displayName = "TableBoolean";
|
|
39
|
+
//# sourceMappingURL=TableBoolean.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableBoolean.js","sourceRoot":"","sources":["../../src/table/TableBoolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,gBAAgB,EAAE,IAAI,EAAY,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAMlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAC,KAAK,EAAE,SAAS,GAAG,KAAK,EAAC,EAAE,EAAE;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAC3B,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC;IACtD,MAAM,mBAAmB,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,oBAAC,gBAAgB,IACf,iBAAiB,EAAE,mCAAmC,mBAAmB,OAAO,WAAW,EAAE,EAC7F,kBAAkB,EAAE,yBAAyB,WAAW,EAAE,EAC1D,iBAAiB,EAAC,UAAU,EAC5B,OAAO,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,EACnD,KAAK,EACH;gBACE,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;aACZ,EAEhB,OAAO,EAAE,WAAW;YAEpB,oBAAC,QAAQ,IAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,IAAI,GAAG,CACxB,CACpB,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;aACd;YAED,oBAAC,IAAI,IACH,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,EAC5D,kBAAkB,EAAE,mBAAmB,WAAW,EAAE,EACpD,iBAAiB,EAAC,OAAO,EACzB,KAAK,EAAE;oBACL,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,EAAE;oBACT,YAAY,EAAE,EAAE;oBAChB,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;oBACnE,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB;gBAED,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAI,CACjF,CACF,CACR,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|