@herca/rn-kit 0.1.113 → 0.1.115
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 +35 -2
- 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 +2 -0
- package/lib/module/DatePicker/README_TIMEPICKER.md +1 -0
- package/lib/module/DatePicker/README_YEARPICKER.md +2 -0
- package/lib/module/DatePicker/TimePicker.js +8 -1
- package/lib/module/DatePicker/TimePicker.js.map +1 -1
- package/lib/module/DatePicker/YearPicker.js +50 -5
- 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 +14 -2
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +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 +126 -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 +103 -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/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 +11 -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 +14 -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/type.d.ts +1 -0
- 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 +16 -3
- 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 +40 -1
- package/src/DatePicker/README_DATEPICKER.md +1 -0
- package/src/DatePicker/README_MONTHPICKER.md +2 -0
- package/src/DatePicker/README_TIMEPICKER.md +1 -0
- package/src/DatePicker/README_YEARPICKER.md +2 -0
- package/src/DatePicker/TimePicker.tsx +8 -0
- package/src/DatePicker/YearPicker.tsx +59 -4
- 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 +10 -2
- package/src/Icon/README.md +1 -0
- package/src/Icon/type.tsx +1 -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 +170 -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 +134 -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 +1 -0
- 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
|
@@ -41,6 +41,7 @@ export default function OrderHistory() {
|
|
|
41
41
|
| Prop | Type | Wajib | Default | Deskripsi |
|
|
42
42
|
| ---------- | ----------- | ----- | ------- | ---------------------------------- |
|
|
43
43
|
| `children` | `ReactNode` | ✅ | — | Satu atau beberapa `TimelineItem`. |
|
|
44
|
+
| `testID` | `string` | ❌ | — | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
44
45
|
|
|
45
46
|
### TimelineItem
|
|
46
47
|
|
|
@@ -49,6 +50,7 @@ export default function OrderHistory() {
|
|
|
49
50
|
| `children` | `ReactNode` | ✅ | — | Konten untuk node timeline: teks, ikon tambahan, dsb. |
|
|
50
51
|
| `color` | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'purple'\| 'info'\| 'orange'` | ❌ | `'primary'` | Skema warna titik (`RadioButton`) dan garis vertikal. |
|
|
51
52
|
| `isLast` | `boolean` | ❌ | `false` | Menentukan apakah garis garis di kiri itu dimunculkan atau tidak |
|
|
53
|
+
| `testID` | `string` | ❌ | — | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
52
54
|
|
|
53
55
|
## ⚙️ Cara Kerja
|
|
54
56
|
|
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
import { StyleSheet, View } from 'react-native';
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
export default function Timeline({
|
|
6
|
-
children
|
|
6
|
+
children,
|
|
7
|
+
testID
|
|
7
8
|
}) {
|
|
8
9
|
return /*#__PURE__*/_jsx(View, {
|
|
10
|
+
testID: testID,
|
|
9
11
|
style: styles.gap14,
|
|
10
12
|
children: children
|
|
11
13
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","jsx","_jsx","Timeline","children","style","styles","gap14","create","gap"],"sourceRoot":"../../../src","sources":["Timeline/Timeline.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","jsx","_jsx","Timeline","children","testID","style","styles","gap14","create","gap"],"sourceRoot":"../../../src","sources":["Timeline/Timeline.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhD,eAAe,SAASC,QAAQA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,EAAE;EAC/D,oBACEH,IAAA,CAACF,IAAI;IAACK,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEC,MAAM,CAACC,KAAM;IAAAJ,QAAA,EACvCA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGR,UAAU,CAACU,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -18,7 +18,8 @@ const COLOR_MAP = {
|
|
|
18
18
|
export default function TimelineItem({
|
|
19
19
|
children,
|
|
20
20
|
color = 'primary',
|
|
21
|
-
isLast = false
|
|
21
|
+
isLast = false,
|
|
22
|
+
testID
|
|
22
23
|
}) {
|
|
23
24
|
const [contentHeight, setContentHeight] = useState(0);
|
|
24
25
|
const renderDashes = count => {
|
|
@@ -29,6 +30,7 @@ export default function TimelineItem({
|
|
|
29
30
|
}, index));
|
|
30
31
|
};
|
|
31
32
|
return /*#__PURE__*/_jsxs(View, {
|
|
33
|
+
testID: testID,
|
|
32
34
|
style: styles.container,
|
|
33
35
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
34
36
|
style: styles.contentLeft,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","StyleSheet","View","Color","Icon","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","warning","primary","success","purple","danger","info","default","gray","orange","TimelineItem","children","color","isLast","contentHeight","setContentHeight","renderDashes","count","Array","from","length","map","_","index","style","styles","dashes","container","contentLeft","name","Math","floor","flex","onLayout","e","height","nativeEvent","layout","create","flexDirection","alignItems","marginRight","border","width","borderWidth","borderLeftWidth","borderLeftColor","borderStyle","backgroundColor","marginVertical"],"sourceRoot":"../../../src","sources":["Timeline/TimelineItem.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/B,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEP,KAAK,CAACO,OAAO,CAAC,GAAG,CAAC;EAC3BC,OAAO,EAAER,KAAK,CAACQ,OAAO,CAAC,GAAG,CAAC;EAC3BC,OAAO,EAAET,KAAK,CAACS,OAAO,CAAC,GAAG,CAAC;EAC3BC,MAAM,EAAEV,KAAK,CAACU,MAAM,CAAC,GAAG,CAAC;EACzBC,MAAM,EAAEX,KAAK,CAACW,MAAM,CAAC,GAAG,CAAC;EACzBC,IAAI,EAAEZ,KAAK,CAACY,IAAI,CAAC,GAAG,CAAC;EACrBC,OAAO,EAAEb,KAAK,CAACc,IAAI,CAAC,GAAG,CAAC;EACxBC,MAAM,EAAEf,KAAK,CAACe,MAAM,CAAC,GAAG;AAC1B,CAAC;
|
|
1
|
+
{"version":3,"names":["useState","StyleSheet","View","Color","Icon","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","warning","primary","success","purple","danger","info","default","gray","orange","TimelineItem","children","color","isLast","testID","contentHeight","setContentHeight","renderDashes","count","Array","from","length","map","_","index","style","styles","dashes","container","contentLeft","name","Math","floor","flex","onLayout","e","height","nativeEvent","layout","create","flexDirection","alignItems","marginRight","border","width","borderWidth","borderLeftWidth","borderLeftColor","borderStyle","backgroundColor","marginVertical"],"sourceRoot":"../../../src","sources":["Timeline/TimelineItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -62,6 +62,22 @@ Menyediakan context global toast. Harus membungkus komponen root Anda.
|
|
|
62
62
|
| `duration` | `number` (ms) | `3000` | Waktu tampil Toast sebelum hilang. |
|
|
63
63
|
| `children` | `React.ReactNode` | `-` | Konten opsional yang bisa diisi dengan Semua komponen di dalam aplikasi |
|
|
64
64
|
|
|
65
|
+
### 🧪 Automation Testing (testID)
|
|
66
|
+
|
|
67
|
+
Komponen `Toast` (yang di-export langsung dari package) mendukung prop `testID` untuk kebutuhan automation testing (Maestro/Detox/Appium):
|
|
68
|
+
|
|
69
|
+
```tsx
|
|
70
|
+
import { Toast } from '@herca/rn-kit';
|
|
71
|
+
|
|
72
|
+
<Toast testID="save-toast" visible message="Data berhasil disimpan" />
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
| Prop | Type | Description |
|
|
76
|
+
| -------- | -------- | ------------------------------------------------------------------------------------------------ |
|
|
77
|
+
| `testID` | `string` | ID untuk automation testing. Diterapkan ke root Toast; menurunkan `-message` dan `-clear`. |
|
|
78
|
+
|
|
79
|
+
> ⚠️ **Catatan:** `testID` saat ini **belum** diteruskan lewat `ToastOptions` pada `useToast().show()` (API imperatif via `ToastProvider`). Jika automation testing untuk Toast dibutuhkan, render komponen `Toast` secara langsung seperti contoh di atas.
|
|
80
|
+
|
|
65
81
|
### 🎨 ToastColor (Available Values)
|
|
66
82
|
|
|
67
83
|
| Value | Keterangan |
|
|
@@ -5,6 +5,7 @@ import { Animated, Pressable, StyleSheet, View } from 'react-native';
|
|
|
5
5
|
import Color from "../Color/Color.js";
|
|
6
6
|
import Typography from "../Typography/Typography.js";
|
|
7
7
|
import Icon from "../Icon/index.js";
|
|
8
|
+
import { getTestID } from "../helpers/getTestID.js";
|
|
8
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
const COLOR_MAP = {
|
|
10
11
|
primary: {
|
|
@@ -56,7 +57,8 @@ const Toast = ({
|
|
|
56
57
|
color = 'default',
|
|
57
58
|
icon = 'ExclamationMark',
|
|
58
59
|
onClear,
|
|
59
|
-
children
|
|
60
|
+
children,
|
|
61
|
+
testID
|
|
60
62
|
}) => {
|
|
61
63
|
const fadeAnim = useRef(new Animated.Value(0)).current;
|
|
62
64
|
const validColors = ['default', 'success', 'danger', 'primary', 'warning', 'info', 'purple', 'orange'];
|
|
@@ -85,6 +87,7 @@ const Toast = ({
|
|
|
85
87
|
}, [visible, duration, onHide, fadeAnim]);
|
|
86
88
|
if (!visible) return null;
|
|
87
89
|
return /*#__PURE__*/_jsx(Animated.View, {
|
|
90
|
+
testID: testID,
|
|
88
91
|
style: [styles.toast, baseContainerStyle, {
|
|
89
92
|
opacity: fadeAnim
|
|
90
93
|
}],
|
|
@@ -99,6 +102,7 @@ const Toast = ({
|
|
|
99
102
|
size: 20,
|
|
100
103
|
color: COLOR_MAP[safeColor].text
|
|
101
104
|
}), /*#__PURE__*/_jsx(Typography, {
|
|
105
|
+
testID: getTestID(testID, 'message'),
|
|
102
106
|
variant: "t2",
|
|
103
107
|
color: COLOR_MAP[safeColor].text,
|
|
104
108
|
children: message
|
|
@@ -106,6 +110,7 @@ const Toast = ({
|
|
|
106
110
|
}), /*#__PURE__*/_jsxs(View, {
|
|
107
111
|
style: styles.actionWrapper,
|
|
108
112
|
children: [children, /*#__PURE__*/_jsx(Pressable, {
|
|
113
|
+
testID: getTestID(testID, 'clear'),
|
|
109
114
|
onPress: handlePressClearButton,
|
|
110
115
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
111
116
|
name: "Times",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","Animated","Pressable","StyleSheet","View","Color","Typography","Icon","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","primary","bg","border","gray","text","base","white100","default","success","danger","warning","info","orange","purple","Toast","visible","message","duration","onHide","color","icon","onClear","children","fadeAnim","Value","current","validColors","safeColor","includes","baseContainerStyle","flatten","backgroundColor","borderColor","handlePressClearButton","sequence","timing","toValue","useNativeDriver","delay","start","style","styles","toast","opacity","wrapper","container","content","name","size","variant","actionWrapper","onPress","create","position","bottom","left","right","borderWidth","borderRadius","zIndex","flexDirection","justifyContent","alignItems","gap","flexShrink","paddingHorizontal","paddingVertical","minHeight"],"sourceRoot":"../../../src","sources":["Toast/Toast.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACpE,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,IAAI,MAA8B,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","Animated","Pressable","StyleSheet","View","Color","Typography","Icon","getTestID","jsx","_jsx","jsxs","_jsxs","COLOR_MAP","primary","bg","border","gray","text","base","white100","default","success","danger","warning","info","orange","purple","Toast","visible","message","duration","onHide","color","icon","onClear","children","testID","fadeAnim","Value","current","validColors","safeColor","includes","baseContainerStyle","flatten","backgroundColor","borderColor","handlePressClearButton","sequence","timing","toValue","useNativeDriver","delay","start","style","styles","toast","opacity","wrapper","container","content","name","size","variant","actionWrapper","onPress","create","position","bottom","left","right","borderWidth","borderRadius","zIndex","flexDirection","justifyContent","alignItems","gap","flexShrink","paddingHorizontal","paddingVertical","minHeight"],"sourceRoot":"../../../src","sources":["Toast/Toast.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACpE,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AACjD,OAAOC,IAAI,MAA8B,kBAAS;AAClD,SAASC,SAAS,QAAQ,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYjD,MAAMC,SAOL,GAAG;EACFC,OAAO,EAAE;IACPC,EAAE,EAAEV,KAAK,CAACS,OAAO,CAAC,IAAI,CAAC;IACvBE,MAAM,EAAEX,KAAK,CAACY,IAAI,CAAC,EAAE,CAAC;IACtBC,IAAI,EAAEb,KAAK,CAACc,IAAI,CAACC;EACnB,CAAC;EACDC,OAAO,EAAE;IACPN,EAAE,EAAEV,KAAK,CAACY,IAAI,CAAC,GAAG,CAAC;IACnBD,MAAM,EAAEX,KAAK,CAACY,IAAI,CAAC,GAAG,CAAC;IACvBC,IAAI,EAAEb,KAAK,CAACc,IAAI,CAACC;EACnB,CAAC;EACDE,OAAO,EAAE;IACPP,EAAE,EAAEV,KAAK,CAACiB,OAAO,CAAC,EAAE,CAAC;IACrBN,MAAM,EAAEX,KAAK,CAACiB,OAAO,CAAC,EAAE,CAAC;IACzBJ,IAAI,EAAEb,KAAK,CAACiB,OAAO,CAAC,GAAG;EACzB,CAAC;EACDC,MAAM,EAAE;IACNR,EAAE,EAAEV,KAAK,CAACkB,MAAM,CAAC,EAAE,CAAC;IACpBP,MAAM,EAAEX,KAAK,CAACkB,MAAM,CAAC,EAAE,CAAC;IACxBL,IAAI,EAAEb,KAAK,CAACkB,MAAM,CAAC,GAAG;EACxB,CAAC;EACDC,OAAO,EAAE;IACPT,EAAE,EAAEV,KAAK,CAACmB,OAAO,CAAC,EAAE,CAAC;IACrBR,MAAM,EAAEX,KAAK,CAACmB,OAAO,CAAC,EAAE,CAAC;IACzBN,IAAI,EAAEb,KAAK,CAACmB,OAAO,CAAC,GAAG;EACzB,CAAC;EACDC,IAAI,EAAE;IACJV,EAAE,EAAEV,KAAK,CAACoB,IAAI,CAAC,EAAE,CAAC;IAClBT,MAAM,EAAEX,KAAK,CAACoB,IAAI,CAAC,EAAE,CAAC;IACtBP,IAAI,EAAEb,KAAK,CAACoB,IAAI,CAAC,GAAG;EACtB,CAAC;EACDC,MAAM,EAAE;IACNX,EAAE,EAAEV,KAAK,CAACqB,MAAM,CAAC,EAAE,CAAC;IACpBV,MAAM,EAAEX,KAAK,CAACqB,MAAM,CAAC,EAAE,CAAC;IACxBR,IAAI,EAAEb,KAAK,CAACqB,MAAM,CAAC,GAAG;EACxB,CAAC;EACDC,MAAM,EAAE;IACNZ,EAAE,EAAEV,KAAK,CAACsB,MAAM,CAAC,EAAE,CAAC;IACpBX,MAAM,EAAEX,KAAK,CAACsB,MAAM,CAAC,EAAE,CAAC;IACxBT,IAAI,EAAEb,KAAK,CAACsB,MAAM,CAAC,GAAG;EACxB;AACF,CAAC;AAaD,MAAMC,KAAK,GAAGA,CAAC;EACbC,OAAO;EACPC,OAAO;EACPC,QAAQ,GAAG,IAAI;EACfC,MAAM;EACNC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,iBAAiB;EACxBC,OAAO;EACPC,QAAQ;EACRC;AACU,CAAC,KAAK;EAChB,MAAMC,QAAQ,GAAGtC,MAAM,CAAC,IAAIC,QAAQ,CAACsC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACtD,MAAMC,WAAyB,GAAG,CAChC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,CACT;EACD,MAAMC,SAAS,GAAGD,WAAW,CAACE,QAAQ,CAACV,KAAK,CAAC,GAAGA,KAAK,GAAG,SAAS;EAEjE,MAAMW,kBAAkB,GAAGzC,UAAU,CAAC0C,OAAO,CAAC;IAC5CC,eAAe,EAAEjC,SAAS,CAAC6B,SAAS,CAAC,CAAC3B,EAAE;IACxCgC,WAAW,EAAElC,SAAS,CAAC6B,SAAS,CAAC,CAAC1B;EACpC,CAAC,CAAC;EAEF,MAAMgC,sBAAsB,GAAGA,CAAA,KAAM;IACnCb,OAAO,GAAG,IAAI,CAAC;EACjB,CAAC;EAEDpC,SAAS,CAAC,MAAM;IACd,IAAI8B,OAAO,EAAE;MACX5B,QAAQ,CAACgD,QAAQ,CAAC,CAChBhD,QAAQ,CAACiD,MAAM,CAACZ,QAAQ,EAAE;QACxBa,OAAO,EAAE,CAAC;QACVpB,QAAQ,EAAE,GAAG;QACbqB,eAAe,EAAE;MACnB,CAAC,CAAC,EACFnD,QAAQ,CAACoD,KAAK,CAACtB,QAAQ,CAAC,EACxB9B,QAAQ,CAACiD,MAAM,CAACZ,QAAQ,EAAE;QACxBa,OAAO,EAAE,CAAC;QACVpB,QAAQ,EAAE,GAAG;QACbqB,eAAe,EAAE;MACnB,CAAC,CAAC,CACH,CAAC,CAACE,KAAK,CAAC,MAAM;QACb,IAAItB,MAAM,EAAEA,MAAM,CAAC,IAAI,CAAC;MAC1B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACH,OAAO,EAAEE,QAAQ,EAAEC,MAAM,EAAEM,QAAQ,CAAC,CAAC;EAEzC,IAAI,CAACT,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEnB,IAAA,CAACT,QAAQ,CAACG,IAAI;IACZiC,MAAM,EAAEA,MAAO;IACfkB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEb,kBAAkB,EAAE;MAAEc,OAAO,EAAEpB;IAAS,CAAC,CAAE;IAAAF,QAAA,eAEjE1B,IAAA,CAACN,IAAI;MAACmD,KAAK,EAAEC,MAAM,CAACG,OAAQ;MAAAvB,QAAA,eAC1BxB,KAAA,CAACR,IAAI;QAACmD,KAAK,EAAEC,MAAM,CAACI,SAAU;QAAAxB,QAAA,gBAC5BxB,KAAA,CAACR,IAAI;UAACmD,KAAK,EAAEC,MAAM,CAACK,OAAQ;UAAAzB,QAAA,gBAC1B1B,IAAA,CAACH,IAAI;YAACuD,IAAI,EAAE5B,IAAK;YAAC6B,IAAI,EAAE,EAAG;YAAC9B,KAAK,EAAEpB,SAAS,CAAC6B,SAAS,CAAC,CAACxB;UAAK,CAAE,CAAC,eAChER,IAAA,CAACJ,UAAU;YACT+B,MAAM,EAAE7B,SAAS,CAAC6B,MAAM,EAAE,SAAS,CAAE;YACrC2B,OAAO,EAAC,IAAI;YACZ/B,KAAK,EAAEpB,SAAS,CAAC6B,SAAS,CAAC,CAACxB,IAAK;YAAAkB,QAAA,EAEhCN;UAAO,CACE,CAAC;QAAA,CACT,CAAC,eACPlB,KAAA,CAACR,IAAI;UAACmD,KAAK,EAAEC,MAAM,CAACS,aAAc;UAAA7B,QAAA,GAC/BA,QAAQ,eACT1B,IAAA,CAACR,SAAS;YACRmC,MAAM,EAAE7B,SAAS,CAAC6B,MAAM,EAAE,OAAO,CAAE;YACnC6B,OAAO,EAAElB,sBAAuB;YAAAZ,QAAA,eAEhC1B,IAAA,CAACH,IAAI;cAACuD,IAAI,EAAC,OAAO;cAACC,IAAI,EAAE,EAAG;cAAC9B,KAAK,EAAEpB,SAAS,CAAC6B,SAAS,CAAC,CAACxB;YAAK,CAAE;UAAC,CACxD,CAAC;QAAA,CACR,CAAC;MAAA,CACH;IAAC,CACH;EAAC,CACM,CAAC;AAEpB,CAAC;AAED,MAAMsC,MAAM,GAAGrD,UAAU,CAACgE,MAAM,CAAC;EAC/BV,KAAK,EAAE;IACLW,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTzB,eAAe,EAAE,MAAM;IACvB0B,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE;EACV,CAAC;EACDd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDjB,OAAO,EAAE;IACPgB,UAAU,EAAE,QAAQ;IACpBF,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,CAAC;IACbD,GAAG,EAAE;EACP,CAAC;EACDnB,OAAO,EAAE;IACPqB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,SAAS,EAAE,EAAE;IACbN,cAAc,EAAE;EAClB,CAAC;EACDX,aAAa,EAAE;IACbU,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAEF,eAAelD,KAAK","ignoreList":[]}
|
|
@@ -23,6 +23,7 @@ Komponen `Typography` digunakan untuk menampilkan teks dengan berbagai ukuran, k
|
|
|
23
23
|
| `center` | `boolean` | `false` | Mengatur teks ke tengah |
|
|
24
24
|
| `right` | `boolean` | `false` | Mengatur teks ke kanan |
|
|
25
25
|
| `left` | `boolean` | `false` | Mengatur teks ke kiri |
|
|
26
|
+
| `testID` | `string` | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
26
27
|
|
|
27
28
|
## 🔠 Varian & Ukuran
|
|
28
29
|
|
|
@@ -14,7 +14,8 @@ const Typography = ({
|
|
|
14
14
|
numberOfLines,
|
|
15
15
|
center,
|
|
16
16
|
right,
|
|
17
|
-
left
|
|
17
|
+
left,
|
|
18
|
+
testID
|
|
18
19
|
}) => {
|
|
19
20
|
const textStyle = {
|
|
20
21
|
fontSize: fontSizeMap[variant],
|
|
@@ -24,6 +25,7 @@ const Typography = ({
|
|
|
24
25
|
textAlign: center ? 'center' : right ? 'right' : left ? 'left' : undefined
|
|
25
26
|
};
|
|
26
27
|
return /*#__PURE__*/_jsx(Text, {
|
|
28
|
+
testID: testID,
|
|
27
29
|
style: [styles.text, textStyle, style],
|
|
28
30
|
numberOfLines: numberOfLines,
|
|
29
31
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Text","Color","fontSizeMap","fontWeightMap","lineHeightMap","jsx","_jsx","Typography","children","variant","weight","color","style","numberOfLines","center","right","left","textStyle","fontSize","lineHeight","fontWeight","primary","textAlign","undefined","styles","text","create","flexWrap","flexShrink"],"sourceRoot":"../../../src","sources":["Typography/Typography.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/D,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SACEC,WAAW,EACXC,aAAa,EACbC,aAAa,QAER,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhB,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,QAAQ;EACRC,OAAO,GAAG,IAAI;EACdC,MAAM,GAAG,SAAS;EAClBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,aAAa;EACbC,MAAM;EACNC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAoB,GAAG;IAC3BC,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","Color","fontSizeMap","fontWeightMap","lineHeightMap","jsx","_jsx","Typography","children","variant","weight","color","style","numberOfLines","center","right","left","testID","textStyle","fontSize","lineHeight","fontWeight","primary","textAlign","undefined","styles","text","create","flexWrap","flexShrink"],"sourceRoot":"../../../src","sources":["Typography/Typography.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/D,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SACEC,WAAW,EACXC,aAAa,EACbC,aAAa,QAER,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhB,MAAMC,UAAqC,GAAGA,CAAC;EAC7CC,QAAQ;EACRC,OAAO,GAAG,IAAI;EACdC,MAAM,GAAG,SAAS;EAClBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,aAAa;EACbC,MAAM;EACNC,KAAK;EACLC,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,MAAMC,SAAoB,GAAG;IAC3BC,QAAQ,EAAEjB,WAAW,CAACO,OAAO,CAAC;IAC9BW,UAAU,EAAEhB,aAAa,CAACK,OAAO,CAAC;IAClCY,UAAU,EAAElB,aAAa,CAACO,MAAM,CAAC;IACjCC,KAAK,EAAEA,KAAK,GAAGA,KAAK,GAAGV,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAC;IAC1CC,SAAS,EAAET,MAAM,GAAG,QAAQ,GAAGC,KAAK,GAAG,OAAO,GAAGC,IAAI,GAAG,MAAM,GAAGQ;EACnE,CAAC;EAED,oBACElB,IAAA,CAACN,IAAI;IACHiB,MAAM,EAAEA,MAAO;IACfL,KAAK,EAAE,CAACa,MAAM,CAACC,IAAI,EAAER,SAAS,EAAEN,KAAK,CAAE;IACvCC,aAAa,EAAEA,aAAc;IAAAL,QAAA,EAE5BA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,eAAeD,UAAU;AAEzB,MAAMkB,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/Ui/Card.js
CHANGED
|
@@ -9,10 +9,12 @@ export default function Card({
|
|
|
9
9
|
style,
|
|
10
10
|
backgroundImage,
|
|
11
11
|
backgroundColor,
|
|
12
|
-
borderColor = Color.gray['100']
|
|
12
|
+
borderColor = Color.gray['100'],
|
|
13
|
+
testID
|
|
13
14
|
}) {
|
|
14
15
|
if (backgroundImage) {
|
|
15
16
|
return /*#__PURE__*/_jsx(ImageBackground, {
|
|
17
|
+
testID: testID,
|
|
16
18
|
source: backgroundImage,
|
|
17
19
|
style: [styles.imageBackground, style, {
|
|
18
20
|
borderColor: borderColor
|
|
@@ -22,6 +24,7 @@ export default function Card({
|
|
|
22
24
|
});
|
|
23
25
|
}
|
|
24
26
|
return /*#__PURE__*/_jsx(View, {
|
|
27
|
+
testID: testID,
|
|
25
28
|
style: [styles.container, style, typeof borderColor === 'string' && {
|
|
26
29
|
borderColor
|
|
27
30
|
}, typeof backgroundColor === 'string' && {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","ImageBackground","Color","jsx","_jsx","Card","children","style","backgroundImage","backgroundColor","borderColor","gray","source","styles","imageBackground","imageStyle","container","sharedCardStyle","borderWidth","borderRadius","padding","create","overflow"],"sourceRoot":"../../../src","sources":["Ui/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EACJC,eAAe,QAGV,cAAc;AACrB,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","ImageBackground","Color","jsx","_jsx","Card","children","style","backgroundImage","backgroundColor","borderColor","gray","testID","source","styles","imageBackground","imageStyle","container","sharedCardStyle","borderWidth","borderRadius","padding","create","overflow"],"sourceRoot":"../../../src","sources":["Ui/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EACJC,eAAe,QAGV,cAAc;AACrB,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWnC,eAAe,SAASC,IAAIA,CAAC;EAC3BC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,eAAe;EACfC,WAAW,GAAGR,KAAK,CAACS,IAAI,CAAC,KAAK,CAAC;EAC/BC;AACS,CAAC,EAAE;EACZ,IAAIJ,eAAe,EAAE;IACnB,oBACEJ,IAAA,CAACH,eAAe;MACdW,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEL,eAAgB;MACxBD,KAAK,EAAE,CAACO,MAAM,CAACC,eAAe,EAAER,KAAK,EAAE;QAAEG,WAAW,EAAEA;MAAY,CAAC,CAAE;MACrEM,UAAU,EAAEF,MAAM,CAACE,UAAW;MAAAV,QAAA,EAE7BA;IAAQ,CACM,CAAC;EAEtB;EACA,oBACEF,IAAA,CAACJ,IAAI;IACHY,MAAM,EAAEA,MAAO;IACfL,KAAK,EAAE,CACLO,MAAM,CAACG,SAAS,EAChBV,KAAK,EACL,OAAOG,WAAW,KAAK,QAAQ,IAAI;MAAEA;IAAY,CAAC,EAClD,OAAOD,eAAe,KAAK,QAAQ,IAAI;MAAEA;IAAgB,CAAC,CAC1D;IAAAH,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMY,eAAe,GAAG;EACtBC,WAAW,EAAE,CAAC;EACdC,YAAY,EAAE,CAAC;EACf;EACAC,OAAO,EAAE;AACX,CAAC;AAED,MAAMP,MAAM,GAAGf,UAAU,CAACuB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACT,GAAGC,eAAe;IAClBK,QAAQ,EAAE,QAAQ;IAClBd,eAAe,EAAE;EACnB,CAAC;EACDM,eAAe,EAAE;IACf,GAAGG;EACL,CAAC;EACDF,UAAU,EAAE;IACVI,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/Ui/Center.js
CHANGED
|
@@ -4,9 +4,11 @@ import { View, StyleSheet } from 'react-native';
|
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
const Center = ({
|
|
6
6
|
children,
|
|
7
|
-
style
|
|
7
|
+
style,
|
|
8
|
+
testID
|
|
8
9
|
}) => {
|
|
9
10
|
return /*#__PURE__*/_jsx(View, {
|
|
11
|
+
testID: testID,
|
|
10
12
|
style: [styles.center, style],
|
|
11
13
|
children: children
|
|
12
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","jsx","_jsx","Center","children","style","styles","center","create","alignContent","alignItems"],"sourceRoot":"../../../src","sources":["Ui/Center.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","jsx","_jsx","Center","children","style","testID","styles","center","create","alignContent","alignItems"],"sourceRoot":"../../../src","sources":["Ui/Center.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAShF,MAAMC,MAAM,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAoB,CAAC,KAAK;EAC3D,oBACEJ,IAAA,CAACH,IAAI;IAACO,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACE,MAAM,CAACC,MAAM,EAAEH,KAAK,CAAE;IAAAD,QAAA,EACjDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,YAAY,EAAE,QAAQ;IACtBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM","ignoreList":[]}
|
package/lib/module/Ui/Col.js
CHANGED
|
@@ -6,10 +6,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
6
6
|
const Col = ({
|
|
7
7
|
children,
|
|
8
8
|
size = 12,
|
|
9
|
-
style
|
|
9
|
+
style,
|
|
10
|
+
testID
|
|
10
11
|
}) => {
|
|
11
12
|
const widthPercent = size / 12 * 100;
|
|
12
13
|
return /*#__PURE__*/_jsx(View, {
|
|
14
|
+
testID: testID,
|
|
13
15
|
style: [{
|
|
14
16
|
width: `${widthPercent}%`
|
|
15
17
|
}, style],
|
package/lib/module/Ui/Col.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","jsx","_jsx","Col","children","size","style","widthPercent","width"],"sourceRoot":"../../../src","sources":["Ui/Col.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","View","jsx","_jsx","Col","children","size","style","testID","widthPercent","width"],"sourceRoot":"../../../src","sources":["Ui/Col.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpC,MAAMC,GAAuB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EAC1E,MAAMC,YAAY,GAAIH,IAAI,GAAG,EAAE,GAAI,GAAG;EAEtC,oBACEH,IAAA,CAACF,IAAI;IAACO,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAAC;MAAEG,KAAK,EAAE,GAAGD,YAAY;IAAI,CAAC,EAAEF,KAAK,CAAE;IAAAF,QAAA,EACjEA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,eAAeD,GAAG","ignoreList":[]}
|
|
@@ -4,9 +4,11 @@ import { StyleSheet, View } from 'react-native';
|
|
|
4
4
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
5
|
export default function Container({
|
|
6
6
|
children,
|
|
7
|
-
style
|
|
7
|
+
style,
|
|
8
|
+
testID
|
|
8
9
|
}) {
|
|
9
10
|
return /*#__PURE__*/_jsx(View, {
|
|
11
|
+
testID: testID,
|
|
10
12
|
style: [styles.container, style],
|
|
11
13
|
children: children
|
|
12
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","jsx","_jsx","Container","children","style","styles","container","create","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["Ui/Container.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["StyleSheet","View","jsx","_jsx","Container","children","style","testID","styles","container","create","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["Ui/Container.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQhF,eAAe,SAASC,SAASA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAc,CAAC,EAAE;EACpE,oBACEJ,IAAA,CAACF,IAAI;IAACM,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACE,MAAM,CAACC,SAAS,EAAEH,KAAK,CAAE;IAAAD,QAAA,EACpDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMG,MAAM,GAAGR,UAAU,CAACU,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/Ui/Devider.js
CHANGED
|
@@ -3,8 +3,11 @@
|
|
|
3
3
|
import { View, StyleSheet } from 'react-native';
|
|
4
4
|
import Color from "../Color/Color.js";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
const Divider = (
|
|
6
|
+
const Divider = ({
|
|
7
|
+
testID
|
|
8
|
+
} = {}) => {
|
|
7
9
|
return /*#__PURE__*/_jsx(View, {
|
|
10
|
+
testID: testID,
|
|
8
11
|
style: styles.divider
|
|
9
12
|
});
|
|
10
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","Color","jsx","_jsx","Divider","style","styles","divider","create","height","backgroundColor","gray"],"sourceRoot":"../../../src","sources":["Ui/Devider.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,MAAMC,OAAO,GAAGA,
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","Color","jsx","_jsx","Divider","testID","style","styles","divider","create","height","backgroundColor","gray"],"sourceRoot":"../../../src","sources":["Ui/Devider.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAA4B,CAAC,GAAG,CAAC,CAAC,KAAK;EACxD,oBAAOF,IAAA,CAACJ,IAAI;IAACM,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAQ,CAAE,CAAC;AACxD,CAAC;AAED,MAAMD,MAAM,GAAGP,UAAU,CAACS,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPE,MAAM,EAAE,CAAC;IACTC,eAAe,EAAEV,KAAK,CAACW,IAAI,CAAC,GAAG;EACjC;AACF,CAAC,CAAC;AAEF,eAAeR,OAAO","ignoreList":[]}
|
package/lib/module/Ui/Footer.js
CHANGED
|
@@ -9,15 +9,17 @@ import { useOptionalFocusEffect } from "../hooks/useOptionalFocusEffect.js";
|
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
const Footer = ({
|
|
11
11
|
children,
|
|
12
|
-
style
|
|
12
|
+
style,
|
|
13
|
+
testID
|
|
13
14
|
}) => {
|
|
14
15
|
const {
|
|
15
16
|
setFooter
|
|
16
17
|
} = useFooter();
|
|
17
18
|
const footerElement = useMemo(() => /*#__PURE__*/_jsx(SafeAreaView, {
|
|
19
|
+
testID: testID,
|
|
18
20
|
style: [styles.container, style],
|
|
19
21
|
children: children
|
|
20
|
-
}), [children, style]);
|
|
22
|
+
}), [children, style, testID]);
|
|
21
23
|
useOptionalFocusEffect(() => {
|
|
22
24
|
setFooter(footerElement);
|
|
23
25
|
return () => setFooter(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","SafeAreaView","StyleSheet","useFooter","Color","useOptionalFocusEffect","jsx","_jsx","Footer","children","style","setFooter","footerElement","styles","container","create","backgroundColor","base","white100","position","bottom","left","right","zIndex"],"sourceRoot":"../../../src","sources":["Ui/Footer.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,YAAY,EACZC,UAAU,QAGL,cAAc;AACrB,SAASC,SAAS,QAAQ,yBAAsB;AAChD,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SAASC,sBAAsB,QAAQ,oCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","useMemo","SafeAreaView","StyleSheet","useFooter","Color","useOptionalFocusEffect","jsx","_jsx","Footer","children","style","testID","setFooter","footerElement","styles","container","create","backgroundColor","base","white100","position","bottom","left","right","zIndex"],"sourceRoot":"../../../src","sources":["Ui/Footer.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,YAAY,EACZC,UAAU,QAGL,cAAc;AACrB,SAASC,SAAS,QAAQ,yBAAsB;AAChD,OAAOC,KAAK,MAAM,mBAAgB;AAClC,SAASC,sBAAsB,QAAQ,oCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzE,MAAMC,MAA6B,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EACrE,MAAM;IAAEC;EAAU,CAAC,GAAGT,SAAS,CAAC,CAAC;EAEjC,MAAMU,aAAa,GAAGb,OAAO,CAC3B,mBACEO,IAAA,CAACN,YAAY;IAACU,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACI,MAAM,CAACC,SAAS,EAAEL,KAAK,CAAE;IAAAD,QAAA,EAC5DA;EAAQ,CACG,CACf,EACD,CAACA,QAAQ,EAAEC,KAAK,EAAEC,MAAM,CAC1B,CAAC;EAEDN,sBAAsB,CAAC,MAAM;IAC3BO,SAAS,CAACC,aAAa,CAAC;IACxB,OAAO,MAAMD,SAAS,CAAC,IAAI,CAAC;EAC9B,CAAC,CAAC;EAEF,OAAO,IAAI;AACb,CAAC;AAED,eAAeJ,MAAM;AAErB,MAAMM,MAAM,GAAGZ,UAAU,CAACc,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,eAAe,EAAEb,KAAK,CAACc,IAAI,CAACC,QAAQ;IACpCC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/Ui/Gap.js
CHANGED
package/lib/module/Ui/Gap.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","jsx","_jsx","Gap","children"],"sourceRoot":"../../../src","sources":["Ui/Gap.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,MAAMC,GAAG,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["View","jsx","_jsx","Gap","children","testID"],"sourceRoot":"../../../src","sources":["Ui/Gap.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,MAAMC,GAAG,GAAGA,CAAC;EACXC,QAAQ;EACRC;AAIF,CAAC,KAAK;EACJ,oBAAOH,IAAA,CAACF,IAAI;IAACK,MAAM,EAAEA,MAAO;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAChD,CAAC;AAED,eAAeD,GAAG","ignoreList":[]}
|
package/lib/module/Ui/Grid.js
CHANGED
|
@@ -5,10 +5,12 @@ import { View, StyleSheet } from 'react-native';
|
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
const Grid = ({
|
|
7
7
|
children,
|
|
8
|
-
style
|
|
8
|
+
style,
|
|
9
|
+
testID
|
|
9
10
|
}) => {
|
|
10
11
|
const childrenArray = React.Children.toArray(children).filter(Boolean);
|
|
11
12
|
return /*#__PURE__*/_jsx(View, {
|
|
13
|
+
testID: testID,
|
|
12
14
|
style: [styles.row, style],
|
|
13
15
|
children: childrenArray.map((child, index) => /*#__PURE__*/_jsx(View, {
|
|
14
16
|
style: styles.children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","jsx","_jsx","Grid","children","style","childrenArray","Children","toArray","filter","Boolean","styles","row","map","child","index","create","flexDirection","flexWrap","marginHorizontal","paddingHorizontal","flex"],"sourceRoot":"../../../src","sources":["Ui/Grid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","jsx","_jsx","Grid","children","style","testID","childrenArray","Children","toArray","filter","Boolean","styles","row","map","child","index","create","flexDirection","flexWrap","marginHorizontal","paddingHorizontal","flex"],"sourceRoot":"../../../src","sources":["Ui/Grid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAShD,MAAMC,IAAyB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAMC,aAAa,GAAGT,KAAK,CAACU,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC,CAACM,MAAM,CAACC,OAAO,CAAC;EAEtE,oBACET,IAAA,CAACH,IAAI;IAACO,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAACO,MAAM,CAACC,GAAG,EAAER,KAAK,CAAE;IAAAD,QAAA,EAC9CG,aAAa,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC9Bd,IAAA,CAACH,IAAI;MAAaM,KAAK,EAAEO,MAAM,CAACR,QAAS;MAAAA,QAAA,EACtCW;IAAK,GADGC,KAEL,CACP;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,gBAAgB,EAAE,CAAC;EACrB,CAAC;EACDhB,QAAQ,EAAE;IACRiB,iBAAiB,EAAE,CAAC;IACpBC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAenB,IAAI","ignoreList":[]}
|
|
@@ -89,6 +89,7 @@ export default function CardScreen() {
|
|
|
89
89
|
| `backgroundImage` | `ImageSourcePropType` (`any`) | ❌ | - | Gambar latar belakang menggunakan `ImageBackground`. |
|
|
90
90
|
| `backgroundColor` | `string` | ❌ | `#fff` | Warna latar belakang Card. |
|
|
91
91
|
| `borderColor` | `string` | ❌ | `#F2F2F2` | Warna border. |
|
|
92
|
+
| `testID` | `string` | ❌ | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
92
93
|
|
|
93
94
|
## Catatan
|
|
94
95
|
- Saat backgroundImage digunakan, ImageBackground akan membungkus children dan otomatis mengikuti styling dari Card.
|
|
@@ -24,3 +24,4 @@ export default function HomeScreen() {
|
|
|
24
24
|
| ---------- | ---------------------- | ----- | ------- | ------------------------------------------------------------ |
|
|
25
25
|
| `children` | `ReactNode` | ✅ | - | Komponen atau tampilan yang dibungkus di dalam container. |
|
|
26
26
|
| `style` | `StyleProp<ViewStyle>` | ❌ | - | Tambahan gaya jika ingin menimpa atau menambah gaya default. |
|
|
27
|
+
| `testID` | `string` | ❌ | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
@@ -60,3 +60,8 @@ import Divider from '@/components/Divider/Divider';
|
|
|
60
60
|
}
|
|
61
61
|
```
|
|
62
62
|
|
|
63
|
+
## Props
|
|
64
|
+
|
|
65
|
+
| Props | Tipe | Wajib | Default | Deskripsi |
|
|
66
|
+
| -------- | -------- | ----- | ------- | ---------------------------------------------------------------------------------------------- |
|
|
67
|
+
| `testID` | `string` | ❌ | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan langsung ke elemen akar, tanpa suffix. |
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
|
|
2
|
+
|
|
3
|
+
## Props
|
|
4
|
+
|
|
5
|
+
| Props | Tipe | Wajib | Default | Deskripsi |
|
|
6
|
+
| ---------- | ---------------------- | ----- | ------- | ---------------------------------------------------------------------------------------------- |
|
|
7
|
+
| `children` | `ReactNode` | ✅ | - | Konten footer yang dititipkan ke slot footer milik `Provider`. |
|
|
8
|
+
| `style` | `StyleProp<ViewStyle>` | ❌ | - | Gaya tambahan untuk container footer. |
|
|
9
|
+
| `testID` | `string` | ❌ | - | ID untuk automation testing (Maestro/Detox/Appium). Diterapkan ke `SafeAreaView` footer, tanpa suffix. |
|
|
@@ -47,6 +47,7 @@ function MyScreen() {
|
|
|
47
47
|
| `useRight` | `boolean` | `false` | Menambahkan padding right sesuai safe area inset kanan |
|
|
48
48
|
| `style` | `StyleProp<ViewStyle>` | `undefined` | Style tambahan untuk container |
|
|
49
49
|
| `...rest` | `ViewProps` | - | Props lainnya akan diteruskan ke komponen View |
|
|
50
|
+
| `testID` | `string` | `undefined` | ID untuk automation testing (Maestro/Detox/Appium), diteruskan lewat `...rest` |
|
|
50
51
|
|
|
51
52
|
## Contoh Penggunaan
|
|
52
53
|
|
|
@@ -32,6 +32,7 @@ dateFormatter({ date, options }: DateFormatterProps): string
|
|
|
32
32
|
| `monthFormat` | `'numeric' \| '2-digit' \| 'long' \| 'short' \| 'narrow'` | `'long'` | Format tampilan bulan (hanya untuk format localized) |
|
|
33
33
|
| `language` | `'en' \| 'id'` | `'en'` | Bahasa untuk format localized |
|
|
34
34
|
| `format` | `'default' \| 'iso' \| 'localized'` | `'default'` | Tipe format output |
|
|
35
|
+
| `pattern` | `string` | - | Pola token, mis. `'DD/MM/YYYY HH:mm'`. Menang atas `format`. |
|
|
35
36
|
|
|
36
37
|
## Format Types
|
|
37
38
|
|
|
@@ -88,6 +89,40 @@ dateFormatter({
|
|
|
88
89
|
// Output: "15 March 2024"
|
|
89
90
|
```
|
|
90
91
|
|
|
92
|
+
|
|
93
|
+
### 4. Pattern (custom)
|
|
94
|
+
|
|
95
|
+
Isi `pattern` kalau ingin susunan bebas. Kalau diisi, ia menang atas `format`.
|
|
96
|
+
|
|
97
|
+
| Token | Contoh | Token | Contoh |
|
|
98
|
+
| ------ | --------- | ------ | ------ |
|
|
99
|
+
| `YYYY` | `2024` | `DD` | `05` |
|
|
100
|
+
| `YY` | `24` | `D` | `5` |
|
|
101
|
+
| `MMMM` | `Januari` | `dddd` | `Jumat`|
|
|
102
|
+
| `MMM` | `Jan` | `HH` | `09` |
|
|
103
|
+
| `MM` | `01` | `mm` | `30` |
|
|
104
|
+
| `M` | `1` | `ss` | `05` |
|
|
105
|
+
|
|
106
|
+
Nama bulan dan hari mengikuti `language`.
|
|
107
|
+
|
|
108
|
+
```js
|
|
109
|
+
dateFormatter({ date, options: { pattern: 'MM YYYY' } });
|
|
110
|
+
// "01 2024"
|
|
111
|
+
|
|
112
|
+
dateFormatter({ date, options: { pattern: 'MMMM YYYY' } });
|
|
113
|
+
// "Januari 2024"
|
|
114
|
+
|
|
115
|
+
dateFormatter({ date, options: { pattern: 'DD/MM/YYYY HH:mm' } });
|
|
116
|
+
// "05/01/2024 09:30"
|
|
117
|
+
|
|
118
|
+
dateFormatter({ date, options: { pattern: 'dddd, DD MMMM YYYY', language: 'en' } });
|
|
119
|
+
// "Friday, 05 January 2024"
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
Teks selain token disalin apa adanya, dan tidak ada sintaks escape — hindari
|
|
123
|
+
teks literal yang mengandung token persis seperti di tabel.
|
|
124
|
+
|
|
125
|
+
|
|
91
126
|
## Contoh Penggunaan
|
|
92
127
|
|
|
93
128
|
### Basic Usage
|
|
@@ -13,6 +13,35 @@ export const dateFormatter = ({
|
|
|
13
13
|
const hours = String(dateObj.getHours()).padStart(2, '0');
|
|
14
14
|
const minutes = String(dateObj.getMinutes()).padStart(2, '0');
|
|
15
15
|
const seconds = String(dateObj.getSeconds()).padStart(2, '0');
|
|
16
|
+
if (options?.pattern) {
|
|
17
|
+
const locale = options?.language !== 'en' ? 'id-ID' : 'en-GB';
|
|
18
|
+
const named = opts => new Intl.DateTimeFormat(locale, opts).format(dateObj);
|
|
19
|
+
const tokens = {
|
|
20
|
+
YYYY: String(year),
|
|
21
|
+
YY: String(year).slice(-2),
|
|
22
|
+
MMMM: named({
|
|
23
|
+
month: 'long'
|
|
24
|
+
}),
|
|
25
|
+
MMM: named({
|
|
26
|
+
month: 'short'
|
|
27
|
+
}),
|
|
28
|
+
MM: month,
|
|
29
|
+
M: String(dateObj.getMonth() + 1),
|
|
30
|
+
DD: day,
|
|
31
|
+
D: String(dateObj.getDate()),
|
|
32
|
+
dddd: named({
|
|
33
|
+
weekday: 'long'
|
|
34
|
+
}),
|
|
35
|
+
HH: hours,
|
|
36
|
+
mm: minutes,
|
|
37
|
+
ss: seconds
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
// One pass, longest token first: a sequential replace would go on to chew
|
|
41
|
+
// its own output (MMMM -> 'Januari' still contains 'a', 'n', 'M'-less but
|
|
42
|
+
// MM -> '01' inside a longer run would misfire the same way).
|
|
43
|
+
return options.pattern.replace(/dddd|YYYY|MMMM|MMM|YY|MM|DD|HH|mm|ss|M|D/g, token => tokens[token] ?? token);
|
|
44
|
+
}
|
|
16
45
|
if (options?.format === 'iso') {
|
|
17
46
|
return `${year}-${month}-${day}${options?.useTime ? ` ${hours}:${minutes}:${seconds}` : ''}`;
|
|
18
47
|
} else if (options?.format === 'localized') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["dateFormatter","date","options","dateObj","Date","isNaN","getTime","year","getFullYear","month","String","getMonth","padStart","day","getDate","hours","getHours","minutes","getMinutes","seconds","getSeconds","
|
|
1
|
+
{"version":3,"names":["dateFormatter","date","options","dateObj","Date","isNaN","getTime","year","getFullYear","month","String","getMonth","padStart","day","getDate","hours","getHours","minutes","getMinutes","seconds","getSeconds","pattern","locale","language","named","opts","Intl","DateTimeFormat","format","tokens","YYYY","YY","slice","MMMM","MMM","MM","M","DD","D","dddd","weekday","HH","mm","ss","replace","token","useTime","datePart","monthFormat","useWeekDay","timePart","toLocaleTimeString","hour","minute","hour12"],"sourceRoot":"../../../src","sources":["function/dateFormatter.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Derive a stable testID for a sub-element from a single base testID.
|
|
5
|
+
* Returns undefined when base is falsy so no empty testID is rendered.
|
|
6
|
+
*
|
|
7
|
+
* @example getTestID('email', 'input') // 'email-input'
|
|
8
|
+
* @example getTestID('email') // 'email'
|
|
9
|
+
* @example getTestID(undefined, 'x') // undefined
|
|
10
|
+
*/
|
|
11
|
+
export const getTestID = (base, suffix) => {
|
|
12
|
+
if (!base) return undefined;
|
|
13
|
+
return suffix ? `${base}-${suffix}` : base;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=getTestID.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getTestID","base","suffix","undefined"],"sourceRoot":"../../../src","sources":["helpers/getTestID.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,SAAS,GAAGA,CACvBC,IAAa,EACbC,MAAe,KACQ;EACvB,IAAI,CAACD,IAAI,EAAE,OAAOE,SAAS;EAC3B,OAAOD,MAAM,GAAG,GAAGD,IAAI,IAAIC,MAAM,EAAE,GAAGD,IAAI;AAC5C,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -67,6 +67,8 @@ export { default as BadgeIcon } from "./BadgeIcon/BadgeIcon.js";
|
|
|
67
67
|
export { default as PdfView } from "./FileView/PdfView.js";
|
|
68
68
|
export { default as InputSelect } from "./Input/InputSelect.js";
|
|
69
69
|
export { default as InputDate } from "./Input/InputDate.js";
|
|
70
|
+
export { default as InputMonth } from "./Input/InputMonth.js";
|
|
71
|
+
export { default as InputYear } from "./Input/InputYear.js";
|
|
70
72
|
export { dateFormatter } from "./function/dateFormatter.js";
|
|
71
73
|
export { default as ViewInsets } from "./Ui/ViewInsets.js";
|
|
72
74
|
export { default as Spinner } from "./Spinner/Spinner.js";
|