@herca/rn-kit 0.1.112 → 0.1.114
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/README.md +66 -0
- package/lib/module/Accordion/Accordion.js +4 -1
- package/lib/module/Accordion/Accordion.js.map +1 -1
- package/lib/module/Accordion/AccordionItem.js +3 -1
- package/lib/module/Accordion/AccordionItem.js.map +1 -1
- package/lib/module/Accordion/README.md +2 -0
- package/lib/module/Alert/Alert.js +3 -1
- package/lib/module/Alert/Alert.js.map +1 -1
- package/lib/module/Alert/README.md +1 -0
- package/lib/module/Avatar/Avatar.js +3 -1
- package/lib/module/Avatar/Avatar.js.map +1 -1
- package/lib/module/Avatar/AvatarGroup.js +3 -1
- package/lib/module/Avatar/AvatarGroup.js.map +1 -1
- package/lib/module/Avatar/README_AVATAR.md +1 -0
- package/lib/module/Avatar/README_AVATARGROUP.md +1 -0
- package/lib/module/Badge/Badge.js +4 -1
- package/lib/module/Badge/Badge.js.map +1 -1
- package/lib/module/Badge/README.md +1 -0
- package/lib/module/BadgeIcon/BadgeIcon.js +3 -1
- package/lib/module/BadgeIcon/BadgeIcon.js.map +1 -1
- package/lib/module/BadgeIcon/README.md +1 -0
- package/lib/module/BottomSheet/BottomSheet.js +17 -8
- package/lib/module/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/BottomSheet/README.md +1 -0
- package/lib/module/Button/Button.js +3 -1
- package/lib/module/Button/Button.js.map +1 -1
- package/lib/module/Button/README.md +1 -0
- package/lib/module/Button/type.js.map +1 -1
- package/lib/module/Calendar/Calendar.js +9 -1
- package/lib/module/Calendar/Calendar.js.map +1 -1
- package/lib/module/Calendar/README.md +2 -0
- package/lib/module/CheckBox/CheckBox.js +8 -3
- package/lib/module/CheckBox/CheckBox.js.map +1 -1
- package/lib/module/CheckBox/CheckBoxList.js +7 -2
- package/lib/module/CheckBox/CheckBoxList.js.map +1 -1
- package/lib/module/CheckBox/README_CHECKBOX.md +1 -0
- package/lib/module/CheckBox/README_CHECKBOXLIST.md +1 -0
- package/lib/module/Chip/Chip.js +19 -6
- package/lib/module/Chip/Chip.js.map +1 -1
- package/lib/module/Chip/ChipItem.js +3 -1
- package/lib/module/Chip/ChipItem.js.map +1 -1
- package/lib/module/Chip/README.md +26 -2
- package/lib/module/Chip/README_CHIP_ITEM.md +1 -0
- package/lib/module/CounterButton/CounterButton.js +6 -1
- package/lib/module/CounterButton/CounterButton.js.map +1 -1
- package/lib/module/CounterButton/README.md +1 -0
- package/lib/module/DatePicker/DatePicker.js +13 -1
- package/lib/module/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/DatePicker/MonthPicker.js +7 -1
- package/lib/module/DatePicker/MonthPicker.js.map +1 -1
- package/lib/module/DatePicker/README_DATEPICKER.md +1 -0
- package/lib/module/DatePicker/README_MONTHPICKER.md +1 -0
- package/lib/module/DatePicker/README_TIMEPICKER.md +1 -0
- package/lib/module/DatePicker/README_YEARPICKER.md +1 -0
- package/lib/module/DatePicker/TimePicker.js +8 -1
- package/lib/module/DatePicker/TimePicker.js.map +1 -1
- package/lib/module/DatePicker/YearPicker.js +13 -4
- package/lib/module/DatePicker/YearPicker.js.map +1 -1
- package/lib/module/Drawing/Drawing.js +3 -1
- package/lib/module/Drawing/Drawing.js.map +1 -1
- package/lib/module/Drawing/README.md +1 -0
- package/lib/module/DropDown/DropDown.js +6 -1
- package/lib/module/DropDown/DropDown.js.map +1 -1
- package/lib/module/DropDown/README.md +1 -0
- package/lib/module/FileView/PDF_VIEW_README.md +11 -0
- package/lib/module/FileView/PdfView.js +5 -1
- package/lib/module/FileView/PdfView.js.map +1 -1
- package/lib/module/Icon/Icon.js +19 -3
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +1 -0
- package/lib/module/Icon/icons/FileListStar.js +22 -0
- package/lib/module/Icon/icons/FileListStar.js.map +1 -0
- package/lib/module/Icon/icons/TextFill.js +22 -0
- package/lib/module/Icon/icons/TextFill.js.map +1 -0
- package/lib/module/Input/Input.js +7 -0
- package/lib/module/Input/Input.js.map +1 -1
- package/lib/module/Input/InputDate.js +35 -8
- package/lib/module/Input/InputDate.js.map +1 -1
- package/lib/module/Input/InputFile.js +28 -11
- package/lib/module/Input/InputFile.js.map +1 -1
- package/lib/module/Input/InputMonth.js +111 -1
- package/lib/module/Input/InputMonth.js.map +1 -1
- package/lib/module/Input/InputOtp.js +6 -1
- package/lib/module/Input/InputOtp.js.map +1 -1
- package/lib/module/Input/InputPassword.js +5 -1
- package/lib/module/Input/InputPassword.js.map +1 -1
- package/lib/module/Input/InputSelect.js +21 -2
- package/lib/module/Input/InputSelect.js.map +1 -1
- package/lib/module/Input/InputYear.js +94 -0
- package/lib/module/Input/InputYear.js.map +1 -0
- package/lib/module/Input/README_INPUT.md +1 -0
- package/lib/module/Input/README_INPUT_DATE.md +18 -0
- package/lib/module/Input/README_INPUT_FILE.md +1 -0
- package/lib/module/Input/README_INPUT_MONTH.md +132 -0
- package/lib/module/Input/README_INPUT_OTP.md +1 -0
- package/lib/module/Input/README_INPUT_SELECT.md +1 -0
- package/lib/module/Input/README_INPUT_YEAR.md +115 -0
- package/lib/module/Input/Switch.js +6 -2
- package/lib/module/Input/Switch.js.map +1 -1
- package/lib/module/Input/TextArea.js +5 -0
- package/lib/module/Input/TextArea.js.map +1 -1
- package/lib/module/Input/partials/InputFile/CardTrigger.js +3 -1
- package/lib/module/Input/partials/InputFile/CardTrigger.js.map +1 -1
- package/lib/module/Input/partials/InputFile/CardTriggerSmall.js +5 -2
- package/lib/module/Input/partials/InputFile/CardTriggerSmall.js.map +1 -1
- package/lib/module/Input/partials/InputFile/ItemPreview.js +6 -1
- package/lib/module/Input/partials/InputFile/ItemPreview.js.map +1 -1
- package/lib/module/Input/partials/PickerField.js +114 -0
- package/lib/module/Input/partials/PickerField.js.map +1 -0
- package/lib/module/Label/Label.js +3 -1
- package/lib/module/Label/Label.js.map +1 -1
- package/lib/module/Label/README.md +1 -0
- package/lib/module/LabelForm/LabelForm.js +3 -1
- package/lib/module/LabelForm/LabelForm.js.map +1 -1
- package/lib/module/List/List.js +3 -1
- package/lib/module/List/List.js.map +1 -1
- package/lib/module/List/ListItem.js +3 -1
- package/lib/module/List/ListItem.js.map +1 -1
- package/lib/module/List/README.md +2 -0
- package/lib/module/Loading/Loading.js +3 -1
- package/lib/module/Loading/Loading.js.map +1 -1
- package/lib/module/Modal/Modal.js +8 -2
- package/lib/module/Modal/Modal.js.map +1 -1
- package/lib/module/Modal/README.md +1 -0
- package/lib/module/Provider/RequiredUpdateAppsProvider.js +10 -1
- package/lib/module/Provider/RequiredUpdateAppsProvider.js.map +1 -1
- package/lib/module/RadioButton/README.md +1 -0
- package/lib/module/RadioButton/RadioButton.js +7 -2
- package/lib/module/RadioButton/RadioButton.js.map +1 -1
- package/lib/module/Select/README.md +1 -0
- package/lib/module/Select/README_Select.md +1 -0
- package/lib/module/Select/Select.js +12 -3
- package/lib/module/Select/Select.js.map +1 -1
- package/lib/module/Skeleton/README.md +1 -0
- package/lib/module/Skeleton/Skeleton.js +3 -1
- package/lib/module/Skeleton/Skeleton.js.map +1 -1
- package/lib/module/Spinner/Spinner.js +3 -1
- package/lib/module/Spinner/Spinner.js.map +1 -1
- package/lib/module/Step/README.md +2 -0
- package/lib/module/Step/Step.js +3 -1
- package/lib/module/Step/Step.js.map +1 -1
- package/lib/module/Step/StepItem.js +4 -1
- package/lib/module/Step/StepItem.js.map +1 -1
- package/lib/module/Tab/README.md +1 -0
- package/lib/module/Tab/Tab.js +6 -1
- package/lib/module/Tab/Tab.js.map +1 -1
- package/lib/module/TextEditor/LinkSheet.js +84 -0
- package/lib/module/TextEditor/LinkSheet.js.map +1 -0
- package/lib/module/TextEditor/README.md +52 -2
- package/lib/module/TextEditor/TextEditor.js +77 -458
- package/lib/module/TextEditor/TextEditor.js.map +1 -1
- package/lib/module/TextEditor/Toolbar.js +71 -0
- package/lib/module/TextEditor/Toolbar.js.map +1 -0
- package/lib/module/TextEditor/editorDocument.js +235 -0
- package/lib/module/TextEditor/editorDocument.js.map +1 -0
- package/lib/module/TextEditor/formatState.js +186 -0
- package/lib/module/TextEditor/formatState.js.map +1 -0
- package/lib/module/TextEditor/toolbarButtons.js +81 -0
- package/lib/module/TextEditor/toolbarButtons.js.map +1 -0
- package/lib/module/TextEditor/types.js +2 -0
- package/lib/module/Timeline/README.md +2 -0
- package/lib/module/Timeline/Timeline.js +3 -1
- package/lib/module/Timeline/Timeline.js.map +1 -1
- package/lib/module/Timeline/TimelineItem.js +3 -1
- package/lib/module/Timeline/TimelineItem.js.map +1 -1
- package/lib/module/Toast/README.md +16 -0
- package/lib/module/Toast/Toast.js +6 -1
- package/lib/module/Toast/Toast.js.map +1 -1
- package/lib/module/Typography/README.md +1 -0
- package/lib/module/Typography/Typography.js +3 -1
- package/lib/module/Typography/Typography.js.map +1 -1
- package/lib/module/Typography/type.js.map +1 -1
- package/lib/module/Ui/Card.js +4 -1
- package/lib/module/Ui/Card.js.map +1 -1
- package/lib/module/Ui/Center.js +3 -1
- package/lib/module/Ui/Center.js.map +1 -1
- package/lib/module/Ui/Col.js +3 -1
- package/lib/module/Ui/Col.js.map +1 -1
- package/lib/module/Ui/Container.js +3 -1
- package/lib/module/Ui/Container.js.map +1 -1
- package/lib/module/Ui/Devider.js +4 -1
- package/lib/module/Ui/Devider.js.map +1 -1
- package/lib/module/Ui/Footer.js +4 -2
- package/lib/module/Ui/Footer.js.map +1 -1
- package/lib/module/Ui/Gap.js +3 -1
- package/lib/module/Ui/Gap.js.map +1 -1
- package/lib/module/Ui/Grid.js +3 -1
- package/lib/module/Ui/Grid.js.map +1 -1
- package/lib/module/Ui/README_CARD.md +1 -0
- package/lib/module/Ui/README_CONTAINER.md +1 -0
- package/lib/module/Ui/README_DEVIDER.md +5 -0
- package/lib/module/Ui/README_FOOTER.md +9 -0
- package/lib/module/Ui/README_VIEWINSETS.md +1 -0
- package/lib/module/function/README_DATE_FORMATTER.md +35 -0
- package/lib/module/function/dateFormatter.js +29 -0
- package/lib/module/function/dateFormatter.js.map +1 -1
- package/lib/module/helpers/getTestID.js +15 -0
- package/lib/module/helpers/getTestID.js.map +1 -0
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/Accordion/Accordion.d.ts +1 -1
- package/lib/typescript/src/Accordion/Accordion.d.ts.map +1 -1
- package/lib/typescript/src/Accordion/AccordionItem.d.ts +1 -1
- package/lib/typescript/src/Accordion/AccordionItem.d.ts.map +1 -1
- package/lib/typescript/src/Accordion/type.d.ts +2 -0
- package/lib/typescript/src/Accordion/type.d.ts.map +1 -1
- package/lib/typescript/src/Alert/Alert.d.ts +1 -0
- package/lib/typescript/src/Alert/Alert.d.ts.map +1 -1
- package/lib/typescript/src/Avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/src/Avatar/AvatarGroup.d.ts.map +1 -1
- package/lib/typescript/src/Avatar/type.d.ts +2 -0
- package/lib/typescript/src/Avatar/type.d.ts.map +1 -1
- package/lib/typescript/src/Badge/Badge.d.ts +1 -0
- package/lib/typescript/src/Badge/Badge.d.ts.map +1 -1
- package/lib/typescript/src/BadgeIcon/BadgeIcon.d.ts +1 -0
- package/lib/typescript/src/BadgeIcon/BadgeIcon.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheet/BottomSheet.d.ts +1 -1
- package/lib/typescript/src/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/src/BottomSheet/type.d.ts +1 -0
- package/lib/typescript/src/BottomSheet/type.d.ts.map +1 -1
- package/lib/typescript/src/Button/Button.d.ts.map +1 -1
- package/lib/typescript/src/Button/type.d.ts +1 -0
- package/lib/typescript/src/Button/type.d.ts.map +1 -1
- package/lib/typescript/src/Calendar/Calendar.d.ts +1 -1
- package/lib/typescript/src/Calendar/Calendar.d.ts.map +1 -1
- package/lib/typescript/src/Calendar/CalendarPropsType.d.ts +6 -0
- package/lib/typescript/src/Calendar/CalendarPropsType.d.ts.map +1 -1
- package/lib/typescript/src/CheckBox/CheckBox.d.ts +1 -0
- package/lib/typescript/src/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/src/CheckBox/CheckBoxList.d.ts +1 -0
- package/lib/typescript/src/CheckBox/CheckBoxList.d.ts.map +1 -1
- package/lib/typescript/src/Chip/Chip.d.ts.map +1 -1
- package/lib/typescript/src/Chip/ChipItem.d.ts +1 -1
- package/lib/typescript/src/Chip/ChipItem.d.ts.map +1 -1
- package/lib/typescript/src/Chip/type.d.ts +2 -0
- package/lib/typescript/src/Chip/type.d.ts.map +1 -1
- package/lib/typescript/src/CounterButton/CounterButton.d.ts +1 -1
- package/lib/typescript/src/CounterButton/CounterButton.d.ts.map +1 -1
- package/lib/typescript/src/CounterButton/type.d.ts +1 -0
- package/lib/typescript/src/CounterButton/type.d.ts.map +1 -1
- package/lib/typescript/src/DatePicker/DatePicker.d.ts +2 -1
- package/lib/typescript/src/DatePicker/DatePicker.d.ts.map +1 -1
- package/lib/typescript/src/DatePicker/MonthPicker.d.ts +2 -1
- package/lib/typescript/src/DatePicker/MonthPicker.d.ts.map +1 -1
- package/lib/typescript/src/DatePicker/TimePicker.d.ts +2 -1
- package/lib/typescript/src/DatePicker/TimePicker.d.ts.map +1 -1
- package/lib/typescript/src/DatePicker/YearPicker.d.ts +5 -1
- package/lib/typescript/src/DatePicker/YearPicker.d.ts.map +1 -1
- package/lib/typescript/src/Drawing/Drawing.d.ts +2 -1
- package/lib/typescript/src/Drawing/Drawing.d.ts.map +1 -1
- package/lib/typescript/src/DropDown/DropDown.d.ts +1 -1
- package/lib/typescript/src/DropDown/DropDown.d.ts.map +1 -1
- package/lib/typescript/src/DropDown/type.d.ts +1 -0
- package/lib/typescript/src/DropDown/type.d.ts.map +1 -1
- package/lib/typescript/src/FileView/PdfView.d.ts +2 -1
- package/lib/typescript/src/FileView/PdfView.d.ts.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/FileListStar.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/FileListStar.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/TextFill.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/TextFill.d.ts.map +1 -0
- package/lib/typescript/src/Icon/type.d.ts +2 -1
- package/lib/typescript/src/Icon/type.d.ts.map +1 -1
- package/lib/typescript/src/Input/Input.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputDate.d.ts +6 -2
- package/lib/typescript/src/Input/InputDate.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputFile.d.ts +1 -1
- package/lib/typescript/src/Input/InputFile.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputMonth.d.ts +29 -1
- package/lib/typescript/src/Input/InputMonth.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputOtp.d.ts +1 -0
- package/lib/typescript/src/Input/InputOtp.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputPassword.d.ts +2 -1
- package/lib/typescript/src/Input/InputPassword.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputSelect.d.ts +4 -2
- package/lib/typescript/src/Input/InputSelect.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputYear.d.ts +34 -0
- package/lib/typescript/src/Input/InputYear.d.ts.map +1 -0
- package/lib/typescript/src/Input/Switch.d.ts +2 -1
- package/lib/typescript/src/Input/Switch.d.ts.map +1 -1
- package/lib/typescript/src/Input/TextArea.d.ts +1 -1
- package/lib/typescript/src/Input/TextArea.d.ts.map +1 -1
- package/lib/typescript/src/Input/partials/InputFile/CardTrigger.d.ts +2 -1
- package/lib/typescript/src/Input/partials/InputFile/CardTrigger.d.ts.map +1 -1
- package/lib/typescript/src/Input/partials/InputFile/CardTriggerSmall.d.ts +2 -1
- package/lib/typescript/src/Input/partials/InputFile/CardTriggerSmall.d.ts.map +1 -1
- package/lib/typescript/src/Input/partials/InputFile/ItemPreview.d.ts +2 -1
- package/lib/typescript/src/Input/partials/InputFile/ItemPreview.d.ts.map +1 -1
- package/lib/typescript/src/Input/partials/PickerField.d.ts +25 -0
- package/lib/typescript/src/Input/partials/PickerField.d.ts.map +1 -0
- package/lib/typescript/src/Input/type.d.ts +13 -0
- package/lib/typescript/src/Input/type.d.ts.map +1 -1
- package/lib/typescript/src/Label/Label.d.ts +2 -1
- package/lib/typescript/src/Label/Label.d.ts.map +1 -1
- package/lib/typescript/src/LabelForm/LabelForm.d.ts +2 -1
- package/lib/typescript/src/LabelForm/LabelForm.d.ts.map +1 -1
- package/lib/typescript/src/List/List.d.ts +1 -1
- package/lib/typescript/src/List/List.d.ts.map +1 -1
- package/lib/typescript/src/List/ListItem.d.ts +1 -1
- package/lib/typescript/src/List/ListItem.d.ts.map +1 -1
- package/lib/typescript/src/List/type.d.ts +2 -0
- package/lib/typescript/src/List/type.d.ts.map +1 -1
- package/lib/typescript/src/Loading/Loading.d.ts +1 -0
- package/lib/typescript/src/Loading/Loading.d.ts.map +1 -1
- package/lib/typescript/src/Modal/Modal.d.ts +1 -0
- package/lib/typescript/src/Modal/Modal.d.ts.map +1 -1
- package/lib/typescript/src/Provider/RequiredUpdateAppsProvider.d.ts.map +1 -1
- package/lib/typescript/src/RadioButton/RadioButton.d.ts +1 -0
- package/lib/typescript/src/RadioButton/RadioButton.d.ts.map +1 -1
- package/lib/typescript/src/Select/Select.d.ts +1 -1
- package/lib/typescript/src/Select/Select.d.ts.map +1 -1
- package/lib/typescript/src/Select/type.d.ts +1 -0
- package/lib/typescript/src/Select/type.d.ts.map +1 -1
- package/lib/typescript/src/Skeleton/Skeleton.d.ts.map +1 -1
- package/lib/typescript/src/Skeleton/type.d.ts +1 -0
- package/lib/typescript/src/Skeleton/type.d.ts.map +1 -1
- package/lib/typescript/src/Spinner/Spinner.d.ts +7 -4
- package/lib/typescript/src/Spinner/Spinner.d.ts.map +1 -1
- package/lib/typescript/src/Step/Step.d.ts +1 -1
- package/lib/typescript/src/Step/Step.d.ts.map +1 -1
- package/lib/typescript/src/Step/StepItem.d.ts +1 -1
- package/lib/typescript/src/Step/StepItem.d.ts.map +1 -1
- package/lib/typescript/src/Step/type.d.ts +2 -0
- package/lib/typescript/src/Step/type.d.ts.map +1 -1
- package/lib/typescript/src/Tab/Tab.d.ts.map +1 -1
- package/lib/typescript/src/Tab/type.d.ts +1 -0
- package/lib/typescript/src/Tab/type.d.ts.map +1 -1
- package/lib/typescript/src/TextEditor/LinkSheet.d.ts +26 -0
- package/lib/typescript/src/TextEditor/LinkSheet.d.ts.map +1 -0
- package/lib/typescript/src/TextEditor/TextEditor.d.ts +2 -19
- package/lib/typescript/src/TextEditor/TextEditor.d.ts.map +1 -1
- package/lib/typescript/src/TextEditor/Toolbar.d.ts +16 -0
- package/lib/typescript/src/TextEditor/Toolbar.d.ts.map +1 -0
- package/lib/typescript/src/TextEditor/editorDocument.d.ts +20 -0
- package/lib/typescript/src/TextEditor/editorDocument.d.ts.map +1 -0
- package/lib/typescript/src/TextEditor/formatState.d.ts +34 -0
- package/lib/typescript/src/TextEditor/formatState.d.ts.map +1 -0
- package/lib/typescript/src/TextEditor/toolbarButtons.d.ts +5 -0
- package/lib/typescript/src/TextEditor/toolbarButtons.d.ts.map +1 -0
- package/lib/typescript/src/TextEditor/types.d.ts +42 -0
- package/lib/typescript/src/TextEditor/types.d.ts.map +1 -1
- package/lib/typescript/src/Timeline/Timeline.d.ts +2 -1
- package/lib/typescript/src/Timeline/Timeline.d.ts.map +1 -1
- package/lib/typescript/src/Timeline/TimelineItem.d.ts +2 -1
- package/lib/typescript/src/Timeline/TimelineItem.d.ts.map +1 -1
- package/lib/typescript/src/Toast/Toast.d.ts +2 -1
- package/lib/typescript/src/Toast/Toast.d.ts.map +1 -1
- package/lib/typescript/src/Typography/Typography.d.ts.map +1 -1
- package/lib/typescript/src/Typography/type.d.ts +1 -0
- package/lib/typescript/src/Typography/type.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Card.d.ts +2 -1
- package/lib/typescript/src/Ui/Card.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Center.d.ts +2 -1
- package/lib/typescript/src/Ui/Center.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Col.d.ts +1 -0
- package/lib/typescript/src/Ui/Col.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Container.d.ts +2 -1
- package/lib/typescript/src/Ui/Container.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Devider.d.ts +3 -1
- package/lib/typescript/src/Ui/Devider.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Footer.d.ts +1 -0
- package/lib/typescript/src/Ui/Footer.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Gap.d.ts +2 -1
- package/lib/typescript/src/Ui/Gap.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Grid.d.ts +1 -0
- package/lib/typescript/src/Ui/Grid.d.ts.map +1 -1
- package/lib/typescript/src/function/dateFormatter.d.ts +11 -0
- package/lib/typescript/src/function/dateFormatter.d.ts.map +1 -1
- package/lib/typescript/src/helpers/getTestID.d.ts +10 -0
- package/lib/typescript/src/helpers/getTestID.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +6 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +19 -6
- package/src/Accordion/Accordion.tsx +6 -1
- package/src/Accordion/AccordionItem.tsx +2 -1
- package/src/Accordion/README.md +2 -0
- package/src/Accordion/type.tsx +2 -0
- package/src/Alert/Alert.tsx +3 -0
- package/src/Alert/README.md +1 -0
- package/src/Avatar/Avatar.tsx +2 -0
- package/src/Avatar/AvatarGroup.tsx +2 -1
- package/src/Avatar/README_AVATAR.md +1 -0
- package/src/Avatar/README_AVATARGROUP.md +1 -0
- package/src/Avatar/type.tsx +2 -0
- package/src/Badge/Badge.tsx +4 -0
- package/src/Badge/README.md +1 -0
- package/src/BadgeIcon/BadgeIcon.tsx +3 -0
- package/src/BadgeIcon/README.md +1 -0
- package/src/BottomSheet/BottomSheet.tsx +20 -13
- package/src/BottomSheet/README.md +1 -0
- package/src/BottomSheet/type.tsx +1 -0
- package/src/Button/Button.tsx +2 -0
- package/src/Button/README.md +1 -0
- package/src/Button/type.tsx +1 -0
- package/src/Calendar/Calendar.tsx +8 -1
- package/src/Calendar/CalendarPropsType.tsx +6 -0
- package/src/Calendar/README.md +2 -0
- package/src/CheckBox/CheckBox.tsx +13 -2
- package/src/CheckBox/CheckBoxList.tsx +7 -1
- package/src/CheckBox/README_CHECKBOX.md +1 -0
- package/src/CheckBox/README_CHECKBOXLIST.md +1 -0
- package/src/Chip/Chip.tsx +18 -5
- package/src/Chip/ChipItem.tsx +2 -0
- package/src/Chip/README.md +26 -2
- package/src/Chip/README_CHIP_ITEM.md +1 -0
- package/src/Chip/type.tsx +2 -0
- package/src/CounterButton/CounterButton.tsx +5 -0
- package/src/CounterButton/README.md +1 -0
- package/src/CounterButton/type.tsx +1 -0
- package/src/DatePicker/DatePicker.tsx +21 -5
- package/src/DatePicker/MonthPicker.tsx +7 -0
- package/src/DatePicker/README_DATEPICKER.md +1 -0
- package/src/DatePicker/README_MONTHPICKER.md +1 -0
- package/src/DatePicker/README_TIMEPICKER.md +1 -0
- package/src/DatePicker/README_YEARPICKER.md +1 -0
- package/src/DatePicker/TimePicker.tsx +8 -0
- package/src/DatePicker/YearPicker.tsx +16 -3
- package/src/Drawing/Drawing.tsx +3 -1
- package/src/Drawing/README.md +1 -0
- package/src/DropDown/DropDown.tsx +12 -1
- package/src/DropDown/README.md +1 -0
- package/src/DropDown/type.tsx +1 -0
- package/src/FileView/PDF_VIEW_README.md +11 -0
- package/src/FileView/PdfView.tsx +4 -3
- package/src/Icon/Icon.tsx +14 -2
- package/src/Icon/README.md +1 -0
- package/src/Icon/icons/FileListStar.tsx +23 -0
- package/src/Icon/icons/TextFill.tsx +19 -0
- package/src/Icon/type.tsx +3 -0
- package/src/Input/Input.tsx +17 -2
- package/src/Input/InputDate.tsx +40 -15
- package/src/Input/InputFile.tsx +27 -14
- package/src/Input/InputMonth.tsx +152 -1
- package/src/Input/InputOtp.tsx +12 -2
- package/src/Input/InputPassword.tsx +6 -1
- package/src/Input/InputSelect.tsx +30 -13
- package/src/Input/InputYear.tsx +125 -0
- package/src/Input/README_INPUT.md +1 -0
- package/src/Input/README_INPUT_DATE.md +18 -0
- package/src/Input/README_INPUT_FILE.md +1 -0
- package/src/Input/README_INPUT_MONTH.md +132 -0
- package/src/Input/README_INPUT_OTP.md +1 -0
- package/src/Input/README_INPUT_SELECT.md +1 -0
- package/src/Input/README_INPUT_YEAR.md +115 -0
- package/src/Input/Switch.tsx +7 -1
- package/src/Input/TextArea.tsx +15 -2
- package/src/Input/partials/InputFile/CardTrigger.tsx +3 -0
- package/src/Input/partials/InputFile/CardTriggerSmall.tsx +4 -1
- package/src/Input/partials/InputFile/ItemPreview.tsx +12 -2
- package/src/Input/partials/PickerField.tsx +125 -0
- package/src/Input/type.tsx +14 -0
- package/src/Label/Label.tsx +3 -0
- package/src/Label/README.md +1 -0
- package/src/LabelForm/LabelForm.tsx +3 -1
- package/src/List/List.tsx +2 -2
- package/src/List/ListItem.tsx +2 -0
- package/src/List/README.md +2 -0
- package/src/List/type.tsx +2 -0
- package/src/Loading/Loading.tsx +3 -1
- package/src/Modal/Modal.tsx +15 -3
- package/src/Modal/README.md +1 -0
- package/src/Provider/RequiredUpdateAppsProvider.tsx +10 -1
- package/src/RadioButton/README.md +1 -0
- package/src/RadioButton/RadioButton.tsx +12 -2
- package/src/Select/README.md +1 -0
- package/src/Select/README_Select.md +1 -0
- package/src/Select/Select.tsx +13 -3
- package/src/Select/type.tsx +1 -0
- package/src/Skeleton/README.md +1 -0
- package/src/Skeleton/Skeleton.tsx +2 -0
- package/src/Skeleton/type.ts +1 -0
- package/src/Spinner/Spinner.tsx +15 -2
- package/src/Step/README.md +2 -0
- package/src/Step/Step.tsx +2 -2
- package/src/Step/StepItem.tsx +7 -2
- package/src/Step/type.tsx +2 -0
- package/src/Tab/README.md +1 -0
- package/src/Tab/Tab.tsx +12 -2
- package/src/Tab/type.tsx +1 -0
- package/src/TextEditor/LinkSheet.tsx +100 -0
- package/src/TextEditor/README.md +52 -2
- package/src/TextEditor/TextEditor.tsx +92 -500
- package/src/TextEditor/Toolbar.tsx +104 -0
- package/src/TextEditor/editorDocument.ts +246 -0
- package/src/TextEditor/formatState.ts +186 -0
- package/src/TextEditor/toolbarButtons.ts +41 -0
- package/src/TextEditor/types.tsx +63 -0
- package/src/Timeline/README.md +2 -0
- package/src/Timeline/Timeline.tsx +7 -2
- package/src/Timeline/TimelineItem.tsx +3 -1
- package/src/Toast/README.md +16 -0
- package/src/Toast/Toast.tsx +13 -2
- package/src/Typography/README.md +1 -0
- package/src/Typography/Typography.tsx +6 -1
- package/src/Typography/type.tsx +2 -10
- package/src/Ui/Card.tsx +4 -0
- package/src/Ui/Center.tsx +7 -2
- package/src/Ui/Col.tsx +7 -2
- package/src/Ui/Container.tsx +7 -2
- package/src/Ui/Devider.tsx +2 -2
- package/src/Ui/Footer.tsx +6 -3
- package/src/Ui/Gap.tsx +8 -2
- package/src/Ui/Grid.tsx +3 -2
- package/src/Ui/README_CARD.md +1 -0
- package/src/Ui/README_CONTAINER.md +1 -0
- package/src/Ui/README_DEVIDER.md +5 -0
- package/src/Ui/README_FOOTER.md +9 -0
- package/src/Ui/README_VIEWINSETS.md +1 -0
- package/src/function/README_DATE_FORMATTER.md +35 -0
- package/src/function/dateFormatter.ts +40 -0
- package/src/helpers/getTestID.ts +15 -0
- package/src/index.tsx +6 -0
- package/lib/module/Button/tests/Button.test.js +0 -70
- package/lib/module/Button/tests/Button.test.js.map +0 -1
- package/lib/typescript/src/Button/tests/Button.test.d.ts +0 -2
- package/lib/typescript/src/Button/tests/Button.test.d.ts.map +0 -1
- package/src/Button/tests/Button.test.tsx +0 -49
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Pressable, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
|
+
import Color from "../../Color/Color.js";
|
|
5
|
+
import Icon from "../../Icon/Icon.js";
|
|
6
|
+
import Typography from "../../Typography/Typography.js";
|
|
7
|
+
import { getTestID } from "../../helpers/getTestID.js";
|
|
8
|
+
import { layouting } from "../../styles/layouting.js";
|
|
9
|
+
import { spacing } from "../../styles/spacing.js";
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
/**
|
|
12
|
+
* The read-only trigger a picker-backed field sits behind: a label, one or two
|
|
13
|
+
* pressable slots, and an optional clear button.
|
|
14
|
+
*
|
|
15
|
+
* Shared by InputMonth and InputYear so the two cannot drift apart visually,
|
|
16
|
+
* and so neither has to restate InputDate's markup. It holds no state and does
|
|
17
|
+
* no formatting -- callers pass strings that are ready to show.
|
|
18
|
+
*/
|
|
19
|
+
export default function PickerField({
|
|
20
|
+
label,
|
|
21
|
+
placeholder,
|
|
22
|
+
placeholderEnd,
|
|
23
|
+
mode = 'single',
|
|
24
|
+
display,
|
|
25
|
+
displayEnd,
|
|
26
|
+
hasClear,
|
|
27
|
+
onPress,
|
|
28
|
+
onClear,
|
|
29
|
+
testID
|
|
30
|
+
}) {
|
|
31
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
32
|
+
style: styles.gap4,
|
|
33
|
+
children: [label ? /*#__PURE__*/_jsx(Typography, {
|
|
34
|
+
testID: getTestID(testID, 'label'),
|
|
35
|
+
variant: "t2",
|
|
36
|
+
weight: "semibold",
|
|
37
|
+
color: Color.gray[900],
|
|
38
|
+
children: label
|
|
39
|
+
}) : null, /*#__PURE__*/_jsxs(View, {
|
|
40
|
+
style: styles.wrapper,
|
|
41
|
+
children: [/*#__PURE__*/_jsxs(Pressable, {
|
|
42
|
+
testID: getTestID(testID, 'trigger'),
|
|
43
|
+
style: [styles.pickerTrigger, !!display && styles.hasValue],
|
|
44
|
+
onPress: onPress,
|
|
45
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
46
|
+
variant: "t2",
|
|
47
|
+
color: Color.gray[900],
|
|
48
|
+
weight: "medium",
|
|
49
|
+
children: display || placeholder
|
|
50
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
51
|
+
style: [layouting.flex.rowCenter, spacing.gap[8]],
|
|
52
|
+
children: [hasClear && !!display && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
53
|
+
testID: getTestID(testID, 'clear'),
|
|
54
|
+
style: styles.clear,
|
|
55
|
+
onPress: onClear,
|
|
56
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
57
|
+
name: "times-new",
|
|
58
|
+
size: 14,
|
|
59
|
+
color: "white"
|
|
60
|
+
})
|
|
61
|
+
}), /*#__PURE__*/_jsx(Icon, {
|
|
62
|
+
name: "ArrowDown",
|
|
63
|
+
size: 14,
|
|
64
|
+
color: Color.gray[700]
|
|
65
|
+
})]
|
|
66
|
+
})]
|
|
67
|
+
}), mode === 'range' && /*#__PURE__*/_jsxs(Pressable, {
|
|
68
|
+
testID: getTestID(testID, 'trigger-end'),
|
|
69
|
+
style: [styles.pickerTrigger, !!displayEnd && styles.hasValue],
|
|
70
|
+
onPress: onPress,
|
|
71
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
72
|
+
variant: "t2",
|
|
73
|
+
color: Color.gray[900],
|
|
74
|
+
weight: "medium",
|
|
75
|
+
children: displayEnd || placeholderEnd
|
|
76
|
+
}), /*#__PURE__*/_jsx(Icon, {
|
|
77
|
+
name: "ArrowDown",
|
|
78
|
+
size: 14,
|
|
79
|
+
color: Color.gray[700]
|
|
80
|
+
})]
|
|
81
|
+
})]
|
|
82
|
+
})]
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
const styles = StyleSheet.create({
|
|
86
|
+
gap4: {
|
|
87
|
+
gap: 4
|
|
88
|
+
},
|
|
89
|
+
pickerTrigger: {
|
|
90
|
+
paddingVertical: 10,
|
|
91
|
+
paddingHorizontal: 12,
|
|
92
|
+
borderRadius: 8,
|
|
93
|
+
flexDirection: 'row',
|
|
94
|
+
justifyContent: 'space-between',
|
|
95
|
+
alignItems: 'center',
|
|
96
|
+
borderWidth: 1,
|
|
97
|
+
borderColor: Color.gray[200],
|
|
98
|
+
flex: 1
|
|
99
|
+
},
|
|
100
|
+
hasValue: {
|
|
101
|
+
borderColor: Color.primary[300]
|
|
102
|
+
},
|
|
103
|
+
wrapper: {
|
|
104
|
+
flexDirection: 'row',
|
|
105
|
+
gap: 8,
|
|
106
|
+
alignItems: 'center'
|
|
107
|
+
},
|
|
108
|
+
clear: {
|
|
109
|
+
backgroundColor: Color.gray[600],
|
|
110
|
+
borderRadius: 999,
|
|
111
|
+
padding: 3
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
//# sourceMappingURL=PickerField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Pressable","StyleSheet","TouchableOpacity","View","Color","Icon","Typography","getTestID","layouting","spacing","jsx","_jsx","jsxs","_jsxs","PickerField","label","placeholder","placeholderEnd","mode","display","displayEnd","hasClear","onPress","onClear","testID","style","styles","gap4","children","variant","weight","color","gray","wrapper","pickerTrigger","hasValue","flex","rowCenter","gap","clear","name","size","create","paddingVertical","paddingHorizontal","borderRadius","flexDirection","justifyContent","alignItems","borderWidth","borderColor","primary","backgroundColor","padding"],"sourceRoot":"../../../../src","sources":["Input/partials/PickerField.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -45,11 +45,13 @@ export default function Label({
|
|
|
45
45
|
label,
|
|
46
46
|
icon,
|
|
47
47
|
children,
|
|
48
|
-
color = 'default'
|
|
48
|
+
color = 'default',
|
|
49
|
+
testID
|
|
49
50
|
}) {
|
|
50
51
|
const safeColor = validColors.includes(color) ? color : 'default';
|
|
51
52
|
const colors = LABEL_COLOR_MAP[safeColor];
|
|
52
53
|
return /*#__PURE__*/_jsx(View, {
|
|
54
|
+
testID: testID,
|
|
53
55
|
style: [styles.container, {
|
|
54
56
|
backgroundColor: colors.backgroundColor
|
|
55
57
|
}],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","React","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","validColors","LABEL_COLOR_MAP","default","backgroundColor","gray","textColor","success","danger","primary","warning","info","orange","purple","Label","label","icon","children","color","safeColor","includes","colors","style","styles","container","content","name","variant","create","paddingVertical","borderRadius","alignSelf","flexDirection","alignItems","marginLeft"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,mBAAgB;AAElC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,IAAI,MAAM,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","React","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","validColors","LABEL_COLOR_MAP","default","backgroundColor","gray","textColor","success","danger","primary","warning","info","orange","purple","Label","label","icon","children","color","testID","safeColor","includes","colors","style","styles","container","content","name","variant","create","paddingVertical","borderRadius","alignSelf","flexDirection","alignItems","marginLeft"],"sourceRoot":"../../../src","sources":["Label/Label.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
| `color` | `'default' \| 'success' \| 'danger' \| 'primary' \| 'warning' \| 'info' \| 'purple' \| 'orange'` | `'default'` | Variasi warna latar dan teks. |
|
|
12
12
|
| `icon` | `IconNameProps` | `undefined` | Menampilkan ikon di sebelah kiri teks. |
|
|
13
13
|
| `size` | `'small' \| 'medium'` | `'medium'` | (Belum digunakan – untuk ekspansi ukuran ke depan.) |
|
|
14
|
+
| `testID` | `string` | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
14
15
|
|
|
15
16
|
---
|
|
16
17
|
|
|
@@ -7,9 +7,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
7
7
|
export default function LabelForm({
|
|
8
8
|
title,
|
|
9
9
|
required,
|
|
10
|
-
color = Color.gray[900]
|
|
10
|
+
color = Color.gray[900],
|
|
11
|
+
testID
|
|
11
12
|
}) {
|
|
12
13
|
return /*#__PURE__*/_jsx(View, {
|
|
14
|
+
testID: testID,
|
|
13
15
|
children: /*#__PURE__*/_jsxs(Typography, {
|
|
14
16
|
variant: "t2",
|
|
15
17
|
weight: "semibold",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","Typography","Color","jsx","_jsx","jsxs","_jsxs","LabelForm","title","required","color","gray","children","variant","weight","danger"],"sourceRoot":"../../../src","sources":["LabelForm/LabelForm.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["View","Typography","Color","jsx","_jsx","jsxs","_jsxs","LabelForm","title","required","color","gray","testID","children","variant","weight","danger"],"sourceRoot":"../../../src","sources":["LabelForm/LabelForm.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASnC,eAAe,SAASC,SAASA,CAAC;EAChCC,KAAK;EACLC,QAAQ;EACRC,KAAK,GAAGR,KAAK,CAACS,IAAI,CAAC,GAAG,CAAC;EACvBC;AACK,CAAC,EAAE;EACR,oBACER,IAAA,CAACJ,IAAI;IAACY,MAAM,EAAEA,MAAO;IAAAC,QAAA,eACnBP,KAAA,CAACL,UAAU;MAACa,OAAO,EAAC,IAAI;MAACC,MAAM,EAAC,UAAU;MAACL,KAAK,EAAEA,KAAM;MAAAG,QAAA,GACrDL,KAAK,EAAE,GAAG,EACVC,QAAQ,iBACPL,IAAA,CAACH,UAAU;QAACa,OAAO,EAAC,IAAI;QAACC,MAAM,EAAC,UAAU;QAACL,KAAK,EAAER,KAAK,CAACc,MAAM,CAAC,GAAG,CAAE;QAAAH,QAAA,EAAC;MAErE,CAAY,CACb;IAAA,CACS;EAAC,CACT,CAAC;AAEX","ignoreList":[]}
|
package/lib/module/List/List.js
CHANGED
|
@@ -7,10 +7,12 @@ import Theme from "../Theme/Theme.js";
|
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export default function List({
|
|
9
9
|
children,
|
|
10
|
-
style
|
|
10
|
+
style,
|
|
11
|
+
testID
|
|
11
12
|
}) {
|
|
12
13
|
const validChildren = React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
|
|
13
14
|
return /*#__PURE__*/_jsx(View, {
|
|
15
|
+
testID: testID,
|
|
14
16
|
style: [styles.container, style],
|
|
15
17
|
children: React.Children.map(validChildren, (child, index) => {
|
|
16
18
|
const isLast = index === validChildren.length - 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Color","Theme","jsx","_jsx","List","children","style","validChildren","Children","toArray","filter","child","isValidElement","styles","container","map","index","isLast","length","cloneElement","create","borderWidth","borderRadius","radius","md","borderColor","gray","overflow"],"sourceRoot":"../../../src","sources":["List/List.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,eAAe,SAASC,IAAIA,CAAC;EAAEC,QAAQ;EAAEC;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Color","Theme","jsx","_jsx","List","children","style","testID","validChildren","Children","toArray","filter","child","isValidElement","styles","container","map","index","isLast","length","cloneElement","create","borderWidth","borderRadius","radius","md","borderColor","gray","overflow"],"sourceRoot":"../../../src","sources":["List/List.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,eAAe,SAASC,IAAIA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAkB,CAAC,EAAE;EACnE,MAAMC,aAAa,GAAGX,KAAK,CAACY,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC,CAACM,MAAM,CAAEC,KAAK,iBAClEf,KAAK,CAACgB,cAAc,CAACD,KAAK,CAC5B,CAAC;EAED,oBACET,IAAA,CAACJ,IAAI;IAACQ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACQ,MAAM,CAACC,SAAS,EAAET,KAAK,CAAE;IAAAD,QAAA,EACpDR,KAAK,CAACY,QAAQ,CAACO,GAAG,CAACR,aAAa,EAAE,CAACI,KAAK,EAAEK,KAAK,KAAK;MACnD,MAAMC,MAAM,GAAGD,KAAK,KAAKT,aAAa,CAACW,MAAM,GAAG,CAAC;MACjD,OAAO,aAAAtB,KAAK,CAACgB,cAAc,CAAgBD,KAAK,CAAC,gBAC7Cf,KAAK,CAACuB,YAAY,CAACR,KAAK,EAAE;QAAEM;MAAO,CAAC,CAAC,GACrCN,KAAK;IACX,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,MAAME,MAAM,GAAGhB,UAAU,CAACuB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEtB,KAAK,CAACuB,MAAM,CAACC,EAAE;IAC7BC,WAAW,EAAE1B,KAAK,CAAC2B,IAAI,CAAC,GAAG,CAAC;IAC5BC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -8,10 +8,12 @@ export default function ListItem({
|
|
|
8
8
|
children,
|
|
9
9
|
onPress,
|
|
10
10
|
style,
|
|
11
|
-
isLast = false
|
|
11
|
+
isLast = false,
|
|
12
|
+
testID
|
|
12
13
|
}) {
|
|
13
14
|
const Wrapper = onPress ? TouchableOpacity : View;
|
|
14
15
|
return /*#__PURE__*/_jsx(Wrapper, {
|
|
16
|
+
testID: testID,
|
|
15
17
|
onPress: onPress,
|
|
16
18
|
style: [styles.container, !isLast && styles.withBorder, style],
|
|
17
19
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","TouchableOpacity","Color","Theme","jsx","_jsx","ListItem","children","onPress","style","isLast","Wrapper","styles","container","withBorder","create","paddingHorizontal","spacing","md","paddingVertical","sm","backgroundColor","base","white100","borderBottomWidth","borderBottomColor","gray"],"sourceRoot":"../../../src","sources":["List/ListItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACjE,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,eAAe,SAASC,QAAQA,CAAC;EAC/BC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM,GAAG;
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","TouchableOpacity","Color","Theme","jsx","_jsx","ListItem","children","onPress","style","isLast","testID","Wrapper","styles","container","withBorder","create","paddingHorizontal","spacing","md","paddingVertical","sm","backgroundColor","base","white100","borderBottomWidth","borderBottomColor","gray"],"sourceRoot":"../../../src","sources":["List/ListItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACjE,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC,eAAe,SAASC,QAAQA,CAAC;EAC/BC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC;AACa,CAAC,EAAE;EAChB,MAAMC,OAAO,GAAGJ,OAAO,GAAGP,gBAAgB,GAAGD,IAAI;EAEjD,oBACEK,IAAA,CAACO,OAAO;IACND,MAAM,EAAEA,MAAO;IACfH,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAE,CAACJ,MAAM,IAAIG,MAAM,CAACE,UAAU,EAAEN,KAAK,CAAE;IAAAF,QAAA,EAE9DA;EAAQ,CACF,CAAC;AAEd;AAEA,MAAMM,MAAM,GAAGd,UAAU,CAACiB,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,iBAAiB,EAAEd,KAAK,CAACe,OAAO,CAACC,EAAE;IACnCC,eAAe,EAAEjB,KAAK,CAACe,OAAO,CAACG,EAAE;IACjCC,eAAe,EAAEpB,KAAK,CAACqB,IAAI,CAACC;EAC9B,CAAC;EACDT,UAAU,EAAE;IACVU,iBAAiB,EAAE,CAAC;IACpBC,iBAAiB,EAAExB,KAAK,CAACyB,IAAI,CAAC,GAAG;EACnC;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -38,6 +38,7 @@ export default function SettingMenu() {
|
|
|
38
38
|
| ---------- | ----------- | ----- | ------- | ------------------------------ |
|
|
39
39
|
| `children` | `ReactNode` | ✅ | — | Satu atau beberapa `ListItem`. |
|
|
40
40
|
| `style` | `ViewStyle` | ❌ | — | Gaya tambahan untuk container. |
|
|
41
|
+
| `testID` | `string` | ❌ | — | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
41
42
|
|
|
42
43
|
### ListItem
|
|
43
44
|
| Prop | Type | Wajib | Default | Deskripsi |
|
|
@@ -47,3 +48,4 @@ export default function SettingMenu() {
|
|
|
47
48
|
| `style` | `StyleProp<ViewStyle>` | ❌ | — | Gaya tambahan untuk baris. |
|
|
48
49
|
| `isLast` | `boolean` | 🚫 | — | Diisi otomatis oleh `List` untuk menghapus border bawah pada baris akhir. |
|
|
49
50
|
| `index` | `number` | 🚫 | — | Tidak digunakan—disediakan untuk extensibility. |
|
|
51
|
+
| `testID` | `string` | ❌ | — | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
@@ -7,9 +7,11 @@ const Loading = ({
|
|
|
7
7
|
message = 'Loading...',
|
|
8
8
|
size = 'large',
|
|
9
9
|
color = '#007AFF',
|
|
10
|
-
variant = 'circle'
|
|
10
|
+
variant = 'circle',
|
|
11
|
+
testID
|
|
11
12
|
}) => {
|
|
12
13
|
return /*#__PURE__*/_jsxs(View, {
|
|
14
|
+
testID: testID,
|
|
13
15
|
style: styles.wrapper,
|
|
14
16
|
children: [/*#__PURE__*/_jsx(View, {
|
|
15
17
|
style: [styles.container, variant === 'square' ? styles.square : styles.circle],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","ActivityIndicator","StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","Loading","message","size","color","variant","style","styles","wrapper","children","container","square","circle","create","flex","zIndex","padding","justifyContent","alignItems","backgroundColor","borderRadius","width","height","marginTop","fontSize"],"sourceRoot":"../../../src","sources":["Loading/Loading.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["React","View","ActivityIndicator","StyleSheet","Text","jsx","_jsx","jsxs","_jsxs","Loading","message","size","color","variant","testID","style","styles","wrapper","children","container","square","circle","create","flex","zIndex","padding","justifyContent","alignItems","backgroundColor","borderRadius","width","height","marginTop","fontSize"],"sourceRoot":"../../../src","sources":["Loading/Loading.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUzE,MAAMC,OAA+B,GAAGA,CAAC;EACvCC,OAAO,GAAG,YAAY;EACtBC,IAAI,GAAG,OAAO;EACdC,KAAK,GAAG,SAAS;EACjBC,OAAO,GAAG,QAAQ;EAClBC;AACF,CAAC,KAAK;EACJ,oBACEN,KAAA,CAACP,IAAI;IAACa,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;IAAAC,QAAA,gBAC1CZ,IAAA,CAACL,IAAI;MACHc,KAAK,EAAE,CACLC,MAAM,CAACG,SAAS,EAChBN,OAAO,KAAK,QAAQ,GAAGG,MAAM,CAACI,MAAM,GAAGJ,MAAM,CAACK,MAAM,CACpD;MAAAH,QAAA,eAEFZ,IAAA,CAACJ,iBAAiB;QAACS,IAAI,EAAEA,IAAK;QAACC,KAAK,EAAEA;MAAM,CAAE;IAAC,CAC3C,CAAC,eACPN,IAAA,CAACF,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACN,OAAQ;MAAAQ,QAAA,EAAER;IAAO,CAAO,CAAC;EAAA,CACzC,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGb,UAAU,CAACmB,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE;EACV,CAAC;EACDL,SAAS,EAAE;IACTM,OAAO,EAAE,EAAE;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDN,MAAM,EAAE,CAAC,CAAC;EACVD,MAAM,EAAE;IACNQ,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE,EAAE;IAChBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV,CAAC;EACDrB,OAAO,EAAE;IACPsB,SAAS,EAAE,EAAE;IACbC,QAAQ,EAAE,EAAE;IACZrB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAeH,OAAO","ignoreList":[]}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Color, Icon } from '@herca/rn-kit';
|
|
4
3
|
import React, { useState, useEffect, useCallback } from 'react';
|
|
5
4
|
import { View, StyleSheet, Modal, TouchableOpacity, Animated, SafeAreaView, Platform } from 'react-native';
|
|
5
|
+
import Color from "../Color/Color.js";
|
|
6
|
+
import Icon from "../Icon/Icon.js";
|
|
7
|
+
import { getTestID } from "../helpers/getTestID.js";
|
|
6
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
9
|
const ModalPopUp = ({
|
|
8
10
|
isOpen,
|
|
@@ -14,7 +16,8 @@ const ModalPopUp = ({
|
|
|
14
16
|
bgColor = '#fff',
|
|
15
17
|
width = '90%',
|
|
16
18
|
containerStyle,
|
|
17
|
-
modalStyle
|
|
19
|
+
modalStyle,
|
|
20
|
+
testID
|
|
18
21
|
}) => {
|
|
19
22
|
const [isVisible, setIsVisible] = useState(isOpen ?? false);
|
|
20
23
|
const scaleAnim = useState(() => new Animated.Value(0))[0];
|
|
@@ -66,14 +69,17 @@ const ModalPopUp = ({
|
|
|
66
69
|
children: /*#__PURE__*/_jsxs(View, {
|
|
67
70
|
style: [styles.modalContainer, containerStyle],
|
|
68
71
|
children: [backdrop && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
72
|
+
testID: getTestID(testID, 'backdrop'),
|
|
69
73
|
style: [styles.backdrop, styles.backdropTouch],
|
|
70
74
|
activeOpacity: 1,
|
|
71
75
|
onPress: handleBackdropPress
|
|
72
76
|
}), /*#__PURE__*/_jsxs(Animated.View, {
|
|
77
|
+
testID: testID,
|
|
73
78
|
style: [styles.modalContent, modalContentStyle],
|
|
74
79
|
children: [closable && /*#__PURE__*/_jsx(View, {
|
|
75
80
|
style: styles.closeButtonContainer,
|
|
76
81
|
children: /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
82
|
+
testID: getTestID(testID, 'close'),
|
|
77
83
|
onPress: userClose,
|
|
78
84
|
style: styles.closeButton,
|
|
79
85
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useCallback","View","StyleSheet","Modal","TouchableOpacity","Animated","SafeAreaView","Platform","Color","Icon","getTestID","jsx","_jsx","jsxs","_jsxs","ModalPopUp","isOpen","onClose","children","backdrop","closable","onRequestClose","bgColor","width","containerStyle","modalStyle","testID","isVisible","setIsVisible","scaleAnim","Value","animateIn","spring","toValue","useNativeDriver","damping","stiffness","start","userClose","handleBackdropPress","handleRequestClose","modalContentStyle","flatten","transform","scale","backgroundColor","maxHeight","transparent","visible","statusBarTranslucent","style","styles","modalContainer","backdropTouch","activeOpacity","onPress","modalContent","closeButtonContainer","closeButton","iconButtonClose","name","size","color","gray","contentContainer","create","flex","justifyContent","alignItems","position","top","left","right","bottom","height","borderRadius","overflow","select","ios","shadowColor","shadowOffset","shadowOpacity","shadowRadius","android","elevation","zIndex","alignContent","padding"],"sourceRoot":"../../../src","sources":["Modal/Modal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAC/D,SACEC,IAAI,EACJC,UAAU,EACVC,KAAK,EACLC,gBAAgB,EAChBC,QAAQ,EAERC,YAAY,EACZC,QAAQ,QAEH,cAAc;AACrB,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,SAASC,SAAS,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBjD,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ,GAAG,IAAI;EACfC,QAAQ,GAAG,IAAI;EACfC,cAAc;EACdC,OAAO,GAAG,MAAM;EAChBC,KAAK,GAAG,KAAK;EACbC,cAAc;EACdC,UAAU;EACVC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG9B,QAAQ,CAACkB,MAAM,IAAI,KAAK,CAAC;EAC3D,MAAMa,SAAS,GAAG/B,QAAQ,CAAC,MAAM,IAAIO,QAAQ,CAACyB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAE1D,MAAMC,SAAS,GAAG/B,WAAW,CAAC,MAAM;IAClCK,QAAQ,CAAC2B,MAAM,CAACH,SAAS,EAAE;MACzBI,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,IAAI;MACrBC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE;IACb,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf9B,SAAS,CAAC,MAAM;IACd,IAAIiB,MAAM,EAAE;MACVY,YAAY,CAAC,IAAI,CAAC;MAClBG,SAAS,CAAC,CAAC;IACb,CAAC,MAAM,IAAIJ,SAAS,EAAE;MACpBC,YAAY,CAAC,KAAK,CAAC;MACnBP,cAAc,GAAG,CAAC;MAClBJ,OAAO,GAAG,CAAC;IACb;;IAEA;EACF,CAAC,EAAE,CAACD,MAAM,EAAEe,SAAS,CAAC,CAAC;EAEvB,MAAMO,SAAS,GAAGtC,WAAW,CAAC,MAAM;IAClC,IAAI,CAACoB,QAAQ,EAAE;IACfQ,YAAY,CAAC,KAAK,CAAC;IACnBP,cAAc,GAAG,CAAC;IAClBJ,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACG,QAAQ,EAAEH,OAAO,EAAEI,cAAc,CAAC,CAAC;EAEvC,MAAMkB,mBAAmB,GAAGA,CAAA,KAAM;IAChCD,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAME,kBAAkB,GAAGA,CAAA,KAAM;IAC/BF,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAMG,iBAAiB,GAAGvC,UAAU,CAACwC,OAAO,CAAC,CAC3C;IACEC,SAAS,EAAE,CAAC;MAAEC,KAAK,EAAEf;IAAU,CAAC,CAAC;IACjCgB,eAAe,EAAEvB,OAAO;IACxBC,KAAK,EAAEA,KAAK;IACZuB,SAAS,EAAE;EACb,CAAC,EACDrB,UAAU,CACX,CAAC;EAEF,oBACEb,IAAA,CAACT,KAAK;IACJ4C,WAAW;IACXC,OAAO,EAAErB,SAAU;IACnBN,cAAc,EAAEmB,kBAAmB;IACnCS,oBAAoB;IAAA/B,QAAA,eAEpBJ,KAAA,CAACb,IAAI;MAACiD,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAE5B,cAAc,CAAE;MAAAN,QAAA,GAClDC,QAAQ,iBACPP,IAAA,CAACR,gBAAgB;QACfsB,MAAM,EAAEhB,SAAS,CAACgB,MAAM,EAAE,UAAU,CAAE;QACtCwB,KAAK,EAAE,CAACC,MAAM,CAAChC,QAAQ,EAAEgC,MAAM,CAACE,aAAa,CAAE;QAC/CC,aAAa,EAAE,CAAE;QACjBC,OAAO,EAAEhB;MAAoB,CAC9B,CACF,eACDzB,KAAA,CAACT,QAAQ,CAACJ,IAAI;QACZyB,MAAM,EAAEA,MAAO;QACfwB,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAEf,iBAAiB,CAAE;QAAAvB,QAAA,GAE/CE,QAAQ,iBACPR,IAAA,CAACX,IAAI;UAACiD,KAAK,EAAEC,MAAM,CAACM,oBAAqB;UAAAvC,QAAA,eACvCN,IAAA,CAACR,gBAAgB;YACfsB,MAAM,EAAEhB,SAAS,CAACgB,MAAM,EAAE,OAAO,CAAE;YACnC6B,OAAO,EAAEjB,SAAU;YACnBY,KAAK,EAAEC,MAAM,CAACO,WAAY;YAAAxC,QAAA,eAE1BN,IAAA,CAACX,IAAI;cAACiD,KAAK,EAAEC,MAAM,CAACQ,eAAgB;cAAAzC,QAAA,eAClCN,IAAA,CAACH,IAAI;gBAACmD,IAAI,EAAC,OAAO;gBAACC,IAAI,EAAE,EAAG;gBAACC,KAAK,EAAEtD,KAAK,CAACuD,IAAI,CAAC,GAAG;cAAE,CAAE;YAAC,CACnD;UAAC,CACS;QAAC,CACf,CACP,eACDnD,IAAA,CAACN,YAAY;UAAC4C,KAAK,EAAEC,MAAM,CAACa,gBAAiB;UAAA9C,QAAA,EAC1CA;QAAQ,CACG,CAAC;MAAA,CACF,CAAC;IAAA,CACZ;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,MAAMiC,MAAM,GAAGjD,UAAU,CAAC+D,MAAM,CAAC;EAC/Bb,cAAc,EAAE;IAAEc,IAAI,EAAE,CAAC;IAAEC,cAAc,EAAE,QAAQ;IAAEC,UAAU,EAAE;EAAS,CAAC;EAC3EjD,QAAQ,EAAE;IACRkD,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT5B,eAAe,EAAE;EACnB,CAAC;EACDQ,aAAa,EAAE;IAAE9B,KAAK,EAAE,MAAM;IAAEmD,MAAM,EAAE;EAAO,CAAC;EAChDlB,YAAY,EAAE;IACZmB,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE,SAAS;IACnB,GAAGrE,QAAQ,CAACsE,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,WAAW,EAAE,MAAM;QACnBC,YAAY,EAAE;UAAEzD,KAAK,EAAE,CAAC;UAAEmD,MAAM,EAAE;QAAE,CAAC;QACrCO,aAAa,EAAE,IAAI;QACnBC,YAAY,EAAE;MAChB,CAAC;MACDC,OAAO,EAAE;QAAEC,SAAS,EAAE;MAAE;IAC1B,CAAC;EACH,CAAC;EACD3B,oBAAoB,EAAE;IAAEY,QAAQ,EAAE,UAAU;IAAEC,GAAG,EAAE,EAAE;IAAEE,KAAK,EAAE,EAAE;IAAEa,MAAM,EAAE;EAAE,CAAC;EAC7E1B,eAAe,EAAE;IACfQ,cAAc,EAAE,QAAQ;IACxBmB,YAAY,EAAE,QAAQ;IACtBlB,UAAU,EAAE,QAAQ;IACpBF,IAAI,EAAE;EACR,CAAC;EACDR,WAAW,EAAE;IACXnC,KAAK,EAAE,EAAE;IACTmD,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChB9B,eAAe,EAAE;EACnB,CAAC;EACDmB,gBAAgB,EAAE;IAAEuB,OAAO,EAAE;EAAG;AAClC,CAAC,CAAC;AAEF,eAAexE,UAAU","ignoreList":[]}
|
|
@@ -37,3 +37,4 @@ export default function ExampleModal() {
|
|
|
37
37
|
| `height` | `DimensionValue` | `undefined` | Tinggi modal (opsional, gunakan scroll jika tidak cukup). |
|
|
38
38
|
| `containerStyle` | `ViewStyle` | `undefined` | Gaya tambahan untuk wrapper container (pusat layar). |
|
|
39
39
|
| `modalStyle` | `ViewStyle` | `undefined` | Gaya tambahan untuk modal box. |
|
|
40
|
+
| `testID` | `string` | `undefined` | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan pada elemen konten modal (tanpa suffix); menurunkan `-backdrop` dan `-close`. |
|
|
@@ -2,7 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
import { useEffect } from 'react';
|
|
4
4
|
import { Image, Platform, StyleSheet, View } from 'react-native';
|
|
5
|
-
|
|
5
|
+
// Imported from their own modules rather than the package barrel ('..'):
|
|
6
|
+
// index.tsx re-exports Provider, so going through the barrel here made
|
|
7
|
+
// index -> Provider -> index a cycle and dragged every native-backed export
|
|
8
|
+
// (document picker, blob util, pdf, webview) into anything that renders a
|
|
9
|
+
// Provider. Same modules, no cycle.
|
|
10
|
+
import Button from "../Button/Button.js";
|
|
11
|
+
import Card from "../Ui/Card.js";
|
|
12
|
+
import Color from "../Color/Color.js";
|
|
13
|
+
import Modal from "../Modal/Modal.js";
|
|
14
|
+
import Typography from "../Typography/Typography.js";
|
|
6
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
16
|
export default function RequiredUpdateAppsProvider({
|
|
8
17
|
title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","Image","Platform","StyleSheet","View","Button","Card","Color","Modal","Typography","jsx","_jsx","jsxs","_jsxs","RequiredUpdateAppsProvider","title","description","buttonText","onUpdate","fillScreen","isOpen","closable","modalStyle","styles","modalFill","undefined","children","style","alignItems","source","require","image","container","borderColor","content","variant","weight","color","gray","center","onPress","create","marginTop","OS","objectFit","height","gap","padding","position","top","left","right","bottom","width","maxHeight","justifyContent"],"sourceRoot":"../../../src","sources":["Provider/RequiredUpdateAppsProvider.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAChE,
|
|
1
|
+
{"version":3,"names":["useEffect","Image","Platform","StyleSheet","View","Button","Card","Color","Modal","Typography","jsx","_jsx","jsxs","_jsxs","RequiredUpdateAppsProvider","title","description","buttonText","onUpdate","fillScreen","isOpen","closable","modalStyle","styles","modalFill","undefined","children","style","alignItems","source","require","image","container","borderColor","content","variant","weight","color","gray","center","onPress","create","marginTop","OS","objectFit","height","gap","padding","position","top","left","right","bottom","width","maxHeight","justifyContent"],"sourceRoot":"../../../src","sources":["Provider/RequiredUpdateAppsProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,6 +18,7 @@ import RadioButton from './RadioButton';
|
|
|
18
18
|
| `selectedValue` | `string \| null` | `null` | Nilai yang saat ini dipilih oleh pengguna. |
|
|
19
19
|
| `onChange` | `(value: string) => void` | - | Fungsi callback saat item dipilih. |
|
|
20
20
|
| `direction` | `'vertical' \| 'horizontal'` | `'vertical'`| Arah layout dari item radio: vertikal atau horizontal. |
|
|
21
|
+
| `testID` | `string` | - | ID untuk automation testing (Maestro/Detox/Appium). Menurunkan `-option-{value}` dan `-option-{value}-label` untuk tiap item. |
|
|
21
22
|
|
|
22
23
|
## 📄 Tipe `RadioButtonItem`
|
|
23
24
|
|
|
@@ -2,13 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useState } from 'react';
|
|
4
4
|
import { View, StyleSheet, Pressable } from 'react-native';
|
|
5
|
-
import
|
|
5
|
+
import Typography from "../Typography/Typography.js";
|
|
6
|
+
import Color from "../Color/Color.js";
|
|
7
|
+
import { getTestID } from "../helpers/getTestID.js";
|
|
6
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
9
|
const RadioButton = ({
|
|
8
10
|
items,
|
|
9
11
|
selectedValue,
|
|
10
12
|
onChange,
|
|
11
|
-
direction = 'vertical'
|
|
13
|
+
direction = 'vertical',
|
|
14
|
+
testID
|
|
12
15
|
}) => {
|
|
13
16
|
const [internalValue, setInternalValue] = useState(selectedValue);
|
|
14
17
|
useEffect(() => {
|
|
@@ -36,6 +39,7 @@ const RadioButton = ({
|
|
|
36
39
|
return /*#__PURE__*/_jsx(View, {
|
|
37
40
|
style: styles.item,
|
|
38
41
|
children: /*#__PURE__*/_jsxs(Pressable, {
|
|
42
|
+
testID: getTestID(testID, `option-${item.value}`),
|
|
39
43
|
onPress: () => handleOnPress(item),
|
|
40
44
|
style: [styles.radioContainer, item.disabled && styles.disabled],
|
|
41
45
|
children: [/*#__PURE__*/_jsx(View, {
|
|
@@ -44,6 +48,7 @@ const RadioButton = ({
|
|
|
44
48
|
style: styles.innerCircle
|
|
45
49
|
})
|
|
46
50
|
}), /*#__PURE__*/_jsx(Typography, {
|
|
51
|
+
testID: getTestID(testID, `option-${item.value}-label`),
|
|
47
52
|
variant: "t2",
|
|
48
53
|
weight: "medium",
|
|
49
54
|
color: Color.gray[800],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Pressable","Typography","Color","jsx","_jsx","jsxs","_jsxs","RadioButton","items","selectedValue","onChange","direction","internalValue","setInternalValue","firstValidItem","find","item","disabled","value","handleOnPress","style","styles","container","horizontal","children","map","isChecked","onPress","radioContainer","outerCircle","checkedOuter","innerCircle","variant","weight","color","gray","label","create","gap","flexDirection","flexWrap","alignItems","marginRight","width","height","borderRadius","borderWidth","borderColor","justifyContent","primary","backgroundColor","opacity"],"sourceRoot":"../../../src","sources":["RadioButton/RadioButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAC1D,
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","View","StyleSheet","Pressable","Typography","Color","getTestID","jsx","_jsx","jsxs","_jsxs","RadioButton","items","selectedValue","onChange","direction","testID","internalValue","setInternalValue","firstValidItem","find","item","disabled","value","handleOnPress","style","styles","container","horizontal","children","map","isChecked","onPress","radioContainer","outerCircle","checkedOuter","innerCircle","variant","weight","color","gray","label","create","gap","flexDirection","flexWrap","alignItems","marginRight","width","height","borderRadius","borderWidth","borderColor","justifyContent","primary","backgroundColor","opacity"],"sourceRoot":"../../../src","sources":["RadioButton/RadioButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,6 +31,7 @@ Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan du
|
|
|
31
31
|
| `header` | ReactElement | – | Jika ingin chip mempunyai header. |
|
|
32
32
|
| `footer` | ReactElement | – | Jika ingin chip mempunyai footer. |
|
|
33
33
|
| `value` | ChipSelectedProps | – | Nilai pilihan yang dikontrol dari luar. Cocok untuk membuat komponen controlled. Akan mensinkronkan state internal selected dengan value setiap kali berubah. |
|
|
34
|
+
| `testID` | `string` | – | ID untuk automation testing (Maestro/Detox/Appium). Menurunkan `-sheet`, `-search`, `-submit`, dan `-option-{value}` (via `Chip`). |
|
|
34
35
|
|
|
35
36
|
## 📌 Contoh Penggunaan
|
|
36
37
|
|
|
@@ -34,6 +34,7 @@ Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan du
|
|
|
34
34
|
| `refreshing` | `boolean` | `false` | Status untuk pull-to-refresh |
|
|
35
35
|
| `onEndReached` | `() => void` | - | Dipanggil saat scroll mencapai akhir list |
|
|
36
36
|
| `onSelectedChange` | `onSelectedChange?: (value: ChipOptionProps[]) => void;` | - | Dipanggil saat selected berubah |
|
|
37
|
+
| `testID` | `string` | – | ID untuk automation testing (Maestro/Detox/Appium). Menurunkan `-sheet`, `-search`, `-submit`, dan `-option-{value}` (via `Chip`). |
|
|
37
38
|
|
|
38
39
|
## 📌 Contoh Penggunaan
|
|
39
40
|
|
|
@@ -9,6 +9,7 @@ import Input from "../Input/Input.js";
|
|
|
9
9
|
import Loading from "../Loading/Loading.js";
|
|
10
10
|
import { useToast } from "../Toast/ToastContext.js";
|
|
11
11
|
import { useRef } from 'react';
|
|
12
|
+
import { getTestID } from "../helpers/getTestID.js";
|
|
12
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
14
|
export default function Select({
|
|
14
15
|
isOpen,
|
|
@@ -30,7 +31,8 @@ export default function Select({
|
|
|
30
31
|
submitBtnLabel,
|
|
31
32
|
searchValue,
|
|
32
33
|
value,
|
|
33
|
-
onSelectedChange
|
|
34
|
+
onSelectedChange,
|
|
35
|
+
testID
|
|
34
36
|
}) {
|
|
35
37
|
const [selected, setSelected] = useState();
|
|
36
38
|
const [searchQuery, setSearchQuery] = useState(searchValue || '');
|
|
@@ -45,10 +47,13 @@ export default function Select({
|
|
|
45
47
|
const handleOnPresSubmitSelect = () => {
|
|
46
48
|
if (required && (!selected || selected.length === 0)) {
|
|
47
49
|
show('Please fill a item');
|
|
48
|
-
return
|
|
50
|
+
return;
|
|
49
51
|
}
|
|
50
52
|
onSubmit?.(selected ? selected : []);
|
|
51
|
-
|
|
53
|
+
|
|
54
|
+
// The single-select path closes itself right after onSubmit; this one used
|
|
55
|
+
// to just return a boolean that nothing read, so the sheet stayed open.
|
|
56
|
+
handleOnCloseBottom(false);
|
|
52
57
|
};
|
|
53
58
|
const searchTimeout = useRef(null);
|
|
54
59
|
const handleOnSearch = val => {
|
|
@@ -81,10 +86,12 @@ export default function Select({
|
|
|
81
86
|
}
|
|
82
87
|
}, [searchValue]);
|
|
83
88
|
return /*#__PURE__*/_jsx(BottomSheet, {
|
|
89
|
+
testID: getTestID(testID, 'sheet'),
|
|
84
90
|
onClose: val => handleOnCloseBottom(val),
|
|
85
91
|
isOpen: isOpen,
|
|
86
92
|
height: height,
|
|
87
93
|
footer: multiple ? /*#__PURE__*/_jsx(Button, {
|
|
94
|
+
testID: getTestID(testID, 'submit'),
|
|
88
95
|
title: submitBtnLabel ?? 'Lanjutkan',
|
|
89
96
|
color: "primary",
|
|
90
97
|
disabled: (!selected || selected.length === 0) && required,
|
|
@@ -98,6 +105,7 @@ export default function Select({
|
|
|
98
105
|
onPress: Keyboard.dismiss,
|
|
99
106
|
accessible: false,
|
|
100
107
|
children: /*#__PURE__*/_jsx(Input, {
|
|
108
|
+
testID: getTestID(testID, 'search'),
|
|
101
109
|
submitBehavior: "submit",
|
|
102
110
|
icon: "Search",
|
|
103
111
|
placeholder: "Search",
|
|
@@ -108,6 +116,7 @@ export default function Select({
|
|
|
108
116
|
}), loading ? /*#__PURE__*/_jsx(Loading, {}) : /*#__PURE__*/_jsx(View, {
|
|
109
117
|
style: styles.containerChip,
|
|
110
118
|
children: /*#__PURE__*/_jsx(Chip, {
|
|
119
|
+
testID: testID,
|
|
111
120
|
options: data,
|
|
112
121
|
direction: "vertical",
|
|
113
122
|
scrollable: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useState","useEffect","Keyboard","StyleSheet","TouchableWithoutFeedback","View","BottomSheet","Button","Chip","Input","Loading","useToast","useRef","jsx","_jsx","jsxs","_jsxs","Select","isOpen","data","renderItem","onClose","onSubmit","multiple","onSearch","required","loading","delaySearch","height","onRefresh","refreshing","footer","header","onEndReached","submitBtnLabel","searchValue","value","onSelectedChange","selected","setSelected","searchQuery","setSearchQuery","show","handleOnCloseBottom","val","handleOnPresSubmitSelect","length","searchTimeout","handleOnSearch","current","clearTimeout","setTimeout","undefined","title","color","disabled","onPress","children","style","styles","container","containerSearch","dismiss","accessible","submitBehavior","icon","placeholder","onChangeText","containerChip","options","direction","scrollable","size","block","onSelect","item","selectedData","filter","option","Array","isArray","includes","isSame","nextValue","create","marginBottom","gap","paddingBottom"],"sourceRoot":"../../../src","sources":["Select/Select.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AACxD,SACEC,QAAQ,EACRC,UAAU,EACVC,wBAAwB,EACxBC,IAAI,QACC,cAAc;AACrB,OAAOC,WAAW,MAAM,+BAA4B;AACpD,OAAOC,MAAM,MAAM,qBAAkB;AACrC,OAAOC,IAAI,MAAM,iBAAc;AAE/B,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,OAAO,MAAM,uBAAoB;AACxC,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAASC,MAAM,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["useCallback","useState","useEffect","Keyboard","StyleSheet","TouchableWithoutFeedback","View","BottomSheet","Button","Chip","Input","Loading","useToast","useRef","getTestID","jsx","_jsx","jsxs","_jsxs","Select","isOpen","data","renderItem","onClose","onSubmit","multiple","onSearch","required","loading","delaySearch","height","onRefresh","refreshing","footer","header","onEndReached","submitBtnLabel","searchValue","value","onSelectedChange","testID","selected","setSelected","searchQuery","setSearchQuery","show","handleOnCloseBottom","val","handleOnPresSubmitSelect","length","searchTimeout","handleOnSearch","current","clearTimeout","setTimeout","undefined","title","color","disabled","onPress","children","style","styles","container","containerSearch","dismiss","accessible","submitBehavior","icon","placeholder","onChangeText","containerChip","options","direction","scrollable","size","block","onSelect","item","selectedData","filter","option","Array","isArray","includes","isSame","nextValue","create","marginBottom","gap","paddingBottom"],"sourceRoot":"../../../src","sources":["Select/Select.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,6 +14,7 @@ Komponen `Skeleton` adalah placeholder UI yang menampilkan efek shimmer animasi,
|
|
|
14
14
|
| `backgroundColor` | `string` | `"#F0F0F0"` | Warna latar belakang dari blok skeleton. |
|
|
15
15
|
| `shimmerColor` | `string` | `"rgba(255, 255, 255, 0.7)"` | Warna efek shimmer yang bergerak. |
|
|
16
16
|
| `duration` | `number` | `1500` | Durasi animasi shimmer (dalam milidetik). |
|
|
17
|
+
| `testID` | `string` | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
17
18
|
|
|
18
19
|
---
|
|
19
20
|
|